sud-ui 1.1.3 → 1.1.4

package/README.md

@@ -4,7 +4,7 @@
   </a>
 </p>
 
-# Soon UI Design Library [![npm version](https://img.shields.io/badge/npm-1.1.3-blue)](https://www.npmjs.com/package/sud-ui)
+# Soon UI Design Library [![npm version](https://img.shields.io/badge/npm-1.1.4-blue)](https://www.npmjs.com/package/sud-ui)
 
 **Soon UI Design (SUD)** is a React UI library that helps you quickly build responsive and polished interfaces using reusable components and customizable design tokens.
 

package/dist/index.js

@@ -11990,18 +11990,6 @@ const I9 = {
     9: "#515a70",
     10: "#373f52"
   },
-  neutral: {
-    1: "#ffffff",
-    2: "#f5f5f5",
-    3: "#e0e0e0",
-    4: "#c2c2c2",
-    5: "#a3a3a3",
-    6: "#858585",
-    7: "#666666",
-    8: "#4d4d4d",
-    9: "#2e2e2e",
-    10: "#000000"
-  },
   black: {
     1: "#ffffff",
     2: "#f5f5f5",
@@ -12106,9 +12094,9 @@ const I9 = {
           title: `${r}-${u}`,
           style: {
             width: "100%",
-            aspectRatio: "1/1",
+            aspectRatio: "2/1",
             backgroundColor: b,
-            borderRadius: "50%",
+            borderRadius: "15%",
             // 둥글게 (이미지처럼)
             cursor: "pointer",
             border: J0(W.r, W.g, W.b) === b.toUpperCase() ? "2px solid #000" : "1px solid rgba(0,0,0,0.1)",
@@ -12222,6 +12210,19 @@ const I9 = {
         style: { marginTop: 8 },
         ...p
       }
+    ),
+    " ",
+    /* @__PURE__ */ t.jsx(
+      m0,
+      {
+        className: "sud-color-picker__preview",
+        style: {
+          width: "100%",
+          height: "50px",
+          backgroundColor: `rgba(${W.r}, ${W.g}, ${W.b}, ${T / 100})`
+        },
+        ...C
+      }
     )
   ] });
   return /* @__PURE__ */ t.jsx(
@@ -12234,7 +12235,7 @@ const I9 = {
       title: null,
       footer: null,
       ...d,
-      content: /* @__PURE__ */ t.jsxs(
+      content: /* @__PURE__ */ t.jsx(
         "div",
         {
           className: o1("sud-color-picker", k),
@@ -12242,27 +12243,13 @@ const I9 = {
             display: "flex",
             flexDirection: "column",
             gap: 12,
-            width: 300,
+            width: L === "preset" ? 200 : 300,
             padding: "8px 0"
           },
           role: "dialog",
           "aria-label": "색상 선택기",
           ...M,
-          children: [
-            L === "preset" ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(N, {}),
-            /* @__PURE__ */ t.jsx(
-              m0,
-              {
-                className: "sud-color-picker__preview",
-                style: {
-                  width: "100%",
-                  height: "50px",
-                  backgroundColor: `rgba(${W.r}, ${W.g}, ${W.b}, ${T / 100})`
-                },
-                ...C
-              }
-            )
-          ]
+          children: L === "preset" ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(N, {})
         }
       ),
       children: n || /* @__PURE__ */ t.jsx(