@anoki/fse-ui 1.0.414 → 1.0.416

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
 import { clsx as t } from "./index.es156.js";
-import { createColorClasses as v } from "./index.es165.js";
+import { createColorClasses as v } from "./index.es163.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
 import { clsx as t } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es165.js";
+import { createColorClasses as i } from "./index.es163.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es154.js";
 import { clsx as t } from "./index.es156.js";
-import { createColorClasses as c } from "./index.es165.js";
+import { createColorClasses as c } from "./index.es163.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es117.js

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

package/dist/index.es118.js

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

package/dist/index.es119.js

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

package/dist/index.es120.js

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

package/dist/index.es121.js

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

package/dist/index.es122.js

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

package/dist/index.es123.js

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

package/dist/index.es124.js

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

package/dist/index.es125.js

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

package/dist/index.es126.js

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

package/dist/index.es128.js

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

package/dist/index.es129.js

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

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es133.js

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

package/dist/index.es134.js

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

package/dist/index.es16.js

@@ -7,32 +7,32 @@ import { FseMS as p } from "./index.es102.js";
 import { FseMEF as j } from "./index.es100.js";
 import { FseDGT as u } from "./index.es99.js";
 import { FseUE as N } from "./index.es103.js";
-const v = ({
-  footerLinks: s,
-  version: i,
-  asLink: t = "a",
-  className: m,
-  additionalLogo: c,
+const G = ({
+  footerLinks: a,
+  version: m,
+  asLink: c = "a",
+  className: i,
+  additionalLogo: t,
   settingsFooterLinks: l
 }) => {
-  const a = t;
-  console.log(s, i, t, m);
-  const n = [
+  const s = c;
+  console.log(a, m, c, i);
+  const x = [
     p,
     j,
     u,
     N
   ];
-  return /* @__PURE__ */ e.jsx("footer", { className: d("bg-slate-20", m), children: /* @__PURE__ */ e.jsxs(f, { children: [
+  return /* @__PURE__ */ e.jsx("footer", { className: d("bg-slate-20", i), children: /* @__PURE__ */ e.jsxs(f, { children: [
     /* @__PURE__ */ e.jsxs("section", { className: "ui-footer-institution-logos", children: [
-      n.map((r, o) => {
-        const x = ["FseMS", "FseMEF", "FseDGT", "FseUE"][o];
-        return /* @__PURE__ */ e.jsx(a, { href: (l == null ? void 0 : l[x]) || "#", children: /* @__PURE__ */ e.jsx(r, { className: "ui-footer-logo" }) }, o);
+      x.map((r, o) => {
+        const n = ["FseMS", "FseMEF", "FseDGT", "FseUE"][o];
+        return /* @__PURE__ */ e.jsx(s, { href: (l == null ? void 0 : l[n]) || "#", children: /* @__PURE__ */ e.jsx(r, { className: "ui-footer-logo" }) }, o);
       }),
-      c && /* @__PURE__ */ e.jsx(a, { href: "/", children: /* @__PURE__ */ e.jsx(
+      t && /* @__PURE__ */ e.jsx(s, { href: l == null ? void 0 : l.externalLink, children: /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: c,
+          src: t,
           alt: "Additional Logo",
           className: "ui-footer-logo"
         }
@@ -41,8 +41,8 @@ const v = ({
     /* @__PURE__ */ e.jsx(h, {}),
     /* @__PURE__ */ e.jsxs("section", { className: "ui-footer-links-container", children: [
       /* @__PURE__ */ e.jsx("h3", { className: "visually-hidden", children: "Sezione Link Utili" }),
-      /* @__PURE__ */ e.jsx("ul", { className: "ui-footer-links-list", role: "list", children: s == null ? void 0 : s.map((r, o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-        a,
+      /* @__PURE__ */ e.jsx("ul", { className: "ui-footer-links-list", role: "list", children: a == null ? void 0 : a.map((r, o) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+        s,
         {
           href: r.href,
           target: r.target ?? "_self",
@@ -52,11 +52,11 @@ const v = ({
           children: r.label
         }
       ) }, o)) }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-white fw-normal ui-footer-version", children: i })
+      /* @__PURE__ */ e.jsx("span", { className: "text-white fw-normal ui-footer-version", children: m })
     ] })
   ] }) });
 };
 export {
-  v as Footer
+  G as Footer
 };
 //# sourceMappingURL=index.es16.js.map

package/dist/index.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es16.js","sources":["../src/components/navigations/Footer/index.tsx"],"sourcesContent":["import { FseMS, FseMEF, FseUE, FseDGT } from \"@/icons\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { IconProps } from \"@/types/icons\";\nimport \"./Footer.scss\";\nimport clsx from \"clsx\";\n\ntype FooterLink = {\n  label: string;\n  href: string;\n  target?: \"_blank\" | \"_self\";\n};\n\ntype FooterProps = {\n  footerLinks?: FooterLink[];\n  version?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  className?: string;\n  additionalLogo?: string;\n  settingsFooterLinks?: {\n    FseMS: string;\n    FseMEF: string;\n    FseDGT: string;\n    FseUE: string;\n  };\n};\n\nexport const Footer = ({\n  footerLinks,\n  version,\n  asLink = \"a\",\n  className,\n  additionalLogo,\n  settingsFooterLinks,\n}: FooterProps) => {\n  const LinkComponent = asLink;\n  console.log(footerLinks, version, asLink, className);\n\n  const INSTITUTION_LOGOS: React.ComponentType<IconProps>[] = [\n    FseMS,\n    FseMEF,\n    FseDGT,\n    FseUE,\n  ];\n\n  return (\n    <footer className={clsx(\"bg-slate-20\", className)}>\n      <Container>\n        <section className=\"ui-footer-institution-logos\">\n          {INSTITUTION_LOGOS.map((Logo, i) => {\n            const keyNames = [\"FseMS\", \"FseMEF\", \"FseDGT\", \"FseUE\"];\n            const key = keyNames[i] as keyof typeof settingsFooterLinks;\n            return (\n              <LinkComponent href={settingsFooterLinks?.[key] || \"#\"} key={i}>\n                <Logo className=\"ui-footer-logo\" />\n              </LinkComponent>\n            );\n          })}\n          {additionalLogo && (\n            <LinkComponent href={\"/\"}>\n              <img\n                src={additionalLogo}\n                alt=\"Additional Logo\"\n                className=\"ui-footer-logo\"\n              />\n            </LinkComponent>\n          )}\n        </section>\n        <Divider />\n        <section className=\"ui-footer-links-container\">\n          <h3 className=\"visually-hidden\">Sezione Link Utili</h3>\n          <ul className=\"ui-footer-links-list\" role=\"list\">\n            {footerLinks?.map((link, i) => {\n              return (\n                <li key={i}>\n                  <LinkComponent\n                    href={link.href}\n                    target={link.target ?? \"_self\"}\n                    className=\"text-white fs-6 fw-semibold text-decoration-underline\"\n                    aria-label={`Vai alla pagina: ${link.label}`}\n                    rel={\n                      link.target === \"_blank\"\n                        ? \"noopener noreferrer\"\n                        : undefined\n                    }\n                  >\n                    {link.label}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n          <span className={`text-white fw-normal ui-footer-version`}>\n            {version}\n          </span>\n        </section>\n      </Container>\n    </footer>\n  );\n};\n"],"names":["Footer","footerLinks","version","asLink","className","additionalLogo","settingsFooterLinks","LinkComponent","INSTITUTION_LOGOS","FseMS","FseMEF","FseDGT","FseUE","jsx","clsx","Container","jsxs","Logo","i","key","Divider","link"],"mappings":";;;;;;;;;AA4BO,MAAMA,IAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,qBAAAC;AACF,MAAmB;AACjB,QAAMC,IAAgBJ;AACtB,UAAQ,IAAIF,GAAaC,GAASC,GAAQC,CAAS;AAEnD,QAAMI,IAAsD;AAAA,IAC1DC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EACF;AAGE,SAAAC,gBAAAA,MAAC,YAAO,WAAWC,EAAK,eAAeV,CAAS,GAC9C,iCAACW,GACC,EAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,KAAA,WAAA,EAAQ,WAAU,+BAChB,UAAA;AAAA,MAAkBR,EAAA,IAAI,CAACS,GAAMC,MAAM;AAE5B,cAAAC,IADW,CAAC,SAAS,UAAU,UAAU,OAAO,EACjCD,CAAC;AACtB,eACGL,gBAAAA,EAAAA,IAAAN,GAAA,EAAc,OAAMD,KAAA,gBAAAA,EAAsBa,OAAQ,KACjD,UAAAN,gBAAAA,EAAA,IAACI,GAAK,EAAA,WAAU,iBAAiB,CAAA,EAAA,GAD0BC,CAE7D;AAAA,MAAA,CAEH;AAAA,MACAb,KACCQ,gBAAAA,EAAA,IAACN,GAAc,EAAA,MAAM,KACnB,UAAAM,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,EAEd,CAAA;AAAA,IAAA,GAEJ;AAAA,0BACCe,GAAQ,EAAA;AAAA,IACTJ,gBAAAA,EAAAA,KAAC,WAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,MAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,mBAAkB,UAAkB,sBAAA;AAAA,MAClDA,gBAAAA,EAAAA,IAAC,MAAG,EAAA,WAAU,wBAAuB,MAAK,QACvC,UAAaZ,KAAA,gBAAAA,EAAA,IAAI,CAACoB,GAAMH,4BAEpB,MACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,MAAMc,EAAK;AAAA,UACX,QAAQA,EAAK,UAAU;AAAA,UACvB,WAAU;AAAA,UACV,cAAY,oBAAoBA,EAAK,KAAK;AAAA,UAC1C,KACEA,EAAK,WAAW,WACZ,wBACA;AAAA,UAGL,UAAKA,EAAA;AAAA,QAAA;AAAA,WAZDH,CAcT,IAGN;AAAA,MACCL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,0CACd,UACHX,EAAA,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es16.js","sources":["../src/components/navigations/Footer/index.tsx"],"sourcesContent":["import { FseMS, FseMEF, FseUE, FseDGT } from \"@/icons\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { IconProps } from \"@/types/icons\";\nimport \"./Footer.scss\";\nimport clsx from \"clsx\";\n\ntype FooterLink = {\n  label: string;\n  href: string;\n  target?: \"_blank\" | \"_self\";\n};\n\ntype FooterProps = {\n  footerLinks?: FooterLink[];\n  version?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  className?: string;\n  additionalLogo?: string;\n  settingsFooterLinks?: {\n    FseMS?: string;\n    FseMEF?: string;\n    FseDGT?: string;\n    FseUE?: string;\n    externalLink?: string;\n  };\n};\n\nexport const Footer = ({\n  footerLinks,\n  version,\n  asLink = \"a\",\n  className,\n  additionalLogo,\n  settingsFooterLinks,\n}: FooterProps) => {\n  const LinkComponent = asLink;\n  console.log(footerLinks, version, asLink, className);\n\n  const INSTITUTION_LOGOS: React.ComponentType<IconProps>[] = [\n    FseMS,\n    FseMEF,\n    FseDGT,\n    FseUE,\n  ];\n\n  return (\n    <footer className={clsx(\"bg-slate-20\", className)}>\n      <Container>\n        <section className=\"ui-footer-institution-logos\">\n          {INSTITUTION_LOGOS.map((Logo, i) => {\n            const keyNames = [\"FseMS\", \"FseMEF\", \"FseDGT\", \"FseUE\"];\n            const key = keyNames[i] as keyof typeof settingsFooterLinks;\n            return (\n              <LinkComponent href={settingsFooterLinks?.[key] || \"#\"} key={i}>\n                <Logo className=\"ui-footer-logo\" />\n              </LinkComponent>\n            );\n          })}\n          {additionalLogo && (\n            <LinkComponent href={settingsFooterLinks?.externalLink}>\n              <img\n                src={additionalLogo}\n                alt=\"Additional Logo\"\n                className=\"ui-footer-logo\"\n              />\n            </LinkComponent>\n          )}\n        </section>\n        <Divider />\n        <section className=\"ui-footer-links-container\">\n          <h3 className=\"visually-hidden\">Sezione Link Utili</h3>\n          <ul className=\"ui-footer-links-list\" role=\"list\">\n            {footerLinks?.map((link, i) => {\n              return (\n                <li key={i}>\n                  <LinkComponent\n                    href={link.href}\n                    target={link.target ?? \"_self\"}\n                    className=\"text-white fs-6 fw-semibold text-decoration-underline\"\n                    aria-label={`Vai alla pagina: ${link.label}`}\n                    rel={\n                      link.target === \"_blank\"\n                        ? \"noopener noreferrer\"\n                        : undefined\n                    }\n                  >\n                    {link.label}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n          <span className={`text-white fw-normal ui-footer-version`}>\n            {version}\n          </span>\n        </section>\n      </Container>\n    </footer>\n  );\n};\n"],"names":["Footer","footerLinks","version","asLink","className","additionalLogo","settingsFooterLinks","LinkComponent","INSTITUTION_LOGOS","FseMS","FseMEF","FseDGT","FseUE","jsx","clsx","Container","jsxs","Logo","i","key","Divider","link"],"mappings":";;;;;;;;;AA6BO,MAAMA,IAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,qBAAAC;AACF,MAAmB;AACjB,QAAMC,IAAgBJ;AACtB,UAAQ,IAAIF,GAAaC,GAASC,GAAQC,CAAS;AAEnD,QAAMI,IAAsD;AAAA,IAC1DC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EACF;AAGE,SAAAC,gBAAAA,MAAC,YAAO,WAAWC,EAAK,eAAeV,CAAS,GAC9C,iCAACW,GACC,EAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,KAAA,WAAA,EAAQ,WAAU,+BAChB,UAAA;AAAA,MAAkBR,EAAA,IAAI,CAACS,GAAMC,MAAM;AAE5B,cAAAC,IADW,CAAC,SAAS,UAAU,UAAU,OAAO,EACjCD,CAAC;AACtB,eACGL,gBAAAA,EAAAA,IAAAN,GAAA,EAAc,OAAMD,KAAA,gBAAAA,EAAsBa,OAAQ,KACjD,UAAAN,gBAAAA,EAAA,IAACI,GAAK,EAAA,WAAU,iBAAiB,CAAA,EAAA,GAD0BC,CAE7D;AAAA,MAAA,CAEH;AAAA,MACAb,KACCQ,gBAAAA,EAAA,IAACN,GAAc,EAAA,MAAMD,KAAA,gBAAAA,EAAqB,cACxC,UAAAO,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,EAEd,CAAA;AAAA,IAAA,GAEJ;AAAA,0BACCe,GAAQ,EAAA;AAAA,IACTJ,gBAAAA,EAAAA,KAAC,WAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,MAACH,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,mBAAkB,UAAkB,sBAAA;AAAA,MAClDA,gBAAAA,EAAAA,IAAC,MAAG,EAAA,WAAU,wBAAuB,MAAK,QACvC,UAAaZ,KAAA,gBAAAA,EAAA,IAAI,CAACoB,GAAMH,4BAEpB,MACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,MAAMc,EAAK;AAAA,UACX,QAAQA,EAAK,UAAU;AAAA,UACvB,WAAU;AAAA,UACV,cAAY,oBAAoBA,EAAK,KAAK;AAAA,UAC1C,KACEA,EAAK,WAAW,WACZ,wBACA;AAAA,UAGL,UAAKA,EAAA;AAAA,QAAA;AAAA,WAZDH,CAcT,IAGN;AAAA,MACCL,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,0CACd,UACHX,EAAA,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/index.es163.js

@@ -1,30 +1,5 @@
-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);
+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 createSpacingClasses
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es163.js.map

package/dist/index.es163.js.map

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

@@ -0,0 +1,30 @@
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
+export {
+  a as createSpacingClasses
+};
+//# sourceMappingURL=index.es164.js.map

package/dist/index.es164.js.map

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

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

package/dist/index.es182.js

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

package/dist/index.es199.js

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

package/dist/index.es201.js

@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es276.js";
 import { createContextScope as L, createContext as $ } from "./index.es277.js";
 import { useId as x } from "./index.es281.js";
 import { useControllableState as B } from "./index.es278.js";
-import { DismissableLayer as H } from "./index.es288.js";
-import { FocusScope as V } from "./index.es289.js";
-import { Portal as q } from "./index.es290.js";
+import { DismissableLayer as H } from "./index.es287.js";
+import { FocusScope as V } from "./index.es288.js";
+import { Portal as q } from "./index.es289.js";
 import { Presence as R } from "./index.es284.js";
 import { Primitive as m } from "./index.es279.js";
-import { useFocusGuards as K } from "./index.es291.js";
-import U from "./index.es292.js";
-import { hideOthers as Y } from "./index.es293.js";
-import { Slot as Z } from "./index.es294.js";
+import { useFocusGuards as K } from "./index.es290.js";
+import U from "./index.es291.js";
+import { hideOthers as Y } from "./index.es292.js";
+import { Slot as Z } from "./index.es293.js";
 import { j as i } from "./index.es154.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es213.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es22.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es154.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as u, Item as x } from "./index.es179.js";
 import { clsx as o } from "./index.es156.js";
-import { createColorClasses as h } from "./index.es165.js";
+import { createColorClasses as h } from "./index.es163.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as p } from "./index.es92.js";
 import { Row as w } from "./index.es9.js";

package/dist/index.es220.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es154.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es226.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es154.js";
-import { createColorClasses as f } from "./index.es165.js";
+import { createColorClasses as f } from "./index.es163.js";
 import { clsx as x } from "./index.es156.js";
 const j = ({
   className: t,

package/dist/index.es227.js

@@ -1,5 +1,5 @@
 import { j as c } from "./index.es154.js";
-import { createColorClasses as n } from "./index.es165.js";
+import { createColorClasses as n } from "./index.es163.js";
 import { clsx as l } from "./index.es156.js";
 const C = ({
   fs: s = "6",

package/dist/index.es25.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es154.js";
-import { createColorClasses as d } from "./index.es165.js";
+import { createColorClasses as d } from "./index.es163.js";
 import { clsx as w } from "./index.es156.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es127.js";

package/dist/index.es279.js

@@ -1,6 +1,6 @@
 import * as n from "react";
 import * as p from "react-dom";
-import { Slot as f } from "./index.es294.js";
+import { Slot as f } from "./index.es293.js";
 import { j as u } from "./index.es154.js";
 var c = [
   "a",

package/dist/index.es280.js

@@ -4,18 +4,18 @@ import { createCollection as Xe } from "./index.es309.js";
 import { useComposedRefs as k, composeRefs as He } from "./index.es276.js";
 import { createContextScope as We } from "./index.es277.js";
 import { useDirection as ze } from "./index.es310.js";
-import { DismissableLayer as Ze } from "./index.es288.js";
-import { useFocusGuards as $e } from "./index.es291.js";
-import { FocusScope as qe } from "./index.es289.js";
+import { DismissableLayer as Ze } from "./index.es287.js";
+import { useFocusGuards as $e } from "./index.es290.js";
+import { FocusScope as qe } from "./index.es288.js";
 import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es311.js";
-import { Portal as nt } from "./index.es290.js";
+import { Portal as nt } from "./index.es289.js";
 import { Presence as H } from "./index.es284.js";
 import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es279.js";
 import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es312.js";
-import { Slot as st } from "./index.es294.js";
+import { Slot as st } from "./index.es293.js";
 import { useCallbackRef as Me } from "./index.es308.js";
-import { hideOthers as at } from "./index.es293.js";
-import ut from "./index.es292.js";
+import { hideOthers as at } from "./index.es292.js";
+import ut from "./index.es291.js";
 import { j as u } from "./index.es154.js";
 var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
   ltr: [...Q, "ArrowRight"],