@anoki/fse-ui 1.0.420 → 1.0.422

package/dist/index.es163.js

@@ -1,30 +1,18 @@
-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);
+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 {
-  a as createSpacingClasses
+  i as clsx,
+  i as default
 };
 //# 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":["../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.es165.js

@@ -1,5 +1,6 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+import { __require as r } from "./index.es282.js";
+var a = r();
 export {
-  e as createColorClasses
+  a as l
 };
 //# sourceMappingURL=index.es165.js.map

package/dist/index.es165.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es165.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;"}
+{"version":3,"file":"index.es165.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es17.js

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

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/navigations/HeaderSlim/index.tsx"],"sourcesContent":["import { Container } from \"@/components/ui/Container\";\r\nimport { SpacingProps } from \"@/theme/spacing\";\r\nimport { CSSProperties } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype HeaderSlimProps = {\r\n  as?: \"div\" | \"header\";\r\n  className?: string;\r\n  hasContainer?: boolean;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n  children: React.ReactNode;\r\n} & SpacingProps;\r\n\r\nexport const HeaderSlim = ({\r\n  as = \"div\",\r\n  className,\r\n  hasContainer = true,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  children,\r\n}: HeaderSlimProps) => {\r\n  const Component = as;\r\n  const containerComponent = () => {\r\n    if (hasContainer) {\r\n      return (\r\n        <Container\r\n          className={clsx(\r\n            \"min-h-x48 base-row align-items-center py-x12\",\r\n            className,\r\n          )}\r\n          display={display}\r\n          justifyContent={justifyContent}\r\n          alignItems={alignItems}\r\n          flexWrap={flexWrap}\r\n        >\r\n          {children}\r\n        </Container>\r\n      );\r\n    }\r\n    return (\r\n      <Row\r\n        alignItems={\"center\"}\r\n        py={\"x12\"}\r\n        className={clsx(\"min-h-x48 \", className)}\r\n        style={{\r\n          display,\r\n          justifyContent,\r\n          alignItems,\r\n          flexWrap,\r\n        }}\r\n      >\r\n        {children}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  return <Component className=\"bg-slate-20\">{containerComponent()}</Component>;\r\n};\r\n"],"names":["HeaderSlim","as","className","hasContainer","display","justifyContent","alignItems","flexWrap","children","Component","containerComponent","jsx","Container","clsx","Row"],"mappings":";;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAMC,IAAYR,GACZS,IAAqB,MACrBP,IAEAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAX;AAAA,MACF;AAAA,MACA,SAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH,IAIFG,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,WAAWD,EAAK,cAAcX,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,SAAAE;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAIJ,SAAQG,gBAAAA,EAAAA,IAAAF,GAAA,EAAU,WAAU,eAAe,eAAqB;AAClE;"}
+{"version":3,"file":"index.es17.js","sources":["../src/components/navigations/HeaderSlim/index.tsx"],"sourcesContent":["import { Container } from \"@/components/ui/Container\";\nimport { SpacingProps } from \"@/theme/spacing\";\nimport { CSSProperties } from \"react\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\ntype HeaderSlimProps = {\n  as?: \"div\" | \"header\";\n  className?: string;\n  hasContainer?: boolean;\n  display?: CSSProperties[\"display\"];\n  justifyContent?: CSSProperties[\"justifyContent\"];\n  alignItems?: CSSProperties[\"alignItems\"];\n  flexWrap?: CSSProperties[\"flexWrap\"];\n  children: React.ReactNode;\n} & SpacingProps;\n\nexport const HeaderSlim = ({\n  as = \"div\",\n  className,\n  hasContainer = true,\n  display,\n  justifyContent,\n  alignItems,\n  flexWrap,\n  children,\n}: HeaderSlimProps) => {\n  const Component = as;\n  const containerComponent = () => {\n    if (hasContainer) {\n      return (\n        <Container\n          className={clsx(\n            \"min-h-x48 base-row align-items-center py-x12\",\n            className,\n          )}\n          display={display}\n          justifyContent={justifyContent}\n          alignItems={alignItems}\n          flexWrap={flexWrap}\n        >\n          {children}\n        </Container>\n      );\n    }\n    return (\n      <Row\n        alignItems={\"center\"}\n        py={\"x12\"}\n        className={clsx(\"min-h-x48 \", className)}\n        style={{\n          display,\n          justifyContent,\n          alignItems,\n          flexWrap,\n        }}\n      >\n        {children}\n      </Row>\n    );\n  };\n\n  return <Component className=\"bg-slate-20\">{containerComponent()}</Component>;\n};\n"],"names":["HeaderSlim","as","className","hasContainer","display","justifyContent","alignItems","flexWrap","children","Component","containerComponent","jsx","Container","clsx","Row"],"mappings":";;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAuB;AACrB,QAAMC,IAAYR,GACZS,IAAqB,MACrBP,IAEAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAX;AAAA,MACF;AAAA,MACA,SAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,UAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH,IAIFG,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ,WAAWD,EAAK,cAAcX,CAAS;AAAA,MACvC,OAAO;AAAA,QACL,SAAAE;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAIJ,SAAQG,gBAAAA,EAAAA,IAAAF,GAAA,EAAU,WAAU,eAAe,eAAqB;AAClE;"}

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

package/dist/index.es170.js.map

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

package/dist/index.es172.js.map

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

@@ -1,25 +1,5 @@
-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 './components/ui/Divider/Divider.css';/* empty css            */
-const p = ({
-  direction: o = "horizontal",
-  bg: r = "white",
-  className: t
-}) => {
-  const i = e({ bg: r });
-  return /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      className: a(
-        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
-        i,
-        t
-      )
-    }
-  );
-};
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
 export {
-  p as Divider
+  t as createTypographyClasses
 };
 //# sourceMappingURL=index.es173.js.map

package/dist/index.es173.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es173.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es173.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\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.es176.js

@@ -1,25 +1,18 @@
-import { j as m } from "./index.es154.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es156.js";
-const a = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "li",
-    {
-      className: n("ui-breadcrumb-item", {
-        "active text-slate-20 fw-semibold": t,
-        "text-slate-28": !t
-      }),
-      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
-    }
-  );
+import { useState as r, useEffect as o } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return o(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => {
+      s(c.matches);
+    };
+    return e.addEventListener("change", n), () => {
+      e.removeEventListener("change", n);
+    };
+  }, [t]), a;
 };
 export {
-  a as BreadcrumbItem
+  m as useMediaQuery
 };
 //# sourceMappingURL=index.es176.js.map

package/dist/index.es176.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es176.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <li\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es176.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es18.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es154.js";
+import { j as e } from "./index.es161.js";
 import { LOGOS as i } from "./index.es24.js";
-import { clsx as s } from "./index.es156.js";
-import { Divider as l } from "./index.es173.js";
+import { clsx as s } from "./index.es163.js";
+import { Divider as l } from "./index.es180.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";
 import { Row as v } from "./index.es9.js";

package/dist/index.es18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      aria-label=\"Menu di navigazione\"\r\n      className={clsx(\"ui-hpl-menu\", generalClassName)}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={\"x40\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n          <NationalIcon width={27} height={44} />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon width={44} height={44} />\r\n        </Row>\r\n        <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h3>\r\n      </Col>\r\n      <div className=\"p-x40\">\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                aria-label={`Vai alla pagina ${item.label}`}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":";;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAChBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMP,CAAM;AAG7B,SAAAS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAK,eAAeP,CAAgB;AAAA,MAC/C,OACE;AAAA,QACE,qBAAqBD,EAAgB,UAAU;AAAA,MACjD;AAAA,MAGF,UAAA;AAAA,QAAAO,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,gBAAgB;AAAA,YAChB,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAF,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,gBAAAC,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,gBACpCO,gBAAAA,EAAA,IAAAC,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,gBACjDD,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA,GACrC;AAAA,cACCK,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,uDACX,UACHd,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAAA,IAAC,SAAI,WAAU,SACb,gCAACC,GAAQ,EAAA,IAAG,kBAAiB,EAC/B,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,WAAWD,EAAK,+BAA+BN,CAAiB;AAAA,YAChE,MAAK;AAAA,YAEJ,UAAgBF,EAAA,IAAI,CAACa,GAAMC,MAAU;AACpC,oBAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,qBAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAWH,EAAK,oBAAoBK,EAAK,UAAU,QAAQ;AAAA,kBAE3D,UAAAN,gBAAAA,EAAA;AAAA,oBAACJ;AAAA,oBAAA;AAAA,sBACC,MAAMU,EAAK;AAAA,sBACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,sBACzC,WAAWL;AAAA,wBACT;AAAA,wBACAK,EAAK,SAAS,YAAY;AAAA,sBAC5B;AAAA,sBACA,QAAQA,EAAK,WAAW,WAAW;AAAA,sBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,sBAE5C,UAAA;AAAA,wBAAAE,2BACEA,GAAc,EAAA,OAAM,WAAU,QAAQF,EAAK,QAAQ;AAAA,wBAErDF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,eAAe,YAAK,OAAM;AAAA,wBACzCE,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,gBAlBKG;AAAA,cAmBP;AAAA,YAEH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigationItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  generalClassName?: string;\n  navItemsClassName?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigationItems,\n  generalClassName,\n  navItemsClassName,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav\n      aria-label=\"Menu di navigazione\"\n      className={clsx(\"ui-hpl-menu\", generalClassName)}\n      style={\n        {\n          \"--navbar-elements\": navigationItems.length ?? 0,\n        } as React.CSSProperties\n      }\n    >\n      <Col\n        pt={\"x80\"}\n        px={\"x40\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n          <NationalIcon width={27} height={44} />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon width={44} height={44} />\n        </Row>\n        <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h3>\n      </Col>\n      <div className=\"p-x40\">\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col\n        as={\"ul\"}\n        gap={\"x12\"}\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\n        role=\"list\"\n      >\n        {navigationItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                aria-label={`Vai alla pagina ${item.label}`}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n    </nav>\n  );\n};\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":";;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAChBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMP,CAAM;AAG7B,SAAAS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAK,eAAeP,CAAgB;AAAA,MAC/C,OACE;AAAA,QACE,qBAAqBD,EAAgB,UAAU;AAAA,MACjD;AAAA,MAGF,UAAA;AAAA,QAAAO,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,gBAAgB;AAAA,YAChB,WAAU;AAAA,YAEV,UAAA;AAAA,cAAAF,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,gBAAAC,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,gBACpCO,gBAAAA,EAAA,IAAAC,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,gBACjDD,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA,GACrC;AAAA,cACCK,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,uDACX,UACHd,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAAA,IAAC,SAAI,WAAU,SACb,gCAACC,GAAQ,EAAA,IAAG,kBAAiB,EAC/B,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,KAAK;AAAA,YACL,WAAWD,EAAK,+BAA+BN,CAAiB;AAAA,YAChE,MAAK;AAAA,YAEJ,UAAgBF,EAAA,IAAI,CAACa,GAAMC,MAAU;AACpC,oBAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,qBAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAWH,EAAK,oBAAoBK,EAAK,UAAU,QAAQ;AAAA,kBAE3D,UAAAN,gBAAAA,EAAA;AAAA,oBAACJ;AAAA,oBAAA;AAAA,sBACC,MAAMU,EAAK;AAAA,sBACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,sBACzC,WAAWL;AAAA,wBACT;AAAA,wBACAK,EAAK,SAAS,YAAY;AAAA,sBAC5B;AAAA,sBACA,QAAQA,EAAK,WAAW,WAAW;AAAA,sBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,sBAE5C,UAAA;AAAA,wBAAAE,2BACEA,GAAc,EAAA,OAAM,WAAU,QAAQF,EAAK,QAAQ;AAAA,wBAErDF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,eAAe,YAAK,OAAM;AAAA,wBACzCE,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,gBAlBKG;AAAA,cAmBP;AAAA,YAEH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es180.js

@@ -0,0 +1,25 @@
+import { j as s } from "./index.es161.js";
+import { clsx as a } from "./index.es163.js";
+import { createColorClasses as e } from "./index.es172.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
+}) => {
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
+};
+export {
+  p as Divider
+};
+//# sourceMappingURL=index.es180.js.map

package/dist/index.es180.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es180.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\nimport \"./Divider.scss\";\n\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\n  direction?: \"horizontal\" | \"vertical\";\n  className?: string;\n};\n\nexport const Divider = ({\n  direction = \"horizontal\",\n  bg = \"white\",\n  className,\n}: DividerProps) => {\n  const colorClass = createColorClasses({ bg });\n\n  return (\n    <div\n      className={clsx(\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\n        colorClass,\n        className,\n      )}\n    />\n  );\n};\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/index.es183.js

@@ -1,146 +1,25 @@
-import { j as e } from "./index.es154.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.es156.js";
-import { useFocusTrap as N } from "./index.es271.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";
-import { Hamburguer as E } from "./index.es94.js";
-import { Row as z } from "./index.es9.js";
-import { Close as M } from "./index.es95.js";
-const q = ({
-  shortTitle: h,
-  menuTitle: p = "Menù",
-  region: f,
-  asLink: l = "a",
-  navigatonItems: x,
-  labels: t,
-  loginLink: v = "/"
+import { j as m } from "./index.es161.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es163.js";
+const a = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
 }) => {
-  const b = l, [n, d] = g(!1), s = "main-navigation", c = w(null);
-  N(c, n);
-  const i = C(() => {
-    d(!n);
-  }, [n]);
-  u(() => (n ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
-    document.body.classList.remove("ui-body-overflow-hidden");
-  }), [n]), u(() => {
-    const a = (o) => {
-      o.key === "Escape" && n && i();
-    };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [n, i]);
-  const j = () => {
-    d(!1);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
-    /* @__PURE__ */ e.jsx(
-      y,
-      {
-        asLink: l,
-        shortTitle: h,
-        region: f
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      k,
-      {
-        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
-        as: "header",
-        py: "x8",
-        children: [
-          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
-            /* @__PURE__ */ e.jsxs(
-              m,
-              {
-                size: "3",
-                bg: "white",
-                textColor: "primary",
-                href: v,
-                asLink: "a",
-                children: [
-                  t.login,
-                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "button",
-              {
-                "aria-expanded": n,
-                "aria-label": "Apri menu di navigazione",
-                onClick: i,
-                className: "ui-mobile-menu-toggle",
-                "aria-controls": s,
-                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs(
-            "nav",
-            {
-              id: s,
-              "aria-label": "Menu di navigazione",
-              className: r(n ? "ui-mobile-nav-panel" : "visually-hidden"),
-              ref: c,
-              children: [
-                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
-                  /* @__PURE__ */ e.jsxs(
-                    m,
-                    {
-                      size: "4",
-                      textColor: "primary",
-                      bg: "transparent",
-                      onClick: i,
-                      "aria-label": "Chiudi menu di navigazione",
-                      "aria-controls": s,
-                      children: [
-                        t.closeMenu,
-                        /* @__PURE__ */ e.jsx(M, {})
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
-                ] }),
-                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((a, o) => /* @__PURE__ */ e.jsx(
-                  "li",
-                  {
-                    className: r(
-                      "ui-mobile-nav-item",
-                      a.active && "active"
-                    ),
-                    children: /* @__PURE__ */ e.jsxs(
-                      b,
-                      {
-                        href: a.href,
-                        "aria-label": `Vai alla pagina ${a.label}`,
-                        className: r(
-                          "text-decoration-none text-primary fs-5",
-                          a.active ? "fw-bold" : "fw-normal"
-                        ),
-                        onClick: j,
-                        target: a.isNewTab ? "_blank" : void 0,
-                        rel: a.isNewTab ? "noopener noreferrer" : void 0,
-                        children: [
-                          a.label,
-                          a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                        ]
-                      }
-                    )
-                  },
-                  o
-                )) })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "li",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
 };
 export {
-  q as HeaderMobile
+  a as BreadcrumbItem
 };
 //# sourceMappingURL=index.es183.js.map

package/dist/index.es183.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es183.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n          >\r\n            {labels.login}\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n          <button\r\n            aria-expanded={isOpen}\r\n            aria-label=\"Apri menu di navigazione\"\r\n            onClick={toggleMenu}\r\n            className=\"ui-mobile-menu-toggle\"\r\n            aria-controls={navId}\r\n          >\r\n            <Hamburguer width={40} height={40} color=\"white\" />\r\n          </button>\r\n        </Row>\r\n\r\n        <nav\r\n          id={navId}\r\n          aria-label=\"Menu di navigazione\"\r\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\r\n          ref={navRef}\r\n        >\r\n          <Col className=\"ui-mobile-nav-header\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              onClick={toggleMenu}\r\n              aria-label=\"Chiudi menu di navigazione\"\r\n              aria-controls={navId}\r\n            >\r\n              {labels.closeMenu}\r\n              <Close />\r\n            </Button>\r\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\r\n          </Col>\r\n\r\n          <ul className=\"list-style-none p-x16\" role=\"list\">\r\n            {navigatonItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-mobile-nav-item\",\r\n                    item.active && \"active\",\r\n                  )}\r\n                >\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    aria-label={`Vai alla pagina ${item.label}`}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es183.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <li\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </li>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/{index.es179.js → index.es186.js}

@@ -1,12 +1,12 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es275.js";
-import { composeRefs as E } from "./index.es276.js";
-import { createContextScope as S } from "./index.es277.js";
-import { useControllableState as P } from "./index.es278.js";
-import { Primitive as y } from "./index.es279.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.es280.js";
-import { useId as g } from "./index.es281.js";
-import { j as a } from "./index.es154.js";
+import { composeEventHandlers as m } from "./index.es289.js";
+import { composeRefs as E } from "./index.es290.js";
+import { createContextScope as S } from "./index.es291.js";
+import { useControllableState as P } from "./index.es292.js";
+import { Primitive as y } from "./index.es293.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.es294.js";
+import { useId as g } from "./index.es295.js";
+import { j as a } from "./index.es161.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,
   [D]
@@ -207,4 +207,4 @@ export {
   Co as Trigger,
   bo as createDropdownMenuScope
 };
-//# sourceMappingURL=index.es179.js.map
+//# sourceMappingURL=index.es186.js.map