@anoki/fse-ui 1.0.0-beta1.48.2 → 1.0.0-beta1.48.3

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as n } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as n } from "./index.es244.js";
-import { createColorClasses as d } from "./index.es245.js";
+import { createColorClasses as d } from "./index.es247.js";
 const p = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es19.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es243.js";
-import { BreadcrumbItem as i } from "./index.es287.js";
+import { BreadcrumbItem as i } from "./index.es259.js";
 import { clsx as l } from "./index.es244.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as a } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 const v = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as r } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 const c = ({
   width: o = 24,
   height: i = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const x = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es193.js

@@ -1,27 +1,27 @@
-import { j as o } from "./index.es243.js";
-import { clsx as a } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
-const x = ({
-  width: r = 40,
-  height: l = 40,
+import { j as l } from "./index.es243.js";
+import { clsx as t } from "./index.es244.js";
+import { createColorClasses as n } from "./index.es247.js";
+const p = ({
+  width: o = 40,
+  height: r = 40,
   className: e,
   color: c,
-  decorative: s = !0,
+  decorative: s = !1,
   ariaLabel: i = "Icona"
 }) => {
-  const t = n({ color: c });
-  return /* @__PURE__ */ o.jsx(
+  const a = n({ color: c });
+  return /* @__PURE__ */ l.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: r,
-      height: l,
+      width: o,
+      height: r,
       fill: "currentColor",
       viewBox: "0 0 40 40",
-      className: a(e, t),
+      className: t(e, a),
       "aria-hidden": s,
       "aria-label": s ? void 0 : i,
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ l.jsx(
         "path",
         {
           fill: "#008055",
@@ -34,6 +34,6 @@ const x = ({
   );
 };
 export {
-  x as Confirm
+  p as Confirm
 };
 //# sourceMappingURL=index.es193.js.map

package/dist/index.es193.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es193.js","sources":["../src/icons/Confirm/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons.ts\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Confirm = ({\n  width = 40,\n  height = 40,\n  className,\n  color,\n  decorative = true,\n  ariaLabel = \"Icona\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 40 40\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"#008055\"\n        fillRule=\"evenodd\"\n        d=\"M20.695 36.665c-9.588 0-17.361-7.462-17.361-16.666S11.107 3.332 20.695 3.332c4.605 0 9.02 1.756 12.276 4.882s5.085 7.364 5.085 11.785c0 9.204-7.773 16.666-17.36 16.666m8.854-23.5 1.216 1.167-13.542 12.667-8.16-7.667 1.215-1.167 6.945 6.5zM20.695 5c8.63 0 15.625 6.715 15.625 15s-6.995 15-15.625 15-15.625-6.716-15.625-15c0-8.285 6.996-15 15.625-15\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["Confirm","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es193.js","sources":["../src/icons/Confirm/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons.ts\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Confirm = ({\n  width = 40,\n  height = 40,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Icona\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 40 40\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"#008055\"\n        fillRule=\"evenodd\"\n        d=\"M20.695 36.665c-9.588 0-17.361-7.462-17.361-16.666S11.107 3.332 20.695 3.332c4.605 0 9.02 1.756 12.276 4.882s5.085 7.364 5.085 11.785c0 9.204-7.773 16.666-17.36 16.666m8.854-23.5 1.216 1.167-13.542 12.667-8.16-7.667 1.215-1.167 6.945 6.5zM20.695 5c8.63 0 15.625 6.715 15.625 15s-6.995 15-15.625 15-15.625-6.716-15.625-15c0-8.285 6.996-15 15.625-15\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["Confirm","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EACH;AAEJ;"}

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as x } from "./index.es244.js";
-import { createColorClasses as c } from "./index.es245.js";
+import { createColorClasses as c } from "./index.es247.js";
 const f = ({
   width: t = 24,
   height: o = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as c } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as c } from "./index.es244.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 const w = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as C } from "./index.es244.js";
-import { createColorClasses as c } from "./index.es245.js";
+import { createColorClasses as c } from "./index.es247.js";
 const p = ({
   width: r = 20,
   height: l = 20,

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as a } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const w = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const x = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const x = ({
   width: a = 24,
   height: e = 24,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as i } from "./index.es244.js";
-import { createColorClasses as c } from "./index.es245.js";
+import { createColorClasses as c } from "./index.es247.js";
 const h = ({
   width: e = 36,
   height: l = 36,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as t } from "./index.es244.js";
-import { createColorClasses as i } from "./index.es245.js";
+import { createColorClasses as i } from "./index.es247.js";
 const p = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es21.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es243.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es27.js";
-import { Divider as l } from "./index.es283.js";
+import { Divider as l } from "./index.es255.js";
 import { clsx as x } from "./index.es244.js";
 import { Row as d } from "./index.es9.js";
 const b = ({

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as n } from "./index.es244.js";
-import { createColorClasses as a } from "./index.es245.js";
+import { createColorClasses as a } from "./index.es247.js";
 const p = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as a } from "./index.es244.js";
-import { createColorClasses as n } from "./index.es245.js";
+import { createColorClasses as n } from "./index.es247.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as t } from "./index.es244.js";
-import { createColorClasses as c } from "./index.es245.js";
+import { createColorClasses as c } from "./index.es247.js";
 const x = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as a } from "./index.es244.js";
-import { createColorClasses as c } from "./index.es245.js";
+import { createColorClasses as c } from "./index.es247.js";
 const f = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es214.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es243.js";
-import { createColorClasses as H } from "./index.es245.js";
+import { createColorClasses as H } from "./index.es247.js";
 import { clsx as V } from "./index.es244.js";
 const m = ({
   width: o = 32,

package/dist/index.es220.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as x } from "./index.es244.js";
-import { createColorClasses as h } from "./index.es245.js";
+import { createColorClasses as h } from "./index.es247.js";
 const f = ({
   width: s = 73,
   height: r = 73,

package/dist/index.es222.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as a } from "./index.es244.js";
-import { createColorClasses as l } from "./index.es245.js";
+import { createColorClasses as l } from "./index.es247.js";
 const p = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es223.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es245.js";
+import { createColorClasses as m } from "./index.es247.js";
 import { clsx as c } from "./index.es244.js";
 const f = ({
   width: o = 24,

package/dist/index.es24.js

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

package/dist/index.es245.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.es245.js.map

package/dist/index.es245.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es245.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\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;"}
+{"version":3,"file":"index.es245.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\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.es247.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.es247.js.map

package/dist/index.es247.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es247.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\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.es248.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es455.js";
-var a = r();
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
 export {
-  a as l
+  t as createTypographyClasses
 };
 //# sourceMappingURL=index.es248.js.map

package/dist/index.es248.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es248.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es248.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"custom\";\r\n\r\nexport type TypographyProps = {\r\n  fs?: TypographyKeys;\r\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n};\r\n\r\nexport type TypographyPropsKeys = keyof TypographyProps;\r\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\r\n\r\nexport const createTypographyClasses = <TProps extends TypographyProps>(\r\n  props: TProps,\r\n) => {\r\n  return typographyPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es25.js

@@ -3,7 +3,7 @@ import { clsx as l } from "./index.es244.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as u } from "./index.es157.js";
 import { useState as p, useRef as f, useEffect as x } from "react";
-import { ArrowList as w } from "./index.es295.js";
+import { ArrowList as w } from "./index.es267.js";
 import { Col as h } from "./index.es10.js";
 const C = ({
   size: n,

package/dist/{index.es279.js → index.es251.js}

@@ -15,4 +15,4 @@ const m = (t) => {
 export {
   m as useMediaQuery
 };
-//# sourceMappingURL=index.es279.js.map
+//# sourceMappingURL=index.es251.js.map

package/dist/{index.es279.js.map → index.es251.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es279.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es251.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es255.js

@@ -1,8 +1,25 @@
-import { getDefaultExportFromCjs as r } from "./index.es456.js";
-import { __require as o } from "./index.es458.js";
-var e = o();
-const a = /* @__PURE__ */ r(e);
+import { j as s } from "./index.es243.js";
+import { clsx as a } from "./index.es244.js";
+import { createColorClasses as e } from "./index.es247.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
+}) => {
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
+};
 export {
-  a as default
+  p as Divider
 };
 //# sourceMappingURL=index.es255.js.map

package/dist/index.es255.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es255.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es255.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/index.es259.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es243.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es244.js";
+const i = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "span",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
+};
+export {
+  i as BreadcrumbItem
+};
+//# sourceMappingURL=index.es259.js.map

package/dist/index.es259.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es259.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es26.js

@@ -3,7 +3,7 @@ import { clsx as l } from "./index.es244.js";
 import './components/ui/FilterDropDownV2/FilterDropDownV2.css';/* empty css            */
 import { ArrowDown as u } from "./index.es157.js";
 import { useState as f, useRef as p, useEffect as x } from "react";
-import { ArrowList as v } from "./index.es295.js";
+import { ArrowList as v } from "./index.es267.js";
 import { Col as w } from "./index.es10.js";
 const C = ({
   items: a = [],