@anoki/fse-ui 1.0.768 → 1.0.769

package/dist/index.cjs233.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["bg","text","color","border"],o=e=>t.map(r=>e[r]?r==="color"?`text-${e[r]}`:`${r}-${e[r]}`:"").filter(Boolean);exports.createColorClasses=o;
+//# sourceMappingURL=index.cjs233.js.map

package/dist/index.cjs233.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs233.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"gFA6BA,MAAMA,EAAmC,CAAC,KAAM,OAAQ,QAAS,QAAQ,EAE5DC,EACXC,GAEOF,EACJ,IAAKG,GACCD,EAAMC,CAAG,EAEVA,IAAQ,QAAgB,QAAQD,EAAMC,CAAG,CAAC,GACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAHH,EAIzB,EACA,OAAO,OAAO"}

package/dist/index.cjs234.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs234.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":"gFAkBA,MAAMA,EAA6C,CAAC,KAAM,IAAI,EAEjDC,EACXC,GAEOF,EACJ,IAAKG,GAASD,EAAMC,CAAG,EAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAAK,EAAG,EACvD,OAAO,OAAO"}
+{"version":3,"file":"index.cjs234.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":"gFAkBA,MAAMA,EAA6C,CAAC,KAAM,IAAI,EAEjDC,EACXC,GAEOF,EACJ,IAAKG,GAASD,EAAMC,CAAG,EAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAAK,EAAG,EACvD,OAAO,OAAO"}

package/dist/index.cjs237.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs237.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\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":"yGAEaA,EAAiBC,GAA2B,CACvD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAElB,MAAAC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEM,OAAAF,EAAA,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACLD,EAAA,oBAAoB,SAAUC,CAAQ,CAC9C,CAAA,EACC,CAACN,CAAK,CAAC,EAEHC,CACT"}
+{"version":3,"file":"index.cjs237.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"],"mappings":"yGAEaA,EAAiBC,GAA2B,CACvD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAElB,MAAAC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEM,OAAAF,EAAA,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACLD,EAAA,oBAAoB,SAAUC,CAAQ,CAC9C,CAAA,EACC,CAACN,CAAK,CAAC,EAEHC,CACT"}

package/dist/index.cjs24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs24.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: string[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n  allStructuresLabel: string;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n  allStructuresLabel,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const processedItems = useMemo(() => {\n    return [allStructuresLabel, ...items];\n  }, [items, allStructuresLabel]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {processedItems.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":"sSAeaA,EAAiB,CAAC,CAC7B,KAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,mBAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAcC,SAAuB,IAAI,EAEzCC,EAAiBC,EAAAA,QAAQ,IACtB,CAACP,EAAoB,GAAGJ,CAAK,EACnC,CAACA,EAAOI,CAAkB,CAAC,EAE9BQ,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAE9CN,EAAY,SACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,GAElDR,EAAc,EAAK,CAEvB,EAEA,OAAID,EACO,SAAA,iBAAiB,YAAaQ,CAAkB,EAEhD,SAAA,oBAAoB,YAAaA,CAAkB,EAGvD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACR,CAAU,CAAC,EAGbU,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,MAAOT,IAAS,QAAU,CAAE,MAAO,SAAY,CAAE,MAAO,OAAQ,EAChE,UAAWiB,EAAAA,KAAKf,EAAW,oBAAoB,EAE/C,SAAA,CAAAc,EAAA,kBAAA,KAAC,SAAA,CACC,UAAU,sBACV,KAAK,SACL,QAAS,IAAMT,EAAc,CAACD,CAAU,EAExC,SAAA,CAACY,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAOf,EAAA,EAC3De,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,WAAY,CAAE,cAAeX,CAAY,CAAA,CAAA,CAAA,CAC3D,CAAA,CACF,EACCA,GACCU,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,oDACd,SAAA,CAACE,EAAAA,kBAAAA,IAAAE,EAAA,UAAA,CAAU,UAAW,iCAAmC,CAAA,EACzDF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBACd,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,KAAM,UACN,GAAI,SACJ,GAAI,UACJ,UAAW,iDAEV,SAAeV,EAAA,IAAI,CAACW,EAAMC,IAEvBL,EAAA,kBAAA,IAAC,MAAA,CAEC,QAAS,IAAM,CACbd,EAAUkB,CAAI,EACdf,EAAc,EAAK,CACrB,EAEC,SAAAe,CAAA,EANIC,CAOP,CAEH,CAAA,CAAA,CAEL,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs24.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: string[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n  allStructuresLabel: string;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n  allStructuresLabel,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const processedItems = useMemo(() => {\r\n    return [allStructuresLabel, ...items];\r\n  }, [items, allStructuresLabel]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {processedItems.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","allStructuresLabel","isExpanded","setIsExpanded","useState","dropdownRef","useRef","processedItems","useMemo","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":"sSAeaA,EAAiB,CAAC,CAC7B,KAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,mBAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAcC,SAAuB,IAAI,EAEzCC,EAAiBC,EAAAA,QAAQ,IACtB,CAACP,EAAoB,GAAGJ,CAAK,EACnC,CAACA,EAAOI,CAAkB,CAAC,EAE9BQ,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAE9CN,EAAY,SACZ,CAACA,EAAY,QAAQ,SAASM,EAAM,MAAc,GAElDR,EAAc,EAAK,CAEvB,EAEA,OAAID,EACO,SAAA,iBAAiB,YAAaQ,CAAkB,EAEhD,SAAA,oBAAoB,YAAaA,CAAkB,EAGvD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACR,CAAU,CAAC,EAGbU,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKP,EACL,MAAOT,IAAS,QAAU,CAAE,MAAO,SAAY,CAAE,MAAO,OAAQ,EAChE,UAAWiB,EAAAA,KAAKf,EAAW,oBAAoB,EAE/C,SAAA,CAAAc,EAAA,kBAAA,KAAC,SAAA,CACC,UAAU,sBACV,KAAK,SACL,QAAS,IAAMT,EAAc,CAACD,CAAU,EAExC,SAAA,CAACY,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAOf,EAAA,EAC3De,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,WAAY,CAAE,cAAeX,CAAY,CAAA,CAAA,CAAA,CAC3D,CAAA,CACF,EACCA,GACCU,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,oDACd,SAAA,CAACE,EAAAA,kBAAAA,IAAAE,EAAA,UAAA,CAAU,UAAW,iCAAmC,CAAA,EACzDF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBACd,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,KAAM,UACN,GAAI,SACJ,GAAI,UACJ,UAAW,iDAEV,SAAeV,EAAA,IAAI,CAACW,EAAMC,IAEvBL,EAAA,kBAAA,IAAC,MAAA,CAEC,QAAS,IAAM,CACbd,EAAUkB,CAAI,EACdf,EAAc,EAAK,CACrB,EAEC,SAAAe,CAAA,EANIC,CAOP,CAEH,CAAA,CAAA,CAEL,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs241.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Divider/Divider.css');const s=require("./index.cjs216.js"),t=require("./index.cjs218.js"),l=require("./index.cjs231.js");;/* empty css              */const c=({direction:e="horizontal",bg:r="white",className:o})=>{const i=l.createColorClasses({bg:r});return s.jsxRuntimeExports.jsx("div",{className:t.clsx(e==="horizontal"?"ui-horizontal":"ui-vertical",i,o)})};exports.Divider=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Divider/Divider.css');const s=require("./index.cjs216.js"),t=require("./index.cjs218.js"),l=require("./index.cjs233.js");;/* empty css              */const c=({direction:e="horizontal",bg:r="white",className:o})=>{const i=l.createColorClasses({bg:r});return s.jsxRuntimeExports.jsx("div",{className:t.clsx(e==="horizontal"?"ui-horizontal":"ui-vertical",i,o)})};exports.Divider=c;
 //# sourceMappingURL=index.cjs241.js.map

package/dist/index.cjs241.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs241.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":"gNASO,MAAMA,EAAU,CAAC,CACtB,UAAAC,EAAY,aACZ,GAAAC,EAAK,QACL,UAAAC,CACF,IAAoB,CAClB,MAAMC,EAAaC,EAAAA,mBAAmB,CAAE,GAAAH,EAAI,EAG1C,OAAAI,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACTN,IAAc,aAAe,gBAAkB,cAC/CG,EACAD,CAAA,CACF,CACF,CAEJ"}
+{"version":3,"file":"index.cjs241.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":"gNASO,MAAMA,EAAU,CAAC,CACtB,UAAAC,EAAY,aACZ,GAAAC,EAAK,QACL,UAAAC,CACF,IAAoB,CAClB,MAAMC,EAAaC,EAAAA,mBAAmB,CAAE,GAAAH,EAAI,EAG1C,OAAAI,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACTN,IAAc,aAAe,gBAAkB,cAC/CG,EACAD,CAAA,CACF,CACF,CAEJ"}

package/dist/index.cjs245.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs245.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":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EAEpB,OAAAE,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,OAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAc,CAAA,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs245.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":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EAEpB,OAAAE,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,OAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAc,CAAA,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs249.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),x=require("./index.cjs399.js"),L=require("./index.cjs400.js"),$=require("./index.cjs401.js"),H=require("./index.cjs402.js"),K=require("./index.cjs403.js"),p=require("./index.cjs404.js"),b=require("./index.cjs405.js"),a=require("./index.cjs216.js");function U(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const d=U(q);var D="DropdownMenu",[B,F]=$.createContextScope(D,[p.createMenuScope]),s=p.createMenuScope(),[W,h]=B(D),f=e=>{const{__scopeDropdownMenu:n,children:o,dir:r,open:t,defaultOpen:i,onOpenChange:w,modal:u=!0}=e,c=s(n),M=d.useRef(null),[l=!1,m]=H.useControllableState({prop:t,defaultProp:i,onChange:w});return a.jsxRuntimeExports.jsx(W,{scope:n,triggerId:b.useId(),triggerRef:M,contentId:b.useId(),open:l,onOpenChange:m,onOpenToggle:d.useCallback(()=>m(k=>!k),[m]),modal:u,children:a.jsxRuntimeExports.jsx(p.Root,{...c,open:l,onOpenChange:m,dir:r,modal:u,children:o})})};f.displayName=D;var I="DropdownMenuTrigger",g=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,disabled:r=!1,...t}=e,i=h(I,o),w=s(o);return a.jsxRuntimeExports.jsx(p.Anchor,{asChild:!0,...w,children:a.jsxRuntimeExports.jsx(K.Primitive.button,{type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...t,ref:L.composeRefs(n,i.triggerRef),onPointerDown:x.composeEventHandlers(e.onPointerDown,u=>{!r&&u.button===0&&u.ctrlKey===!1&&(i.onOpenToggle(),i.open||u.preventDefault())}),onKeyDown:x.composeEventHandlers(e.onKeyDown,u=>{r||(["Enter"," "].includes(u.key)&&i.onOpenToggle(),u.key==="ArrowDown"&&i.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(u.key)&&u.preventDefault())})})})});g.displayName=I;var z="DropdownMenuPortal",v=e=>{const{__scopeDropdownMenu:n,...o}=e,r=s(n);return a.jsxRuntimeExports.jsx(p.Portal,{...r,...o})};v.displayName=z;var S="DropdownMenuContent",R=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=h(S,o),i=s(o),w=d.useRef(!1);return a.jsxRuntimeExports.jsx(p.Content,{id:t.contentId,"aria-labelledby":t.triggerId,...i,...r,ref:n,onCloseAutoFocus:x.composeEventHandlers(e.onCloseAutoFocus,u=>{var c;w.current||(c=t.triggerRef.current)==null||c.focus(),w.current=!1,u.preventDefault()}),onInteractOutside:x.composeEventHandlers(e.onInteractOutside,u=>{const c=u.detail.originalEvent,M=c.button===0&&c.ctrlKey===!0,l=c.button===2||M;(!t.modal||l)&&(w.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});R.displayName=S;var X="DropdownMenuGroup",_=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Group,{...t,...r,ref:n})});_.displayName=X;var J="DropdownMenuLabel",j=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Label,{...t,...r,ref:n})});j.displayName=J;var Q="DropdownMenuItem",E=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Item,{...t,...r,ref:n})});E.displayName=Q;var V="DropdownMenuCheckboxItem",N=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.CheckboxItem,{...t,...r,ref:n})});N.displayName=V;var Y="DropdownMenuRadioGroup",C=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.RadioGroup,{...t,...r,ref:n})});C.displayName=Y;var Z="DropdownMenuRadioItem",P=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.RadioItem,{...t,...r,ref:n})});P.displayName=Z;var ee="DropdownMenuItemIndicator",y=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.ItemIndicator,{...t,...r,ref:n})});y.displayName=ee;var oe="DropdownMenuSeparator",A=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Separator,{...t,...r,ref:n})});A.displayName=oe;var re="DropdownMenuArrow",O=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Arrow,{...t,...r,ref:n})});O.displayName=re;var ne="DropdownMenuSubTrigger",T=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.SubTrigger,{...t,...r,ref:n})});T.displayName=ne;var te="DropdownMenuSubContent",G=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.SubContent,{...t,...r,ref:n,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});G.displayName=te;var ae=f,pe=g,de=v,ue=R,se=_,ie=E;exports.Content=ue;exports.DropdownMenu=f;exports.DropdownMenuArrow=O;exports.DropdownMenuCheckboxItem=N;exports.DropdownMenuContent=R;exports.DropdownMenuGroup=_;exports.DropdownMenuItem=E;exports.DropdownMenuItemIndicator=y;exports.DropdownMenuLabel=j;exports.DropdownMenuPortal=v;exports.DropdownMenuRadioGroup=C;exports.DropdownMenuRadioItem=P;exports.DropdownMenuSeparator=A;exports.DropdownMenuSubContent=G;exports.DropdownMenuSubTrigger=T;exports.DropdownMenuTrigger=g;exports.Group=se;exports.Item=ie;exports.Portal=de;exports.Root=ae;exports.Trigger=pe;exports.createDropdownMenuScope=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),x=require("./index.cjs397.js"),L=require("./index.cjs398.js"),$=require("./index.cjs399.js"),H=require("./index.cjs400.js"),K=require("./index.cjs401.js"),p=require("./index.cjs402.js"),b=require("./index.cjs403.js"),a=require("./index.cjs216.js");function U(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const d=U(q);var D="DropdownMenu",[B,F]=$.createContextScope(D,[p.createMenuScope]),s=p.createMenuScope(),[W,h]=B(D),f=e=>{const{__scopeDropdownMenu:n,children:o,dir:r,open:t,defaultOpen:i,onOpenChange:w,modal:u=!0}=e,c=s(n),M=d.useRef(null),[l=!1,m]=H.useControllableState({prop:t,defaultProp:i,onChange:w});return a.jsxRuntimeExports.jsx(W,{scope:n,triggerId:b.useId(),triggerRef:M,contentId:b.useId(),open:l,onOpenChange:m,onOpenToggle:d.useCallback(()=>m(k=>!k),[m]),modal:u,children:a.jsxRuntimeExports.jsx(p.Root,{...c,open:l,onOpenChange:m,dir:r,modal:u,children:o})})};f.displayName=D;var I="DropdownMenuTrigger",g=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,disabled:r=!1,...t}=e,i=h(I,o),w=s(o);return a.jsxRuntimeExports.jsx(p.Anchor,{asChild:!0,...w,children:a.jsxRuntimeExports.jsx(K.Primitive.button,{type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...t,ref:L.composeRefs(n,i.triggerRef),onPointerDown:x.composeEventHandlers(e.onPointerDown,u=>{!r&&u.button===0&&u.ctrlKey===!1&&(i.onOpenToggle(),i.open||u.preventDefault())}),onKeyDown:x.composeEventHandlers(e.onKeyDown,u=>{r||(["Enter"," "].includes(u.key)&&i.onOpenToggle(),u.key==="ArrowDown"&&i.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(u.key)&&u.preventDefault())})})})});g.displayName=I;var z="DropdownMenuPortal",v=e=>{const{__scopeDropdownMenu:n,...o}=e,r=s(n);return a.jsxRuntimeExports.jsx(p.Portal,{...r,...o})};v.displayName=z;var S="DropdownMenuContent",R=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=h(S,o),i=s(o),w=d.useRef(!1);return a.jsxRuntimeExports.jsx(p.Content,{id:t.contentId,"aria-labelledby":t.triggerId,...i,...r,ref:n,onCloseAutoFocus:x.composeEventHandlers(e.onCloseAutoFocus,u=>{var c;w.current||(c=t.triggerRef.current)==null||c.focus(),w.current=!1,u.preventDefault()}),onInteractOutside:x.composeEventHandlers(e.onInteractOutside,u=>{const c=u.detail.originalEvent,M=c.button===0&&c.ctrlKey===!0,l=c.button===2||M;(!t.modal||l)&&(w.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});R.displayName=S;var X="DropdownMenuGroup",_=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Group,{...t,...r,ref:n})});_.displayName=X;var J="DropdownMenuLabel",j=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Label,{...t,...r,ref:n})});j.displayName=J;var Q="DropdownMenuItem",E=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Item,{...t,...r,ref:n})});E.displayName=Q;var V="DropdownMenuCheckboxItem",N=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.CheckboxItem,{...t,...r,ref:n})});N.displayName=V;var Y="DropdownMenuRadioGroup",C=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.RadioGroup,{...t,...r,ref:n})});C.displayName=Y;var Z="DropdownMenuRadioItem",P=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.RadioItem,{...t,...r,ref:n})});P.displayName=Z;var ee="DropdownMenuItemIndicator",y=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.ItemIndicator,{...t,...r,ref:n})});y.displayName=ee;var oe="DropdownMenuSeparator",A=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Separator,{...t,...r,ref:n})});A.displayName=oe;var re="DropdownMenuArrow",O=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.Arrow,{...t,...r,ref:n})});O.displayName=re;var ne="DropdownMenuSubTrigger",T=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.SubTrigger,{...t,...r,ref:n})});T.displayName=ne;var te="DropdownMenuSubContent",G=d.forwardRef((e,n)=>{const{__scopeDropdownMenu:o,...r}=e,t=s(o);return a.jsxRuntimeExports.jsx(p.SubContent,{...t,...r,ref:n,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});G.displayName=te;var ae=f,pe=g,de=v,ue=R,se=_,ie=E;exports.Content=ue;exports.DropdownMenu=f;exports.DropdownMenuArrow=O;exports.DropdownMenuCheckboxItem=N;exports.DropdownMenuContent=R;exports.DropdownMenuGroup=_;exports.DropdownMenuItem=E;exports.DropdownMenuItemIndicator=y;exports.DropdownMenuLabel=j;exports.DropdownMenuPortal=v;exports.DropdownMenuRadioGroup=C;exports.DropdownMenuRadioItem=P;exports.DropdownMenuSeparator=A;exports.DropdownMenuSubContent=G;exports.DropdownMenuSubTrigger=T;exports.DropdownMenuTrigger=g;exports.Group=se;exports.Item=ie;exports.Portal=de;exports.Root=ae;exports.Trigger=pe;exports.createDropdownMenuScope=F;
 //# sourceMappingURL=index.cjs249.js.map

package/dist/index.cjs252.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs216.js"),l=require("./index.cjs218.js"),x=require("./index.cjs231.js"),n=({width:s=56,height:r=10,className:t,color:i})=>{const o=x.createColorClasses({color:i});return e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"currentColor",viewBox:"0 0 56 10",className:l.clsx(t,o),"aria-hidden":"true",children:[e.jsxRuntimeExports.jsx("g",{filter:"url(#filter0_d_348_84872)",children:e.jsxRuntimeExports.jsx("path",{fill:"#fff",fillRule:"evenodd",d:"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",clipRule:"evenodd"})}),e.jsxRuntimeExports.jsx("defs",{children:e.jsxRuntimeExports.jsxs("filter",{id:"filter0_d_348_84872",width:"56",height:"40.793",x:"0",y:"-6.793",colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",children:[e.jsxRuntimeExports.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsxRuntimeExports.jsx("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),e.jsxRuntimeExports.jsx("feOffset",{dy:"8"}),e.jsxRuntimeExports.jsx("feGaussianBlur",{stdDeviation:"8"}),e.jsxRuntimeExports.jsx("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),e.jsxRuntimeExports.jsx("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_348_84872"}),e.jsxRuntimeExports.jsx("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_348_84872",result:"shape"})]})})]})};exports.ArrowList=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs216.js"),l=require("./index.cjs218.js"),x=require("./index.cjs233.js"),n=({width:s=56,height:r=10,className:t,color:i})=>{const o=x.createColorClasses({color:i});return e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"currentColor",viewBox:"0 0 56 10",className:l.clsx(t,o),"aria-hidden":"true",children:[e.jsxRuntimeExports.jsx("g",{filter:"url(#filter0_d_348_84872)",children:e.jsxRuntimeExports.jsx("path",{fill:"#fff",fillRule:"evenodd",d:"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",clipRule:"evenodd"})}),e.jsxRuntimeExports.jsx("defs",{children:e.jsxRuntimeExports.jsxs("filter",{id:"filter0_d_348_84872",width:"56",height:"40.793",x:"0",y:"-6.793",colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",children:[e.jsxRuntimeExports.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsxRuntimeExports.jsx("feColorMatrix",{in:"SourceAlpha",result:"hardAlpha",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),e.jsxRuntimeExports.jsx("feOffset",{dy:"8"}),e.jsxRuntimeExports.jsx("feGaussianBlur",{stdDeviation:"8"}),e.jsxRuntimeExports.jsx("feColorMatrix",{values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),e.jsxRuntimeExports.jsx("feBlend",{in2:"BackgroundImageFix",result:"effect1_dropShadow_348_84872"}),e.jsxRuntimeExports.jsx("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow_348_84872",result:"shape"})]})})]})};exports.ArrowList=n;
 //# sourceMappingURL=index.cjs252.js.map

package/dist/index.cjs252.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs252.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowList = ({\n  width = 56,\n  height = 10,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 56 10\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <g filter=\"url(#filter0_d_348_84872)\">\n        <path\n          fill=\"#fff\"\n          fillRule=\"evenodd\"\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\n          clipRule=\"evenodd\"\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_348_84872\"\n          width=\"56\"\n          height=\"40.793\"\n          x=\"0\"\n          y=\"-6.793\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            result=\"hardAlpha\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          ></feColorMatrix>\n          <feOffset dy=\"8\"></feOffset>\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\n          <feBlend\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_348_84872\"\n          ></feBlend>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_348_84872\"\n            result=\"shape\"\n          ></feBlend>\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n"],"names":["ArrowList","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":"mLAIaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,CACF,IAAiB,CACf,MAAMC,EAAUC,EAAAA,mBAAmB,CAAE,MAAAF,EAAO,EAG1C,OAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,MAAAN,EACA,OAAAC,EACA,KAAK,eACL,QAAQ,YACR,UAAWM,EAAAA,KAAKL,EAAWE,CAAO,EAClC,cAAY,OAEZ,SAAA,CAACI,EAAAA,kBAAAA,IAAA,IAAA,CAAE,OAAO,4BACR,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,OACL,SAAS,UACT,EAAE,0CACF,SAAS,SAAA,CAAA,EAEb,0BACC,OACC,CAAA,SAAAF,EAAA,kBAAA,KAAC,SAAA,CACC,GAAG,sBACH,MAAM,KACN,OAAO,SACP,EAAE,IACF,EAAE,SACF,0BAA0B,OAC1B,YAAY,iBAEZ,SAAA,CAAAE,EAAA,kBAAA,IAAC,UAAQ,CAAA,aAAa,IAAI,OAAO,qBAAqB,EACtDA,EAAA,kBAAA,IAAC,gBAAA,CACC,GAAG,cACH,OAAO,YACP,OAAO,2CAAA,CACR,EACDA,EAAAA,kBAAAA,IAAC,WAAS,CAAA,GAAG,GAAI,CAAA,EACjBA,EAAAA,kBAAAA,IAAC,iBAAe,CAAA,aAAa,GAAI,CAAA,EACjCA,EAAAA,kBAAAA,IAAC,gBAAc,CAAA,OAAO,4CAA6C,CAAA,EACnEA,EAAA,kBAAA,IAAC,UAAA,CACC,IAAI,qBACJ,OAAO,8BAAA,CACR,EACDA,EAAA,kBAAA,IAAC,UAAA,CACC,GAAG,gBACH,IAAI,+BACJ,OAAO,OAAA,CAAA,CACR,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs252.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowList = ({\r\n  width = 56,\r\n  height = 10,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 56 10\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\r\n    >\r\n      <g filter=\"url(#filter0_d_348_84872)\">\r\n        <path\r\n          fill=\"#fff\"\r\n          fillRule=\"evenodd\"\r\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\r\n          clipRule=\"evenodd\"\r\n        ></path>\r\n      </g>\r\n      <defs>\r\n        <filter\r\n          id=\"filter0_d_348_84872\"\r\n          width=\"56\"\r\n          height=\"40.793\"\r\n          x=\"0\"\r\n          y=\"-6.793\"\r\n          colorInterpolationFilters=\"sRGB\"\r\n          filterUnits=\"userSpaceOnUse\"\r\n        >\r\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\r\n          <feColorMatrix\r\n            in=\"SourceAlpha\"\r\n            result=\"hardAlpha\"\r\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n          ></feColorMatrix>\r\n          <feOffset dy=\"8\"></feOffset>\r\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\r\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\r\n          <feBlend\r\n            in2=\"BackgroundImageFix\"\r\n            result=\"effect1_dropShadow_348_84872\"\r\n          ></feBlend>\r\n          <feBlend\r\n            in=\"SourceGraphic\"\r\n            in2=\"effect1_dropShadow_348_84872\"\r\n            result=\"shape\"\r\n          ></feBlend>\r\n        </filter>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["ArrowList","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":"mLAIaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,CACF,IAAiB,CACf,MAAMC,EAAUC,EAAAA,mBAAmB,CAAE,MAAAF,EAAO,EAG1C,OAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,MAAAN,EACA,OAAAC,EACA,KAAK,eACL,QAAQ,YACR,UAAWM,EAAAA,KAAKL,EAAWE,CAAO,EAClC,cAAY,OAEZ,SAAA,CAACI,EAAAA,kBAAAA,IAAA,IAAA,CAAE,OAAO,4BACR,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,OACL,SAAS,UACT,EAAE,0CACF,SAAS,SAAA,CAAA,EAEb,0BACC,OACC,CAAA,SAAAF,EAAA,kBAAA,KAAC,SAAA,CACC,GAAG,sBACH,MAAM,KACN,OAAO,SACP,EAAE,IACF,EAAE,SACF,0BAA0B,OAC1B,YAAY,iBAEZ,SAAA,CAAAE,EAAA,kBAAA,IAAC,UAAQ,CAAA,aAAa,IAAI,OAAO,qBAAqB,EACtDA,EAAA,kBAAA,IAAC,gBAAA,CACC,GAAG,cACH,OAAO,YACP,OAAO,2CAAA,CACR,EACDA,EAAAA,kBAAAA,IAAC,WAAS,CAAA,GAAG,GAAI,CAAA,EACjBA,EAAAA,kBAAAA,IAAC,iBAAe,CAAA,aAAa,GAAI,CAAA,EACjCA,EAAAA,kBAAAA,IAAC,gBAAc,CAAA,OAAO,4CAA6C,CAAA,EACnEA,EAAA,kBAAA,IAAC,UAAA,CACC,IAAI,qBACJ,OAAO,8BAAA,CACR,EACDA,EAAA,kBAAA,IAAC,UAAA,CACC,GAAG,gBACH,IAAI,+BACJ,OAAO,OAAA,CAAA,CACR,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CAEJ"}

package/dist/index.cjs253.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderMobile/HeaderMobile.css');const e=require("./index.cjs216.js"),x=require("./index.cjs26.js"),E=require("./index.cjs21.js"),i=require("react"),o=require("./index.cjs218.js"),y=require("./index.cjs451.js"),R=require("./index.cjs6.js");;/* empty css              */const g=require("./index.cjs10.js"),w=require("./index.cjs137.js"),C=require("./index.cjs9.js"),N=require("./index.cjs138.js"),k=({shortTitle:m,menuTitle:p="Menù",region:h,asLink:l="a",navigatonItems:j,labels:c,loginLink:b="/"})=>{const v=l,[n,d]=i.useState(!1),r="main-navigation",u=i.useRef(null);y.useFocusTrap(u,n);const t=i.useCallback(()=>{d(!n)},[n]);i.useEffect(()=>(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]),i.useEffect(()=>{const s=a=>{a.key==="Escape"&&n&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,t]);const f=()=>{d(!1)};return e.jsxRuntimeExports.jsxs("div",{className:"sticky-header shadow",children:[e.jsxRuntimeExports.jsx(E.HeaderTopBanner,{asLink:l,shortTitle:m,region:h}),e.jsxRuntimeExports.jsxs(R.Container,{className:"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",as:"header",py:"x8",children:[e.jsxRuntimeExports.jsxs(C.Row,{gap:"x24",alignItems:"center",justifyContent:"end",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"3",bg:"white",textColor:"primary",href:b,asLink:"a",children:[c.login,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]}),e.jsxRuntimeExports.jsx("button",{"aria-expanded":n,"aria-label":"Apri menu di navigazione",onClick:t,className:"ui-mobile-menu-toggle","aria-controls":r,children:e.jsxRuntimeExports.jsx(w.Hamburguer,{width:40,height:40,color:"white"})})]}),e.jsxRuntimeExports.jsxs("nav",{id:r,"aria-label":"Menu di navigazione",className:o.clsx(n?"ui-mobile-nav-panel":"visually-hidden"),ref:u,children:[e.jsxRuntimeExports.jsxs(g.Col,{className:"ui-mobile-nav-header",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"4",textColor:"primary",bg:"transparent",onClick:t,"aria-label":"Chiudi menu di navigazione","aria-controls":r,children:[c.closeMenu,e.jsxRuntimeExports.jsx(N.Close,{})]}),e.jsxRuntimeExports.jsx("h2",{className:"fs-3 text-slate-20",children:p})]}),e.jsxRuntimeExports.jsx("ul",{className:"list-style-none p-x16",role:"list",children:j.map((s,a)=>e.jsxRuntimeExports.jsx("li",{className:o.clsx("ui-mobile-nav-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(v,{href:s.href,"aria-label":`Vai alla pagina ${s.label}`,className:o.clsx("text-decoration-none text-primary fs-5",s.active?"fw-bold":"fw-normal"),onClick:f,target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},a))})]})]})]})};exports.HeaderMobile=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderMobile/HeaderMobile.css');const e=require("./index.cjs216.js"),x=require("./index.cjs26.js"),E=require("./index.cjs21.js"),i=require("react"),o=require("./index.cjs218.js"),y=require("./index.cjs404.js"),R=require("./index.cjs6.js");;/* empty css              */const g=require("./index.cjs10.js"),w=require("./index.cjs137.js"),C=require("./index.cjs9.js"),N=require("./index.cjs138.js"),k=({shortTitle:m,menuTitle:p="Menù",region:h,asLink:l="a",navigatonItems:j,labels:c,loginLink:b="/"})=>{const v=l,[n,d]=i.useState(!1),r="main-navigation",u=i.useRef(null);y.useFocusTrap(u,n);const t=i.useCallback(()=>{d(!n)},[n]);i.useEffect(()=>(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]),i.useEffect(()=>{const s=a=>{a.key==="Escape"&&n&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,t]);const f=()=>{d(!1)};return e.jsxRuntimeExports.jsxs("div",{className:"sticky-header shadow",children:[e.jsxRuntimeExports.jsx(E.HeaderTopBanner,{asLink:l,shortTitle:m,region:h}),e.jsxRuntimeExports.jsxs(R.Container,{className:"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",as:"header",py:"x8",children:[e.jsxRuntimeExports.jsxs(C.Row,{gap:"x24",alignItems:"center",justifyContent:"end",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"3",bg:"white",textColor:"primary",href:b,asLink:"a",children:[c.login,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]}),e.jsxRuntimeExports.jsx("button",{"aria-expanded":n,"aria-label":"Apri menu di navigazione",onClick:t,className:"ui-mobile-menu-toggle","aria-controls":r,children:e.jsxRuntimeExports.jsx(w.Hamburguer,{width:40,height:40,color:"white"})})]}),e.jsxRuntimeExports.jsxs("nav",{id:r,"aria-label":"Menu di navigazione",className:o.clsx(n?"ui-mobile-nav-panel":"visually-hidden"),ref:u,children:[e.jsxRuntimeExports.jsxs(g.Col,{className:"ui-mobile-nav-header",children:[e.jsxRuntimeExports.jsxs(x.Button,{size:"4",textColor:"primary",bg:"transparent",onClick:t,"aria-label":"Chiudi menu di navigazione","aria-controls":r,children:[c.closeMenu,e.jsxRuntimeExports.jsx(N.Close,{})]}),e.jsxRuntimeExports.jsx("h2",{className:"fs-3 text-slate-20",children:p})]}),e.jsxRuntimeExports.jsx("ul",{className:"list-style-none p-x16",role:"list",children:j.map((s,a)=>e.jsxRuntimeExports.jsx("li",{className:o.clsx("ui-mobile-nav-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(v,{href:s.href,"aria-label":`Vai alla pagina ${s.label}`,className:o.clsx("text-decoration-none text-primary fs-5",s.active?"fw-bold":"fw-normal"),onClick:f,target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},a))})]})]})]})};exports.HeaderMobile=k;
 //# sourceMappingURL=index.cjs253.js.map

package/dist/index.cjs253.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs253.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\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 HeaderMobileProps = HeaderTopBannerProps & {\n  shortTitle: React.ReactNode;\n  menuTitle?: string;\n  region: Region;\n  navigatonItems: NavigationItem[];\n  labels: NavigationLabels;\n  loginLink?: string;\n};\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n      />\n\n      <Container\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\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-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\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          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\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.cjs253.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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"}

package/dist/index.cjs254.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs254.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={53} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={53} height={53} />\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 className=\"base-row align-items-center justify-content-between max-h-x52\">\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                      aria-label={`Vai alla pagina ${item.label}`}\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                aria-label={`Vai alla pagina ${supportLink.label}`}\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.cjs254.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"../HeaderSlim\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\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 HeaderDesktopProps = {\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n};\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"sticky-header bg-white\">\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header className=\"bg-white\">\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={53} />\r\n\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n\r\n                  <RegionIcon width={53} height={53} />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname)}>\r\n              <Balancer>\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\" text-decoration-none  hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              </Balancer>\r\n            </h1>\r\n          </Row>\r\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container className=\"base-row align-items-center justify-content-between max-h-x52\">\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\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 fs-custom\",\r\n                        item.active\r\n                          ? \"fw-bold text-primary\"\r\n                          : \"fw-semibold text-primary\",\r\n                      )}\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            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                aria-label={`Vai alla pagina ${supportLink.label}`}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\r\n                  supportLink.active\r\n                    ? \"fw-bold text-blue-30\"\r\n                    : \"fw-semibold text-primary\",\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active && \"active\",\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\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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"}

package/dist/index.cjs26.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Button/Button.css');const t=require("./index.cjs216.js"),S=require("./index.cjs231.js"),B=require("./index.cjs218.js");;/* empty css              */const c=require("./index.cjs173.js"),$=require("./index.cjs168.js"),I=require("./index.cjs177.js"),N=require("./index.cjs10.js"),g=({children:o,variant:s,bg:l="primary",textColor:j="white",border:p="white",size:m="3",className:d,disabled:r,loading:e,onClick:h,type:b="button",form:f="",asLink:u,href:E,target:R=void 0,rel:q=void 0,icon:n=void 0,...x})=>{const a=s?"":S.createColorClasses({bg:l,text:j,border:p}),w={2:"fs-6 py-x12 px-x24",3:"fs-7 py-x12 px-x24",4:"fs-6 py-x4 px-x8"},i=B.clsx("ui-button",w[m],s&&`ui-button-${s}`,!s&&a,{"ui-button-disabled":r||e},{"ui-button-loading":e},d,"fw-bold");if(u){const C=u;return t.jsxRuntimeExports.jsx(C,{target:R,rel:q,href:E,className:i,...x,children:o})}const y=()=>{switch(n){case"info":return t.jsxRuntimeExports.jsx(I.Info,{height:16});case"download":return t.jsxRuntimeExports.jsx($.Download,{height:16});default:return null}};return t.jsxRuntimeExports.jsxs("button",{type:b,form:f,className:i,onClick:h,disabled:r||e,...x,children:[n&&t.jsxRuntimeExports.jsxs(N.Col,{mr:"x8",children:[!e&&t.jsxRuntimeExports.jsx(y,{}),e?t.jsxRuntimeExports.jsx(c.Spinner,{height:16}):null]}),o,e&&!n?t.jsxRuntimeExports.jsx(c.Spinner,{height:16}):null]})};exports.Button=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Button/Button.css');const t=require("./index.cjs216.js"),S=require("./index.cjs233.js"),B=require("./index.cjs218.js");;/* empty css              */const c=require("./index.cjs173.js"),$=require("./index.cjs168.js"),I=require("./index.cjs177.js"),N=require("./index.cjs10.js"),g=({children:o,variant:s,bg:l="primary",textColor:j="white",border:p="white",size:m="3",className:d,disabled:r,loading:e,onClick:h,type:b="button",form:f="",asLink:u,href:E,target:R=void 0,rel:q=void 0,icon:n=void 0,...x})=>{const a=s?"":S.createColorClasses({bg:l,text:j,border:p}),w={2:"fs-6 py-x12 px-x24",3:"fs-7 py-x12 px-x24",4:"fs-6 py-x4 px-x8"},i=B.clsx("ui-button",w[m],s&&`ui-button-${s}`,!s&&a,{"ui-button-disabled":r||e},{"ui-button-loading":e},d,"fw-bold");if(u){const C=u;return t.jsxRuntimeExports.jsx(C,{target:R,rel:q,href:E,className:i,...x,children:o})}const y=()=>{switch(n){case"info":return t.jsxRuntimeExports.jsx(I.Info,{height:16});case"download":return t.jsxRuntimeExports.jsx($.Download,{height:16});default:return null}};return t.jsxRuntimeExports.jsxs("button",{type:b,form:f,className:i,onClick:h,disabled:r||e,...x,children:[n&&t.jsxRuntimeExports.jsxs(N.Col,{mr:"x8",children:[!e&&t.jsxRuntimeExports.jsx(y,{}),e?t.jsxRuntimeExports.jsx(c.Spinner,{height:16}):null]}),o,e&&!n?t.jsxRuntimeExports.jsx(c.Spinner,{height:16}):null]})};exports.Button=g;
 //# sourceMappingURL=index.cjs26.js.map

package/dist/index.cjs26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs26.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Download, Info, Spinner } from \"@/icons\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { Col } from \"@/components\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\";\ntype ButtonVariant = \"primary\" | \"secondary\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  icon?: CommonIconsType;\n  variant?: ButtonVariant;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: () => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form = \"\",\n  asLink,\n  href,\n  target = undefined,\n  rel = undefined,\n  icon = undefined,\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    \"fw-bold\",\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={target}\n        rel={rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  const ButtonIcon = () => {\n    switch (icon) {\n      case \"info\":\n        return <Info height={16} />;\n      case \"download\":\n        return <Download height={16} />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {icon && (\n        <Col mr={\"x8\"}>\n          {!loading && <ButtonIcon />}\n          {loading ? <Spinner height={16} /> : null}\n        </Col>\n      )}\n\n      {children}\n\n      {loading && !icon ? <Spinner height={16} /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","icon","props","colorClasses","createColorClasses","BTN_SIZES","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":"iVA4CaA,EAAS,CAAC,CACrB,SAAAC,EACA,QAAAC,EACA,GAAAC,EAAK,UACL,UAAAC,EAAY,QACZ,OAAAC,EAAS,QACT,KAAAC,EAAO,IACP,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EAAO,GACP,OAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,OACT,IAAAC,EAAM,OACN,KAAAC,EAAO,OACP,GAAGC,CACL,IAAmB,CAEX,MAAAC,EAAgBjB,EAMlB,GALAkB,qBAAmB,CACjB,GAAAjB,EACA,KAAMC,EACN,OAAAC,CACD,CAAA,EAGCgB,EAAY,CAChB,EAAK,qBACL,EAAK,qBACL,EAAK,kBACP,EAEMC,EAAcC,EAAA,KAClB,YACAF,EAAUf,CAAI,EAEdJ,GAAW,aAAaA,CAAO,GAE/B,CAACA,GAAWiB,EACZ,CACE,qBAAsBX,GAAYC,CACpC,EACA,CACE,oBAAqBA,CACvB,EACAF,EACA,SACF,EAEA,GAAIM,EAAQ,CACV,MAAMW,EAAgBX,EAEpB,OAAAY,EAAA,kBAAA,IAACD,EAAA,CACC,OAAAT,EACA,IAAAC,EACA,KAAAF,EACA,UAAWQ,EACV,GAAGJ,EAEH,SAAAjB,CAAA,CACH,CAAA,CAIJ,MAAMyB,EAAa,IAAM,CACvB,OAAQT,EAAM,CACZ,IAAK,OACI,OAAAQ,EAAA,kBAAA,IAACE,EAAK,KAAA,CAAA,OAAQ,EAAI,CAAA,EAC3B,IAAK,WACI,OAAAF,EAAA,kBAAA,IAACG,EAAS,SAAA,CAAA,OAAQ,EAAI,CAAA,EAC/B,QACS,OAAA,IAAA,CAEb,EAGE,OAAAC,EAAA,kBAAA,KAAC,SAAA,CACC,KAAAlB,EACA,KAAAC,EACA,UAAWU,EACX,QAAAZ,EACA,SAAUF,GAAYC,EACrB,GAAGS,EAEH,SAAA,CACCD,GAAAY,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,GAAI,KACN,SAAA,CAAC,CAAArB,2BAAYiB,EAAW,EAAA,EACxBjB,EAAUgB,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,OAAQ,EAAI,CAAA,EAAK,IAAA,EACvC,EAGD9B,EAEAQ,GAAW,CAACQ,0BAAQc,EAAQ,QAAA,CAAA,OAAQ,GAAI,EAAK,IAAA,CAAA,CAChD,CAEJ"}
+{"version":3,"file":"index.cjs26.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Download, Info, Spinner } from \"@/icons\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\";\r\ntype ButtonVariant = \"primary\" | \"secondary\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  icon?: CommonIconsType;\r\n  variant?: ButtonVariant;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form = \"\",\r\n  asLink,\r\n  href,\r\n  target = undefined,\r\n  rel = undefined,\r\n  icon = undefined,\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    \"fw-bold\",\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={target}\r\n        rel={rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  const ButtonIcon = () => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info height={16} />;\r\n      case \"download\":\r\n        return <Download height={16} />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {icon && (\r\n        <Col mr={\"x8\"}>\r\n          {!loading && <ButtonIcon />}\r\n          {loading ? <Spinner height={16} /> : null}\r\n        </Col>\r\n      )}\r\n\r\n      {children}\r\n\r\n      {loading && !icon ? <Spinner height={16} /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","icon","props","colorClasses","createColorClasses","BTN_SIZES","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":"iVA4CaA,EAAS,CAAC,CACrB,SAAAC,EACA,QAAAC,EACA,GAAAC,EAAK,UACL,UAAAC,EAAY,QACZ,OAAAC,EAAS,QACT,KAAAC,EAAO,IACP,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EAAO,GACP,OAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,OACT,IAAAC,EAAM,OACN,KAAAC,EAAO,OACP,GAAGC,CACL,IAAmB,CAEX,MAAAC,EAAgBjB,EAMlB,GALAkB,qBAAmB,CACjB,GAAAjB,EACA,KAAMC,EACN,OAAAC,CACD,CAAA,EAGCgB,EAAY,CAChB,EAAK,qBACL,EAAK,qBACL,EAAK,kBACP,EAEMC,EAAcC,EAAA,KAClB,YACAF,EAAUf,CAAI,EAEdJ,GAAW,aAAaA,CAAO,GAE/B,CAACA,GAAWiB,EACZ,CACE,qBAAsBX,GAAYC,CACpC,EACA,CACE,oBAAqBA,CACvB,EACAF,EACA,SACF,EAEA,GAAIM,EAAQ,CACV,MAAMW,EAAgBX,EAEpB,OAAAY,EAAA,kBAAA,IAACD,EAAA,CACC,OAAAT,EACA,IAAAC,EACA,KAAAF,EACA,UAAWQ,EACV,GAAGJ,EAEH,SAAAjB,CAAA,CACH,CAAA,CAIJ,MAAMyB,EAAa,IAAM,CACvB,OAAQT,EAAM,CACZ,IAAK,OACI,OAAAQ,EAAA,kBAAA,IAACE,EAAK,KAAA,CAAA,OAAQ,EAAI,CAAA,EAC3B,IAAK,WACI,OAAAF,EAAA,kBAAA,IAACG,EAAS,SAAA,CAAA,OAAQ,EAAI,CAAA,EAC/B,QACS,OAAA,IAAA,CAEb,EAGE,OAAAC,EAAA,kBAAA,KAAC,SAAA,CACC,KAAAlB,EACA,KAAAC,EACA,UAAWU,EACX,QAAAZ,EACA,SAAUF,GAAYC,EACrB,GAAGS,EAEH,SAAA,CACCD,GAAAY,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,GAAI,KACN,SAAA,CAAC,CAAArB,2BAAYiB,EAAW,EAAA,EACxBjB,EAAUgB,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,OAAQ,EAAI,CAAA,EAAK,IAAA,EACvC,EAGD9B,EAEAQ,GAAW,CAACQ,0BAAQc,EAAQ,QAAA,CAAA,OAAQ,GAAI,EAAK,IAAA,CAAA,CAChD,CAEJ"}

package/dist/index.cjs260.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),D=require("./index.cjs400.js"),$=require("./index.cjs401.js"),S=require("./index.cjs399.js"),M=require("./index.cjs402.js"),N=require("./index.cjs443.js"),H=require("./index.cjs423.js"),T=require("./index.cjs415.js"),q=require("./index.cjs403.js"),f=require("./index.cjs216.js");function z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=z(_);var y="Checkbox",[A,B]=$.createContextScope(y),[K,L]=A(y),j=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,name:c,checked:p,defaultChecked:n,required:x,disabled:u,value:h="on",onCheckedChange:m,form:d,...C}=e,[i,k]=s.useState(null),v=D.useComposedRefs(r,o=>k(o)),R=s.useRef(!1),g=i?d||!!i.closest("form"):!0,[l=!1,E]=M.useControllableState({prop:p,defaultProp:n,onChange:m}),w=s.useRef(l);return s.useEffect(()=>{const o=i==null?void 0:i.form;if(o){const b=()=>E(w.current);return o.addEventListener("reset",b),()=>o.removeEventListener("reset",b)}},[i,E]),f.jsxRuntimeExports.jsxs(K,{scope:t,state:l,disabled:u,children:[f.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button",role:"checkbox","aria-checked":a(l)?"mixed":l,"aria-required":x,"data-state":O(l),"data-disabled":u?"":void 0,disabled:u,value:h,...C,ref:v,onKeyDown:S.composeEventHandlers(e.onKeyDown,o=>{o.key==="Enter"&&o.preventDefault()}),onClick:S.composeEventHandlers(e.onClick,o=>{E(b=>a(b)?!0:!b),g&&(R.current=o.isPropagationStopped(),R.current||o.stopPropagation())})}),g&&f.jsxRuntimeExports.jsx(X,{control:i,bubbles:!R.current,name:c,value:h,checked:l,required:x,disabled:u,form:d,style:{transform:"translateX(-100%)"},defaultChecked:a(n)?!1:n})]})});j.displayName=y;var I="CheckboxIndicator",P=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,forceMount:c,...p}=e,n=L(I,t);return f.jsxRuntimeExports.jsx(T.Presence,{present:c||a(n.state)||n.state===!0,children:f.jsxRuntimeExports.jsx(q.Primitive.span,{"data-state":O(n.state),"data-disabled":n.disabled?"":void 0,...p,ref:r,style:{pointerEvents:"none",...e.style}})})});P.displayName=I;var X=e=>{const{control:r,checked:t,bubbles:c=!0,defaultChecked:p,...n}=e,x=s.useRef(null),u=N.usePrevious(t),h=H.useSize(r);s.useEffect(()=>{const d=x.current,C=window.HTMLInputElement.prototype,k=Object.getOwnPropertyDescriptor(C,"checked").set;if(u!==t&&k){const v=new Event("click",{bubbles:c});d.indeterminate=a(t),k.call(d,a(t)?!1:t),d.dispatchEvent(v)}},[u,t,c]);const m=s.useRef(a(t)?!1:t);return f.jsxRuntimeExports.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:p??m.current,...n,tabIndex:-1,ref:x,style:{...e.style,...h,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function a(e){return e==="indeterminate"}function O(e){return a(e)?"indeterminate":e?"checked":"unchecked"}var F=j,G=P;exports.Checkbox=j;exports.CheckboxIndicator=P;exports.Indicator=G;exports.Root=F;exports.createCheckboxScope=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),D=require("./index.cjs398.js"),$=require("./index.cjs399.js"),S=require("./index.cjs397.js"),M=require("./index.cjs400.js"),N=require("./index.cjs424.js"),H=require("./index.cjs425.js"),T=require("./index.cjs416.js"),q=require("./index.cjs401.js"),f=require("./index.cjs216.js");function z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=z(_);var y="Checkbox",[A,B]=$.createContextScope(y),[K,L]=A(y),j=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,name:c,checked:p,defaultChecked:n,required:x,disabled:u,value:h="on",onCheckedChange:m,form:d,...C}=e,[i,k]=s.useState(null),v=D.useComposedRefs(r,o=>k(o)),R=s.useRef(!1),g=i?d||!!i.closest("form"):!0,[l=!1,E]=M.useControllableState({prop:p,defaultProp:n,onChange:m}),w=s.useRef(l);return s.useEffect(()=>{const o=i==null?void 0:i.form;if(o){const b=()=>E(w.current);return o.addEventListener("reset",b),()=>o.removeEventListener("reset",b)}},[i,E]),f.jsxRuntimeExports.jsxs(K,{scope:t,state:l,disabled:u,children:[f.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button",role:"checkbox","aria-checked":a(l)?"mixed":l,"aria-required":x,"data-state":O(l),"data-disabled":u?"":void 0,disabled:u,value:h,...C,ref:v,onKeyDown:S.composeEventHandlers(e.onKeyDown,o=>{o.key==="Enter"&&o.preventDefault()}),onClick:S.composeEventHandlers(e.onClick,o=>{E(b=>a(b)?!0:!b),g&&(R.current=o.isPropagationStopped(),R.current||o.stopPropagation())})}),g&&f.jsxRuntimeExports.jsx(X,{control:i,bubbles:!R.current,name:c,value:h,checked:l,required:x,disabled:u,form:d,style:{transform:"translateX(-100%)"},defaultChecked:a(n)?!1:n})]})});j.displayName=y;var I="CheckboxIndicator",P=s.forwardRef((e,r)=>{const{__scopeCheckbox:t,forceMount:c,...p}=e,n=L(I,t);return f.jsxRuntimeExports.jsx(T.Presence,{present:c||a(n.state)||n.state===!0,children:f.jsxRuntimeExports.jsx(q.Primitive.span,{"data-state":O(n.state),"data-disabled":n.disabled?"":void 0,...p,ref:r,style:{pointerEvents:"none",...e.style}})})});P.displayName=I;var X=e=>{const{control:r,checked:t,bubbles:c=!0,defaultChecked:p,...n}=e,x=s.useRef(null),u=N.usePrevious(t),h=H.useSize(r);s.useEffect(()=>{const d=x.current,C=window.HTMLInputElement.prototype,k=Object.getOwnPropertyDescriptor(C,"checked").set;if(u!==t&&k){const v=new Event("click",{bubbles:c});d.indeterminate=a(t),k.call(d,a(t)?!1:t),d.dispatchEvent(v)}},[u,t,c]);const m=s.useRef(a(t)?!1:t);return f.jsxRuntimeExports.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:p??m.current,...n,tabIndex:-1,ref:x,style:{...e.style,...h,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function a(e){return e==="indeterminate"}function O(e){return a(e)?"indeterminate":e?"checked":"unchecked"}var F=j,G=P;exports.Checkbox=j;exports.CheckboxIndicator=P;exports.Indicator=G;exports.Root=F;exports.createCheckboxScope=B;
 //# sourceMappingURL=index.cjs260.js.map

package/dist/index.cjs261.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs261.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\nimport { useEffect, RefObject } from \"react\";\n\n// Make the hook generic to accept any HTMLElement type\nexport function useClickOutside<T extends HTMLDivElement | null>(\n  ref: RefObject<T>,\n  isActive: boolean,\n  onClickOutside: () => void,\n  resetSelection?: () => void,\n  keepSelectionOnNavigation?: boolean,\n): void {\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        const isNavigationElement = (event.target as HTMLElement).closest(\n          '[data-navigation=\"true\"]',\n        );\n\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\n          onClickOutside();\n\n          if (resetSelection) {\n            resetSelection();\n          }\n        }\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [\n    ref,\n    isActive,\n    onClickOutside,\n    resetSelection,\n    keepSelectionOnNavigation,\n  ]);\n}\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":"yGAIO,SAASA,EACdC,EACAC,EACAC,EACAC,EACAC,EACM,CACNC,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAC5CP,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,IAKvD,CAJyBA,EAAM,OAAuB,QACxD,0BACF,GAE4B,CAACH,KACZF,EAAA,EAEXC,GACaA,EAAA,EAIvB,EAEA,OAAIF,GACO,SAAA,iBAAiB,YAAaK,CAAkB,EAGpD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CACDN,EACAC,EACAC,EACAC,EACAC,CAAA,CACD,CACH"}
+{"version":3,"file":"index.cjs261.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":"yGAIO,SAASA,EACdC,EACAC,EACAC,EACAC,EACAC,EACM,CACNC,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAC5CP,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,IAKvD,CAJyBA,EAAM,OAAuB,QACxD,0BACF,GAE4B,CAACH,KACZF,EAAA,EAEXC,GACaA,EAAA,EAIvB,EAEA,OAAIF,GACO,SAAA,iBAAiB,YAAaK,CAAkB,EAGpD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CACDN,EACAC,EACAC,EACAC,EACAC,CAAA,CACD,CACH"}

package/dist/index.cjs264.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs264.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\n\nexport const useIsDesktop = (): boolean => {\n  return useMediaQuery(\"(min-width: 1200px)\");\n};\n\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\n};\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":"qHAEaA,EAAe,IACnBC,EAAAA,cAAc,qBAAqB"}
+{"version":3,"file":"index.cjs264.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\r\n\r\nexport const useIsDesktop = (): boolean => {\r\n  return useMediaQuery(\"(min-width: 1200px)\");\r\n};\r\n\r\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\r\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\r\n};\r\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":"qHAEaA,EAAe,IACnBC,EAAAA,cAAc,qBAAqB"}

package/dist/index.cjs269.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs269.js","sources":["../src/utils/dates.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\n\nexport const fromISODateToRangeFormat = (\n  ISODateStartAt: string | null,\n  ISODateEndAt: string | null,\n  t: (key: string) => string,\n  locale = \"it\",\n) => {\n  if (!ISODateStartAt || !ISODateEndAt) return null;\n  const startDate = DateTime.fromISO(ISODateStartAt).setLocale(locale);\n  const endDate = DateTime.fromISO(ISODateEndAt).setLocale(locale);\n\n  if (startDate.hasSame(endDate, \"month\")) {\n    return `${t(\"from\")} ${startDate.toFormat(\"d\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\n  }\n  return `${t(\"from\")} ${startDate.toFormat(\"d MMMM\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\n};\n\nexport const fromISODateToDateFormatted = (\n  ISODate: string | null,\n  locale: string = \"it\",\n) => {\n  if (!ISODate) return null;\n  const date = DateTime.fromISO(ISODate).setLocale(locale);\n  return date.toFormat(\"dd/MM/yyyy\");\n};\n\nexport const fromISOToFormat = (ISODate: string | null) => {\n  if (!ISODate) return \" - \";\n  const date = DateTime.fromISO(ISODate).setLocale(\"it\");\n  return date.toFormat(\"dd/MM/yyyy\");\n};\n\nexport const formatRangeDateToISO = (startDate: string, endDate: string) => {\n  const startDateTime = DateTime.fromFormat(startDate, \"yyyy-MM-dd\");\n  const endDateTime = DateTime.fromFormat(endDate, \"yyyy-MM-dd\");\n\n  if (!startDateTime.isValid) {\n    console.error(\"Invalid start date:\", startDateTime.invalidExplanation);\n  }\n\n  if (!endDateTime.isValid) {\n    console.error(\"Invalid end date:\", endDateTime.invalidExplanation);\n  }\n\n  return [\n    startDateTime.startOf(\"day\").toISO() ?? \"\",\n    endDateTime.endOf(\"day\").toISO() ?? \"\",\n  ];\n};\n\nexport const isActiveDate = (expirationDate: string | null) => {\n  if (!expirationDate) return false;\n  return DateTime.fromISO(expirationDate).toMillis() > Date.now();\n};\n"],"names":["fromISODateToDateFormatted","ISODate","locale","DateTime"],"mappings":"gJAkBO,MAAMA,EAA6B,CACxCC,EACAC,EAAiB,OAEZD,EACQE,EAAAA,QAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,EAFZ"}
+{"version":3,"file":"index.cjs269.js","sources":["../src/utils/dates.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\r\n\r\nexport const fromISODateToRangeFormat = (\r\n  ISODateStartAt: string | null,\r\n  ISODateEndAt: string | null,\r\n  t: (key: string) => string,\r\n  locale = \"it\",\r\n) => {\r\n  if (!ISODateStartAt || !ISODateEndAt) return null;\r\n  const startDate = DateTime.fromISO(ISODateStartAt).setLocale(locale);\r\n  const endDate = DateTime.fromISO(ISODateEndAt).setLocale(locale);\r\n\r\n  if (startDate.hasSame(endDate, \"month\")) {\r\n    return `${t(\"from\")} ${startDate.toFormat(\"d\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n  }\r\n  return `${t(\"from\")} ${startDate.toFormat(\"d MMMM\")} ${t(\"to\")} ${endDate.toFormat(\"d MMMM\")}`;\r\n};\r\n\r\nexport const fromISODateToDateFormatted = (\r\n  ISODate: string | null,\r\n  locale: string = \"it\",\r\n) => {\r\n  if (!ISODate) return null;\r\n  const date = DateTime.fromISO(ISODate).setLocale(locale);\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const fromISOToFormat = (ISODate: string | null) => {\r\n  if (!ISODate) return \" - \";\r\n  const date = DateTime.fromISO(ISODate).setLocale(\"it\");\r\n  return date.toFormat(\"dd/MM/yyyy\");\r\n};\r\n\r\nexport const formatRangeDateToISO = (startDate: string, endDate: string) => {\r\n  const startDateTime = DateTime.fromFormat(startDate, \"yyyy-MM-dd\");\r\n  const endDateTime = DateTime.fromFormat(endDate, \"yyyy-MM-dd\");\r\n\r\n  if (!startDateTime.isValid) {\r\n    console.error(\"Invalid start date:\", startDateTime.invalidExplanation);\r\n  }\r\n\r\n  if (!endDateTime.isValid) {\r\n    console.error(\"Invalid end date:\", endDateTime.invalidExplanation);\r\n  }\r\n\r\n  return [\r\n    startDateTime.startOf(\"day\").toISO() ?? \"\",\r\n    endDateTime.endOf(\"day\").toISO() ?? \"\",\r\n  ];\r\n};\r\n\r\nexport const isActiveDate = (expirationDate: string | null) => {\r\n  if (!expirationDate) return false;\r\n  return DateTime.fromISO(expirationDate).toMillis() > Date.now();\r\n};\r\n"],"names":["fromISODateToDateFormatted","ISODate","locale","DateTime"],"mappings":"gJAkBO,MAAMA,EAA6B,CACxCC,EACAC,EAAiB,OAEZD,EACQE,EAAAA,QAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,EAFZ"}

package/dist/index.cjs27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs27.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ExternalLink } from \"@/icons\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport \"./CardCategory.scss\";\nimport { Col, Row } from \"@/components\";\nimport { ComponentType, MouseEvent } from \"react\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  description2?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  goToLabel?: string;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  classNameDescriptionTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const CardCategory = ({\n  image,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  description2,\n  isExternal = false,\n  showIcon = false,\n  goToLabel,\n  asLink = \"a\",\n  asImage = \"img\",\n  className,\n  classNameTitle,\n  classNameDescription,\n  classNameDescriptionTitle,\n  handleOnClick,\n}: CardCategoryProps) => {\n  const ImageComponent = asImage;\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent\n      className={clsx(\n        \"ui-card-category shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      onClick={handleOnClick ?? undefined}\n    >\n      {image?.src && (\n        <header className=\"ui-card-category-header\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n        </header>\n      )}\n\n      <Col\n        className={clsx(\n          image?.src\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\n            : \"ui-card-category-content\",\n          \"gap-x8 br-x4 bg-white\",\n        )}\n      >\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <TitleTag\n            className={clsx(\n              \"flex-1 cursor-pointer hover-underline\",\n              classNameTitle\n                ? classNameTitle\n                : \"text-primary fs-5 md-fs-custom-2\",\n            )}\n          >\n            {title}\n            {isExternal && (\n              <span className=\"visually-hidden\">\n                (si apre in una nuova finestra)\n              </span>\n            )}\n          </TitleTag>\n\n          {showIcon && (\n            <span>\n              <ExternalLink\n                width={24}\n                height={24}\n                color=\"primary\"\n                className=\"ui-external-link\"\n              />\n            </span>\n          )}\n        </Row>\n        <div className={clsx(classNameDescription)}>\n          <p\n            className={clsx(\n              classNameDescriptionTitle\n                ? classNameDescriptionTitle\n                : \"fs-6 md-fs-custom text-slate-20\",\n            )}\n          >\n            {description}\n          </p>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description2}\n          </p>\n        </div>\n      </Col>\n      {goToLabel && href && (\n        <footer className=\"ui-card-category-footer bg-white\">\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\n            {goToLabel?.toUpperCase()}\n          </ArrowLink>\n        </footer>\n      )}\n    </LinkComponent>\n  );\n};\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":"+SAkCaA,EAAe,CAAC,CAC3B,MAAAC,EACA,MAAAC,EACA,SAAUC,EAAW,KACrB,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,UAAAC,EACA,OAAAC,EAAS,IACT,QAAAC,EAAU,MACV,UAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,0BAAAC,EACA,cAAAC,CACF,IAAyB,CACvB,MAAMC,EAAiBN,EACjBO,EAAgBR,EAEpB,OAAAS,EAAA,kBAAA,KAACD,EAAA,CACC,UAAWE,EAAA,KACT,yCACAR,EACAI,GAAiB,gBACnB,EACA,KAAAZ,EACA,OAAQG,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OAC1C,QAASS,GAAiB,OAEzB,SAAA,EAAAf,GAAA,YAAAA,EAAO,MACNoB,wBAAC,SAAO,CAAA,UAAU,0BAChB,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKhB,GAAA,YAAAA,EAAO,IACZ,IAAKA,GAAA,YAAAA,EAAO,IACZ,MAAOA,GAAA,YAAAA,EAAO,KAAA,CAAA,EAElB,EAGFkB,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,UAAWF,EAAA,KACTnB,GAAA,MAAAA,EAAO,IACH,qDACA,2BACJ,uBACF,EAEA,SAAA,CAAAkB,yBAACI,EAAAA,KAAI,WAAY,SAAU,eAAgB,gBAAiB,IAAK,KAC/D,SAAA,CAAAJ,EAAA,kBAAA,KAAChB,EAAA,CACC,UAAWiB,EAAA,KACT,wCACAP,GAEI,kCACN,EAEC,SAAA,CAAAX,EACAK,GACCc,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAElC,iCAAA,CAAA,CAAA,CAAA,CAEJ,EAECb,2BACE,OACC,CAAA,SAAAa,EAAA,kBAAA,IAACG,EAAA,aAAA,CACC,MAAO,GACP,OAAQ,GACR,MAAM,UACN,UAAU,kBAAA,CAAA,CAEd,CAAA,CAAA,EAEJ,EACCL,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAWC,EAAAA,KAAKN,CAAoB,EACvC,SAAA,CAAAO,EAAA,kBAAA,IAAC,IAAA,CACC,UAAWD,EAAA,KACTL,GAEI,iCACN,EAEC,SAAAV,CAAA,CACH,EACCgB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,6CACV,SACHf,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,EACCG,GAAaL,GACXiB,EAAAA,kBAAAA,IAAA,SAAA,CAAO,UAAU,mCAChB,SAAAA,wBAACI,EAAAA,UAAU,CAAA,KAAMrB,GAAQ,IAAK,WAAAG,EAC3B,SAAWE,GAAA,YAAAA,EAAA,cACd,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs27.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./CardCategory.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { ComponentType, MouseEvent } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardCategoryProps = {\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  goToLabel?: string;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  classNameDescriptionTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const CardCategory = ({\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  description2,\r\n  isExternal = false,\r\n  showIcon = false,\r\n  goToLabel,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  className,\r\n  classNameTitle,\r\n  classNameDescription,\r\n  classNameDescriptionTitle,\r\n  handleOnClick,\r\n}: CardCategoryProps) => {\r\n  const ImageComponent = asImage;\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <LinkComponent\r\n      className={clsx(\r\n        \"ui-card-category shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      onClick={handleOnClick ?? undefined}\r\n    >\r\n      {image?.src && (\r\n        <header className=\"ui-card-category-header\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n        </header>\r\n      )}\r\n\r\n      <Col\r\n        className={clsx(\r\n          image?.src\r\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\r\n            : \"ui-card-category-content\",\r\n          \"gap-x8 br-x4 bg-white\",\r\n        )}\r\n      >\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <TitleTag\r\n            className={clsx(\r\n              \"flex-1 cursor-pointer hover-underline\",\r\n              classNameTitle\r\n                ? classNameTitle\r\n                : \"text-primary fs-5 md-fs-custom-2\",\r\n            )}\r\n          >\r\n            {title}\r\n            {isExternal && (\r\n              <span className=\"visually-hidden\">\r\n                (si apre in una nuova finestra)\r\n              </span>\r\n            )}\r\n          </TitleTag>\r\n\r\n          {showIcon && (\r\n            <span>\r\n              <ExternalLink\r\n                width={24}\r\n                height={24}\r\n                color=\"primary\"\r\n                className=\"ui-external-link\"\r\n              />\r\n            </span>\r\n          )}\r\n        </Row>\r\n        <div className={clsx(classNameDescription)}>\r\n          <p\r\n            className={clsx(\r\n              classNameDescriptionTitle\r\n                ? classNameDescriptionTitle\r\n                : \"fs-6 md-fs-custom text-slate-20\",\r\n            )}\r\n          >\r\n            {description}\r\n          </p>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description2}\r\n          </p>\r\n        </div>\r\n      </Col>\r\n      {goToLabel && href && (\r\n        <footer className=\"ui-card-category-footer bg-white\">\r\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\r\n            {goToLabel?.toUpperCase()}\r\n          </ArrowLink>\r\n        </footer>\r\n      )}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":"+SAkCaA,EAAe,CAAC,CAC3B,MAAAC,EACA,MAAAC,EACA,SAAUC,EAAW,KACrB,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,UAAAC,EACA,OAAAC,EAAS,IACT,QAAAC,EAAU,MACV,UAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,0BAAAC,EACA,cAAAC,CACF,IAAyB,CACvB,MAAMC,EAAiBN,EACjBO,EAAgBR,EAEpB,OAAAS,EAAA,kBAAA,KAACD,EAAA,CACC,UAAWE,EAAA,KACT,yCACAR,EACAI,GAAiB,gBACnB,EACA,KAAAZ,EACA,OAAQG,EAAa,SAAW,OAChC,IAAKA,EAAa,sBAAwB,OAC1C,QAASS,GAAiB,OAEzB,SAAA,EAAAf,GAAA,YAAAA,EAAO,MACNoB,wBAAC,SAAO,CAAA,UAAU,0BAChB,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKhB,GAAA,YAAAA,EAAO,IACZ,IAAKA,GAAA,YAAAA,EAAO,IACZ,MAAOA,GAAA,YAAAA,EAAO,KAAA,CAAA,EAElB,EAGFkB,EAAA,kBAAA,KAACG,EAAA,IAAA,CACC,UAAWF,EAAA,KACTnB,GAAA,MAAAA,EAAO,IACH,qDACA,2BACJ,uBACF,EAEA,SAAA,CAAAkB,yBAACI,EAAAA,KAAI,WAAY,SAAU,eAAgB,gBAAiB,IAAK,KAC/D,SAAA,CAAAJ,EAAA,kBAAA,KAAChB,EAAA,CACC,UAAWiB,EAAA,KACT,wCACAP,GAEI,kCACN,EAEC,SAAA,CAAAX,EACAK,GACCc,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAElC,iCAAA,CAAA,CAAA,CAAA,CAEJ,EAECb,2BACE,OACC,CAAA,SAAAa,EAAA,kBAAA,IAACG,EAAA,aAAA,CACC,MAAO,GACP,OAAQ,GACR,MAAM,UACN,UAAU,kBAAA,CAAA,CAEd,CAAA,CAAA,EAEJ,EACCL,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAWC,EAAAA,KAAKN,CAAoB,EACvC,SAAA,CAAAO,EAAA,kBAAA,IAAC,IAAA,CACC,UAAWD,EAAA,KACTL,GAEI,iCACN,EAEC,SAAAV,CAAA,CACH,EACCgB,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,6CACV,SACHf,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,EACCG,GAAaL,GACXiB,EAAAA,kBAAAA,IAAA,SAAA,CAAO,UAAU,mCAChB,SAAAA,wBAACI,EAAAA,UAAU,CAAA,KAAMrB,GAAQ,IAAK,WAAAG,EAC3B,SAAWE,GAAA,YAAAA,EAAA,cACd,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs270.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs444.js"),n=require("react"),p=()=>{const[o,t]=i.useCopyToClipboard(),[r,e]=n.useState(!1);return{isCopied:r,copiedText:o,copyToClipboard:()=>{const c=window.location.href;t(c).then(()=>{e(()=>!0),setTimeout(()=>{e(!1)},1500)}).catch(s=>{console.debug("Failed to copy!",s)})}}};exports.useCopyToClipboardCurrentPage=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs412.js"),n=require("react"),p=()=>{const[o,t]=i.useCopyToClipboard(),[r,e]=n.useState(!1);return{isCopied:r,copiedText:o,copyToClipboard:()=>{const c=window.location.href;t(c).then(()=>{e(()=>!0),setTimeout(()=>{e(!1)},1500)}).catch(s=>{console.debug("Failed to copy!",s)})}}};exports.useCopyToClipboardCurrentPage=p;
 //# sourceMappingURL=index.cjs270.js.map

package/dist/index.cjs274.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs216.js"),i=require("./index.cjs218.js"),l=require("./index.cjs231.js"),n=({width:t=24,height:e=24,className:r,color:C})=>{const o=l.createColorClasses({color:C});return s.jsxRuntimeExports.jsxs("svg",{width:t,height:e,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:i.clsx(r,o),children:[s.jsxRuntimeExports.jsx("path",{d:"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z",fill:"white"}),s.jsxRuntimeExports.jsx("path",{d:"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z",fill:"#0066CC",stroke:"#0066CC",strokeWidth:"0.3"}),s.jsxRuntimeExports.jsx("path",{d:"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z",fill:"#0066CC",stroke:"#0066CC",strokeWidth:"0.3"})]})};exports.Spid=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs216.js"),i=require("./index.cjs218.js"),l=require("./index.cjs233.js"),n=({width:t=24,height:e=24,className:r,color:C})=>{const o=l.createColorClasses({color:C});return s.jsxRuntimeExports.jsxs("svg",{width:t,height:e,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:i.clsx(r,o),children:[s.jsxRuntimeExports.jsx("path",{d:"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z",fill:"white"}),s.jsxRuntimeExports.jsx("path",{d:"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z",fill:"#0066CC",stroke:"#0066CC",strokeWidth:"0.3"}),s.jsxRuntimeExports.jsx("path",{d:"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z",fill:"#0066CC",stroke:"#0066CC",strokeWidth:"0.3"})]})};exports.Spid=n;
 //# sourceMappingURL=index.cjs274.js.map

package/dist/index.cjs274.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs274.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Spid = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className={clsx(className, classes)}\n    >\n      <path\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n      <path\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n    </svg>\n  );\n};\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":"mLAIaA,EAAO,CAAC,CACnB,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,CACF,IAAiB,CACf,MAAMC,EAAUC,EAAAA,mBAAmB,CAAE,MAAAF,EAAO,EAG1C,OAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAAN,EACA,OAAAC,EACA,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,OACZ,UAAWM,EAAAA,KAAKL,EAAWE,CAAO,EAElC,SAAA,CAAAI,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,4IACF,KAAK,OAAA,CACP,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,6WACF,KAAK,UACL,OAAO,UACP,YAAY,KAAA,CACd,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,0LACF,KAAK,UACL,OAAO,UACP,YAAY,KAAA,CAAA,CACd,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs274.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Spid = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n      className={clsx(className, classes)}\r\n    >\r\n      <path\r\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n      <path\r\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":"mLAIaA,EAAO,CAAC,CACnB,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,CACF,IAAiB,CACf,MAAMC,EAAUC,EAAAA,mBAAmB,CAAE,MAAAF,EAAO,EAG1C,OAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,MAAAN,EACA,OAAAC,EACA,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,OACZ,UAAWM,EAAAA,KAAKL,EAAWE,CAAO,EAElC,SAAA,CAAAI,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,4IACF,KAAK,OAAA,CACP,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,6WACF,KAAK,UACL,OAAO,UACP,YAAY,KAAA,CACd,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,0LACF,KAAK,UACL,OAAO,UACP,YAAY,KAAA,CAAA,CACd,CAAA,CACF,CAEJ"}

package/dist/index.cjs276.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),p=require("./index.cjs399.js"),v=require("./index.cjs400.js"),M=require("./index.cjs401.js"),R=require("./index.cjs405.js"),B=require("./index.cjs402.js"),V=require("./index.cjs410.js"),z=require("./index.cjs412.js"),K=require("./index.cjs414.js"),E=require("./index.cjs415.js"),x=require("./index.cjs403.js"),U=require("./index.cjs411.js"),Y=require("./index.cjs418.js"),Z=require("./index.cjs417.js"),J=require("./index.cjs407.js"),s=require("./index.cjs216.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=Q(H);var j="Dialog",[S,X]=M.createContextScope(j),[ee,u]=S(j),C=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:o,modal:c=!0}=e,l=a.useRef(null),d=a.useRef(null),[f=!1,D]=B.useControllableState({prop:r,defaultProp:i,onChange:o});return s.jsxRuntimeExports.jsx(ee,{scope:t,triggerRef:l,contentRef:d,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:f,onOpenChange:D,onOpenToggle:a.useCallback(()=>D(L=>!L),[D]),modal:c,children:n})};C.displayName=j;var w="DialogTrigger",P=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(w,n),o=v.useComposedRefs(t,i.triggerRef);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":A(i.open),...r,ref:o,onClick:p.composeEventHandlers(e.onClick,i.onOpenToggle)})});P.displayName=w;var _="DialogPortal",[te,F]=S(_,{forceMount:void 0}),y=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:i}=e,o=u(_,t);return s.jsxRuntimeExports.jsx(te,{scope:t,forceMount:n,children:a.Children.map(r,c=>s.jsxRuntimeExports.jsx(E.Presence,{present:n||o.open,children:s.jsxRuntimeExports.jsx(K.Portal,{asChild:!0,container:i,children:c})}))})};y.displayName=_;var m="DialogOverlay",O=a.forwardRef((e,t)=>{const n=F(m,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(m,e.__scopeDialog);return o.modal?s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:s.jsxRuntimeExports.jsx(ne,{...i,ref:t})}):null});O.displayName=m;var oe=J.createSlot("DialogOverlay.RemoveScroll"),ne=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(m,n);return s.jsxRuntimeExports.jsx(Y,{as:oe,allowPinchZoom:!0,shards:[i.contentRef],children:s.jsxRuntimeExports.jsx(x.Primitive.div,{"data-state":A(i.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),g="DialogContent",h=a.forwardRef((e,t)=>{const n=F(g,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(g,e.__scopeDialog);return s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:o.modal?s.jsxRuntimeExports.jsx(re,{...i,ref:t}):s.jsxRuntimeExports.jsx(ie,{...i,ref:t})})});h.displayName=g;var re=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(null),i=v.useComposedRefs(t,n.contentRef,r);return a.useEffect(()=>{const o=r.current;if(o)return Z.hideOthers(o)},[]),s.jsxRuntimeExports.jsx(q,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p.composeEventHandlers(e.onCloseAutoFocus,o=>{var c;o.preventDefault(),(c=n.triggerRef.current)==null||c.focus()}),onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,o=>{const c=o.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&o.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,o=>o.preventDefault())})}),ie=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(!1),i=a.useRef(!1);return s.jsxRuntimeExports.jsx(q,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c,l;(c=e.onCloseAutoFocus)==null||c.call(e,o),o.defaultPrevented||(r.current||(l=n.triggerRef.current)==null||l.focus(),o.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:o=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const c=o.target;((f=n.triggerRef.current)==null?void 0:f.contains(c))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&i.current&&o.preventDefault()}})}),q=a.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:o,...c}=e,l=u(g,n),d=a.useRef(null),f=v.useComposedRefs(t,d);return U.useFocusGuards(),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:o,children:s.jsxRuntimeExports.jsx(V.DismissableLayer,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":A(l.open),...c,ref:f,onDismiss:()=>l.onOpenChange(!1)})}),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ae,{titleId:l.titleId}),s.jsxRuntimeExports.jsx(le,{contentRef:d,descriptionId:l.descriptionId})]})]})}),N="DialogTitle",b=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(N,n);return s.jsxRuntimeExports.jsx(x.Primitive.h2,{id:i.titleId,...r,ref:t})});b.displayName=N;var $="DialogDescription",I=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u($,n);return s.jsxRuntimeExports.jsx(x.Primitive.p,{id:i.descriptionId,...r,ref:t})});I.displayName=$;var W="DialogClose",T=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(W,n);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...r,ref:t,onClick:p.composeEventHandlers(e.onClick,()=>i.onOpenChange(!1))})});T.displayName=W;function A(e){return e?"open":"closed"}var k="DialogTitleWarning",[se,G]=M.createContext(k,{contentName:g,titleName:N,docsSlug:"dialog"}),ae=({titleId:e})=>{const t=G(k),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),p=require("./index.cjs397.js"),v=require("./index.cjs398.js"),M=require("./index.cjs399.js"),R=require("./index.cjs403.js"),B=require("./index.cjs400.js"),V=require("./index.cjs413.js"),z=require("./index.cjs414.js"),K=require("./index.cjs415.js"),E=require("./index.cjs416.js"),x=require("./index.cjs401.js"),U=require("./index.cjs417.js"),Y=require("./index.cjs418.js"),Z=require("./index.cjs419.js"),J=require("./index.cjs420.js"),s=require("./index.cjs216.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=Q(H);var j="Dialog",[S,X]=M.createContextScope(j),[ee,u]=S(j),C=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:i,onOpenChange:o,modal:c=!0}=e,l=a.useRef(null),d=a.useRef(null),[f=!1,D]=B.useControllableState({prop:r,defaultProp:i,onChange:o});return s.jsxRuntimeExports.jsx(ee,{scope:t,triggerRef:l,contentRef:d,contentId:R.useId(),titleId:R.useId(),descriptionId:R.useId(),open:f,onOpenChange:D,onOpenToggle:a.useCallback(()=>D(L=>!L),[D]),modal:c,children:n})};C.displayName=j;var w="DialogTrigger",P=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(w,n),o=v.useComposedRefs(t,i.triggerRef);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":A(i.open),...r,ref:o,onClick:p.composeEventHandlers(e.onClick,i.onOpenToggle)})});P.displayName=w;var _="DialogPortal",[te,F]=S(_,{forceMount:void 0}),y=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:i}=e,o=u(_,t);return s.jsxRuntimeExports.jsx(te,{scope:t,forceMount:n,children:a.Children.map(r,c=>s.jsxRuntimeExports.jsx(E.Presence,{present:n||o.open,children:s.jsxRuntimeExports.jsx(K.Portal,{asChild:!0,container:i,children:c})}))})};y.displayName=_;var m="DialogOverlay",O=a.forwardRef((e,t)=>{const n=F(m,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(m,e.__scopeDialog);return o.modal?s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:s.jsxRuntimeExports.jsx(ne,{...i,ref:t})}):null});O.displayName=m;var oe=J.createSlot("DialogOverlay.RemoveScroll"),ne=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(m,n);return s.jsxRuntimeExports.jsx(Y,{as:oe,allowPinchZoom:!0,shards:[i.contentRef],children:s.jsxRuntimeExports.jsx(x.Primitive.div,{"data-state":A(i.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),g="DialogContent",h=a.forwardRef((e,t)=>{const n=F(g,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,o=u(g,e.__scopeDialog);return s.jsxRuntimeExports.jsx(E.Presence,{present:r||o.open,children:o.modal?s.jsxRuntimeExports.jsx(re,{...i,ref:t}):s.jsxRuntimeExports.jsx(ie,{...i,ref:t})})});h.displayName=g;var re=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(null),i=v.useComposedRefs(t,n.contentRef,r);return a.useEffect(()=>{const o=r.current;if(o)return Z.hideOthers(o)},[]),s.jsxRuntimeExports.jsx(q,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p.composeEventHandlers(e.onCloseAutoFocus,o=>{var c;o.preventDefault(),(c=n.triggerRef.current)==null||c.focus()}),onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,o=>{const c=o.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&o.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,o=>o.preventDefault())})}),ie=a.forwardRef((e,t)=>{const n=u(g,e.__scopeDialog),r=a.useRef(!1),i=a.useRef(!1);return s.jsxRuntimeExports.jsx(q,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c,l;(c=e.onCloseAutoFocus)==null||c.call(e,o),o.defaultPrevented||(r.current||(l=n.triggerRef.current)==null||l.focus(),o.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:o=>{var d,f;(d=e.onInteractOutside)==null||d.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const c=o.target;((f=n.triggerRef.current)==null?void 0:f.contains(c))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&i.current&&o.preventDefault()}})}),q=a.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:o,...c}=e,l=u(g,n),d=a.useRef(null),f=v.useComposedRefs(t,d);return U.useFocusGuards(),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(z.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:o,children:s.jsxRuntimeExports.jsx(V.DismissableLayer,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":A(l.open),...c,ref:f,onDismiss:()=>l.onOpenChange(!1)})}),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ae,{titleId:l.titleId}),s.jsxRuntimeExports.jsx(le,{contentRef:d,descriptionId:l.descriptionId})]})]})}),N="DialogTitle",b=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(N,n);return s.jsxRuntimeExports.jsx(x.Primitive.h2,{id:i.titleId,...r,ref:t})});b.displayName=N;var $="DialogDescription",I=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u($,n);return s.jsxRuntimeExports.jsx(x.Primitive.p,{id:i.descriptionId,...r,ref:t})});I.displayName=$;var W="DialogClose",T=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,i=u(W,n);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...r,ref:t,onClick:p.composeEventHandlers(e.onClick,()=>i.onOpenChange(!1))})});T.displayName=W;function A(e){return e?"open":"closed"}var k="DialogTitleWarning",[se,G]=M.createContext(k,{contentName:g,titleName:N,docsSlug:"dialog"}),ae=({titleId:e})=>{const t=G(k),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 

package/dist/index.cjs277.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs277.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close, ArrowLeft } from \"@/icons\";\nimport \"./BaseModalHeader.scss\";\nimport { Row } from \"@/components\";\n\ntype BaseModalHeaderProps = {\n  labels?: {\n    closeButton?: string;\n    backButton?: string;\n  };\n  onCloseClick?: () => void;\n  onBackClick?: () => void;\n  showBackButton?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n}: BaseModalHeaderProps) => {\n  return (\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n        {showBackButton && onBackClick && labels?.backButton ? (\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Torna indietro\"\n            onClick={onBackClick}\n          >\n            <ArrowLeft className=\"mr-x8\" />\n            {labels.backButton}\n          </Button>\n        ) : null}\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n    </header>\n  );\n};\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsx","Row","Dialog.Title","jsxs","Button","ArrowLeft","Dialog.Close","Close"],"mappings":"gTAiBaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,CACP,YAAa,SACb,WAAY,UACd,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,UAAO,UAAU,wCAChB,kCAACC,EAAI,IAAA,CAAA,WAAY,SAAU,eAAgB,gBACzC,SAAA,CAAAD,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAa,UAAU,6BACrB,SAAAH,CACH,CAAA,EACCD,GAAkBD,IAAeF,GAAA,MAAAA,EAAQ,YACxCQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,iBACX,QAASP,EAET,SAAA,CAACG,EAAAA,kBAAAA,IAAAK,EAAA,UAAA,CAAU,UAAU,OAAQ,CAAA,EAC5BV,EAAO,UAAA,CAAA,CAAA,EAER,KACHC,IAAgBD,GAAA,MAAAA,EAAQ,aACvBK,EAAA,kBAAA,IAACM,EAAA,MAAA,CAAa,QAAO,GACnB,SAAAH,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASR,EACT,UAAU,sBAET,SAAA,CAAOD,EAAA,YACRK,EAAAA,kBAAAA,IAACO,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,GAE7B,EACE,IAAA,CAAA,CACN,CACF,CAAA"}
+{"version":3,"file":"index.cjs277.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsx","Row","Dialog.Title","jsxs","Button","ArrowLeft","Dialog.Close","Close"],"mappings":"gTAiBaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,CACP,YAAa,SACb,WAAY,UACd,EACA,aAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,SAAAC,CACF,IAEIC,EAAA,kBAAA,IAAC,UAAO,UAAU,wCAChB,kCAACC,EAAI,IAAA,CAAA,WAAY,SAAU,eAAgB,gBACzC,SAAA,CAAAD,EAAAA,kBAAAA,IAACE,EAAAA,MAAA,CAAa,UAAU,6BACrB,SAAAH,CACH,CAAA,EACCD,GAAkBD,IAAeF,GAAA,MAAAA,EAAQ,YACxCQ,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,iBACX,QAASP,EAET,SAAA,CAACG,EAAAA,kBAAAA,IAAAK,EAAA,UAAA,CAAU,UAAU,OAAQ,CAAA,EAC5BV,EAAO,UAAA,CAAA,CAAA,EAER,KACHC,IAAgBD,GAAA,MAAAA,EAAQ,aACvBK,EAAA,kBAAA,IAACM,EAAA,MAAA,CAAa,QAAO,GACnB,SAAAH,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASR,EACT,UAAU,sBAET,SAAA,CAAOD,EAAA,YACRK,EAAAA,kBAAAA,IAACO,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,GAE7B,EACE,IAAA,CAAA,CACN,CACF,CAAA"}

package/dist/index.cjs278.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs278.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\n\ntype BaseModalFooterProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalFooter = ({\n  children,\n  className,\n}: BaseModalFooterProps) => {\n  return (\n    <Row\n      as={\"footer\"}\n      bg={\"white\"}\n      alignItems={\"center\"}\n      px={\"x36\"}\n      py={\"x8\"}\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":"kJAOaA,EAAkB,CAAC,CAC9B,SAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,GAAI,SACJ,GAAI,QACJ,WAAY,SACZ,GAAI,MACJ,GAAI,KACJ,UAAW,4BAA4BF,GAAwB,EAAE,IAEhE,SAAAD,CAAA,CACH"}
+{"version":3,"file":"index.cjs278.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\r\n\r\ntype BaseModalFooterProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalFooter = ({\r\n  children,\r\n  className,\r\n}: BaseModalFooterProps) => {\r\n  return (\r\n    <Row\r\n      as={\"footer\"}\r\n      bg={\"white\"}\r\n      alignItems={\"center\"}\r\n      px={\"x36\"}\r\n      py={\"x8\"}\r\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\r\n    >\r\n      {children}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":"kJAOaA,EAAkB,CAAC,CAC9B,SAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,GAAI,SACJ,GAAI,QACJ,WAAY,SACZ,GAAI,MACJ,GAAI,KACJ,UAAW,4BAA4BF,GAAwB,EAAE,IAEhE,SAAAD,CAAA,CACH"}

package/dist/index.cjs279.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs279.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\n\ntype BaseModalContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalContent = ({\n  className,\n  children,\n}: BaseModalContentProps) => {\n  return (\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\n      {children}\n    </div>\n  );\n};\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":"kJAOO,MAAMA,EAAmB,CAAC,CAC/B,UAAAC,EACA,SAAAC,CACF,IAEIC,wBAAC,OAAI,UAAW,yBAAyBF,GAAwB,EAAE,GAChE,SAAAC,CACH,CAAA"}
+{"version":3,"file":"index.cjs279.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\r\n\r\ntype BaseModalContentProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalContent = ({\r\n  className,\r\n  children,\r\n}: BaseModalContentProps) => {\r\n  return (\r\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":"kJAOO,MAAMA,EAAmB,CAAC,CAC/B,UAAAC,EACA,SAAAC,CACF,IAEIC,wBAAC,OAAI,UAAW,yBAAyBF,GAAwB,EAAE,GAChE,SAAAC,CACH,CAAA"}