@anoki/fse-ui 1.0.540 → 1.0.541

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es184.js";
-import { clsx as i } from "./index.es186.js";
-import { createColorClasses as a } from "./index.es195.js";
+import { clsx as i } from "./index.es185.js";
+import { createColorClasses as a } from "./index.es188.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es184.js";
-import { clsx as r } from "./index.es186.js";
-import { createColorClasses as i } from "./index.es195.js";
+import { clsx as r } from "./index.es185.js";
+import { createColorClasses as i } from "./index.es188.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es184.js";
-import { clsx as l } from "./index.es186.js";
-import { createColorClasses as i } from "./index.es195.js";
+import { clsx as l } from "./index.es185.js";
+import { createColorClasses as i } from "./index.es188.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es184.js";
-import { clsx as i } from "./index.es186.js";
-import { createColorClasses as m } from "./index.es195.js";
+import { clsx as i } from "./index.es185.js";
+import { createColorClasses as m } from "./index.es188.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es184.js";
-import { clsx as c } from "./index.es186.js";
-import { createColorClasses as i } from "./index.es195.js";
+import { clsx as c } from "./index.es185.js";
+import { createColorClasses as i } from "./index.es188.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es184.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es186.js";
+import { clsx as n } from "./index.es185.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as B } from "./index.es202.js";
+import { useMediaQuery as B } from "./index.es193.js";
 import { Close as E } from "./index.es118.js";
 import { Col as M } from "./index.es10.js";
 import { Button as R } from "./index.es25.js";

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es184.js";
-import { clsx as l } from "./index.es186.js";
-import { createColorClasses as x } from "./index.es195.js";
+import { clsx as l } from "./index.es185.js";
+import { createColorClasses as x } from "./index.es188.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es184.js";
-import { clsx as l } from "./index.es186.js";
-import { createColorClasses as i } from "./index.es195.js";
+import { clsx as l } from "./index.es185.js";
+import { createColorClasses as i } from "./index.es188.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es153.js

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

package/dist/index.es154.js

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

package/dist/index.es155.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es16.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es184.js";
 import { Container as p } from "./index.es6.js";
-import { Divider as u } from "./index.es206.js";
+import { Divider as u } from "./index.es197.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as j } from "./index.es186.js";
+import { clsx as j } from "./index.es185.js";
 import { FseMS as N } from "./index.es125.js";
 import { FseMEF as E } from "./index.es123.js";
 import { FseDGT as U } from "./index.es122.js";

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es184.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es186.js";
+import { clsx as i } from "./index.es185.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.es184.js";
 import { LOGOS as i } from "./index.es24.js";
-import { clsx as s } from "./index.es186.js";
-import { Divider as l } from "./index.es206.js";
+import { clsx as s } from "./index.es185.js";
+import { Divider as l } from "./index.es197.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.es185.js

@@ -0,0 +1,18 @@
+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 {
+  i as clsx,
+  i as default
+};
+//# sourceMappingURL=index.es185.js.map

package/dist/index.es185.js.map

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

@@ -1,18 +1,30 @@
-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;
-}
+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 {
-  i as clsx,
-  i as default
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es186.js.map

package/dist/index.es186.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es186.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]}
+{"version":3,"file":"index.es186.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.es188.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es326.js";
-var a = r();
+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 l
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es188.js.map

package/dist/index.es188.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es188.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es188.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.es198.js → index.es189.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.es198.js.map
+//# sourceMappingURL=index.es189.js.map

package/dist/{index.es198.js.map → index.es189.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es198.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;"}
+{"version":3,"file":"index.es189.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.es19.js

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

package/dist/index.es191.js

@@ -0,0 +1,15 @@
+import { j as a } from "./index.es184.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 useAlertDialog
+};
+//# sourceMappingURL=index.es191.js.map

package/dist/index.es191.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es191.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.es202.js → index.es193.js}

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

package/dist/{index.es202.js.map → index.es193.js.map}

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

@@ -0,0 +1,25 @@
+import { j as s } from "./index.es184.js";
+import { clsx as a } from "./index.es185.js";
+import { createColorClasses as e } from "./index.es188.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 {
+  p as Divider
+};
+//# sourceMappingURL=index.es197.js.map

package/dist/index.es197.js.map

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

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

package/dist/index.es200.js

@@ -1,15 +1,25 @@
-import { j as a } from "./index.es184.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 }) };
+import { j as m } from "./index.es184.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es185.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 useAlertDialog
+  a as BreadcrumbItem
 };
 //# sourceMappingURL=index.es200.js.map

package/dist/index.es200.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es200.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;"}
+{"version":3,"file":"index.es200.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    <li\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    </li>\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.es212.js → index.es203.js}

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es329.js";
-import { composeRefs as E } from "./index.es330.js";
-import { createContextScope as S } from "./index.es331.js";
-import { useControllableState as P } from "./index.es332.js";
-import { Primitive as y } from "./index.es333.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.es334.js";
-import { useId as g } from "./index.es335.js";
+import { composeEventHandlers as m } from "./index.es327.js";
+import { composeRefs as E } from "./index.es328.js";
+import { createContextScope as S } from "./index.es329.js";
+import { useControllableState as P } from "./index.es330.js";
+import { Primitive as y } from "./index.es331.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.es332.js";
+import { useId as g } from "./index.es333.js";
 import { j as a } from "./index.es184.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,
@@ -207,4 +207,4 @@ export {
   Co as Trigger,
   bo as createDropdownMenuScope
 };
-//# sourceMappingURL=index.es212.js.map
+//# sourceMappingURL=index.es203.js.map