@anoki/fse-ui 1.0.0-beta1.47.2 → 1.0.0-beta1.47.20

package/dist/index.es276.js

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

package/dist/index.es276.js.map

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

@@ -1,6 +1,6 @@
 import { j as t } from "./index.es241.js";
-import { createColorClasses as g } from "./index.es273.js";
-import { clsx as E } from "./index.es243.js";
+import { createColorClasses as g } from "./index.es245.js";
+import { clsx as E } from "./index.es242.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es195.js";
 import { Download as T } from "./index.es190.js";
@@ -19,7 +19,7 @@ const H = ({
   loading: o,
   onClick: d,
   type: a = "button",
-  form: w = "",
+  form: w,
   asLink: x,
   href: C,
   isExternal: m = !1,

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,IAAO;AAAA,EACP,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.es310.js → index.es282.js}

@@ -56,4 +56,4 @@ const u = {
 export {
   u as CTA_COMPONENTS
 };
-//# sourceMappingURL=index.es310.js.map
+//# sourceMappingURL=index.es282.js.map

package/dist/{index.es310.js.map → index.es282.js.map}

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

@@ -1,25 +1,7 @@
-import { j as m } from "./index.es241.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es243.js";
-const a = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "li",
-    {
-      className: n("ui-breadcrumb-item", {
-        "active text-slate-20 fw-semibold": t,
-        "text-slate-28": !t
-      }),
-      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
-    }
-  );
-};
+import r from "./index.es222.js";
+import "./index.es3.js";
+const d = (t, o = "it") => t ? r.fromISO(t).setLocale(o).toFormat("dd/MM/yyyy") : null;
 export {
-  a as BreadcrumbItem
+  d as fromISODateToDateFormatted
 };
 //# sourceMappingURL=index.es285.js.map

package/dist/index.es285.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es285.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <li\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es285.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.es286.js

@@ -0,0 +1,24 @@
+import { useCopyToClipboard as c } from "./index.es482.js";
+import { useState as n } from "react";
+const l = () => {
+  const [e, t] = c(), [p, o] = n(!1);
+  return {
+    isCopied: p,
+    copiedText: e,
+    copyToClipboard: () => {
+      if (typeof window > "u") return;
+      const r = window.location.href;
+      t(r).then(() => {
+        o(() => !0), setTimeout(() => {
+          o(!1);
+        }, 1500);
+      }).catch((i) => {
+        console.debug("Failed to copy!", i);
+      });
+    }
+  };
+};
+export {
+  l as useCopyToClipboardCurrentPage
+};
+//# sourceMappingURL=index.es286.js.map

package/dist/index.es286.js.map

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

@@ -0,0 +1,9 @@
+const a = (t, e) => {
+  if (!t && !e) return "";
+  const r = t ? t.charAt(0).toLocaleUpperCase() : "", o = e ? e.charAt(0).toLocaleUpperCase() : "";
+  return r + o;
+};
+export {
+  a as getFullNameInitials
+};
+//# sourceMappingURL=index.es287.js.map

package/dist/index.es287.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es287.js","sources":["../src/utils/getFullNameInitials.ts"],"sourcesContent":["export const getFullNameInitials = (name: string, lastName: string): string => {\n  if (!name && !lastName) return \"\";\n\n  const nameInitial = name ? name.charAt(0).toLocaleUpperCase() : \"\";\n  const lastNameInitial = lastName\n    ? lastName.charAt(0).toLocaleUpperCase()\n    : \"\";\n\n  return nameInitial + lastNameInitial;\n};\n"],"names":["getFullNameInitials","name","lastName","nameInitial","lastNameInitial"],"mappings":"AAAa,MAAAA,IAAsB,CAACC,GAAcC,MAA6B;AAC7E,MAAI,CAACD,KAAQ,CAACC,EAAiB,QAAA;AAE/B,QAAMC,IAAcF,IAAOA,EAAK,OAAO,CAAC,EAAE,sBAAsB,IAC1DG,IAAkBF,IACpBA,EAAS,OAAO,CAAC,EAAE,sBACnB;AAEJ,SAAOC,IAAcC;AACvB;"}

package/dist/index.es288.js

@@ -0,0 +1,8 @@
+function c(s) {
+  const t = s.trim().split(/\s+/), n = Math.ceil(t.length / 2), o = t.slice(0, n).join(" "), i = t.slice(n).join(" ");
+  return [o, i];
+}
+export {
+  c as splitInTwo
+};
+//# sourceMappingURL=index.es288.js.map

package/dist/index.es288.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es288.js","sources":["../src/utils/splitInTwo.ts"],"sourcesContent":["export function splitInTwo(text: string): [string, string] {\n  const words = text.trim().split(/\\s+/);\n  const half = Math.ceil(words.length / 2);\n\n  const firstPart = words.slice(0, half).join(\" \");\n  const secondPart = words.slice(half).join(\" \");\n\n  return [firstPart, secondPart];\n}\n"],"names":["splitInTwo","text","words","half","firstPart","secondPart"],"mappings":"AAAO,SAASA,EAAWC,GAAgC;AACzD,QAAMC,IAAQD,EAAK,KAAK,EAAE,MAAM,KAAK,GAC/BE,IAAO,KAAK,KAAKD,EAAM,SAAS,CAAC,GAEjCE,IAAYF,EAAM,MAAM,GAAGC,CAAI,EAAE,KAAK,GAAG,GACzCE,IAAaH,EAAM,MAAMC,CAAI,EAAE,KAAK,GAAG;AAEtC,SAAA,CAACC,GAAWC,CAAU;AAC/B;"}

package/dist/index.es29.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es241.js";
-import { clsx as b } from "./index.es243.js";
+import { clsx as b } from "./index.es242.js";
 import './components/ui/ButtonV2/ButtonV2.css';/* empty css            */
 import { Spinner as f } from "./index.es195.js";
 const c = ({

package/dist/index.es291.js

@@ -0,0 +1,57 @@
+import { j as C } from "./index.es241.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as p } from "./index.es245.js";
+const m = ({
+  width: r = 24,
+  height: t = 24,
+  className: o,
+  color: l,
+  decorative: s = !0,
+  ariaLabel: e = "Icona"
+}) => {
+  const i = p({ color: l });
+  return /* @__PURE__ */ C.jsxs(
+    "svg",
+    {
+      width: r,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": s,
+      "aria-label": s ? void 0 : e,
+      className: a(o, i),
+      children: [
+        /* @__PURE__ */ C.jsx(
+          "path",
+          {
+            d: "M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ C.jsx(
+          "path",
+          {
+            d: "M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z",
+            fill: "#0066CC",
+            stroke: "#0066CC",
+            strokeWidth: "0.3"
+          }
+        ),
+        /* @__PURE__ */ C.jsx(
+          "path",
+          {
+            d: "M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z",
+            fill: "#0066CC",
+            stroke: "#0066CC",
+            strokeWidth: "0.3"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  m as Spid
+};
+//# sourceMappingURL=index.es291.js.map

package/dist/index.es291.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es291.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 = \"Icona\",\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"],"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.es293.js

@@ -1,79 +1,262 @@
-import { j as e } from "./index.es241.js";
-import { clsx as t } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es273.js";
-const x = ({
-  width: r = 56,
-  height: s = 10,
-  className: l,
-  color: i
-}) => {
-  const o = a({ color: i });
-  return /* @__PURE__ */ e.jsxs(
-    "svg",
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es454.js";
+import { useComposedRefs as C } from "./index.es455.js";
+import { createContextScope as B, createContext as H } from "./index.es456.js";
+import { useId as x } from "./index.es460.js";
+import { useControllableState as V } from "./index.es457.js";
+import { DismissableLayer as q } from "./index.es469.js";
+import { FocusScope as K } from "./index.es470.js";
+import { Portal as U } from "./index.es471.js";
+import { Presence as R } from "./index.es463.js";
+import { Primitive as m } from "./index.es458.js";
+import { useFocusGuards as Y } from "./index.es472.js";
+import Z from "./index.es473.js";
+import { hideOthers as z } from "./index.es474.js";
+import { createSlot as J } from "./index.es475.js";
+import { j as i } from "./index.es241.js";
+var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = V({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i.jsx(
+    Q,
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: r,
-      height: s,
-      fill: "currentColor",
-      viewBox: "0 0 56 10",
-      className: t(l, o),
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
-          "path",
-          {
-            fill: "#fff",
-            fillRule: "evenodd",
-            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
-            clipRule: "evenodd"
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
-          "filter",
-          {
-            id: "filter0_d_348_84872",
-            width: "56",
-            height: "40.793",
-            x: "0",
-            y: "-6.793",
-            colorInterpolationFilters: "sRGB",
-            filterUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-              /* @__PURE__ */ e.jsx(
-                "feColorMatrix",
-                {
-                  in: "SourceAlpha",
-                  result: "hardAlpha",
-                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                }
-              ),
-              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
-              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
-              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in2: "BackgroundImageFix",
-                  result: "effect1_dropShadow_348_84872"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "feBlend",
-                {
-                  in: "SourceGraphic",
-                  in2: "effect1_dropShadow_348_84872",
-                  result: "shape"
-                }
-              )
-            ]
-          }
-        ) })
-      ]
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v(($) => !$), [v]),
+      modal: c,
+      children: n
     }
   );
 };
+P.displayName = _;
+var O = "DialogTrigger", I = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(O, n), t = C(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": y(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+I.displayName = O;
+var h = "DialogPortal", [X, A] = N(h, {
+  forceMount: void 0
+}), j = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(X, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: n || t.open, children: /* @__PURE__ */ i.jsx(U, { asChild: !0, container: r, children: c }) })) });
+};
+j.displayName = h;
+var D = "DialogOverlay", T = s.forwardRef(
+  (e, o) => {
+    const n = A(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) }) : null;
+  }
+);
+T.displayName = D;
+var ee = J("DialogOverlay.RemoveScroll"), te = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i.jsx(Z, { as: ee, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+        m.div,
+        {
+          "data-state": y(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", b = s.forwardRef(
+  (e, o) => {
+    const n = A(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(oe, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(re, { ...r, ref: o }) });
+  }
+);
+b.displayName = f;
+var oe = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = C(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return z(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), re = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i.jsx(
+      M,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), M = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = C(o, d);
+    return Y(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(
+        K,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i.jsx(
+            q,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": y(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        /* @__PURE__ */ i.jsx(ne, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ie, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), E = "DialogTitle", w = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(E, n);
+    return /* @__PURE__ */ i.jsx(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+w.displayName = E;
+var F = "DialogDescription", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+S.displayName = F;
+var W = "DialogClose", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(W, n);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+k.displayName = W;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var G = "DialogTitleWarning", [Ee, L] = H(G, {
+  contentName: f,
+  titleName: E,
+  docsSlug: "dialog"
+}), ne = ({ titleId: e }) => {
+  const o = L(G), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ae = "DialogDescriptionWarning", ie = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${L(ae).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, ye = P, Ne = I, Pe = j, Oe = T, Ie = b, Ae = w, je = S, Te = k;
 export {
-  x as ArrowList
+  Te as Close,
+  Ie as Content,
+  je as Description,
+  P as Dialog,
+  k as DialogClose,
+  b as DialogContent,
+  S as DialogDescription,
+  T as DialogOverlay,
+  j as DialogPortal,
+  w as DialogTitle,
+  I as DialogTrigger,
+  Oe as Overlay,
+  Pe as Portal,
+  ye as Root,
+  Ae as Title,
+  Ne as Trigger,
+  Ee as WarningProvider,
+  he as createDialogScope
 };
 //# sourceMappingURL=index.es293.js.map