@anoki/fse-ui 1.0.0-beta1.50.2 → 1.0.0-beta1.50.21

package/dist/index.es310.js

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

package/dist/index.es310.js.map

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

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

package/dist/index.es311.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es311.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;"}

package/dist/index.es317.js

@@ -0,0 +1,59 @@
+import { j as r } from "./index.es246.js";
+import { Attachment as i } from "./index.es198.js";
+import { Button as o } from "./index.es28.js";
+import { ArrowLink as t } from "./index.es42.js";
+const u = {
+  /**
+   * Renders a link component with optional action handler
+   */
+  link: ({ text: s, href: e, handleAction: l }) => l ? /* @__PURE__ */ r.jsx(t, { asButton: !0, onClick: l, children: s }) : /* @__PURE__ */ r.jsx(t, { href: e, children: s }),
+  /**
+   * Renders a basic button component
+   */
+  button: ({ text: s, icon: e, handleAction: l }) => /* @__PURE__ */ r.jsxs(o, { size: "2", className: "w-full ", onClick: l, children: [
+    e && /* @__PURE__ */ r.jsx(i, { className: "mr-x8" }),
+    /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+  ] }),
+  /**
+   * Renders an outline button with optional icon and action handler
+   */
+  outlineButton: ({ text: s, icon: e, handleAction: l }) => /* @__PURE__ */ r.jsxs(
+    o,
+    {
+      size: "2",
+      textColor: "primary",
+      bg: "lightblue-a03",
+      className: "w-full ",
+      border: "primary",
+      onClick: l,
+      children: [
+        e && /* @__PURE__ */ r.jsx(i, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  ),
+  /**
+   * Renders an outline button that acts as a link
+   */
+  outlineButtonHref: ({ text: s, href: e, icon: l, target: a, isExternal: m }) => /* @__PURE__ */ r.jsxs(
+    o,
+    {
+      size: "2",
+      textColor: "primary",
+      bg: "lightblue-a03",
+      className: "w-full ",
+      border: "primary",
+      asLink: "a",
+      target: a ?? (m ? "_blank" : void 0),
+      href: e ?? "",
+      children: [
+        l && /* @__PURE__ */ r.jsx(i, { className: "mr-x8" }),
+        /* @__PURE__ */ r.jsx("p", { className: "fs-6 fw-bold", children: s })
+      ]
+    }
+  )
+};
+export {
+  u as CTA_COMPONENTS
+};
+//# sourceMappingURL=index.es317.js.map

package/dist/index.es317.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es317.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;"}

package/dist/index.es32.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es246.js";
-import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
+import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useState as o, useRef as b } from "react";
-import { Root as N, Indicator as d } from "./index.es279.js";
-import { useClickOutside as C } from "./index.es280.js";
+import { Root as N, Indicator as d } from "./index.es310.js";
+import { useClickOutside as C } from "./index.es311.js";
 import { CheckIcon as g } from "./index.es214.js";
 import { ArrowLink as v } from "./index.es42.js";
 import { Row as f } from "./index.es9.js";

package/dist/index.es320.js

@@ -1,9 +1,7 @@
-import { j as t } from "./index.es246.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
-const s = ({
-  children: o
-}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
+import r from "./index.es227.js";
+import "./index.es3.js";
+const d = (t, o = "it") => t ? r.fromISO(t).setLocale(o).toFormat("dd/MM/yyyy") : null;
 export {
-  s as DoctorConfirmModalFooter
+  d as fromISODateToDateFormatted
 };
 //# sourceMappingURL=index.es320.js.map

package/dist/index.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es320.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorConfirmModalFooter.scss\";\r\n\r\ntype DoctorConfirmModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalFooter = ({\r\n  children,\r\n}: DoctorConfirmModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es320.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;"}

package/dist/index.es321.js

@@ -0,0 +1,24 @@
+import { useCopyToClipboard as c } from "./index.es508.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.es321.js.map

package/dist/index.es321.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es321.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;"}

package/dist/index.es322.js

@@ -1,29 +1,9 @@
-import { j as e } from "./index.es246.js";
-import { Title as l, Close as i } from "./index.es297.js";
-import './components/ui/DocumentUploadModal/DocumentUploadModalHeader/DocumentUploadModalHeader.css';/* empty css            */
-import { Button as r } from "./index.es28.js";
-import { Close as t } from "./index.es162.js";
-const n = ({
-  closeButton: s = "Chiudi",
-  onCloseClick: o,
-  children: a
-}) => /* @__PURE__ */ e.jsxs("header", { className: "ui-upload-modal-header bg-white", children: [
-  /* @__PURE__ */ e.jsx(l, { className: "fs-6 md-fs-custom text-slate-20 fw-bold", children: a }),
-  /* @__PURE__ */ e.jsx(i, { asChild: !0, className: "ui-upload-modal-header-close", children: /* @__PURE__ */ e.jsxs(
-    r,
-    {
-      size: "4",
-      variant: "closeModal",
-      "aria-label": "Chiudi modale",
-      onClick: o,
-      children: [
-        s,
-        /* @__PURE__ */ e.jsx(t, { className: "ml-x8", width: 32, height: 32 })
-      ]
-    }
-  ) })
-] });
+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 {
-  n as DocumentUploadModalHeader
+  a as getFullNameInitials
 };
 //# sourceMappingURL=index.es322.js.map

package/dist/index.es322.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es322.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./DocumentUploadModalHeader.scss\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\ntype DocumentUploadModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n}>;\n\nexport const DocumentUploadModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: DocumentUploadModalHeaderProps) => {\n  return (\n    <header className=\"ui-upload-modal-header bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-upload-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["DocumentUploadModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAA4B,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,mCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,gCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,8BACAQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es322.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.es323.js

@@ -1,11 +1,8 @@
-import { j as m } from "./index.es246.js";
-import { clsx as r } from "./index.es247.js";
-import './components/ui/DocumentUploadModal/DocumentUploadModalContent/DocumentUploadModalContent.css';/* empty css            */
-const d = ({
-  overrideClassNames: o,
-  children: t
-}) => /* @__PURE__ */ m.jsx("div", { className: r("ui-upload-modal-body", o), children: t });
+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 {
-  d as DocumentUploadModalContent
+  c as splitInTwo
 };
 //# sourceMappingURL=index.es323.js.map

package/dist/index.es323.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es323.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DocumentUploadModalContent.scss\";\r\n\r\ntype DocumentUploadModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DocumentUploadModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: DocumentUploadModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-upload-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DocumentUploadModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,wBAAwBF,CAAkB,GAC5D,UAAAC,GACH;"}
+{"version":3,"file":"index.es323.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.es326.js

@@ -1,30 +1,57 @@
 import { j as C } from "./index.es246.js";
-import { createColorClasses as f } from "./index.es250.js";
-import { clsx as x } from "./index.es247.js";
-const j = ({
-  className: t,
-  fs: o = "3",
-  mdFs: s = "1",
-  color: e = "slate-20",
-  as: r = "h2",
-  children: a
+import { clsx as a } from "./index.es248.js";
+import { createColorClasses as p } from "./index.es278.js";
+const m = ({
+  width: r = 24,
+  height: t = 24,
+  className: o,
+  color: l,
+  decorative: s = !0,
+  ariaLabel: e = "SPID"
 }) => {
-  const n = r, l = ((m) => `fs-${m}`)(o), c = s ? `md-fs-${s}` : "", i = f({ text: e });
-  return /* @__PURE__ */ C.jsx(
-    n,
+  const i = p({ color: l });
+  return /* @__PURE__ */ C.jsxs(
+    "svg",
     {
-      className: x(
-        "fw-bold",
-        l,
-        c,
-        i,
-        t
-      ),
-      children: a
+      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 {
-  j as Title
+  m as Spid
 };
 //# sourceMappingURL=index.es326.js.map

package/dist/index.es326.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es326.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\ntype TitleProps = {\n  className?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es326.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;"}