@anoki/fse-ui 1.0.553 → 1.0.554

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as c } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as c } from "./index.es199.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as c } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as c } from "./index.es199.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es16.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es186.js";
 import { Container as p } from "./index.es6.js";
-import { Divider as u } from "./index.es199.js";
+import { Divider as u } from "./index.es208.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as j } from "./index.es187.js";
+import { clsx as j } from "./index.es188.js";
 import { FseMS as N } from "./index.es127.js";
 import { FseMEF as E } from "./index.es125.js";
 import { FseDGT as U } from "./index.es124.js";

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as m } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as m } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as m } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as m } from "./index.es199.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as m } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as m } from "./index.es199.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es187.js";
+import { clsx as i } from "./index.es188.js";
 import { Row as j } from "./index.es9.js";
 const h = ({
   as: x = "div",

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es186.js";
 import { LOGOS as i } from "./index.es24.js";
-import { clsx as s } from "./index.es187.js";
-import { Divider as l } from "./index.es199.js";
+import { clsx as s } from "./index.es188.js";
+import { Divider as l } from "./index.es208.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";
 import { Row as v } from "./index.es9.js";

package/dist/index.es188.js

@@ -1,30 +1,18 @@
-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);
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
 export {
-  a as createSpacingClasses
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=index.es188.js.map

package/dist/index.es188.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es188.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.es188.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { BreadcrumbItem as o } from "./index.es202.js";
-import { clsx as l } from "./index.es187.js";
+import { BreadcrumbItem as o } from "./index.es211.js";
+import { clsx as l } from "./index.es188.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({
   items: e = [{ label: "Home", href: "#" }]

package/dist/index.es190.js

@@ -1,5 +1,6 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+import { __require as r } from "./index.es330.js";
+var a = r();
 export {
-  e as createColorClasses
+  a as l
 };
 //# sourceMappingURL=index.es190.js.map

package/dist/index.es190.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es190.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.es190.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

package/dist/index.es197.js.map

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

@@ -1,25 +1,5 @@
-import { j as s } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as e } from "./index.es190.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
-      )
-    }
-  );
-};
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  p as Divider
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es199.js.map

package/dist/index.es199.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es199.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\nimport \"./Divider.scss\";\n\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\n  direction?: \"horizontal\" | \"vertical\";\n  className?: string;\n};\n\nexport const Divider = ({\n  direction = \"horizontal\",\n  bg = \"white\",\n  className,\n}: DividerProps) => {\n  const colorClass = createColorClasses({ bg });\n\n  return (\n    <div\n      className={clsx(\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\n        colorClass,\n        className,\n      )}\n    />\n  );\n};\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;"}
+{"version":3,"file":"index.es199.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.es20.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es186.js";
-import { clsx as r } from "./index.es187.js";
+import { clsx as r } from "./index.es188.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es9.js";
 const x = ({

package/dist/{index.es191.js → index.es200.js}

@@ -2,4 +2,4 @@ const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filt
 export {
   t as createTypographyClasses
 };
-//# sourceMappingURL=index.es191.js.map
+//# sourceMappingURL=index.es200.js.map

package/dist/{index.es191.js.map → index.es200.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es191.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\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;"}
+{"version":3,"file":"index.es200.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\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.es202.js

@@ -1,25 +1,15 @@
-import { j as m } from "./index.es186.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es187.js";
-const a = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "li",
-    {
-      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
-    }
-  );
+import { j as a } from "./index.es186.js";
+import { useState as t } from "react";
+import { AlertDialogUI as c } from "./index.es89.js";
+const A = () => {
+  const [e, o] = t(!1), [s, r] = t({}), l = (i = {}) => {
+    r(i), o(!0);
+  }, n = () => {
+    o(!1);
+  };
+  return { openAlert: l, AlertDialog: () => /* @__PURE__ */ a.jsx(c, { isOpen: e, onClose: n, ...s }) };
 };
 export {
-  a as BreadcrumbItem
+  A as useAlertDialog
 };
 //# sourceMappingURL=index.es202.js.map

package/dist/index.es202.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es202.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <li\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </li>\n  );\n};\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;"}
+{"version":3,"file":"index.es202.js","sources":["../src/hooks/useAlert.tsx"],"sourcesContent":["import { AlertDialogUI } from \"@/components\";\nimport { useState } from \"react\";\n\nexport const useAlertDialog = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [config, setConfig] = useState({});\n\n  const openAlert = (options = {}) => {\n    setConfig(options);\n    setIsOpen(true);\n  };\n\n  const closeAlert = () => {\n    setIsOpen(false);\n  };\n\n  const AlertDialog = () => (\n    <AlertDialogUI isOpen={isOpen} onClose={closeAlert} {...config} />\n  );\n\n  return { openAlert, AlertDialog };\n};\n"],"names":["useAlertDialog","isOpen","setIsOpen","useState","config","setConfig","openAlert","options","closeAlert","jsx","AlertDialogUI"],"mappings":";;;AAGO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAQC,CAAS,IAAIF,EAAS,CAAA,CAAE,GAEjCG,IAAY,CAACC,IAAU,OAAO;AAClC,IAAAF,EAAUE,CAAO,GACjBL,EAAU,EAAI;AAAA,EAChB,GAEMM,IAAa,MAAM;AACvB,IAAAN,EAAU,EAAK;AAAA,EACjB;AAMO,SAAA,EAAE,WAAAI,GAAW,aAJA,MACjBG,gBAAAA,EAAA,IAAAC,GAAA,EAAc,QAAAT,GAAgB,SAASO,GAAa,GAAGJ,GAAQ,EAGlC;AAClC;"}

package/dist/{index.es195.js → index.es204.js}

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

package/dist/{index.es195.js.map → index.es204.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es195.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\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.es204.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\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.es208.js

@@ -1,79 +1,25 @@
-import { j as e } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
-const x = ({
-  width: r = 56,
-  height: s = 10,
-  className: l,
-  color: i
+import { j as s } from "./index.es186.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as e } from "./index.es199.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
 }) => {
-  const o = a({ color: i });
-  return /* @__PURE__ */ e.jsxs(
-    "svg",
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: r,
-      height: s,
-      fill: "currentColor",
-      viewBox: "0 0 56 10",
-      className: t(l, o),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
-          "path",
-          {
-            fill: "#fff",
-            fillRule: "evenodd",
-            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
-            clipRule: "evenodd"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
-          "filter",
-          {
-            id: "filter0_d_348_84872",
-            width: "56",
-            height: "40.793",
-            x: "0",
-            y: "-6.793",
-            colorInterpolationFilters: "sRGB",
-            filterUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ e.jsx(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  result: "hardAlpha",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                }
-              ),
-              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
-              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
-              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_348_84872"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_348_84872",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
     }
   );
 };
 export {
-  x as ArrowList
+  p as Divider
 };
 //# sourceMappingURL=index.es208.js.map

package/dist/index.es208.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es208.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowList = ({\n  width = 56,\n  height = 10,\n  className,\n  color,\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 56 10\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <g filter=\"url(#filter0_d_348_84872)\">\n        <path\n          fill=\"#fff\"\n          fillRule=\"evenodd\"\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\n          clipRule=\"evenodd\"\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_348_84872\"\n          width=\"56\"\n          height=\"40.793\"\n          x=\"0\"\n          y=\"-6.793\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            result=\"hardAlpha\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          ></feColorMatrix>\n          <feOffset dy=\"8\"></feOffset>\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\n          <feBlend\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_348_84872\"\n          ></feBlend>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_348_84872\"\n            result=\"shape\"\n          ></feBlend>\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n"],"names":["ArrowList","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAA;AAAA,QAACI,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es208.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\nimport \"./Divider.scss\";\n\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\n  direction?: \"horizontal\" | \"vertical\";\n  className?: string;\n};\n\nexport const Divider = ({\n  direction = \"horizontal\",\n  bg = \"white\",\n  className,\n}: DividerProps) => {\n  const colorClass = createColorClasses({ bg });\n\n  return (\n    <div\n      className={clsx(\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\n        colorClass,\n        className,\n      )}\n    />\n  );\n};\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.es21.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es186.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es24.js";
-import { Divider as l } from "./index.es199.js";
-import { clsx as x } from "./index.es187.js";
+import { Divider as l } from "./index.es208.js";
+import { clsx as x } from "./index.es188.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es211.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es186.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es188.js";
+const a = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "li",
+    {
+      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 {
+  a as BreadcrumbItem
+};
+//# sourceMappingURL=index.es211.js.map

package/dist/index.es211.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es211.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <li\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </li>\n  );\n};\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.es205.js → index.es214.js}

@@ -207,4 +207,4 @@ export {
   Co as Trigger,
   bo as createDropdownMenuScope
 };
-//# sourceMappingURL=index.es205.js.map
+//# sourceMappingURL=index.es214.js.map