@anoki/fse-ui 1.0.0-beta1.37.32 → 1.0.0-beta1.37.34

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as s } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

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

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as m } from "./index.es265.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: t = 24,
   height: o = 24,

package/dist/index.es169.js

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

package/dist/index.es170.js

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

package/dist/index.es171.js

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

package/dist/index.es172.js

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

package/dist/index.es173.js

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

package/dist/index.es174.js

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

package/dist/index.es178.js

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

package/dist/index.es179.js

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

package/dist/index.es180.js

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

package/dist/index.es182.js

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

package/dist/index.es183.js

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

package/dist/index.es184.js

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

package/dist/index.es185.js

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

package/dist/index.es186.js

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

package/dist/index.es187.js

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

package/dist/index.es188.js

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

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as c } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const d = ({
   width: r = 40,
   height: e = 40,

package/dist/index.es190.js

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

package/dist/index.es191.js

@@ -1,10 +1,15 @@
 import { j as s } from "./index.es235.js";
-const n = ({ width: e = 24, height: r = 24 }) => /* @__PURE__ */ s.jsx(
+import { clsx as o } from "./index.es237.js";
+const t = ({
+  width: r = 24,
+  height: e = 24,
+  className: i
+}) => /* @__PURE__ */ s.jsx(
   "svg",
   {
-    width: e,
-    height: r,
-    className: "spinner",
+    width: r,
+    height: e,
+    className: o("spinner", i),
     viewBox: "0 0 50 50",
     children: /* @__PURE__ */ s.jsx(
       "circle",
@@ -20,6 +25,6 @@ const n = ({ width: e = 24, height: r = 24 }) => /* @__PURE__ */ s.jsx(
   }
 );
 export {
-  n as Spinner
+  t as Spinner
 };
 //# sourceMappingURL=index.es191.js.map

package/dist/index.es191.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es191.js","sources":["../src/icons/Spinner/index.tsx"],"sourcesContent":["type SpinnerProps = {\n  width?: number;\n  height?: number;\n};\n\nexport const Spinner = ({ width = 24, height = 24 }: SpinnerProps) => (\n  <svg\n    width={width}\n    height={height}\n    className=\"spinner\"\n    viewBox=\"0 0 50 50\"\n    // style={{ width: \"24px\", height: \"24px\" }}\n  >\n    <circle\n      className=\"path\"\n      cx=\"25\"\n      cy=\"25\"\n      r=\"20\"\n      fill=\"none\"\n      strokeWidth=\"5\"\n    ></circle>\n  </svg>\n);\n"],"names":["Spinner","width","height","jsx"],"mappings":";AAKO,MAAMA,IAAU,CAAC,EAAE,OAAAC,IAAQ,IAAI,QAAAC,IAAS,SAC7CC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,WAAU;AAAA,IACV,SAAQ;AAAA,IAGR,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AACH;"}
+{"version":3,"file":"index.es191.js","sources":["../src/icons/Spinner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\ntype SpinnerProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport const Spinner = ({\n  width = 24,\n  height = 24,\n  className,\n}: SpinnerProps) => (\n  <svg\n    width={width}\n    height={height}\n    className={clsx(\"spinner\", className)}\n    viewBox=\"0 0 50 50\"\n    // style={{ width: \"24px\", height: \"24px\" }}\n  >\n    <circle\n      className=\"path\"\n      cx=\"25\"\n      cy=\"25\"\n      r=\"20\"\n      fill=\"none\"\n      strokeWidth=\"5\"\n    ></circle>\n  </svg>\n);\n"],"names":["Spinner","width","height","className","jsx","clsx"],"mappings":";;AAQO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,QAAAC;AAAA,IACA,WAAWG,EAAK,WAAWF,CAAS;AAAA,IACpC,SAAQ;AAAA,IAGR,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AACH;"}

package/dist/index.es192.js

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

package/dist/index.es193.js

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

package/dist/index.es194.js

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

package/dist/index.es195.js

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

package/dist/index.es196.js

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

package/dist/index.es197.js

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

package/dist/index.es198.js

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

package/dist/index.es201.js

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

package/dist/index.es202.js

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

package/dist/index.es203.js

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

package/dist/index.es204.js

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

package/dist/index.es205.js

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

package/dist/index.es206.js

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

package/dist/index.es207.js

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

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es235.js";
-import { createColorClasses as H } from "./index.es265.js";
+import { createColorClasses as H } from "./index.es263.js";
 import { clsx as V } from "./index.es237.js";
 const c = ({
   width: r = 32,

package/dist/index.es214.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as o } from "./index.es237.js";
-import { createColorClasses as x } from "./index.es265.js";
+import { createColorClasses as x } from "./index.es263.js";
 const p = ({
   width: i = 73,
   height: s = 73,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es282.js";
 import { clsx as o } from "./index.es237.js";
-import { createColorClasses as h } from "./index.es265.js";
+import { createColorClasses as h } from "./index.es263.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es153.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es253.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es468.js";
-import { m as l } from "./index.es469.js";
+import { c as w } from "./index.es454.js";
+import { m as l } from "./index.es455.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es254.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es470.js";
-import { c as F } from "./index.es468.js";
-import { m, a as E, f as T, h as S } from "./index.es469.js";
+import { c as $ } from "./index.es456.js";
+import { c as F } from "./index.es454.js";
+import { m, a as E, f as T, h as S } from "./index.es455.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es255.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es471.js";
-import { c as y } from "./index.es470.js";
-import { c as K, m as n, h as j } from "./index.es469.js";
+import { g as F } from "./index.es457.js";
+import { c as y } from "./index.es456.js";
+import { c as K, m as n, h as j } from "./index.es455.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es263.js

@@ -1,30 +1,5 @@
-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);
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  a as createSpacingClasses
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es263.js.map

package/dist/index.es263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es263.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;"}
+{"version":3,"file":"index.es263.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  | \"blue-15\"\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":"AA8BA,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.es264.js

@@ -0,0 +1,30 @@
+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 {
+  a as createSpacingClasses
+};
+//# sourceMappingURL=index.es264.js.map

package/dist/index.es264.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es264.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.es273.js

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

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import { createColorClasses as g } from "./index.es265.js";
+import { createColorClasses as g } from "./index.es263.js";
 import { clsx as E } from "./index.es237.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es191.js";

package/dist/index.es282.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es456.js";
-import { composeRefs as E } from "./index.es457.js";
-import { createContextScope as S } from "./index.es458.js";
-import { useControllableState as P } from "./index.es459.js";
-import { Primitive as y } from "./index.es460.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es461.js";
-import { useId as g } from "./index.es462.js";
+import { composeEventHandlers as m } from "./index.es461.js";
+import { composeRefs as E } from "./index.es459.js";
+import { createContextScope as S } from "./index.es460.js";
+import { useControllableState as P } from "./index.es462.js";
+import { Primitive as y } from "./index.es466.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es467.js";
+import { useId as g } from "./index.es468.js";
 import { j as a } from "./index.es235.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es285.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const x = ({
   width: r = 56,
   height: s = 10,

package/dist/index.es287.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es28.js";
 import { HeaderTopBanner as g } from "./index.es21.js";
 import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es237.js";
-import { useFocusTrap as N } from "./index.es453.js";
+import { useFocusTrap as N } from "./index.es486.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";