From 96d16bb4960133877af03cc8bfa5ad0492852c73 Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Tue, 23 Sep 2025 18:09:14 +0900
Subject: [PATCH 1/3] Fix button css

---
 ...tests__optimize_multi_css_value_1.snap.new | 37 +++++++++++++++++++
 .../src/components/Button/index.tsx           | 15 ++++----
 2 files changed, 45 insertions(+), 7 deletions(-)
 create mode 100644 libs/extractor/src/snapshots/extractor__tests__optimize_multi_css_value_1.snap.new

diff --git a/libs/extractor/src/snapshots/extractor__tests__optimize_multi_css_value_1.snap.new b/libs/extractor/src/snapshots/extractor__tests__optimize_multi_css_value_1.snap.new
new file mode 100644
index 00000000..7c01e86c
--- /dev/null
+++ b/libs/extractor/src/snapshots/extractor__tests__optimize_multi_css_value_1.snap.new
@@ -0,0 +1,37 @@
+---
+source: libs/extractor/src/lib.rs
+assertion_line: 7082
+expression: "ToBTreeSet::from(extract(\"test.tsx\",\nr##\"import { jsx as o, jsxs as s } from \"react/jsx-runtime\";\nimport { Button as y, Box as p, Center as F,css as f } from \"@devup-ui/react\";\nimport { clsx as E } from \"clsx\";\nconst g = f({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\"\n});\n\"##,\nExtractOption\n{\n    package: \"@devup-ui/react\".to_string(), css_dir:\n    \"@devup-ui/react\".to_string(), single_css: false, import_main_css: false\n}).unwrap())"
+---
+ToBTreeSet {
+    styles: {
+        Static(
+            ExtractStaticStyle {
+                property: "overflow",
+                value: "hidden",
+                level: 0,
+                selector: None,
+                style_order: None,
+            },
+        ),
+        Static(
+            ExtractStaticStyle {
+                property: "text-overflow",
+                value: "ellipsis",
+                level: 0,
+                selector: None,
+                style_order: None,
+            },
+        ),
+        Static(
+            ExtractStaticStyle {
+                property: "white-space",
+                value: "nowrap",
+                level: 0,
+                selector: None,
+                style_order: None,
+            },
+        ),
+    },
+    code: "import \"@devup-ui/react/devup-ui-0.css\";\nimport { jsx as o, jsxs as s } from \"react/jsx-runtime\";\nimport { clsx as E } from \"clsx\";\nconst g = \"a-a a-b a-c\";\n",
+}
diff --git a/packages/components/src/components/Button/index.tsx b/packages/components/src/components/Button/index.tsx
index 299555b5..39f6238d 100644
--- a/packages/components/src/components/Button/index.tsx
+++ b/packages/components/src/components/Button/index.tsx
@@ -24,12 +24,6 @@ type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   ellipsis?: boolean
 }
 
-const buttonTextEllipsis = css({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-})
-
 export function Button({
   variant = 'default',
   type = 'button',
@@ -247,7 +241,14 @@ export function Button({
           </Center>
         )}
         <Box
-          className={clsx(ellipsis && buttonTextEllipsis)}
+          className={clsx(
+            ellipsis &&
+              css({
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+              }),
+          )}
           lineHeight="1.2"
           minH="1.2em"
           transform={!!icon && 'translateX(8px)'}

From 53d2bc74bd9a59804e3224f2ddf9a0fb3c40070b Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Tue, 23 Sep 2025 18:09:47 +0900
Subject: [PATCH 2/3] Fix button css

---
 .../components/src/components/Button/index.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/components/Button/index.tsx b/packages/components/src/components/Button/index.tsx
index 39f6238d..dba0f324 100644
--- a/packages/components/src/components/Button/index.tsx
+++ b/packages/components/src/components/Button/index.tsx
@@ -5,7 +5,6 @@ import {
   css,
   type DevupThemeTypography,
 } from '@devup-ui/react'
-import { clsx } from 'clsx'
 
 type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
   variant?: 'primary' | 'default'
@@ -241,14 +240,15 @@ export function Button({
           </Center>
         )}
         <Box
-          className={clsx(
-            ellipsis &&
-              css({
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap',
-              }),
-          )}
+          className={
+            ellipsis
+              ? css({
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  whiteSpace: 'nowrap',
+                })
+              : undefined
+          }
           lineHeight="1.2"
           minH="1.2em"
           transform={!!icon && 'translateX(8px)'}

From c09438a92f1ccdceadd5a9a1da80c306f2917428 Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Tue, 23 Sep 2025 18:10:01 +0900
Subject: [PATCH 3/3] Fix button css

---
 .changeset/mean-comics-kick.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/mean-comics-kick.md

diff --git a/.changeset/mean-comics-kick.md b/.changeset/mean-comics-kick.md
new file mode 100644
index 00000000..34a66b8d
--- /dev/null
+++ b/.changeset/mean-comics-kick.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/components": patch
+---
+
+Fix button css