@anoki/fse-ui 1.0.568 → 1.0.570

package/dist/index.es227.js

@@ -1,23 +1,136 @@
-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
-  ]);
+import * as n from "react";
+import { useComposedRefs as N } from "./index.es338.js";
+import { createContextScope as M } from "./index.es339.js";
+import { composeEventHandlers as S } from "./index.es337.js";
+import { useControllableState as O } from "./index.es340.js";
+import { usePrevious as A } from "./index.es381.js";
+import { useSize as B } from "./index.es368.js";
+import { Presence as H } from "./index.es357.js";
+import { Primitive as j } from "./index.es341.js";
+import { j as f } from "./index.es189.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 {
-  m as useClickOutside
+  I as Checkbox,
+  w as CheckboxIndicator,
+  $ as Indicator,
+  Z as Root,
+  Y as createCheckboxScope
 };
 //# sourceMappingURL=index.es227.js.map

package/dist/index.es227.js.map

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

package/dist/index.es228.js.map

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

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es188.js";
-import { clsx as a } from "./index.es190.js";
+import { j as e } from "./index.es189.js";
+import { clsx as a } from "./index.es191.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as f } from "./index.es117.js";
 import { useState as x, useRef as w, useMemo as h, useEffect as j } from "react";
-import { ArrowList as v } from "./index.es218.js";
+import { ArrowList as v } from "./index.es219.js";
 import { Col as N } from "./index.es10.js";
 const L = ({
   size: m,

package/dist/index.es231.js

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "./index.es206.js";
+const t = () => e("(min-width: 1200px)");
+export {
+  t as useIsDesktop
+};
+//# sourceMappingURL=index.es231.js.map

package/dist/{index.es230.js.map → index.es231.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es230.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\n\nexport const useIsDesktop = (): boolean => {\n  return useMediaQuery(\"(min-width: 1200px)\");\n};\n\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\n};\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":";AAEO,MAAMA,IAAe,MACnBC,EAAc,qBAAqB;"}
+{"version":3,"file":"index.es231.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\n\nexport const useIsDesktop = (): boolean => {\n  return useMediaQuery(\"(min-width: 1200px)\");\n};\n\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\n};\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":";AAEO,MAAMA,IAAe,MACnBC,EAAc,qBAAqB;"}

package/dist/{index.es235.js → index.es236.js}

@@ -1,6 +1,6 @@
-import { j as C } from "./index.es188.js";
-import { clsx as i } from "./index.es190.js";
-import { createColorClasses as l } from "./index.es201.js";
+import { j as C } from "./index.es189.js";
+import { clsx as i } from "./index.es191.js";
+import { createColorClasses as l } from "./index.es200.js";
 const d = ({
   width: s = 24,
   height: t = 24,
@@ -51,4 +51,4 @@ const d = ({
 export {
   d as Spid
 };
-//# sourceMappingURL=index.es235.js.map
+//# sourceMappingURL=index.es236.js.map

package/dist/{index.es235.js.map → index.es236.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es235.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Spid = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className={clsx(className, classes)}\n    >\n      <path\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n      <path\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n    </svg>\n  );\n};\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,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.es236.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Spid = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className={clsx(className, classes)}\n    >\n      <path\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n      <path\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n    </svg>\n  );\n};\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,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.es238.js

@@ -1,52 +1,262 @@
-import { j as r } from "./index.es188.js";
-import { Title as n, Close as m } from "./index.es237.js";
-import { Button as s } from "./index.es25.js";
-import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
-import { ArrowLeft as c } from "./index.es131.js";
-import { Row as d } from "./index.es9.js";
-import { Close as u } from "./index.es120.js";
-const B = ({
-  labels: t = {
-    closeButton: "Chiudi",
-    backButton: "Indietro"
-  },
-  onCloseClick: o,
-  onBackClick: e,
-  showBackButton: i = !1,
-  children: a
-}) => /* @__PURE__ */ r.jsx("header", { className: "ui-base-modal-header bg-white br-t-x4", children: /* @__PURE__ */ r.jsxs(d, { alignItems: "center", justifyContent: "space-between", children: [
-  /* @__PURE__ */ r.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: a }),
-  i && e && (t != null && t.backButton) ? /* @__PURE__ */ r.jsxs(
-    s,
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es337.js";
+import { useComposedRefs as C } from "./index.es338.js";
+import { createContextScope as B, createContext as H } from "./index.es339.js";
+import { useId as x } from "./index.es343.js";
+import { useControllableState as V } from "./index.es340.js";
+import { DismissableLayer as q } from "./index.es352.js";
+import { FocusScope as K } from "./index.es354.js";
+import { Portal as U } from "./index.es356.js";
+import { Presence as R } from "./index.es357.js";
+import { Primitive as m } from "./index.es341.js";
+import { useFocusGuards as Y } from "./index.es353.js";
+import Z from "./index.es360.js";
+import { hideOthers as z } from "./index.es359.js";
+import { createSlot as J } from "./index.es349.js";
+import { j as i } from "./index.es189.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,
     {
-      size: "4",
-      textColor: "primary",
-      bg: "transparent",
-      "aria-label": "Torna indietro",
-      onClick: e,
-      children: [
-        /* @__PURE__ */ r.jsx(c, { className: "mr-x8" }),
-        t.backButton
-      ]
+      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
     }
-  ) : null,
-  o && (t != null && t.closeButton) ? /* @__PURE__ */ r.jsx(m, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
-    s,
-    {
-      size: "4",
-      textColor: "primary",
-      bg: "transparent",
-      "aria-label": "Chiudi modale",
-      onClick: o,
-      className: "ui-base-modal-close",
-      children: [
-        t.closeButton,
-        /* @__PURE__ */ r.jsx(u, { className: "ml-x8" })
-      ]
-    }
-  ) }) : null
-] }) });
+  );
+};
+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 {
-  B as BaseModalHeader
+  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.es238.js.map