@anoki/fse-ui 2.2.0-1-SNAPSHOT2 → 2.2.0-2-SNAPSHOT1

package/dist/index.es299.js

@@ -1,5 +1,9 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+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 {
-  e as createColorClasses
+  a as getFullNameInitials
 };
 //# sourceMappingURL=index.es299.js.map

package/dist/index.es299.js.map

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

@@ -1,11 +1,11 @@
-import { j as a } from "./index.es229.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es301.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es302.js";
-import { BaseModalFooter as u } from "./index.es303.js";
-import { BaseModalContent as H } from "./index.es304.js";
-import { BaseModalBackHeader as g } from "./index.es305.js";
+import { j as a } from "./index.es230.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es302.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es303.js";
+import { BaseModalFooter as u } from "./index.es304.js";
+import { BaseModalContent as H } from "./index.es305.js";
+import { BaseModalBackHeader as g } from "./index.es306.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
-import { clsx as t } from "./index.es231.js";
+import { clsx as t } from "./index.es232.js";
 import v from "react";
 const e = ({
   open: m,

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  overrideBaseModalClassName?: string;\n  id?: string;\n  role?: string;\n  stacked?: boolean;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  stacked = false,\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\n  id = undefined,\n  role = \"dialog\",\n  children,\n}: BaseModalProps) => {\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\n  return (\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\n        <Dialog.Portal>\n          {!stacked && (\n            <Dialog.Overlay className={overrideBaseModalClassName} />\n          )}\n          {stacked && (\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\n          )}\n          <Dialog.Content\n            className={clsx(\n              \"bg-white shadow br-x4 ui-base-modal-body\",\n              { \"stacked-modal-body\": stacked },\n              overrideClassNames\n            )}\n            id={id}\n            role={role}\n          >\n            {children}\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </WrapperComponent>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderV2 = BaseModalHeaderV2;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAA,EAAkB,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAA;AAAA,EAAkB,EAAA,GACrF,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAAAU,gBAAAA,EAAAA,KAACC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACAQ,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWX,EAAA,CAA4B;AAAA,IAExDD,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAAA;AAAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAA;AAAA,UACxBD;AAAA,QAAA;AAAA,QAEF,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,GACF,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}
+{"version":3,"file":"index.es30.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  overrideBaseModalClassName?: string;\r\n  id?: string;\r\n  role?: string;\r\n  stacked?: boolean;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  stacked = false,\r\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\r\n  id = undefined,\r\n  role = \"dialog\",\r\n  children,\r\n}: BaseModalProps) => {\r\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\r\n  return (\r\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\r\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\r\n        <Dialog.Portal>\r\n          {!stacked && (\r\n            <Dialog.Overlay className={overrideBaseModalClassName} />\r\n          )}\r\n          {stacked && (\r\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\r\n          )}\r\n          <Dialog.Content\r\n            className={clsx(\r\n              \"bg-white shadow br-x4 ui-base-modal-body\",\r\n              { \"stacked-modal-body\": stacked },\r\n              overrideClassNames\r\n            )}\r\n            id={id}\r\n            role={role}\r\n          >\r\n            {children}\r\n          </Dialog.Content>\r\n        </Dialog.Portal>\r\n      </Dialog.Root>\r\n    </WrapperComponent>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderV2 = BaseModalHeaderV2;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAA,EAAkB,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAA;AAAA,EAAkB,EAAA,GACrF,UAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAAAU,gBAAAA,EAAAA,KAACC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACAQ,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWX,EAAA,CAA4B;AAAA,IAExDD,KACCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAAA;AAAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAA;AAAA,UACxBD;AAAA,QAAA;AAAA,QAEF,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CACF,GACF,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}

package/dist/index.es300.js

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

package/dist/index.es300.js.map

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

package/dist/index.es302.js

@@ -1,83 +1,263 @@
-import { j as e } from "./index.es229.js";
-import { Close as i, Title as n } from "./index.es301.js";
-import { Button as a } from "./index.es32.js";
-import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
-import { clsx as m } from "./index.es231.js";
-import { ArrowLeft as h } from "./index.es174.js";
-import { Row as c } from "./index.es114.js";
-import { Close as d } from "./index.es162.js";
-import { Col as l } from "./index.es59.js";
-const y = ({
-  labels: t = {
-    closeButton: "Chiudi",
-    backButton: "Indietro"
-  },
-  onCloseClick: r,
-  onBackClick: o,
-  showBackButton: s = !1,
-  children: x,
-  classNameModalHeader: u = "ui-base-modal-header"
-}) => /* @__PURE__ */ e.jsxs("header", { className: m(u, "bg-white br-t-x4"), children: [
-  /* @__PURE__ */ e.jsxs(c, { alignItems: "center", justifyContent: "space-between", children: [
-    s && o && (t != null && t.backButton) ? /* @__PURE__ */ e.jsxs(
-      a,
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es459.js";
+import { useComposedRefs as R } from "./index.es458.js";
+import { createContextScope as B, createContext as H } from "./index.es457.js";
+import { useId as C } from "./index.es516.js";
+import { useControllableState as V } from "./index.es517.js";
+import { DismissableLayer as q } from "./index.es518.js";
+import { FocusScope as K } from "./index.es519.js";
+import { Portal as U } from "./index.es520.js";
+import { Presence as _ } from "./index.es521.js";
+import { Primitive as m } from "./index.es522.js";
+import { useFocusGuards as Y } from "./index.es523.js";
+import Z from "./index.es524.js";
+import { hideOthers as z } from "./index.es525.js";
+import { createSlot as J } from "./index.es460.js";
+import { j as i } from "./index.es230.js";
+var v = "Dialog", [N, he] = B(v), [Q, u] = N(v), 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, x] = V({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ i.jsx(
+    Q,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: C(),
+      titleId: C(),
+      descriptionId: C(),
+      open: g,
+      onOpenChange: x,
+      onOpenToggle: s.useCallback(() => x(($) => !$), [x]),
+      modal: c,
+      children: n
+    }
+  );
+};
+P.displayName = v;
+var O = "DialogTrigger", I = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(O, n), t = R(o, r.triggerRef);
+    return /* @__PURE__ */ i.jsx(
+      m.button,
       {
-        size: "4",
-        textColor: "primary",
-        bg: "transparent",
-        "aria-label": "Torna indietro",
-        onClick: o,
-        children: [
-          /* @__PURE__ */ e.jsx(h, { className: "mr-x8" }),
-          t.backButton
-        ]
+        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)
       }
-    ) : null,
-    r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      a,
+    );
+  }
+);
+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(_, { 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(_, { 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(_, { 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 = R(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return z(t);
+    }, []), /* @__PURE__ */ i.jsx(
+      M,
       {
-        size: "4",
-        textColor: "primary",
-        bg: "transparent",
-        "aria-label": "Chiudi modale",
-        onClick: r,
-        className: "ui-base-modal-close",
-        children: [
-          t.closeButton,
-          /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
-        ]
+        ...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()
+        )
       }
-    ) }) : null
-  ] }),
-  /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: x }) })
-] }), z = ({
-  labels: t = {
-    closeButton: "Chiudi"
-  },
-  onCloseClick: r,
-  children: o,
-  classNameModalHeader: s = "ui-base-modal-header"
-}) => /* @__PURE__ */ e.jsx("header", { className: m(s, "bg-white br-t-x4"), children: /* @__PURE__ */ e.jsxs(c, { justifyContent: "space-between", children: [
-  /* @__PURE__ */ e.jsx(l, {}),
-  /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: o }),
-  r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-    a,
-    {
-      size: "4",
-      textColor: "primary",
-      bg: "transparent",
-      "aria-label": "Chiudi modale",
-      onClick: r,
-      className: "ui-base-modal-close",
-      children: [
-        t.closeButton,
-        /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
-      ]
-    }
-  ) }) : null
-] }) });
+    );
+  }
+), 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 = R(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 {
-  y as BaseModalHeader,
-  z as BaseModalHeaderV2
+  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.es302.js.map

package/dist/index.es302.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es302.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close, ArrowLeft } from \"@/icons\";\nimport \"./BaseModalHeader.scss\";\nimport { Col, Row } from \"@/components\";\nimport clsx from \"clsx\";\n\ntype BaseModalHeaderProps = {\n  labels?: {\n    closeButton?: string;\n    backButton?: string;\n  };\n  onCloseClick?: () => void;\n  onBackClick?: () => void;\n  showBackButton?: boolean;\n  children?: React.ReactNode;\n  classNameModalHeader?: string;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n        {showBackButton && onBackClick && labels?.backButton ? (\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Torna indietro\"\n            onClick={onBackClick}\n          >\n            <ArrowLeft className=\"mr-x8\" />\n            {labels.backButton}\n          </Button>\n        ) : null}\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n      <Col>\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n      </Col>\n    </header>\n  );\n};\n\nexport const BaseModalHeaderV2 = ({\n  labels = {\n    closeButton: \"Chiudi\",\n  },\n  onCloseClick,\n  children,\n  classNameModalHeader = \"ui-base-modal-header\",\n}: BaseModalHeaderProps) => {\n  return (\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\n      <Row justifyContent={\"space-between\"}>\n        <Col />\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n          {children}\n        </Dialog.Title>\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n    </header>\n  );\n};\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAA,EAAO,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAAL,KAAkBD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAAAQ,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAAD,EAAO;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EAAA,CACF;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAI;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAAD,EAAO;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7B,IACE;AAAA,EAAA,CACN,EAAA,CACF;"}
+{"version":3,"file":"index.es302.js","sources":["../node_modules/@radix-ui/react-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/dialog.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContext, createContextScope } from \"@radix-ui/react-context\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useFocusGuards } from \"@radix-ui/react-focus-guards\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { hideOthers } from \"aria-hidden\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar DIALOG_NAME = \"Dialog\";\nvar [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);\nvar [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);\nvar Dialog = (props) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true\n  } = props;\n  const triggerRef = React.useRef(null);\n  const contentRef = React.useRef(null);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: DIALOG_NAME\n  });\n  return /* @__PURE__ */ jsx(\n    DialogProvider,\n    {\n      scope: __scopeDialog,\n      triggerRef,\n      contentRef,\n      contentId: useId(),\n      titleId: useId(),\n      descriptionId: useId(),\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      modal,\n      children\n    }\n  );\n};\nDialog.displayName = DIALOG_NAME;\nvar TRIGGER_NAME = \"DialogTrigger\";\nvar DialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...triggerProps } = props;\n    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.contentId,\n        \"data-state\": getState(context.open),\n        ...triggerProps,\n        ref: composedTriggerRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n  }\n);\nDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"DialogPortal\";\nvar [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar DialogPortal = (props) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children: child }) })) });\n};\nDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"DialogOverlay\";\nvar DialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\n    return context.modal ? /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;\n  }\n);\nDialogOverlay.displayName = OVERLAY_NAME;\nvar Slot = createSlot(\"DialogOverlay.RemoveScroll\");\nvar DialogOverlayImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...overlayProps } = props;\n    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n    return (\n      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n      // ie. when `Overlay` and `Content` are siblings\n      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(\n        Primitive.div,\n        {\n          \"data-state\": getState(context.open),\n          ...overlayProps,\n          ref: forwardedRef,\n          style: { pointerEvents: \"auto\", ...overlayProps.style }\n        }\n      ) })\n    );\n  }\n);\nvar CONTENT_NAME = \"DialogContent\";\nvar DialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });\n  }\n);\nDialogContent.displayName = CONTENT_NAME;\nvar DialogContentModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n    return /* @__PURE__ */ jsx(\n      DialogContentImpl,\n      {\n        ...props,\n        ref: composedRefs,\n        trapFocus: context.open,\n        disableOutsidePointerEvents: true,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault();\n          context.triggerRef.current?.focus();\n        }),\n        onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {\n          const originalEvent = event.detail.originalEvent;\n          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n          if (isRightClick) event.preventDefault();\n        }),\n        onFocusOutside: composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault()\n        )\n      }\n    );\n  }\n);\nvar DialogContentNonModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n    const hasInteractedOutsideRef = React.useRef(false);\n    const hasPointerDownOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      DialogContentImpl,\n      {\n        ...props,\n        ref: forwardedRef,\n        trapFocus: false,\n        disableOutsidePointerEvents: false,\n        onCloseAutoFocus: (event) => {\n          props.onCloseAutoFocus?.(event);\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n            event.preventDefault();\n          }\n          hasInteractedOutsideRef.current = false;\n          hasPointerDownOutsideRef.current = false;\n        },\n        onInteractOutside: (event) => {\n          props.onInteractOutside?.(event);\n          if (!event.defaultPrevented) {\n            hasInteractedOutsideRef.current = true;\n            if (event.detail.originalEvent.type === \"pointerdown\") {\n              hasPointerDownOutsideRef.current = true;\n            }\n          }\n          const target = event.target;\n          const targetIsTrigger = context.triggerRef.current?.contains(target);\n          if (targetIsTrigger) event.preventDefault();\n          if (event.detail.originalEvent.type === \"focusin\" && hasPointerDownOutsideRef.current) {\n            event.preventDefault();\n          }\n        }\n      }\n    );\n  }\n);\nvar DialogContentImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;\n    const context = useDialogContext(CONTENT_NAME, __scopeDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    useFocusGuards();\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(\n        FocusScope,\n        {\n          asChild: true,\n          loop: true,\n          trapped: trapFocus,\n          onMountAutoFocus: onOpenAutoFocus,\n          onUnmountAutoFocus: onCloseAutoFocus,\n          children: /* @__PURE__ */ jsx(\n            DismissableLayer,\n            {\n              role: \"dialog\",\n              id: context.contentId,\n              \"aria-describedby\": context.descriptionId,\n              \"aria-labelledby\": context.titleId,\n              \"data-state\": getState(context.open),\n              ...contentProps,\n              ref: composedRefs,\n              onDismiss: () => context.onOpenChange(false)\n            }\n          )\n        }\n      ),\n      /* @__PURE__ */ jsxs(Fragment, { children: [\n        /* @__PURE__ */ jsx(TitleWarning, { titleId: context.titleId }),\n        /* @__PURE__ */ jsx(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })\n      ] })\n    ] });\n  }\n);\nvar TITLE_NAME = \"DialogTitle\";\nvar DialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });\n  }\n);\nDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"DialogDescription\";\nvar DialogDescription = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...descriptionProps } = props;\n    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });\n  }\n);\nDialogDescription.displayName = DESCRIPTION_NAME;\nvar CLOSE_NAME = \"DialogClose\";\nvar DialogClose = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        ...closeProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))\n      }\n    );\n  }\n);\nDialogClose.displayName = CLOSE_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar TITLE_WARNING_NAME = \"DialogTitleWarning\";\nvar [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: \"dialog\"\n});\nvar TitleWarning = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) console.error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n  return null;\n};\nvar DESCRIPTION_WARNING_NAME = \"DialogDescriptionWarning\";\nvar DescriptionWarning = ({ contentRef, descriptionId }) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute(\"aria-describedby\");\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n  return null;\n};\nvar Root = Dialog;\nvar Trigger = DialogTrigger;\nvar Portal = DialogPortal;\nvar Overlay = DialogOverlay;\nvar Content = DialogContent;\nvar Title = DialogTitle;\nvar Description = DialogDescription;\nvar Close = DialogClose;\nexport {\n  Close,\n  Content,\n  Description,\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  Overlay,\n  Portal,\n  Root,\n  Title,\n  Trigger,\n  WarningProvider,\n  createDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DIALOG_NAME","createDialogContext","createDialogScope","createContextScope","DialogProvider","useDialogContext","Dialog","props","__scopeDialog","children","openProp","defaultOpen","onOpenChange","modal","triggerRef","React","contentRef","open","setOpen","useControllableState","jsx","useId","prevOpen","TRIGGER_NAME","DialogTrigger","forwardedRef","triggerProps","context","composedTriggerRef","useComposedRefs","Primitive","getState","composeEventHandlers","PORTAL_NAME","PortalProvider","usePortalContext","DialogPortal","forceMount","container","child","Presence","PortalPrimitive","OVERLAY_NAME","DialogOverlay","portalContext","overlayProps","DialogOverlayImpl","Slot","createSlot","RemoveScroll","CONTENT_NAME","DialogContent","contentProps","DialogContentModal","DialogContentNonModal","composedRefs","content","hideOthers","DialogContentImpl","event","_a","originalEvent","ctrlLeftClick","hasInteractedOutsideRef","hasPointerDownOutsideRef","_b","target","trapFocus","onOpenAutoFocus","onCloseAutoFocus","useFocusGuards","jsxs","Fragment","FocusScope","DismissableLayer","TitleWarning","DescriptionWarning","TITLE_NAME","DialogTitle","titleProps","DESCRIPTION_NAME","DialogDescription","descriptionProps","CLOSE_NAME","DialogClose","closeProps","TITLE_WARNING_NAME","WarningProvider","useWarningContext","createContext","titleId","titleWarningContext","MESSAGE","DESCRIPTION_WARNING_NAME","descriptionId","describedById","Root","Trigger","Portal","Overlay","Content","Title","Description","Close"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es303.js

@@ -1,21 +1,83 @@
-import { j as t } from "./index.es229.js";
-import { Row as e } from "./index.es114.js";
-const m = ({
-  children: r,
-  className: o
-}) => /* @__PURE__ */ t.jsx(
-  e,
-  {
-    as: "footer",
-    bg: "white",
-    alignItems: "center",
-    px: "x36",
-    py: "x8",
-    className: `min-h-x72 w-full br-b-x4 ${o || ""} `,
-    children: r
-  }
-);
+import { j as e } from "./index.es230.js";
+import { Close as i, Title as n } from "./index.es302.js";
+import { Button as a } from "./index.es32.js";
+import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
+import { clsx as m } from "./index.es232.js";
+import { ArrowLeft as h } from "./index.es174.js";
+import { Row as c } from "./index.es114.js";
+import { Close as d } from "./index.es162.js";
+import { Col as l } from "./index.es59.js";
+const y = ({
+  labels: t = {
+    closeButton: "Chiudi",
+    backButton: "Indietro"
+  },
+  onCloseClick: r,
+  onBackClick: o,
+  showBackButton: s = !1,
+  children: x,
+  classNameModalHeader: u = "ui-base-modal-header"
+}) => /* @__PURE__ */ e.jsxs("header", { className: m(u, "bg-white br-t-x4"), children: [
+  /* @__PURE__ */ e.jsxs(c, { alignItems: "center", justifyContent: "space-between", children: [
+    s && o && (t != null && t.backButton) ? /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Torna indietro",
+        onClick: o,
+        children: [
+          /* @__PURE__ */ e.jsx(h, { className: "mr-x8" }),
+          t.backButton
+        ]
+      }
+    ) : null,
+    r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        size: "4",
+        textColor: "primary",
+        bg: "transparent",
+        "aria-label": "Chiudi modale",
+        onClick: r,
+        className: "ui-base-modal-close",
+        children: [
+          t.closeButton,
+          /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
+        ]
+      }
+    ) }) : null
+  ] }),
+  /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: x }) })
+] }), z = ({
+  labels: t = {
+    closeButton: "Chiudi"
+  },
+  onCloseClick: r,
+  children: o,
+  classNameModalHeader: s = "ui-base-modal-header"
+}) => /* @__PURE__ */ e.jsx("header", { className: m(s, "bg-white br-t-x4"), children: /* @__PURE__ */ e.jsxs(c, { justifyContent: "space-between", children: [
+  /* @__PURE__ */ e.jsx(l, {}),
+  /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: o }),
+  r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+    a,
+    {
+      size: "4",
+      textColor: "primary",
+      bg: "transparent",
+      "aria-label": "Chiudi modale",
+      onClick: r,
+      className: "ui-base-modal-close",
+      children: [
+        t.closeButton,
+        /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
+      ]
+    }
+  ) }) : null
+] }) });
 export {
-  m as BaseModalFooter
+  y as BaseModalHeader,
+  z as BaseModalHeaderV2
 };
 //# sourceMappingURL=index.es303.js.map

package/dist/index.es303.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es303.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\n\ntype BaseModalFooterProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalFooter = ({\n  children,\n  className,\n}: BaseModalFooterProps) => {\n  return (\n    <Row\n      as={\"footer\"}\n      bg={\"white\"}\n      alignItems={\"center\"}\n      px={\"x36\"}\n      py={\"x8\"}\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW,4BAA4BF,KAAwB,EAAE;AAAA,IAEhE,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es303.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n  classNameModalHeader?: string;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n      <Col>\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n      </Col>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport const BaseModalHeaderV2 = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n  },\r\n  onCloseClick,\r\n  children,\r\n  classNameModalHeader = \"ui-base-modal-header\",\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className={clsx(classNameModalHeader, \"bg-white br-t-x4\")}>\r\n      <Row justifyContent={\"space-between\"}>\r\n        <Col />\r\n        <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n          {children}\r\n        </Dialog.Title>\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","classNameModalHeader","clsx","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Col","Dialog.Title","BaseModalHeaderV2"],"mappings":";;;;;;;;;AAmBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,6BAEK,UAAA,EAAO,WAAWC,EAAKD,GAAsB,kBAAkB,GAC9D,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAAL,KAAkBD,MAAeF,KAAA,QAAAA,EAAQ,cACxCO,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASP;AAAA,QAET,UAAA;AAAA,UAAAQ,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,UAC5BX,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASR;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAAD,EAAO;AAAA,UACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE7B,IACE;AAAA,EAAA,GACN;AAAA,EACAH,gBAAAA,MAACI,KACC,UAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH,EAAA,CACF;AAAA,GACF,GAISY,IAAoB,CAAC;AAAA,EAChC,QAAAhB,IAAS;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,cAAAC;AAAA,EACA,UAAAG;AAAA,EACA,sBAAAC,IAAuB;AACzB,MAEIK,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAWJ,EAAKD,GAAsB,kBAAkB,GAC9D,UAAAE,gBAAAA,EAAAA,KAACC,GAAA,EAAI,gBAAgB,iBACnB,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAACI,GAAA,EAAI;AAAA,wBACJC,GAAA,EAAa,WAAU,8BACrB,UAAAX,EAAA,CACH;AAAA,EACCH,MAAgBD,KAAA,QAAAA,EAAQ,eACvBU,gBAAAA,EAAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASR;AAAA,MACT,WAAU;AAAA,MAET,UAAA;AAAA,QAAAD,EAAO;AAAA,QACRU,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7B,IACE;AAAA,EAAA,CACN,EAAA,CACF;"}