@anoki/fse-ui 1.0.0-beta1.45.8 → 1.0.0-beta1.45.9

package/dist/index.es293.js

@@ -1,263 +1,79 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es456.js";
-import { useComposedRefs as R } from "./index.es457.js";
-import { createContextScope as B, createContext as H } from "./index.es458.js";
-import { useId as C } from "./index.es462.js";
-import { useControllableState as V } from "./index.es459.js";
-import { DismissableLayer as q } from "./index.es468.js";
-import { FocusScope as K } from "./index.es470.js";
-import { Portal as U } from "./index.es472.js";
-import { Presence as _ } from "./index.es473.js";
-import { Primitive as m } from "./index.es460.js";
-import { useFocusGuards as Y } from "./index.es469.js";
-import Z from "./index.es477.js";
-import { hideOthers as z } from "./index.es476.js";
-import { createSlot as J } from "./index.es465.js";
-import { j as i } from "./index.es241.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,
+import { j as e } from "./index.es241.js";
+import { clsx as t } from "./index.es243.js";
+import { createColorClasses as a } from "./index.es273.js";
+const x = ({
+  width: r = 56,
+  height: s = 10,
+  className: l,
+  color: i
+}) => {
+  const o = a({ color: i });
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
     {
-      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
+      xmlns: "http://www.w3.org/2000/svg",
+      width: r,
+      height: s,
+      fill: "currentColor",
+      viewBox: "0 0 56 10",
+      className: t(l, o),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
+            clipRule: "evenodd"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+          "filter",
+          {
+            id: "filter0_d_348_84872",
+            width: "56",
+            height: "40.793",
+            x: "0",
+            y: "-6.793",
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ e.jsx(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
+              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
+              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_348_84872"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_348_84872",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
     }
   );
 };
-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,
-      {
-        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(_, { 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,
-      {
-        ...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 = 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 {
-  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
+  x as ArrowList
 };
 //# sourceMappingURL=index.es293.js.map

package/dist/index.es293.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es293.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]}
+{"version":3,"file":"index.es293.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowList = ({\n  width = 56,\n  height = 10,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 56 10\"\n      className={clsx(className, classes)}\n      aria-hidden=\"true\" // this is a decorative icon, so we should hide it from screen readers\n    >\n      <g filter=\"url(#filter0_d_348_84872)\">\n        <path\n          fill=\"#fff\"\n          fillRule=\"evenodd\"\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\n          clipRule=\"evenodd\"\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_d_348_84872\"\n          width=\"56\"\n          height=\"40.793\"\n          x=\"0\"\n          y=\"-6.793\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            result=\"hardAlpha\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          ></feColorMatrix>\n          <feOffset dy=\"8\"></feOffset>\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\n          <feBlend\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_348_84872\"\n          ></feBlend>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_348_84872\"\n            result=\"shape\"\n          ></feBlend>\n        </filter>\n      </defs>\n    </svg>\n  );\n};\n"],"names":["ArrowList","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,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,OAAM;AAAA,MACN,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAClC,eAAY;AAAA,MAEZ,UAAA;AAAA,QAACI,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es295.js

@@ -1,21 +1,147 @@
-import { j as t } from "./index.es241.js";
-import { Row as e } from "./index.es9.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.es241.js";
+import { Button as m } from "./index.es28.js";
+import { HeaderTopBanner as g } from "./index.es21.js";
+import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es243.js";
+import { useFocusTrap as N } from "./index.es462.js";
+import { Container as k } from "./index.es6.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es10.js";
+import { Hamburguer as E } from "./index.es159.js";
+import { Row as z } from "./index.es9.js";
+import { Close as M } from "./index.es160.js";
+const q = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: l = "a",
+  navigatonItems: x,
+  labels: t,
+  loginLink: b = "/"
+}) => {
+  const v = l, [n, d] = y(!1), s = "main-navigation", c = w(null);
+  N(c, n);
+  const i = C(() => {
+    d(!n);
+  }, [n]);
+  u(() => (n ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [n]), u(() => {
+    const a = (o) => {
+      o.key === "Escape" && n && i();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [n, i]);
+  const j = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      g,
+      {
+        asLink: l,
+        shortTitle: h,
+        region: f
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      k,
+      {
+        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
+        as: "header",
+        py: "x8",
+        children: [
+          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              m,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: b,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  t.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": n,
+                "aria-label": "Apri menu di navigazione",
+                onClick: i,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": s,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "nav",
+            {
+              id: s,
+              "aria-label": "Menu di navigazione",
+              className: r(n ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
+              children: [
+                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    m,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: i,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": s,
+                      children: [
+                        t.closeMenu,
+                        /* @__PURE__ */ e.jsx(M, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((a, o) => /* @__PURE__ */ e.jsx(
+                  "li",
+                  {
+                    className: r(
+                      "ui-mobile-nav-item",
+                      a.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      v,
+                      {
+                        href: a.href,
+                        "aria-label": `Vai alla pagina ${a.label}`,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          a.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: a.isNewTab ? "_blank" : void 0,
+                        rel: a.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          a.label,
+                          a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  o
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
 export {
-  m as BaseModalFooter
+  q as HeaderMobile
 };
 //# sourceMappingURL=index.es295.js.map

package/dist/index.es295.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es295.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,EAAA;AAAA,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;AACH;"}
+{"version":3,"file":"index.es295.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderMobileProps = HeaderTopBannerProps & {\n  shortTitle: React.ReactNode;\n  menuTitle?: string;\n  region: Region;\n  navigatonItems: NavigationItem[];\n  labels: NavigationLabels;\n  loginLink?: string;\n};\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n      />\n\n      <Container\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n            className={\"ui-login-button-header-mobile\"}\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\n                >\n                  <LinkComponent\n                    href={item.href}\n                    aria-label={`Vai alla pagina ${item.label}`}\n                    className={clsx(\n                      \"text-decoration-none text-primary fs-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\n                    target={item.isNewTab ? \"_blank\" : undefined}\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                  >\n                    {item.label}\n                    {item.active && (\n                      <span className=\"visually-hidden\">Attivo</span>\n                    )}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}