@anoki/fse-ui 2.1.0-SNAPSHOT1.10 → 2.1.0-SNAPSHOT1.12

package/dist/index.es276.js

@@ -1,155 +1,48 @@
-import { j as e } from "./index.es250.js";
-import { Divider as g } from "./index.es138.js";
-import { LOGOS as d } from "./index.es27.js";
-import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es251.js";
-import { Balancer as y } from "./index.es334.js";
-import { Button as w } from "./index.es28.js";
-import { Container as C } from "./index.es6.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as t } from "./index.es9.js";
-const V = ({
-  title: r,
-  region: l,
-  asLink: x = "a",
-  labels: h,
-  navigatonItems: m,
-  supportLink: a,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: p,
-  children: f,
-  headerLogoUrl2: o
-}) => {
-  const i = x, v = d.nazionale, u = d[l];
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
-    /* @__PURE__ */ e.jsxs(
-      N,
-      {
-        pt: "x16",
-        pb: "x16",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            i,
-            {
-              href: "/",
-              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-              children: [
-                o && /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    style: { backgroundImage: `url(${o})` },
-                    className: "ui-header-item-image"
-                  }
-                ),
-                c || r,
-                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-              ]
-            }
-          ),
-          f
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
-      /* @__PURE__ */ e.jsxs(
-        t,
-        {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(v, { height: 44, width: 27 }),
-                l !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(g, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(u, { width: 44, height: 44 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
-                i,
-                {
-                  href: "/",
-                  className: " text-decoration-none  hover-underline_dark",
-                  children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: r }),
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
-              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                " ",
-                h.login,
-                " "
-              ] }),
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-        C,
-        {
-          containerClass: "ui-container",
-          className: "base-row align-items-center justify-content-between max-h-x52",
-          children: [
-            /* @__PURE__ */ e.jsx(t, { as: "ul", className: "list-style-none", role: "list", children: m.map((s, b) => /* @__PURE__ */ e.jsx(
-              "li",
-              {
-                className: n(
-                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                  s.active && "active"
-                ),
-                children: /* @__PURE__ */ e.jsxs(
-                  i,
-                  {
-                    href: s.href,
-                    className: n(
-                      "text-decoration-none fs-custom",
-                      s.active ? "fw-bold text-primary" : "fw-semibold text-primary"
-                    ),
-                    target: s.isNewTab ? "_blank" : void 0,
-                    rel: s.isNewTab ? "noopener noreferrer" : void 0,
-                    children: [
-                      s.label,
-                      s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                    ]
-                  }
-                )
-              },
-              b
-            )) }),
-            a && /* @__PURE__ */ e.jsxs(
-              i,
-              {
-                href: a.href,
-                className: n(
-                  "text-decoration-none fs-custom py-x12 px-x24",
-                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
-                  "ui-header-desktop-support-link",
-                  a.active && "active"
-                ),
-                children: [
-                  a.label,
-                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    ] })
-  ] });
+import { useId as v, createContext as w, useMemo as m, Children as _, isValidElement as E, useState as j, useCallback as C, useEffect as f, useLayoutEffect as b } from "react";
+import { j as u } from "./index.es249.js";
+const y = typeof window < "u", g = y ? b : f, M = (e = !0) => {
+  let [n, r] = j(y ? window.innerWidth : 0), t = C(() => {
+    r(window.innerWidth);
+  }, []);
+  return f(() => (e && window.addEventListener("resize", t), () => {
+    window.removeEventListener("resize", t);
+  }), [e, t]), g(() => {
+    t();
+  }, [t]), n;
 };
+var $ = M;
+const k = [640, 786, 1024, 1280, 1536], A = (e) => e.reduce((n, r, t) => typeof r == "number" ? { ...n, [k[t]]: r } : n, {}), L = (e) => Array.isArray(e) ? A(e) : e, z = (e, n) => {
+  let r = Object.keys(L(e)).map(Number).sort((o, s) => o - s), t = null;
+  for (let o of r) n >= o && (t = o);
+  return t ?? r[0];
+};
+var O = z;
+const c = 3, S = (e) => {
+  let n = typeof e == "object", r = $(n);
+  return m(() => {
+    if (!n) return e ?? c;
+    let o = O(e, r);
+    return e[o] ?? c;
+  }, [n, r, e]);
+};
+var W = S;
+const D = (e) => Array.from({ length: e }, () => []), I = (e, n) => {
+  let r = W(n);
+  return m(() => {
+    let o = D(r);
+    return _.forEach(e, (s, a) => {
+      E(s) && o[a % r].push(s);
+    }), o;
+  }, [r, e]);
+};
+var N = I;
+const P = w({ column: 0, position: 0 }), R = (e) => {
+  let { gap: n, as: r = "div", columnProps: t, columns: o, ref: s, ...a } = e, l = v(), p = N(e.children, o);
+  return u.jsx(r, { ...a, "data-masonry-id": `Masonry-${l}`, style: { display: "flex", gap: n, ...a.style }, ref: s, children: p.map((h, i) => u.jsx(r, { "data-masonry-column": i + 1, ...t, style: { display: "flex", flex: 1, flexDirection: "column", gap: n, ...t == null ? void 0 : t.style }, children: h.map((x, d) => u.jsx(P, { value: { column: i, position: d }, children: x }, `Masonry__Column_Child_${l}_${d}`)) }, `Masonry__Column_${l}_${i}`)) });
+};
+var q = R;
 export {
-  V as HeaderDesktop
+  q as default,
+  N as useMasonry
 };
 //# sourceMappingURL=index.es276.js.map

package/dist/index.es276.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es276.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = {\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n};\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header className=\"bg-white\">\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={44} width={27} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={44} height={44} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\" text-decoration-none  hover-underline_dark\"}\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              </Balancer>\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container\n            containerClass=\"ui-container\"\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\n          >\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-primary\"\n                          : \"fw-semibold text-primary\",\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"active\",\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es276.js","sources":["../node_modules/react-layout-masonry/dist/index.js"],"sourcesContent":["import{Children as e,createContext as t,isValidElement as n,useCallback as r,useContext as i,useEffect as a,useId as o,useLayoutEffect as s,useMemo as c,useState as l}from\"react\";import{jsx as u}from\"react/jsx-runtime\";const d=typeof window<`u`,f=d?s:a,p=(e=!0)=>{let[t,n]=l(d?window.innerWidth:0),i=r(()=>{n(window.innerWidth)},[]);return a(()=>(e&&window.addEventListener(`resize`,i),()=>{window.removeEventListener(`resize`,i)}),[e,i]),f(()=>{i()},[i]),t};var m=p;const h=[640,786,1024,1280,1536],g=e=>e.reduce((e,t,n)=>typeof t==`number`?{...e,[h[n]]:t}:e,{}),_=e=>Array.isArray(e)?g(e):e,v=(e,t)=>{let n=Object.keys(_(e)).map(Number).sort((e,t)=>e-t),r=null;for(let e of n)t>=e&&(r=e);return r??n[0]};var y=v;const b=3,x=e=>{let t=typeof e==`object`,n=m(t),r=c(()=>{if(!t)return e??b;let r=y(e,n);return e[r]??b},[t,n,e]);return r};var S=x;const C=e=>Array.from({length:e},()=>[]),w=(t,r)=>{let i=S(r),a=c(()=>{let r=C(i);return e.forEach(t,(e,t)=>{n(e)&&r[t%i].push(e)}),r},[i,t]);return a};var T=w;const E=t({column:0,position:0}),D=()=>i(E),O=e=>{let{gap:t,as:n=`div`,columnProps:r,columns:i,ref:a,...s}=e,c=o(),l=T(e.children,i);return u(n,{...s,\"data-masonry-id\":`Masonry-${c}`,style:{display:`flex`,gap:t,...s.style},ref:a,children:l.map((e,i)=>u(n,{\"data-masonry-column\":i+1,...r,style:{display:`flex`,flex:1,flexDirection:`column`,gap:t,...r?.style},children:e.map((e,t)=>u(E,{value:{column:i,position:t},children:e},`Masonry__Column_Child_${c}_${t}`))},`Masonry__Column_${c}_${i}`))})};var k=O;export{k as default,T as useMasonry,D as useMasonryItem};\n//# sourceMappingURL=index.js.map"],"names":["d","f","s","a","p","t","n","l","i","r","m","h","g","e","_","v","y","b","x","c","S","C","w","T","E","O","o","u","k"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es28.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es250.js";
-import { createColorClasses as g } from "./index.es254.js";
+import { j as t } from "./index.es249.js";
+import { createColorClasses as g } from "./index.es283.js";
 import { clsx as E } from "./index.es251.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es198.js";

package/dist/index.es280.js

@@ -0,0 +1,22 @@
+import { j as e } from "./index.es249.js";
+import { BaseModal as n } from "./index.es45.js";
+const i = ({
+  faq: s,
+  handleCloseModal: t
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx(
+    n.Header,
+    {
+      labels: {
+        closeButton: "Chiudi"
+      },
+      onCloseClick: t,
+      children: /* @__PURE__ */ e.jsx("div", { children: s == null ? void 0 : s.question })
+    }
+  ),
+  /* @__PURE__ */ e.jsx(n.Content, { className: "pt-x4 pb-x72 content-faqs", children: /* @__PURE__ */ e.jsx("div", { className: "fs-6 text-secondary second-part-container", children: /* @__PURE__ */ e.jsx("div", { className: "gap-x16 mb-x24", children: s == null ? void 0 : s.answer }) }) })
+] });
+export {
+  i as default
+};
+//# sourceMappingURL=index.es280.js.map

package/dist/index.es280.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es280.js","sources":["../src/components/ui/SupportModalSimple/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components/ui/BaseModal\";\r\n\r\nconst SupportModalSimple = ({\r\n  faq,\r\n  handleCloseModal,\r\n}: {\r\n  faq: {\r\n    question: string;\r\n    answer: string;\r\n  };\r\n  handleCloseModal: () => void;\r\n}) => {\r\n  return (\r\n    <>\r\n      <BaseModal.Header\r\n        labels={{\r\n          closeButton: \"Chiudi\",\r\n        }}\r\n        onCloseClick={handleCloseModal}\r\n      >\r\n        <div>{faq?.question}</div>\r\n      </BaseModal.Header>\r\n      <BaseModal.Content className=\"pt-x4 pb-x72 content-faqs\">\r\n        <div className=\"fs-6 text-secondary second-part-container\">\r\n          <div className=\"gap-x16 mb-x24\">{faq?.answer}</div>\r\n        </div>\r\n      </BaseModal.Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SupportModalSimple;\r\n"],"names":["SupportModalSimple","faq","handleCloseModal","jsxs","Fragment","jsx","BaseModal"],"mappings":";;AAEA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,KAAAC;AAAA,EACA,kBAAAC;AACF,MASMC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,QAAQ;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,cAAcJ;AAAA,MAEd,UAAAG,gBAAAA,EAAA,IAAC,OAAK,EAAA,UAAAJ,KAAA,gBAAAA,EAAK,SAAS,CAAA;AAAA,IAAA;AAAA,EACtB;AAAA,wBACCK,EAAU,SAAV,EAAkB,WAAU,6BAC3B,UAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,6CACb,gCAAC,OAAI,EAAA,WAAU,kBAAkB,UAAKJ,KAAA,gBAAAA,EAAA,QAAO,GAC/C,EACF,CAAA;AAAA,GACF;"}

package/dist/{index.es252.js → index.es281.js}

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

package/dist/{index.es252.js.map → index.es281.js.map}

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

@@ -1,136 +1,5 @@
-import * as n from "react";
-import { useComposedRefs as N } from "./index.es468.js";
-import { createContextScope as M } from "./index.es469.js";
-import { composeEventHandlers as S } from "./index.es467.js";
-import { useControllableState as O } from "./index.es470.js";
-import { usePrevious as A } from "./index.es474.js";
-import { useSize as B } from "./index.es475.js";
-import { Presence as H } from "./index.es476.js";
-import { Primitive as j } from "./index.es471.js";
-import { j as f } from "./index.es250.js";
-var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
-  (e, l) => {
-    const {
-      __scopeCheckbox: t,
-      name: i,
-      checked: p,
-      defaultChecked: r,
-      required: m,
-      disabled: a,
-      value: k = "on",
-      onCheckedChange: b,
-      form: d,
-      ...x
-    } = e, [s, C] = n.useState(null), v = N(l, (o) => C(o)), y = n.useRef(!1), P = s ? d || !!s.closest("form") : !0, [u = !1, E] = O({
-      prop: p,
-      defaultProp: r,
-      onChange: b
-    }), D = n.useRef(u);
-    return n.useEffect(() => {
-      const o = s == null ? void 0 : s.form;
-      if (o) {
-        const h = () => E(D.current);
-        return o.addEventListener("reset", h), () => o.removeEventListener("reset", h);
-      }
-    }, [s, E]), /* @__PURE__ */ f.jsxs(L, { scope: t, state: u, disabled: a, children: [
-      /* @__PURE__ */ f.jsx(
-        j.button,
-        {
-          type: "button",
-          role: "checkbox",
-          "aria-checked": c(u) ? "mixed" : u,
-          "aria-required": m,
-          "data-state": _(u),
-          "data-disabled": a ? "" : void 0,
-          disabled: a,
-          value: k,
-          ...x,
-          ref: v,
-          onKeyDown: S(e.onKeyDown, (o) => {
-            o.key === "Enter" && o.preventDefault();
-          }),
-          onClick: S(e.onClick, (o) => {
-            E((h) => c(h) ? !0 : !h), P && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
-          })
-        }
-      ),
-      P && /* @__PURE__ */ f.jsx(
-        z,
-        {
-          control: s,
-          bubbles: !y.current,
-          name: i,
-          value: k,
-          checked: u,
-          required: m,
-          disabled: a,
-          form: d,
-          style: { transform: "translateX(-100%)" },
-          defaultChecked: c(r) ? !1 : r
-        }
-      )
-    ] });
-  }
-);
-I.displayName = R;
-var g = "CheckboxIndicator", w = n.forwardRef(
-  (e, l) => {
-    const { __scopeCheckbox: t, forceMount: i, ...p } = e, r = q(g, t);
-    return /* @__PURE__ */ f.jsx(H, { present: i || c(r.state) || r.state === !0, children: /* @__PURE__ */ f.jsx(
-      j.span,
-      {
-        "data-state": _(r.state),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...p,
-        ref: l,
-        style: { pointerEvents: "none", ...e.style }
-      }
-    ) });
-  }
-);
-w.displayName = g;
-var z = (e) => {
-  const { control: l, checked: t, bubbles: i = !0, defaultChecked: p, ...r } = e, m = n.useRef(null), a = A(t), k = B(l);
-  n.useEffect(() => {
-    const d = m.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
-    if (a !== t && C) {
-      const v = new Event("click", { bubbles: i });
-      d.indeterminate = c(t), C.call(d, c(t) ? !1 : t), d.dispatchEvent(v);
-    }
-  }, [a, t, i]);
-  const b = n.useRef(c(t) ? !1 : t);
-  return /* @__PURE__ */ f.jsx(
-    "input",
-    {
-      type: "checkbox",
-      "aria-hidden": !0,
-      defaultChecked: p ?? b.current,
-      ...r,
-      tabIndex: -1,
-      ref: m,
-      style: {
-        ...e.style,
-        ...k,
-        position: "absolute",
-        pointerEvents: "none",
-        opacity: 0,
-        margin: 0
-      }
-    }
-  );
-};
-function c(e) {
-  return e === "indeterminate";
-}
-function _(e) {
-  return c(e) ? "indeterminate" : e ? "checked" : "unchecked";
-}
-var Z = I, $ = w;
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  I as Checkbox,
-  w as CheckboxIndicator,
-  $ as Indicator,
-  Z as Root,
-  Y as createCheckboxScope
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es283.js.map

package/dist/index.es283.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es283.js","sources":["../node_modules/@radix-ui/react-checkbox/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es283.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  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\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":"AA8BA,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.es284.js

@@ -1,23 +1,5 @@
-import { useEffect as r } from "react";
-function m(t, o, e, n, i) {
-  r(() => {
-    const u = (a) => {
-      t.current && !t.current.contains(a.target) && (!a.target.closest(
-        '[data-navigation="true"]'
-      ) || !i) && (e(), n && n());
-    };
-    return o && document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
-    };
-  }, [
-    t,
-    o,
-    e,
-    n,
-    i
-  ]);
-}
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
 export {
-  m as useClickOutside
+  t as createTypographyClasses
 };
 //# sourceMappingURL=index.es284.js.map

package/dist/index.es284.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es284.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\r\nimport { useEffect, RefObject } from \"react\";\r\n\r\n// Make the hook generic to accept any HTMLElement type\r\nexport function useClickOutside<T extends HTMLDivElement | null>(\r\n  ref: RefObject<T>,\r\n  isActive: boolean,\r\n  onClickOutside: () => void,\r\n  resetSelection?: () => void,\r\n  keepSelectionOnNavigation?: boolean,\r\n): void {\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        const isNavigationElement = (event.target as HTMLElement).closest(\r\n          '[data-navigation=\"true\"]',\r\n        );\r\n\r\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\r\n          onClickOutside();\r\n\r\n          if (resetSelection) {\r\n            resetSelection();\r\n          }\r\n        }\r\n      }\r\n    };\r\n\r\n    if (isActive) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [\r\n    ref,\r\n    isActive,\r\n    onClickOutside,\r\n    resetSelection,\r\n    keepSelectionOnNavigation,\r\n  ]);\r\n}\r\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":";AAIO,SAASA,EACdC,GACAC,GACAC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAC5C,MAAAP,EAAI,WAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,MAKvD,CAJyBA,EAAM,OAAuB;AAAA,QACxD;AAAA,MACF,KAE4B,CAACH,OACZF,EAAA,GAEXC,KACaA,EAAA;AAAA,IAIvB;AAEA,WAAIF,KACO,SAAA,iBAAiB,aAAaK,CAAkB,GAGpD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"index.es284.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.es258.js → index.es287.js}

@@ -28,4 +28,4 @@ export {
   m as useMediaQuery,
   d as useMediaQueryV2
 };
-//# sourceMappingURL=index.es258.js.map
+//# sourceMappingURL=index.es287.js.map

package/dist/{index.es258.js.map → index.es287.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es258.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\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"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,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,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.es287.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\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"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,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,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.es29.js

@@ -1,4 +1,4 @@
-import { j as o } from "./index.es250.js";
+import { j as o } from "./index.es249.js";
 import { clsx as b } from "./index.es251.js";
 import './components/ui/ButtonV2/ButtonV2.css';/* empty css            */
 import { Spinner as f } from "./index.es198.js";

package/dist/index.es294.js

@@ -1,24 +1,25 @@
-import { useCopyToClipboard as c } from "./index.es487.js";
-import { useState as n } from "react";
-const l = () => {
-  const [e, t] = c(), [p, o] = n(!1);
-  return {
-    isCopied: p,
-    copiedText: e,
-    copyToClipboard: () => {
-      if (typeof window > "u") return;
-      const r = window.location.href;
-      t(r).then(() => {
-        o(() => !0), setTimeout(() => {
-          o(!1);
-        }, 1500);
-      }).catch((i) => {
-        console.debug("Failed to copy!", i);
-      });
+import { j as m } from "./index.es249.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es251.js";
+const i = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "span",
+    {
+      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 {
-  l as useCopyToClipboardCurrentPage
+  i as BreadcrumbItem
 };
 //# sourceMappingURL=index.es294.js.map