From 7bde1f22e3d20f6e07077c9b9da8392c62e309ea Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Thu, 16 Jan 2025 14:44:49 +0900
Subject: [PATCH] Add boxSizing prop

---
 .changeset/brave-sloths-warn.md              | 6 ++++++
 libs/css/src/lib.rs                          | 1 +
 packages/react/src/types/props/box-sizing.ts | 3 +++
 3 files changed, 10 insertions(+)
 create mode 100644 .changeset/brave-sloths-warn.md

diff --git a/.changeset/brave-sloths-warn.md b/.changeset/brave-sloths-warn.md
new file mode 100644
index 00000000..2a2d5eb7
--- /dev/null
+++ b/.changeset/brave-sloths-warn.md
@@ -0,0 +1,6 @@
+---
+"@devup-ui/react": patch
+"@devup-ui/wasm": patch
+---
+
+Add boxSizing prop
diff --git a/libs/css/src/lib.rs b/libs/css/src/lib.rs
index b8744b66..ca27fcc1 100644
--- a/libs/css/src/lib.rs
+++ b/libs/css/src/lib.rs
@@ -59,6 +59,7 @@ static GLOBAL_STYLE_PROPERTY: Lazy<Mutex<HashMap<&str, PropertyType>>> = Lazy::n
             ("my", ["margin-top", "margin-bottom"]),
             ("px", ["padding-left", "padding-right"]),
             ("py", ["padding-top", "padding-bottom"]),
+            ("boxSize", ["width", "height"]),
         ] {
             map.insert(key, value.into());
         }
diff --git a/packages/react/src/types/props/box-sizing.ts b/packages/react/src/types/props/box-sizing.ts
index 7488ce99..bf9abd41 100644
--- a/packages/react/src/types/props/box-sizing.ts
+++ b/packages/react/src/types/props/box-sizing.ts
@@ -24,4 +24,7 @@ export interface DevupUiBoxSizingProps {
   minH?: ResponsiveValue<Property.MinHeight>
   minW?: ResponsiveValue<Property.MinWidth>
   w?: ResponsiveValue<Property.Width>
+
+  // width and height
+  boxSize?: ResponsiveValue<Property.Width | Property.Height>
 }