@anoki/fse-ui 1.0.733 → 1.0.734

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as M } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es227.js";
+import { createColorClasses as t } from "./index.es229.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as s } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es227.js";
+import { createColorClasses as r } from "./index.es229.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es227.js";
+import { createColorClasses as r } from "./index.es229.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as s } from "./index.es227.js";
+import { createColorClasses as s } from "./index.es229.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
 import { clsx as M } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es227.js";
+import { createColorClasses as c } from "./index.es229.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as s } from "./index.es214.js";
-import { createColorClasses as f } from "./index.es227.js";
+import { createColorClasses as f } from "./index.es229.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as o } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es227.js";
+import { createColorClasses as t } from "./index.es229.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es227.js";
+import { createColorClasses as a } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es227.js";
+import { createColorClasses as a } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as h } from "./index.es227.js";
+import { createColorClasses as h } from "./index.es229.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as r } from "./index.es227.js";
+import { createColorClasses as r } from "./index.es229.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import { createColorClasses as t } from "./index.es227.js";
+import { createColorClasses as t } from "./index.es229.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as m } from "./index.es214.js";
-import { createColorClasses as d } from "./index.es227.js";
+import { createColorClasses as d } from "./index.es229.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as v } from "./index.es227.js";
+import { createColorClasses as v } from "./index.es229.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es227.js";
+import { createColorClasses as c } from "./index.es229.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es227.js";
+import { createColorClasses as m } from "./index.es229.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es227.js";
+import { createColorClasses as c } from "./index.es229.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es227.js";
+import { createColorClasses as m } from "./index.es229.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es227.js";
+import { createColorClasses as a } from "./index.es229.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es227.js";
+import { createColorClasses as m } from "./index.es229.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as c } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as x } from "./index.es227.js";
+import { createColorClasses as x } from "./index.es229.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es227.js";
+import { createColorClasses as c } from "./index.es229.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as c } from "./index.es227.js";
+import { createColorClasses as c } from "./index.es229.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es227.js";
+import { createColorClasses as a } from "./index.es229.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as m } from "./index.es214.js";
-import { createColorClasses as a } from "./index.es227.js";
+import { createColorClasses as a } from "./index.es229.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es227.js";
+import { createColorClasses as m } from "./index.es229.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as m } from "./index.es227.js";
+import { createColorClasses as m } from "./index.es229.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es212.js";
 import { clsx as t } from "./index.es214.js";
-import { createColorClasses as i } from "./index.es227.js";
+import { createColorClasses as i } from "./index.es229.js";
 const m = ({
   width: e = 32,
   height: s = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import { clsx as i } from "./index.es214.js";
-import { createColorClasses as C } from "./index.es227.js";
+import { createColorClasses as C } from "./index.es229.js";
 const m = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es185.js

@@ -1,25 +1,36 @@
 import { j as e } from "./index.es212.js";
-const n = ({ width: H = 32, height: V = 32 }) => /* @__PURE__ */ e.jsx(
-  "svg",
-  {
-    width: H,
-    height: V,
-    viewBox: "0 0 20 17",
-    fill: "none",
-    "aria-hidden": "true",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ e.jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M18.5 1H15V0H14V1H6V0H5V1H1.5C0.671573 1 0 1.67157 0 2.5V15.5C0 16.3284 0.671573 17 1.5 17H18.5C19.3284 17 20 16.3284 20 15.5V2.5C20 1.67157 19.3284 1 18.5 1ZM19 15.5C19 15.7761 18.7761 16 18.5 16H1.5C1.22386 16 1 15.7761 1 15.5V2.5C1 2.22386 1.22386 2 1.5 2H5V3H6V2H14V3H15V2H18.5C18.7761 2 19 2.22386 19 2.5V15.5ZM18 5H2V6H18V5Z",
-        fill: "#5C6F82"
-      }
-    )
-  }
-);
+import { createColorClasses as n } from "./index.es229.js";
+import { clsx as H } from "./index.es214.js";
+const a = ({
+  width: r = 32,
+  height: l = 32,
+  color: o,
+  className: s
+}) => {
+  const t = n({ color: o });
+  return /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      width: r,
+      height: l,
+      viewBox: "0 0 20 17",
+      fill: "none",
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: H(s, t),
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.5 1H15V0H14V1H6V0H5V1H1.5C0.671573 1 0 1.67157 0 2.5V15.5C0 16.3284 0.671573 17 1.5 17H18.5C19.3284 17 20 16.3284 20 15.5V2.5C20 1.67157 19.3284 1 18.5 1ZM19 15.5C19 15.7761 18.7761 16 18.5 16H1.5C1.22386 16 1 15.7761 1 15.5V2.5C1 2.22386 1.22386 2 1.5 2H5V3H6V2H14V3H15V2H18.5C18.7761 2 19 2.22386 19 2.5V15.5ZM18 5H2V6H18V5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
 export {
-  n as CalendarOutline
+  a as CalendarOutline
 };
 //# sourceMappingURL=index.es185.js.map

package/dist/index.es185.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es185.js","sources":["../src/icons/CalendarOutline/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\n\nexport const CalendarOutline = ({ width = 32, height = 32 }: IconProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 17\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M18.5 1H15V0H14V1H6V0H5V1H1.5C0.671573 1 0 1.67157 0 2.5V15.5C0 16.3284 0.671573 17 1.5 17H18.5C19.3284 17 20 16.3284 20 15.5V2.5C20 1.67157 19.3284 1 18.5 1ZM19 15.5C19 15.7761 18.7761 16 18.5 16H1.5C1.22386 16 1 15.7761 1 15.5V2.5C1 2.22386 1.22386 2 1.5 2H5V3H6V2H14V3H15V2H18.5C18.7761 2 19 2.22386 19 2.5V15.5ZM18 5H2V6H18V5Z\"\n        fill=\"#5C6F82\"\n      />\n    </svg>\n  );\n};\n"],"names":["CalendarOutline","width","height","jsx"],"mappings":";AAEO,MAAMA,IAAkB,CAAC,EAAE,OAAAC,IAAQ,IAAI,QAAAC,IAAS,SAEnDC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,OAAM;AAAA,IAEN,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP;AACF;"}
+{"version":3,"file":"index.es185.js","sources":["../src/icons/CalendarOutline/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types/icons\";\nimport clsx from \"clsx\";\n\nexport const CalendarOutline = ({\n  width = 32,\n  height = 32,\n  color,\n  className,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 17\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M18.5 1H15V0H14V1H6V0H5V1H1.5C0.671573 1 0 1.67157 0 2.5V15.5C0 16.3284 0.671573 17 1.5 17H18.5C19.3284 17 20 16.3284 20 15.5V2.5C20 1.67157 19.3284 1 18.5 1ZM19 15.5C19 15.7761 18.7761 16 18.5 16H1.5C1.22386 16 1 15.7761 1 15.5V2.5C1 2.22386 1.22386 2 1.5 2H5V3H6V2H14V3H15V2H18.5C18.7761 2 19 2.22386 19 2.5V15.5ZM18 5H2V6H18V5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"],"names":["CalendarOutline","width","height","color","className","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAH,GAAO;AAE1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,WAAWM,EAAKJ,GAAWC,CAAO;AAAA,MAElC,UAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EACF;AAEJ;"}

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
 import { clsx as e } from "./index.es214.js";
-import { createColorClasses as o } from "./index.es227.js";
+import { createColorClasses as o } from "./index.es229.js";
 const n = ({
   width: i = 73,
   height: s = 73,

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es212.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es244.js";
 import { clsx as o } from "./index.es214.js";
-import { createColorClasses as h } from "./index.es227.js";
+import { createColorClasses as h } from "./index.es229.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es131.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es227.js

@@ -1,5 +1,30 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
 export {
-  e as createColorClasses
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es227.js.map

package/dist/index.es227.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es227.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA6BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}
+{"version":3,"file":"index.es227.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es229.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es229.js.map

package/dist/index.es229.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es229.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA6BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es237.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import { clsx as a } from "./index.es214.js";
-import { createColorClasses as e } from "./index.es227.js";
+import { createColorClasses as e } from "./index.es229.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",