@anoki/fse-ui 1.10.1-RC1.2 → 1.10.1-RC1.3

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.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\" | \"5\";\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  icon?: CommonIconsType;\n  variant?: ButtonVariant;\n  variantBg?: string;\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  isExternal?: boolean;\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => 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  variantBg = \"bg-white\",\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  isExternal = false,\n  target = undefined,\n  rel = undefined,\n  icon = undefined,\n  fwClassName = \"fw-bold\",\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    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant} ${variantBg}`,\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    fwClassName,\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={isExternal ? \"_blank\" : target}\n        rel={isExternal ? \"noopener noreferrer\" : 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","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":";;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACAY;AAAA,EACF;AAEA,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AAEpB,WAAAa,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIJ,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAM;AAAA,MACZ,KAAK;AACI,eAAAQ,gBAAAA,EAAA,IAACE,GAAK,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC3B,KAAK;AACI,eAAAF,gBAAAA,EAAA,IAACG,GAAS,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC/B;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QACCF,KAAAY,gBAAAA,EAAA,KAACC,GAAI,EAAA,IAAI,MACN,UAAA;AAAA,UAAC,CAAAtB,2BAAYkB,GAAW,EAAA;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAA,IAACM,GAAQ,EAAA,QAAQ,GAAI,CAAA,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDhC;AAAA,QAEAS,KAAW,CAACS,0BAAQc,GAAQ,EAAA,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAEJ;"}
+{"version":3,"file":"index.es28.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\" | \"5\";\r\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  icon?: CommonIconsType;\r\n  variant?: ButtonVariant;\r\n  variantBg?: string;\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  isExternal?: boolean;\r\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => 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  variantBg = \"bg-white\",\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  isExternal = false,\r\n  target = undefined,\r\n  rel = undefined,\r\n  icon = undefined,\r\n  fwClassName = \"fw-bold\",\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    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\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} ${variantBg}`,\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    fwClassName,\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={isExternal ? \"_blank\" : target}\r\n        rel={isExternal ? \"noopener noreferrer\" : 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","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":";;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACAY;AAAA,EACF;AAEA,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AAEpB,WAAAa,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIJ,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAM;AAAA,MACZ,KAAK;AACI,eAAAQ,gBAAAA,EAAA,IAACE,GAAK,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC3B,KAAK;AACI,eAAAF,gBAAAA,EAAA,IAACG,GAAS,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC/B;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QACCF,KAAAY,gBAAAA,EAAA,KAACC,GAAI,EAAA,IAAI,MACN,UAAA;AAAA,UAAC,CAAAtB,2BAAYkB,GAAW,EAAA;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAA,IAACM,GAAQ,EAAA,QAAQ,GAAI,CAAA,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDhC;AAAA,QAEAS,KAAW,CAACS,0BAAQc,GAAQ,EAAA,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAEJ;"}

package/dist/index.es280.js

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

package/dist/index.es280.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es280.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/index.es281.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es281.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"custom\";\n\nexport type TypographyProps = {\n  fs?: TypographyKeys;\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n};\n\nexport type TypographyPropsKeys = keyof TypographyProps;\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\n\nexport const createTypographyClasses = <TProps extends TypographyProps>(\n  props: TProps,\n) => {\n  return typographyPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}
+{"version":3,"file":"index.es281.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"custom\";\r\n\r\nexport type TypographyProps = {\r\n  fs?: TypographyKeys;\r\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n};\r\n\r\nexport type TypographyPropsKeys = keyof TypographyProps;\r\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\r\n\r\nexport const createTypographyClasses = <TProps extends TypographyProps>(\r\n  props: TProps,\r\n) => {\r\n  return typographyPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es284.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es284.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","useMediaQueryV2","initialValue"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es284.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es291.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es291.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    <span\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    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es291.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    <span\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    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es296.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es475.js";
-import { composeRefs as E } from "./index.es476.js";
-import { createContextScope as S } from "./index.es477.js";
-import { useControllableState as P } from "./index.es478.js";
-import { Primitive as y } from "./index.es479.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es480.js";
-import { useId as g } from "./index.es481.js";
+import { composeEventHandlers as m } from "./index.es469.js";
+import { composeRefs as E } from "./index.es470.js";
+import { createContextScope as S } from "./index.es471.js";
+import { useControllableState as P } from "./index.es472.js";
+import { Primitive as y } from "./index.es473.js";
+import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es474.js";
+import { useId as g } from "./index.es475.js";
 import { j as a } from "./index.es246.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es299.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import { clsx as d } from "./index.es248.js";
-import { createColorClasses as f } from "./index.es278.js";
+import { createColorClasses as f } from "./index.es280.js";
 const u = ({
   width: s = 56,
   height: l = 10,

package/dist/index.es299.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es299.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  decorative = true,\n  ariaLabel = \"List arrow\",\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={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\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\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es299.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  decorative = true,\n  ariaLabel = \"List arrow\",\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={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\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\r\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.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, ReactNode } from \"react\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\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 = \"h1\",\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":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBN,GACjBO,IAAgBR;AAEpB,SAAAS,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAI,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAZ;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASS,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAf,KAAA,gBAAAA,EAAO,QACNoB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKhB,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFkB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTnB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAkB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAAChB;AAAA,kBAAA;AAAA,oBACC,WAAWiB;AAAA,sBACT;AAAA,sBACAP,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECb,2BACE,QACC,EAAA,UAAAa,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKN,CAAoB,GACvC,UAAA;AAAA,gBAAAO,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWD;AAAA,sBACTL,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAAV;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACCgB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXiB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMrB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es30.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, ReactNode } from \"react\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\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 | ReactNode;\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 = \"h1\",\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":";;;;;;;AAiCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBN,GACjBO,IAAgBR;AAEpB,SAAAS,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAI,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAZ;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASS,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAf,KAAA,gBAAAA,EAAO,QACNoB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKhB,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFkB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTnB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAkB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAAChB;AAAA,kBAAA;AAAA,oBACC,WAAWiB;AAAA,sBACT;AAAA,sBACAP,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECb,2BACE,QACC,EAAA,UAAAa,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKN,CAAoB,GACvC,UAAA;AAAA,gBAAAO,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWD;AAAA,sBACTL,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAAV;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACCgB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXiB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMrB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es301.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es28.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es248.js";
-import { useFocusTrap as N } from "./index.es496.js";
+import { useFocusTrap as N } from "./index.es476.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es301.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es301.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            className={\"ui-login-button-header-mobile\"}\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                    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.es301.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            className={\"ui-login-button-header-mobile\"}\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                    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.es309.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es476.js";
-import { createContextScope as M } from "./index.es477.js";
-import { composeEventHandlers as S } from "./index.es475.js";
-import { useControllableState as O } from "./index.es478.js";
-import { usePrevious as A } from "./index.es504.js";
-import { useSize as B } from "./index.es502.js";
-import { Presence as H } from "./index.es491.js";
-import { Primitive as j } from "./index.es479.js";
+import { useComposedRefs as N } from "./index.es470.js";
+import { createContextScope as M } from "./index.es471.js";
+import { composeEventHandlers as S } from "./index.es469.js";
+import { useControllableState as O } from "./index.es472.js";
+import { usePrevious as A } from "./index.es479.js";
+import { useSize as B } from "./index.es480.js";
+import { Presence as H } from "./index.es481.js";
+import { Primitive as j } from "./index.es473.js";
 import { j as f } from "./index.es246.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es31.js

@@ -1,11 +1,11 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/CardMapStructure/CardMap.css';/* empty css            */
-import { useState as w, useRef as g, useEffect as b } from "react";
+import { useState as g, useRef as b, useEffect as C } from "react";
 import { Col as n } from "./index.es10.js";
-const L = ({
+const R = ({
   id: c,
   title: l,
-  titleTag: d = "h1",
+  titleTag: d = "h2",
   href: m,
   description: f,
   isExternal: o = !1,
@@ -14,12 +14,13 @@ const L = ({
   plainAddress: i,
   setSelectedCard: p = () => {
   },
-  addressLabel: h = "Indirizzo"
+  addressLabel: h = "Indirizzo",
+  addressLabelTitleTag: j = "h3"
 }) => {
-  const j = u, [s, a] = w(!1), t = g(null);
-  return b(() => {
-    const r = (v) => {
-      t.current && !t.current.contains(v.target) && a(!1);
+  const v = u, [s, a] = g(!1), t = b(null);
+  return C(() => {
+    const r = (w) => {
+      t.current && !t.current.contains(w.target) && a(!1);
     };
     return s ? document.addEventListener("mousedown", r) : document.removeEventListener("mousedown", r), () => {
       document.removeEventListener("mousedown", r);
@@ -40,7 +41,7 @@ const L = ({
       children: [
         /* @__PURE__ */ e.jsxs(n, { pb: "x24", children: [
           /* @__PURE__ */ e.jsx(d, { className: "flex-1", children: /* @__PURE__ */ e.jsx(
-            j,
+            v,
             {
               className: "text-decoration-none fs-4 text-primary fw-semibold",
               href: m,
@@ -52,7 +53,7 @@ const L = ({
           /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular", children: f })
         ] }),
         i && /* @__PURE__ */ e.jsxs(n, { as: "footer", gap: "x8", bg: "white", children: [
-          /* @__PURE__ */ e.jsx("h5", { className: "fw-semibold fs-6", children: h }),
+          /* @__PURE__ */ e.jsx(j, { className: "fw-semibold fs-6", children: h }),
           /* @__PURE__ */ e.jsx("p", { className: "fw-regular", children: i })
         ] })
       ]
@@ -60,6 +61,6 @@ const L = ({
   );
 };
 export {
-  L as CardMap
+  R as CardMap
 };
 //# sourceMappingURL=index.es31.js.map

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardMapProps = {\n  id: string;\n  title: string;\n  titleTag: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  plainAddress?: string;\n  setSelectedCard?: (id: string) => void;\n  addressLabel?: string;\n};\nexport const CardMap = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h1\",\n  href,\n  description,\n  isExternal = false,\n  asLink = \"a\",\n  className,\n  plainAddress,\n  setSelectedCard = () => {},\n  addressLabel = \"Indirizzo\",\n}: CardMapProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsActive(false);\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isActive]);\n  return (\n    <Col\n      as={\"div\"}\n      justifyContent={\"center\"}\n      ref={dropdownRef}\n      br={\"x4\"}\n      p={\"x24\"}\n      bg={\"white\"}\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(id);\n      }}\n    >\n      <Col pb={\"x24\"}>\n        <TitleTag className=\"flex-1\">\n          <LinkComponent\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n          >\n            {title}\n          </LinkComponent>\n        </TitleTag>\n        <p className=\"fs-6 fw-regular\">{description}</p>\n      </Col>\n\n      {plainAddress && (\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\n          <h5 className={\"fw-semibold fs-6\"}>{addressLabel}</h5>\n          <p className={\"fw-regular\"}>{plainAddress}</p>\n        </Col>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","plainAddress","setSelectedCard","addressLabel","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC,IAAe;AACjB,MAAoB;AAClB,QAAMC,IAAgBL,GAChB,CAACM,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGR,CAAS,IAAIK,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBJ,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACoB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAApB,GAAA,EAAS,WAAU,UAClB,UAAAoB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAR;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCqB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYlB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,4BACEa,GAAI,EAAA,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAW,oBAAqB,UAAaZ,GAAA;AAAA,UAChDY,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,UAAad,EAAA,CAAA;AAAA,QAAA,EAC5C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardMapProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  plainAddress?: string;\r\n  setSelectedCard?: (id: string) => void;\r\n  addressLabel?: string;\r\n  addressLabelTitleTag?: HeadingLevel;\r\n};\r\nexport const CardMap = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h2\",\r\n  href,\r\n  description,\r\n  isExternal = false,\r\n  asLink = \"a\",\r\n  className,\r\n  plainAddress,\r\n  setSelectedCard = () => {},\r\n  addressLabel = \"Indirizzo\",\r\n  addressLabelTitleTag: AddressLabelTitleTag = \"h3\",\r\n}: CardMapProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\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        setIsActive(false);\r\n      }\r\n    };\r\n\r\n    if (isActive) {\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  }, [isActive]);\r\n  return (\r\n    <Col\r\n      as={\"div\"}\r\n      justifyContent={\"center\"}\r\n      ref={dropdownRef}\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      bg={\"white\"}\r\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\r\n      onClick={() => {\r\n        setIsActive(true);\r\n        setSelectedCard(id);\r\n      }}\r\n    >\r\n      <Col pb={\"x24\"}>\r\n        <TitleTag className=\"flex-1\">\r\n          <LinkComponent\r\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n          >\r\n            {title}\r\n          </LinkComponent>\r\n        </TitleTag>\r\n        <p className=\"fs-6 fw-regular\">{description}</p>\r\n      </Col>\r\n\r\n      {plainAddress && (\r\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\r\n          <AddressLabelTitleTag className={\"fw-semibold fs-6\"}>\r\n            {addressLabel}\r\n          </AddressLabelTitleTag>\r\n          <p className={\"fw-regular\"}>{plainAddress}</p>\r\n        </Col>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","plainAddress","setSelectedCard","addressLabel","AddressLabelTitleTag","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC,IAAe;AAAA,EACf,sBAAsBC,IAAuB;AAC/C,MAAoB;AAClB,QAAMC,IAAgBN,GAChB,CAACO,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGT,CAAS,IAAIM,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBL,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACqB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAArB,GAAA,EAAS,WAAU,UAClB,UAAAqB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAT;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCsB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYnB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,4BACEc,GAAI,EAAA,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAAZ,GAAA,EAAqB,WAAW,oBAC9B,UACHD,GAAA;AAAA,UACCa,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,UAAaf,EAAA,CAAA;AAAA,QAAA,EAC5C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es310.js.map

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

package/dist/index.es316.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es316.js","sources":["../src/components/ui/SupportBanner/ctaComponents.tsx"],"sourcesContent":["import { ArrowLink, Button } from \"@/components\";\nimport { Attachment } from \"@/icons\";\n\n// Centralized type to describe a single CTA/link entry used by SupportBanner\nexport interface SupportBannerLink {\n  text: string;\n  href?: string;\n  icon?: boolean;\n  target?: string;\n  isExternal?: boolean;\n  handleAction?: () => void;\n  variant?: \"link\" | \"button\" | \"outlineButton\" | \"outlineButtonHref\";\n}\n\n/**\n * CTA Components configuration object containing different call-to-action components\n * Each function returns a React component with specific styling and behavior\n */\nexport const CTA_COMPONENTS = {\n  /**\n   * Renders a link component with optional action handler\n   */\n  link: ({ text, href, handleAction }: SupportBannerLink) => {\n    if (handleAction) {\n      return (\n        <ArrowLink asButton onClick={handleAction}>\n          {text}\n        </ArrowLink>\n      );\n    }\n\n    return (\n      <ArrowLink href={href}>{text}</ArrowLink>\n    );\n  },\n\n  /**\n   * Renders a basic button component\n   */\n  button: ({ text, icon, handleAction }: SupportBannerLink) => (\n    <Button size=\"2\" className=\"w-full \" onClick={handleAction}>\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n\n  /**\n   * Renders an outline button with optional icon and action handler\n   */\n  outlineButton: ({ text, icon, handleAction }: SupportBannerLink) => (\n    <Button\n      size=\"2\"\n      textColor=\"primary\"\n      bg=\"lightblue-a03\"\n      className=\"w-full \"\n      border=\"primary\"\n      onClick={handleAction}\n    >\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n\n  /**\n   * Renders an outline button that acts as a link\n   */\n  outlineButtonHref: ({ text, href, icon, target, isExternal }: SupportBannerLink) => (\n    <Button\n      size=\"2\"\n      textColor=\"primary\"\n      bg=\"lightblue-a03\"\n      className=\"w-full \"\n      border=\"primary\"\n      asLink=\"a\"\n      target={target ?? (isExternal ? \"_blank\" : undefined)}\n      href={href ?? \"\"}\n    >\n      {icon && <Attachment className=\"mr-x8\" />}\n      <p className=\"fs-6 fw-bold\">{text}</p>\n    </Button>\n  ),\n};"],"names":["CTA_COMPONENTS","text","href","handleAction","ArrowLink","jsx","icon","jsxs","Button","Attachment","target","isExternal"],"mappings":";;;;AAkBO,MAAMA,IAAiB;AAAA;AAAA;AAAA;AAAA,EAI5B,MAAM,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,cAAAC,QACfA,0BAECC,GAAU,EAAA,UAAQ,IAAC,SAASD,GAC1B,UACHF,GAAA,IAKFI,gBAAAA,EAAAA,IAACD,GAAU,EAAA,MAAAF,GAAa,UAAKD,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAOjC,QAAQ,CAAC,EAAE,MAAAA,GAAM,MAAAK,GAAM,cAAAH,EAAa,MACjCI,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,MAAK,KAAI,WAAU,WAAU,SAASL,GAC3C,UAAA;AAAA,IAAQG,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,IACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,EAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAMF,eAAe,CAAC,EAAE,MAAAA,GAAM,MAAAK,GAAM,cAAAH,EAC5B,MAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAASL;AAAA,MAER,UAAA;AAAA,QAAQG,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA,EAMF,mBAAmB,CAAC,EAAE,MAAAA,GAAM,MAAAC,GAAM,MAAAI,GAAM,QAAAI,GAAQ,YAAAC,QAC9CJ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQE,MAAWC,IAAa,WAAW;AAAA,MAC3C,MAAMT,KAAQ;AAAA,MAEb,UAAA;AAAA,QAAQI,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;"}
+{"version":3,"file":"index.es316.js","sources":["../src/components/ui/SupportBanner/ctaComponents.tsx"],"sourcesContent":["import { ArrowLink, Button } from \"@/components\";\r\nimport { Attachment } from \"@/icons\";\r\n\r\n// Centralized type to describe a single CTA/link entry used by SupportBanner\r\nexport interface SupportBannerLink {\r\n  text: string;\r\n  href?: string;\r\n  icon?: boolean;\r\n  target?: string;\r\n  isExternal?: boolean;\r\n  handleAction?: () => void;\r\n  variant?: \"link\" | \"button\" | \"outlineButton\" | \"outlineButtonHref\";\r\n}\r\n\r\n/**\r\n * CTA Components configuration object containing different call-to-action components\r\n * Each function returns a React component with specific styling and behavior\r\n */\r\nexport const CTA_COMPONENTS = {\r\n  /**\r\n   * Renders a link component with optional action handler\r\n   */\r\n  link: ({ text, href, handleAction }: SupportBannerLink) => {\r\n    if (handleAction) {\r\n      return (\r\n        <ArrowLink asButton onClick={handleAction}>\r\n          {text}\r\n        </ArrowLink>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <ArrowLink href={href}>{text}</ArrowLink>\r\n    );\r\n  },\r\n\r\n  /**\r\n   * Renders a basic button component\r\n   */\r\n  button: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button size=\"2\" className=\"w-full \" onClick={handleAction}>\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button with optional icon and action handler\r\n   */\r\n  outlineButton: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      onClick={handleAction}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button that acts as a link\r\n   */\r\n  outlineButtonHref: ({ text, href, icon, target, isExternal }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      asLink=\"a\"\r\n      target={target ?? (isExternal ? \"_blank\" : undefined)}\r\n      href={href ?? \"\"}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n};"],"names":["CTA_COMPONENTS","text","href","handleAction","ArrowLink","jsx","icon","jsxs","Button","Attachment","target","isExternal"],"mappings":";;;;AAkBO,MAAMA,IAAiB;AAAA;AAAA;AAAA;AAAA,EAI5B,MAAM,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,cAAAC,QACfA,0BAECC,GAAU,EAAA,UAAQ,IAAC,SAASD,GAC1B,UACHF,GAAA,IAKFI,gBAAAA,EAAAA,IAACD,GAAU,EAAA,MAAAF,GAAa,UAAKD,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAOjC,QAAQ,CAAC,EAAE,MAAAA,GAAM,MAAAK,GAAM,cAAAH,EAAa,MACjCI,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,MAAK,KAAI,WAAU,WAAU,SAASL,GAC3C,UAAA;AAAA,IAAQG,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,IACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,EAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAMF,eAAe,CAAC,EAAE,MAAAA,GAAM,MAAAK,GAAM,cAAAH,EAC5B,MAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAASL;AAAA,MAER,UAAA;AAAA,QAAQG,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA,EAMF,mBAAmB,CAAC,EAAE,MAAAA,GAAM,MAAAC,GAAM,MAAAI,GAAM,QAAAI,GAAQ,YAAAC,QAC9CJ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQE,MAAWC,IAAa,WAAW;AAAA,MAC3C,MAAMT,KAAQ;AAAA,MAEb,UAAA;AAAA,QAAQI,KAAAD,gBAAAA,EAAAA,IAACI,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCJ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKJ,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;"}

package/dist/index.es319.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es319.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":";;AAkBO,MAAMA,IAA6B,CACxCC,GACAC,IAAiB,SAEZD,IACQE,EAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,IAFZ;"}
+{"version":3,"file":"index.es319.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":";;AAkBO,MAAMA,IAA6B,CACxCC,GACAC,IAAiB,SAEZD,IACQE,EAAS,QAAQF,CAAO,EAAE,UAAUC,CAAM,EAC3C,SAAS,YAAY,IAFZ;"}

package/dist/index.es320.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es516.js";
+import { useCopyToClipboard as c } from "./index.es482.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es320.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\n\nimport { useState } from \"react\";\n\nexport const useCopyToClipboardCurrentPage = () => {\n  const [copiedText, copy] = useCopyToClipboardNative();\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copyToClipboard = () => {\n    if (typeof window === \"undefined\") return;\n    const completeUrl = window.location.href;\n    copy(completeUrl)\n      .then(() => {\n        setIsCopied(() => true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, 1500);\n      })\n      .catch((error) => {\n        console.debug(\"Failed to copy!\", error);\n      });\n  };\n\n  return {\n    isCopied,\n    copiedText,\n    copyToClipboard,\n  };\n};\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAyB,GAC9C,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiBvC,SAAA;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AACxB,UAAA,OAAO,SAAW,IAAa;AAC7B,YAAAM,IAAc,OAAO,SAAS;AAC/B,MAAAL,EAAAK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,WAChB,IAAI;AAAA,MAAA,CACR,EACA,MAAM,CAACG,MAAU;AACR,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACL;AAAA,EAMA;AACF;"}
+{"version":3,"file":"index.es320.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nexport const useCopyToClipboardCurrentPage = () => {\r\n  const [copiedText, copy] = useCopyToClipboardNative();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const copyToClipboard = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const completeUrl = window.location.href;\r\n    copy(completeUrl)\r\n      .then(() => {\r\n        setIsCopied(() => true);\r\n        setTimeout(() => {\r\n          setIsCopied(false);\r\n        }, 1500);\r\n      })\r\n      .catch((error) => {\r\n        console.debug(\"Failed to copy!\", error);\r\n      });\r\n  };\r\n\r\n  return {\r\n    isCopied,\r\n    copiedText,\r\n    copyToClipboard,\r\n  };\r\n};\r\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAyB,GAC9C,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiBvC,SAAA;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AACxB,UAAA,OAAO,SAAW,IAAa;AAC7B,YAAAM,IAAc,OAAO,SAAS;AAC/B,MAAAL,EAAAK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,WAChB,IAAI;AAAA,MAAA,CACR,EACA,MAAM,CAACG,MAAU;AACR,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACL;AAAA,EAMA;AACF;"}

package/dist/index.es325.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es246.js";
 import { clsx as a } from "./index.es248.js";
-import { createColorClasses as p } from "./index.es278.js";
+import { createColorClasses as p } from "./index.es280.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es325.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es325.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  decorative = true,\n  ariaLabel = \"SPID\",\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={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\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\n"],"names":["Spid","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAaG;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAC1B,WAAWI,EAAKP,GAAWI,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es325.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  decorative = true,\n  ariaLabel = \"SPID\",\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={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\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\r\n"],"names":["Spid","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAaG;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAC1B,WAAWI,EAAKP,GAAWI,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es327.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es475.js";
-import { useComposedRefs as C } from "./index.es476.js";
-import { createContextScope as B, createContext as H } from "./index.es477.js";
-import { useId as x } from "./index.es481.js";
-import { useControllableState as V } from "./index.es478.js";
-import { DismissableLayer as q } from "./index.es486.js";
-import { FocusScope as K } from "./index.es488.js";
-import { Portal as U } from "./index.es490.js";
-import { Presence as R } from "./index.es491.js";
-import { Primitive as m } from "./index.es479.js";
-import { useFocusGuards as Y } from "./index.es487.js";
-import Z from "./index.es494.js";
-import { hideOthers as z } from "./index.es493.js";
-import { createSlot as J } from "./index.es483.js";
+import { composeEventHandlers as p } from "./index.es469.js";
+import { useComposedRefs as C } from "./index.es470.js";
+import { createContextScope as B, createContext as H } from "./index.es471.js";
+import { useId as x } from "./index.es475.js";
+import { useControllableState as V } from "./index.es472.js";
+import { DismissableLayer as q } from "./index.es483.js";
+import { FocusScope as K } from "./index.es484.js";
+import { Portal as U } from "./index.es485.js";
+import { Presence as R } from "./index.es481.js";
+import { Primitive as m } from "./index.es473.js";
+import { useFocusGuards as Y } from "./index.es486.js";
+import Z from "./index.es487.js";
+import { hideOthers as z } from "./index.es488.js";
+import { createSlot as J } from "./index.es489.js";
 import { j as i } from "./index.es246.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es328.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es328.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 { Col, Row } from \"@/components\";\nimport clsx from \"clsx\";\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  classNameModalHeader?: string;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\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      <Col>\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n      </Col>\n    </header>\n  );\n};\n\nexport const BaseModalHeaderV2 = ({\n  labels = {\n    closeButton: \"Chiudi\",\n  },\n  onCloseClick,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row justifyContent={\"space-between\"}>\n        <Col />\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\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","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAO,EAAA,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBL,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAACQ,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAACJ,gBAAAA,EAAA,IAAAK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EACF,CAAA;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAA,KAACC,GAAI,EAAA,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAA,IAACI,GAAI,EAAA;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EACH,CAAA;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAOD,EAAA;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAE7B,IACE;AAAA,EAAA,CACN,EACF,CAAA;"}
+{"version":3,"file":"index.es328.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 { Col, Row } from \"@/components\";\r\nimport clsx from \"clsx\";\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  classNameModalHeader?: string;\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  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\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      <Col>\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n      </Col>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport const BaseModalHeaderV2 = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n  },\r\n  onCloseClick,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row justifyContent={\"space-between\"}>\r\n        <Col />\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\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","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAO,EAAA,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBL,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAACQ,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAACJ,gBAAAA,EAAA,IAAAK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EACF,CAAA;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAA,KAACC,GAAI,EAAA,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAA,IAACI,GAAI,EAAA;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EACH,CAAA;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAOD,EAAA;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,KAE7B,IACE;AAAA,EAAA,CACN,EACF,CAAA;"}

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/ui/CardMapDoctorV2/index.tsx"],"sourcesContent":["import \"./CardMapDoctorV2.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { ArrowLink, Col, Row } from \"@/components\";\nimport { CheckIcon } from \"@/icons\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardMapDoctorProps = {\n  doctorCode: string;\n  titleTag: HeadingLevel;\n  title: string;\n  specialization?: string;\n  tag?: string;\n  officeAddressLabel?: string;\n  officeAddress?: string;\n  asLink?: \"a\";\n  className?: string;\n  isActive: boolean;\n  setSelectedDoctorCode: (code?: string) => void;\n  keepSelectionOnNavigation?: boolean;\n  ctaTitle?: string;\n  ctaAction?: () => void;\n};\n\nexport const CardMapDoctorV2 = ({\n  titleTag: TitleTag = \"h1\",\n  title,\n  specialization,\n  tag,\n  officeAddressLabel,\n  officeAddress,\n  className,\n  doctorCode,\n  setSelectedDoctorCode,\n  keepSelectionOnNavigation = false,\n  ctaTitle,\n  ctaAction,\n  isActive,\n}: CardMapDoctorProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setSelectedDoctorCode(undefined),\n    () => setSelectedDoctorCode(undefined),\n    keepSelectionOnNavigation,\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedDoctorCode(doctorCode);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={doctorCode}\n        checked={isActive}\n        className={\"ui-checkbox-filter\"}\n        title={`Seleziona ${title}`}\n        aria-label={`Seleziona ${title}`}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon width={14} height={14} color=\"white\" />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col justifyContent={\"center\"} className={`w-full`}>\n        <Col pb={\"x16\"}>\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n            {title}\n          </TitleTag>\n          {!!specialization && (\n            <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\n          )}\n          <div\n            className={\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\n            }\n          >\n            {tag}\n          </div>\n        </Col>\n        <Row justifyContent={\"space-between\"} alignItems={\"end\"}>\n          <div className={\"text-slate-28 fs-6\"}>\n            <div className={\"fw-bold\"}>{officeAddressLabel}</div>\n            <div className={\"w-full\"}>\n              <p className={\"fw-regular\"}>{officeAddress}</p>\n            </div>\n          </div>\n          {ctaTitle && ctaAction && (\n            <ArrowLink\n              asButton\n              onClick={ctaAction}\n              arrowVisible={false}\n              className={\"cursor-pointer\"}\n            >\n              {ctaTitle}\n            </ArrowLink>\n          )}\n        </Row>\n      </Col>\n    </Row>\n  );\n};\n"],"names":["CardMapDoctorV2","TitleTag","title","specialization","tag","officeAddressLabel","officeAddress","className","doctorCode","setSelectedDoctorCode","keepSelectionOnNavigation","ctaTitle","ctaAction","isActive","dropdownRef","useRef","useClickOutside","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col","ArrowLink"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAA0B;AAClB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,SAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAsB,MAAS;AAAA,IACrC,MAAMA,EAAsB,MAAS;AAAA,IACrCC;AAAA,EACF,GAGEO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKJ;AAAA,MACL,WAAW,GAAGP,CAAS,IAAIM,IAAW,gCAAgC,gBAAgB;AAAA,MACtF,SAAS,MAAM;AACb,QAAAJ,EAAsBD,CAAU;AAAA,MAClC;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,SAASK;AAAA,YACT,WAAW;AAAA,YACX,OAAO,aAAaX,CAAK;AAAA,YACzB,cAAY,aAAaA,CAAK;AAAA,YAE9B,UAACiB,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCL,gBAAAA,OAAAM,GAAA,EAAI,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,UAACN,gBAAAA,EAAAA,KAAAM,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,YAACJ,gBAAAA,EAAA,IAAAlB,GAAA,EAAS,WAAU,gDACjB,UACHC,GAAA;AAAA,YACC,CAAC,CAACC,2BACA,KAAE,EAAA,WAAU,iCAAiC,UAAeA,GAAA;AAAA,YAE/DgB,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WACE;AAAA,gBAGD,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACCa,gBAAAA,EAAA,KAAAC,GAAA,EAAI,gBAAgB,iBAAiB,YAAY,OAChD,UAAA;AAAA,YAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,cAACE,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAmBd,GAAA;AAAA,cAC/Cc,gBAAAA,EAAAA,IAAC,SAAI,WAAW,UACd,gCAAC,KAAE,EAAA,WAAW,cAAe,UAAAb,EAAc,CAAA,EAC7C,CAAA;AAAA,YAAA,GACF;AAAA,YACCK,KAAYC,KACXO,gBAAAA,EAAA;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAQ;AAAA,gBACR,SAASZ;AAAA,gBACT,cAAc;AAAA,gBACd,WAAW;AAAA,gBAEV,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAEJ,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/ui/CardMapDoctorV2/index.tsx"],"sourcesContent":["import \"./CardMapDoctorV2.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { ArrowLink, Col, Row } from \"@/components\";\r\nimport { CheckIcon } from \"@/icons\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardMapDoctorProps = {\r\n  doctorCode: string;\r\n  titleTag: HeadingLevel;\r\n  title: string;\r\n  specialization?: string;\r\n  tag?: string;\r\n  officeAddressLabel?: string;\r\n  officeAddress?: string;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  isActive: boolean;\r\n  setSelectedDoctorCode: (code?: string) => void;\r\n  keepSelectionOnNavigation?: boolean;\r\n  ctaTitle?: string;\r\n  ctaAction?: () => void;\r\n};\r\n\r\nexport const CardMapDoctorV2 = ({\r\n  titleTag: TitleTag = \"h1\",\r\n  title,\r\n  specialization,\r\n  tag,\r\n  officeAddressLabel,\r\n  officeAddress,\r\n  className,\r\n  doctorCode,\r\n  setSelectedDoctorCode,\r\n  keepSelectionOnNavigation = false,\r\n  ctaTitle,\r\n  ctaAction,\r\n  isActive,\r\n}: CardMapDoctorProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setSelectedDoctorCode(undefined),\r\n    () => setSelectedDoctorCode(undefined),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedDoctorCode(doctorCode);\r\n      }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={doctorCode}\r\n        checked={isActive}\r\n        className={\"ui-checkbox-filter\"}\r\n        title={`Seleziona ${title}`}\r\n        aria-label={`Seleziona ${title}`}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon width={14} height={14} color=\"white\" />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col justifyContent={\"center\"} className={`w-full`}>\r\n        <Col pb={\"x16\"}>\r\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n            {title}\r\n          </TitleTag>\r\n          {!!specialization && (\r\n            <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\r\n          )}\r\n          <div\r\n            className={\r\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\r\n            }\r\n          >\r\n            {tag}\r\n          </div>\r\n        </Col>\r\n        <Row justifyContent={\"space-between\"} alignItems={\"end\"}>\r\n          <div className={\"text-slate-28 fs-6\"}>\r\n            <div className={\"fw-bold\"}>{officeAddressLabel}</div>\r\n            <div className={\"w-full\"}>\r\n              <p className={\"fw-regular\"}>{officeAddress}</p>\r\n            </div>\r\n          </div>\r\n          {ctaTitle && ctaAction && (\r\n            <ArrowLink\r\n              asButton\r\n              onClick={ctaAction}\r\n              arrowVisible={false}\r\n              className={\"cursor-pointer\"}\r\n            >\r\n              {ctaTitle}\r\n            </ArrowLink>\r\n          )}\r\n        </Row>\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["CardMapDoctorV2","TitleTag","title","specialization","tag","officeAddressLabel","officeAddress","className","doctorCode","setSelectedDoctorCode","keepSelectionOnNavigation","ctaTitle","ctaAction","isActive","dropdownRef","useRef","useClickOutside","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col","ArrowLink"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAA0B;AAClB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,SAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAsB,MAAS;AAAA,IACrC,MAAMA,EAAsB,MAAS;AAAA,IACrCC;AAAA,EACF,GAGEO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKJ;AAAA,MACL,WAAW,GAAGP,CAAS,IAAIM,IAAW,gCAAgC,gBAAgB;AAAA,MACtF,SAAS,MAAM;AACb,QAAAJ,EAAsBD,CAAU;AAAA,MAClC;AAAA,MAEA,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,SAASK;AAAA,YACT,WAAW;AAAA,YACX,OAAO,aAAaX,CAAK;AAAA,YACzB,cAAY,aAAaA,CAAK;AAAA,YAE9B,UAACiB,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCL,gBAAAA,OAAAM,GAAA,EAAI,gBAAgB,UAAU,WAAW,UACxC,UAAA;AAAA,UAACN,gBAAAA,EAAAA,KAAAM,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,YAACJ,gBAAAA,EAAA,IAAAlB,GAAA,EAAS,WAAU,gDACjB,UACHC,GAAA;AAAA,YACC,CAAC,CAACC,2BACA,KAAE,EAAA,WAAU,iCAAiC,UAAeA,GAAA;AAAA,YAE/DgB,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WACE;AAAA,gBAGD,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GACF;AAAA,UACCa,gBAAAA,EAAA,KAAAC,GAAA,EAAI,gBAAgB,iBAAiB,YAAY,OAChD,UAAA;AAAA,YAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,cAACE,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAmBd,GAAA;AAAA,cAC/Cc,gBAAAA,EAAAA,IAAC,SAAI,WAAW,UACd,gCAAC,KAAE,EAAA,WAAW,cAAe,UAAAb,EAAc,CAAA,EAC7C,CAAA;AAAA,YAAA,GACF;AAAA,YACCK,KAAYC,KACXO,gBAAAA,EAAA;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,UAAQ;AAAA,gBACR,SAASZ;AAAA,gBACT,cAAc;AAAA,gBACd,WAAW;AAAA,gBAEV,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAEJ,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}