@anoki/fse-ui 1.0.380 → 1.0.381

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es144.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es146.js";
-import { createSpacingClasses as g } from "./index.es154.js";
-import { createColorClasses as j } from "./index.es153.js";
-import { createTypographyClasses as u } from "./index.es156.js";
+import { clsx as y } from "./index.es145.js";
+import { createSpacingClasses as g } from "./index.es146.js";
+import { createColorClasses as j } from "./index.es148.js";
+import { createTypographyClasses as u } from "./index.es149.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es144.js";
-import { clsx as r } from "./index.es146.js";
-import { createColorClasses as t } from "./index.es153.js";
+import { clsx as r } from "./index.es145.js";
+import { createColorClasses as t } from "./index.es148.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es101.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as m } from "./index.es146.js";
-import { createColorClasses as d } from "./index.es153.js";
+import { clsx as m } from "./index.es145.js";
+import { createColorClasses as d } from "./index.es148.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es102.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es144.js";
-import { clsx as t } from "./index.es146.js";
-import { createColorClasses as v } from "./index.es153.js";
+import { clsx as t } from "./index.es145.js";
+import { createColorClasses as v } from "./index.es148.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es103.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es144.js";
-import { clsx as s } from "./index.es146.js";
+import { clsx as s } from "./index.es145.js";
 const i = ({ width: r = 40, height: e = 40, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {

package/dist/index.es104.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es144.js";
-import { clsx as s } from "./index.es146.js";
+import { clsx as s } from "./index.es145.js";
 const a = ({
   width: e = 24,
   height: t = 24,

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es144.js";
-import { clsx as t } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as t } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es144.js";
-import { clsx as t } from "./index.es146.js";
-import { createColorClasses as c } from "./index.es153.js";
+import { clsx as t } from "./index.es145.js";
+import { createColorClasses as c } from "./index.es148.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es107.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as a } from "./index.es146.js";
-import { createColorClasses as m } from "./index.es153.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as m } from "./index.es148.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es108.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es144.js";
-import { clsx as t } from "./index.es146.js";
-import { createColorClasses as c } from "./index.es153.js";
+import { clsx as t } from "./index.es145.js";
+import { createColorClasses as c } from "./index.es148.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as a } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es146.js";
+import { clsx as r } from "./index.es145.js";
 import { useState as o } from "react";
 import { Button as n } from "./index.es25.js";
 const d = ({ btnText: t, helperText: s, value: i }) => {

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as a } from "./index.es146.js";
-import { createColorClasses as m } from "./index.es153.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as m } from "./index.es148.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as i } from "./index.es146.js";
-import { createColorClasses as a } from "./index.es153.js";
+import { clsx as i } from "./index.es145.js";
+import { createColorClasses as a } from "./index.es148.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es144.js";
-import { clsx as r } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as r } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es144.js";
-import { clsx as l } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as l } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as i } from "./index.es146.js";
-import { createColorClasses as m } from "./index.es153.js";
+import { clsx as i } from "./index.es145.js";
+import { createColorClasses as m } from "./index.es148.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es144.js";
-import { clsx as c } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as c } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as l } from "./index.es146.js";
-import { createColorClasses as x } from "./index.es153.js";
+import { clsx as l } from "./index.es145.js";
+import { createColorClasses as x } from "./index.es148.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as l } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as l } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as i } from "./index.es146.js";
-import { createColorClasses as c } from "./index.es153.js";
+import { clsx as i } from "./index.es145.js";
+import { createColorClasses as c } from "./index.es148.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es144.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es146.js";
+import { clsx as l } from "./index.es145.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es159.js";
+import { useMediaQuery as N } from "./index.es152.js";
 import { Close as I } from "./index.es85.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es25.js";

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as i } from "./index.es146.js";
-import { createColorClasses as c } from "./index.es153.js";
+import { clsx as i } from "./index.es145.js";
+import { createColorClasses as c } from "./index.es148.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es144.js";
-import { clsx as a } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es144.js";
-import { clsx as l } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as l } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es144.js";
-import { clsx as i } from "./index.es146.js";
-import { createColorClasses as a } from "./index.es153.js";
+import { clsx as i } from "./index.es145.js";
+import { createColorClasses as a } from "./index.es148.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es144.js";
-import { clsx as a } from "./index.es146.js";
-import { createColorClasses as i } from "./index.es153.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as i } from "./index.es148.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es144.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es146.js";
+import { clsx as n } from "./index.es145.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es85.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es144.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es146.js";
+import { clsx as n } from "./index.es145.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es85.js";
 import { Col as N } from "./index.es10.js";

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

package/dist/index.es145.js.map

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

package/dist/index.es146.js.map

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

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es248.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.es148.js.map

package/dist/index.es148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es148.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es148.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  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\";\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":"AA4BA,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.es149.js

@@ -0,0 +1,5 @@
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
+export {
+  t as createTypographyClasses
+};
+//# sourceMappingURL=index.es149.js.map

package/dist/index.es149.js.map

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

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es144.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es146.js";
+import { clsx as n } from "./index.es145.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as B } from "./index.es159.js";
+import { useMediaQuery as B } from "./index.es152.js";
 import { Close as E } from "./index.es85.js";
 import { Col as M } from "./index.es10.js";
 import { Button as R } from "./index.es25.js";

package/dist/index.es152.js

@@ -0,0 +1,18 @@
+import { useState as r, useEffect as o } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return o(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => {
+      s(c.matches);
+    };
+    return e.addEventListener("change", n), () => {
+      e.removeEventListener("change", n);
+    };
+  }, [t]), a;
+};
+export {
+  m as useMediaQuery
+};
+//# sourceMappingURL=index.es152.js.map

package/dist/index.es152.js.map

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

@@ -1,5 +1,25 @@
-const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
+import { j as s } from "./index.es144.js";
+import { clsx as a } from "./index.es145.js";
+import { createColorClasses as e } from "./index.es148.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 {
-  t as createTypographyClasses
+  p as Divider
 };
 //# sourceMappingURL=index.es156.js.map

package/dist/index.es156.js.map

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

@@ -1,18 +1,25 @@
-import { useState as r, useEffect as o } from "react";
-const m = (t) => {
-  const [a, s] = r(!1);
-  return o(() => {
-    const e = window.matchMedia(t);
-    s(e.matches);
-    const n = (c) => {
-      s(c.matches);
-    };
-    return e.addEventListener("change", n), () => {
-      e.removeEventListener("change", n);
-    };
-  }, [t]), a;
+import { j as m } from "./index.es144.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es145.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 {
-  m as useMediaQuery
+  a as BreadcrumbItem
 };
 //# sourceMappingURL=index.es159.js.map

package/dist/index.es159.js.map

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

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es144.js";
 import { Container as c } from "./index.es6.js";
-import { Divider as x } from "./index.es163.js";
+import { Divider as x } from "./index.es156.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as f } from "./index.es146.js";
+import { clsx as f } from "./index.es145.js";
 import { FseMS as p } from "./index.es92.js";
 import { FseMEF as d } from "./index.es90.js";
 import { FseUE as h } from "./index.es93.js";

package/dist/{index.es169.js → index.es162.js}

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es251.js";
-import { composeRefs as E } from "./index.es252.js";
-import { createContextScope as S } from "./index.es253.js";
-import { useControllableState as P } from "./index.es254.js";
-import { Primitive as y } from "./index.es255.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.es256.js";
-import { useId as g } from "./index.es257.js";
+import { composeEventHandlers as m } from "./index.es252.js";
+import { composeRefs as E } from "./index.es253.js";
+import { createContextScope as S } from "./index.es254.js";
+import { useControllableState as P } from "./index.es255.js";
+import { Primitive as y } from "./index.es256.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.es257.js";
+import { useId as g } from "./index.es258.js";
 import { j as a } from "./index.es144.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,
@@ -207,4 +207,4 @@ export {
   Co as Trigger,
   bo as createDropdownMenuScope
 };
-//# sourceMappingURL=index.es169.js.map
+//# sourceMappingURL=index.es162.js.map