@anoki/fse-ui 1.0.537 → 1.0.539

package/dist/index.es14.js

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

package/dist/index.es140.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es15.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es182.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es183.js";
+import { clsx as n } from "./index.es184.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
 import { useMediaQuery as B } from "./index.es200.js";
 import { Close as E } from "./index.es118.js";

package/dist/index.es150.js

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

package/dist/index.es152.js

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

package/dist/index.es153.js

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

package/dist/index.es154.js

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

package/dist/index.es155.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es16.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es182.js";
 import { Container as p } from "./index.es6.js";
 import { Divider as u } from "./index.es204.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as j } from "./index.es183.js";
+import { clsx as j } from "./index.es184.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.es182.js";
-import { clsx as t } from "./index.es183.js";
-import { createColorClasses as i } from "./index.es184.js";
+import { clsx as t } from "./index.es184.js";
+import { createColorClasses as i } from "./index.es195.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es17.js

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

package/dist/index.es18.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es182.js";
 import { LOGOS as i } from "./index.es24.js";
-import { clsx as s } from "./index.es183.js";
+import { clsx as s } from "./index.es184.js";
 import { Divider as l } from "./index.es204.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";

package/dist/index.es184.js

@@ -1,5 +1,18 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[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 {
-  e as createColorClasses
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=index.es184.js.map

package/dist/index.es184.js.map

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

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es324.js";
+var a = r();
+export {
+  a as l
+};
+//# sourceMappingURL=index.es186.js.map

package/dist/index.es186.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es186.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es19.js

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

package/dist/{index.es194.js → index.es193.js}

@@ -27,4 +27,4 @@ const p = [
 export {
   a as createSpacingClasses
 };
-//# sourceMappingURL=index.es194.js.map
+//# sourceMappingURL=index.es193.js.map

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

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

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es195.js.map

package/dist/index.es195.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es195.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.es182.js";
-import { clsx as r } from "./index.es183.js";
+import { clsx as r } from "./index.es184.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es9.js";
 const x = ({

package/dist/index.es204.js

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

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es182.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es183.js";
+import { clsx as n } from "./index.es184.js";
 const a = ({
   label: r,
   href: e,

package/dist/index.es21.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es182.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es24.js";
 import { Divider as l } from "./index.es204.js";
-import { clsx as x } from "./index.es183.js";
+import { clsx as x } from "./index.es184.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es210.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es331.js";
+import { composeEventHandlers as m } from "./index.es328.js";
 import { composeRefs as E } from "./index.es329.js";
 import { createContextScope as S } from "./index.es330.js";
-import { useControllableState as P } from "./index.es332.js";
-import { Primitive as y } from "./index.es336.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.es338.js";
-import { useId as g } from "./index.es339.js";
+import { useControllableState as P } from "./index.es331.js";
+import { Primitive as y } from "./index.es332.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.es333.js";
+import { useId as g } from "./index.es334.js";
 import { j as a } from "./index.es182.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es213.js

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

package/dist/index.es214.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es182.js";
 import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
-import { clsx as r } from "./index.es183.js";
-import { useFocusTrap as N } from "./index.es343.js";
+import { clsx as r } from "./index.es184.js";
+import { useFocusTrap as N } from "./index.es335.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es215.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es182.js";
 import { Divider as u } from "./index.es204.js";
 import { LOGOS as d } from "./index.es24.js";
 import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es183.js";
+import { clsx as n } from "./index.es184.js";
 import { Balancer as w } from "./index.es261.js";
 import { Button as y } from "./index.es25.js";
 import { Container as I } from "./index.es6.js";

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es182.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es210.js";
-import { clsx as o } from "./index.es183.js";
-import { createColorClasses as h } from "./index.es184.js";
+import { clsx as o } from "./index.es184.js";
+import { createColorClasses as h } from "./index.es195.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es115.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es221.js

@@ -1,12 +1,12 @@
 import * as n from "react";
 import { useComposedRefs as N } from "./index.es329.js";
 import { createContextScope as M } from "./index.es330.js";
-import { composeEventHandlers as S } from "./index.es331.js";
-import { useControllableState as O } from "./index.es332.js";
-import { usePrevious as A } from "./index.es333.js";
-import { useSize as B } from "./index.es334.js";
-import { Presence as H } from "./index.es335.js";
-import { Primitive as j } from "./index.es336.js";
+import { composeEventHandlers as S } from "./index.es328.js";
+import { useControllableState as O } from "./index.es331.js";
+import { usePrevious as A } from "./index.es338.js";
+import { useSize as B } from "./index.es339.js";
+import { Presence as H } from "./index.es340.js";
+import { Primitive as j } from "./index.es332.js";
 import { j as f } from "./index.es182.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es23.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es182.js";
-import { clsx as a } from "./index.es183.js";
+import { clsx as a } from "./index.es184.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as f } from "./index.es115.js";
 import { useState as x, useRef as w, useMemo as h, useEffect as j } from "react";

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es182.js";
-import { clsx as i } from "./index.es183.js";
-import { createColorClasses as l } from "./index.es184.js";
+import { clsx as i } from "./index.es184.js";
+import { createColorClasses as l } from "./index.es195.js";
 const d = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es232.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es331.js";
+import { composeEventHandlers as p } from "./index.es328.js";
 import { useComposedRefs as C } from "./index.es329.js";
 import { createContextScope as B, createContext as H } from "./index.es330.js";
-import { useId as x } from "./index.es339.js";
-import { useControllableState as V } from "./index.es332.js";
+import { useId as x } from "./index.es334.js";
+import { useControllableState as V } from "./index.es331.js";
 import { DismissableLayer as q } from "./index.es348.js";
-import { FocusScope as K } from "./index.es350.js";
-import { Portal as U } from "./index.es352.js";
-import { Presence as R } from "./index.es335.js";
-import { Primitive as m } from "./index.es336.js";
-import { useFocusGuards as Y } from "./index.es349.js";
-import Z from "./index.es355.js";
-import { hideOthers as z } from "./index.es354.js";
-import { createSlot as J } from "./index.es342.js";
+import { FocusScope as K } from "./index.es349.js";
+import { Portal as U } from "./index.es350.js";
+import { Presence as R } from "./index.es340.js";
+import { Primitive as m } from "./index.es332.js";
+import { useFocusGuards as Y } from "./index.es351.js";
+import Z from "./index.es352.js";
+import { hideOthers as z } from "./index.es353.js";
+import { createSlot as J } from "./index.es354.js";
 import { j as i } from "./index.es182.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es240.js

@@ -1,5 +1,5 @@
 import { j as n } from "./index.es182.js";
-import { clsx as r } from "./index.es183.js";
+import { clsx as r } from "./index.es184.js";
 import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es243.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es182.js";
-import { clsx as s } from "./index.es183.js";
+import { clsx as s } from "./index.es184.js";
 import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es249.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es182.js";
-import { clsx as m } from "./index.es183.js";
+import { clsx as m } from "./index.es184.js";
 import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,

package/dist/index.es25.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es182.js";
-import { createColorClasses as d } from "./index.es184.js";
-import { clsx as w } from "./index.es183.js";
+import { createColorClasses as d } from "./index.es195.js";
+import { clsx as w } from "./index.es184.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es151.js";
 const R = ({

package/dist/index.es254.js

@@ -1,5 +1,5 @@
 import { j as m } from "./index.es182.js";
-import { clsx as r } from "./index.es183.js";
+import { clsx as r } from "./index.es184.js";
 import './components/ui/DocumentUploadModal/DocumentUploadModalContent/DocumentUploadModalContent.css';/* empty css            */
 const d = ({
   overrideClassNames: o,

package/dist/index.es257.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es182.js";
-import { createColorClasses as f } from "./index.es184.js";
-import { clsx as x } from "./index.es183.js";
+import { createColorClasses as f } from "./index.es195.js";
+import { clsx as x } from "./index.es184.js";
 const j = ({
   className: t,
   fs: o = "3",

package/dist/index.es258.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es182.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es184.js";
-import { clsx as m } from "./index.es183.js";
+import { createColorClasses as n } from "./index.es195.js";
+import { clsx as m } from "./index.es184.js";
 const u = ({
   fs: t = "6",
   color: s = "slate-28",

package/dist/index.es259.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es331.js";
+import { composeEventHandlers as T } from "./index.es328.js";
 import { useComposedRefs as _ } from "./index.es329.js";
 import { createContextScope as H } from "./index.es330.js";
-import { useControllableState as I } from "./index.es332.js";
-import { usePrevious as M } from "./index.es333.js";
-import { useSize as N } from "./index.es334.js";
-import { Primitive as w } from "./index.es336.js";
+import { useControllableState as I } from "./index.es331.js";
+import { usePrevious as M } from "./index.es338.js";
+import { useSize as N } from "./index.es339.js";
+import { Primitive as w } from "./index.es332.js";
 import { j as p } from "./index.es182.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es26.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es182.js";
-import { clsx as c } from "./index.es183.js";
+import { clsx as c } from "./index.es184.js";
 import { ArrowLink as y } from "./index.es35.js";
 import './components/ui/CardCategory/CardCategory.css';/* empty css            */
 import { ExternalLink as N } from "./index.es116.js";