highsoft-ui 1.0.78 → 1.0.80

package/dist/index-BSgacgd-.js

@@ -0,0 +1,234 @@
+import * as i from "react";
+import { e as H, c as V, b as R, u as _, P as p, d as g, g as h, i as q, R as K, a as U, j as Y, k as Z, F as z, D as J, l as Q } from "./index-CMU31gjG.js";
+import { jsx as s, jsxs as N, Fragment as O } from "react/jsx-runtime";
+var v = "Dialog", [I] = V(v), [X, u] = I(v), x = (e) => {
+  const {
+    __scopeDialog: o,
+    children: r,
+    open: a,
+    defaultOpen: n,
+    onOpenChange: t,
+    modal: l = !0
+  } = e, c = i.useRef(null), f = i.useRef(null), [m, C] = H({
+    prop: a,
+    defaultProp: n ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ s(
+    X,
+    {
+      scope: o,
+      triggerRef: c,
+      contentRef: f,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: m,
+      onOpenChange: C,
+      onOpenToggle: i.useCallback(() => C((B) => !B), [C]),
+      modal: l,
+      children: r
+    }
+  );
+};
+x.displayName = v;
+var A = "DialogTrigger", T = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(A, r), t = _(o, n.triggerRef);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": y(n.open),
+        ...a,
+        ref: t,
+        onClick: g(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var E = "DialogPortal", [ee, b] = I(E, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: o, forceMount: r, children: a, container: n } = e, t = u(E, o);
+  return /* @__PURE__ */ s(ee, { scope: o, forceMount: r, children: i.Children.map(a, (l) => /* @__PURE__ */ s(h, { present: r || t.open, children: /* @__PURE__ */ s(q, { asChild: !0, container: n, children: l }) })) });
+};
+M.displayName = E;
+var D = "DialogOverlay", w = i.forwardRef(
+  (e, o) => {
+    const r = b(D, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ s(h, { present: a || t.open, children: /* @__PURE__ */ s(oe, { ...n, ref: o }) }) : null;
+  }
+);
+w.displayName = D;
+var te = U("DialogOverlay.RemoveScroll"), oe = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(D, r);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ s(K, { as: te, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ s(
+        p.div,
+        {
+          "data-state": y(n.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), d = "DialogContent", F = i.forwardRef(
+  (e, o) => {
+    const r = b(d, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(d, e.__scopeDialog);
+    return /* @__PURE__ */ s(h, { present: a || t.open, children: t.modal ? /* @__PURE__ */ s(ne, { ...n, ref: o }) : /* @__PURE__ */ s(re, { ...n, ref: o }) });
+  }
+);
+F.displayName = d;
+var ne = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(null), n = _(o, r.contentRef, a);
+    return i.useEffect(() => {
+      const t = a.current;
+      if (t) return Y(t);
+    }, []), /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: n,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: g(e.onCloseAutoFocus, (t) => {
+          t.preventDefault(), r.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: g(e.onPointerDownOutside, (t) => {
+          const l = t.detail.originalEvent, c = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || c) && t.preventDefault();
+        }),
+        onFocusOutside: g(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), re = i.forwardRef(
+  (e, o) => {
+    const r = u(d, e.__scopeDialog), a = i.useRef(!1), n = i.useRef(!1);
+    return /* @__PURE__ */ s(
+      S,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          e.onCloseAutoFocus?.(t), t.defaultPrevented || (a.current || r.triggerRef.current?.focus(), t.preventDefault()), a.current = !1, n.current = !1;
+        },
+        onInteractOutside: (t) => {
+          e.onInteractOutside?.(t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const l = t.target;
+          r.triggerRef.current?.contains(l) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && n.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), S = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, trapFocus: a, onOpenAutoFocus: n, onCloseAutoFocus: t, ...l } = e, c = u(d, r), f = i.useRef(null), m = _(o, f);
+    return Z(), /* @__PURE__ */ N(O, { children: [
+      /* @__PURE__ */ s(
+        z,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: n,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ s(
+            J,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": y(c.open),
+              ...l,
+              ref: m,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(O, { children: [
+        /* @__PURE__ */ s(se, { titleId: c.titleId }),
+        /* @__PURE__ */ s(ce, { contentRef: f, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), P = "DialogTitle", W = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(P, r);
+    return /* @__PURE__ */ s(p.h2, { id: n.titleId, ...a, ref: o });
+  }
+);
+W.displayName = P;
+var k = "DialogDescription", ae = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(k, r);
+    return /* @__PURE__ */ s(p.p, { id: n.descriptionId, ...a, ref: o });
+  }
+);
+ae.displayName = k;
+var G = "DialogClose", L = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: r, ...a } = e, n = u(G, r);
+    return /* @__PURE__ */ s(
+      p.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: g(e.onClick, () => n.onOpenChange(!1))
+      }
+    );
+  }
+);
+L.displayName = G;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var $ = "DialogTitleWarning", [de, j] = Q($, {
+  contentName: d,
+  titleName: P,
+  docsSlug: "dialog"
+}), se = ({ titleId: e }) => {
+  const o = j($), r = `\`${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 i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, ie = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${j(ie).contentName}}.`;
+  return i.useEffect(() => {
+    const n = e.current?.getAttribute("aria-describedby");
+    o && n && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, fe = x, ge = T, pe = M, De = w, ve = F, me = W, Ce = L;
+export {
+  ve as C,
+  De as O,
+  pe as P,
+  fe as R,
+  ge as T,
+  me as a,
+  Ce as b
+};