@tipp/ui 0.0.0

package/dist/data-list-DXP5-QCf.js

@@ -0,0 +1,36 @@
+import { y as o } from "./index-DoIe4nVR.js";
+import * as e from "react";
+import { p } from "./text-YN9kC4kc.js";
+import { r as d } from "./color.prop-C1QiQO-6.js";
+import { o as u } from "./high-contrast.prop-BGHYAKb9.js";
+import { r as N } from "./text-align.prop-BXpq--l6.js";
+import { t as L } from "./width.props-BFC_4RNX.js";
+import { v as m } from "./extract-props-CujC3IXc.js";
+import { r as v } from "./margin.props-ClY9lUrP.js";
+const y = ["start", "center", "end", "baseline", "stretch"], D = ["horizontal", "vertical"], R = ["1", "2", "3"], b = { orientation: { type: "enum", className: "rt-r-orientation", values: D, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: R, default: "2", responsive: !0 }, trim: { ...N.trim, className: "rt-r-trim" } }, h = { align: { type: "enum", className: "rt-r-ai", values: y, responsive: !0 } }, z = { ...L, ...d, ...u }, l = e.forwardRef((t, a) => {
+  const { className: r, ...s } = m(t, b, v);
+  return e.createElement(p, { asChild: !0 }, e.createElement("dl", { ...s, ref: a, className: o("rt-DataListRoot", r) }));
+});
+l.displayName = "DataList.Root";
+const i = e.forwardRef((t, a) => {
+  const { className: r, ...s } = m(t, h);
+  return e.createElement("div", { ...s, ref: a, className: o("rt-DataListItem", r) });
+});
+i.displayName = "DataList.Item";
+const n = e.forwardRef((t, a) => {
+  const { className: r, color: s, ...f } = m(t, z);
+  return e.createElement("dt", { ...f, "data-accent-color": s, ref: a, className: o("rt-DataListLabel", r) });
+});
+n.displayName = "DataList.Label";
+const c = e.forwardRef(({ children: t, className: a, ...r }, s) => e.createElement("dd", { ...r, ref: s, className: o(a, "rt-DataListValue") }, t));
+c.displayName = "DataList.Value";
+const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Item: i,
+  Label: n,
+  Root: l,
+  Value: c
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  O as d
+};

package/dist/dialog-BYhSvWm4.js

@@ -0,0 +1,35 @@
+import * as e from "react";
+import { y as N } from "./index-DoIe4nVR.js";
+import { R, T as h, P as T, O as v, C as u, a as O, D as P, b as S, s as b } from "./dialog.props-DOLpgre6.js";
+import { r as w } from "./heading-BNO0Ttlj.js";
+import { p as B } from "./text-YN9kC4kc.js";
+import { I as _ } from "./theme-7Cjo8_Y6.js";
+import { v as o } from "./extract-props-CujC3IXc.js";
+import { a as l } from "./require-react-element-D_SFiikK.js";
+const i = (a) => e.createElement(R, { ...a, modal: !0 });
+i.displayName = "Dialog.Root";
+const s = e.forwardRef(({ children: a, ...r }, t) => e.createElement(h, { ...r, ref: t, asChild: !0 }, l(a)));
+s.displayName = "Dialog.Trigger";
+const n = e.forwardRef(({ align: a, ...r }, t) => {
+  const { align: g, ...f } = b, { className: p } = o({ align: a }, { align: g }), { className: D, forceMount: C, container: y, ...E } = o(r, f);
+  return e.createElement(T, { container: y, forceMount: C }, e.createElement(_, { asChild: !0 }, e.createElement(v, { className: "rt-BaseDialogOverlay rt-DialogOverlay" }, e.createElement("div", { className: "rt-BaseDialogScroll rt-DialogScroll" }, e.createElement("div", { className: `rt-BaseDialogScrollPadding rt-DialogScrollPadding ${p}` }, e.createElement(u, { ...E, ref: t, className: N("rt-BaseDialogContent", "rt-DialogContent", D) }))))));
+});
+n.displayName = "Dialog.Content";
+const m = e.forwardRef((a, r) => e.createElement(O, { asChild: !0 }, e.createElement(w, { size: "5", mb: "3", trim: "start", ...a, asChild: !1, ref: r })));
+m.displayName = "Dialog.Title";
+const c = e.forwardRef((a, r) => e.createElement(P, { asChild: !0 }, e.createElement(B, { as: "p", size: "3", ...a, asChild: !1, ref: r })));
+c.displayName = "Dialog.Description";
+const d = e.forwardRef(({ children: a, ...r }, t) => e.createElement(S, { ...r, ref: t, asChild: !0 }, l(a)));
+d.displayName = "Dialog.Close";
+const q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Close: d,
+  Content: n,
+  Description: c,
+  Root: i,
+  Title: m,
+  Trigger: s
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  q as d
+};

package/dist/dialog.props-DOLpgre6.js

@@ -0,0 +1,255 @@
+import * as s from "react";
+import { c as p } from "./index-DLeNytVF.js";
+import { u as h } from "./index-DIx1pnae.js";
+import { c as V, a as q } from "./index-CWqnkG-p.js";
+import { u as C } from "./index-J-pu07YR.js";
+import { u as K } from "./index-CMas7-m1.js";
+import { D as U } from "./index-BUzFfodu.js";
+import { R as Y, h as Z, u as J, F as Q } from "./index-KdR831JA.js";
+import { a as X } from "./theme-7Cjo8_Y6.js";
+import { P as _ } from "./index-BGHne2on.js";
+import { P as m } from "./index-BLlMKB6v.js";
+import { S as ee } from "./index-BGU-u5wR.js";
+import { jsx as i, jsxs as O, Fragment as I } from "react/jsx-runtime";
+import { o as te } from "./as-child.prop-Dmk_dqBI.js";
+import { t as R } from "./width.props-BFC_4RNX.js";
+import { e as oe } from "./height.props-COFNk7EY.js";
+var E = "Dialog", [x, Ie] = V(E), [re, u] = x(E), A = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = K({
+    prop: a,
+    defaultProp: r,
+    onChange: t
+  });
+  return /* @__PURE__ */ i(
+    re,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: C(),
+      titleId: C(),
+      descriptionId: C(),
+      open: g,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v((H) => !H), [v]),
+      modal: c,
+      children: n
+    }
+  );
+};
+A.displayName = E;
+var T = "DialogTrigger", b = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(T, n), t = h(o, r.triggerRef);
+    return /* @__PURE__ */ i(
+      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)
+      }
+    );
+  }
+);
+b.displayName = T;
+var N = "DialogPortal", [ne, M] = x(N, {
+  forceMount: void 0
+}), w = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(N, o);
+  return /* @__PURE__ */ i(ne, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i(_, { present: n || t.open, children: /* @__PURE__ */ i(X, { asChild: !0, container: r, children: c }) })) });
+};
+w.displayName = N;
+var D = "DialogOverlay", F = s.forwardRef(
+  (e, o) => {
+    const n = M(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i(_, { present: a || t.open, children: /* @__PURE__ */ i(ae, { ...r, ref: o }) }) : null;
+  }
+);
+F.displayName = D;
+var ae = 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(Y, { as: ee, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        m.div,
+        {
+          "data-state": y(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", S = s.forwardRef(
+  (e, o) => {
+    const n = M(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i(_, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i(ie, { ...r, ref: o }) : /* @__PURE__ */ i(se, { ...r, ref: o }) });
+  }
+);
+S.displayName = f;
+var ie = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = h(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return Z(t);
+    }, []), /* @__PURE__ */ i(
+      W,
+      {
+        ...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()
+        )
+      }
+    );
+  }
+), se = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i(
+      W,
+      {
+        ...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();
+        }
+      }
+    );
+  }
+), W = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = h(o, d);
+    return J(), /* @__PURE__ */ O(I, { children: [
+      /* @__PURE__ */ i(
+        Q,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i(
+            U,
+            {
+              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__ */ O(I, { children: [
+        /* @__PURE__ */ i(ce, { titleId: l.titleId }),
+        /* @__PURE__ */ i(ue, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), P = "DialogTitle", k = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(P, n);
+    return /* @__PURE__ */ i(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+k.displayName = P;
+var G = "DialogDescription", L = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(G, n);
+    return /* @__PURE__ */ i(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+L.displayName = G;
+var $ = "DialogClose", B = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u($, n);
+    return /* @__PURE__ */ i(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+B.displayName = $;
+function y(e) {
+  return e ? "open" : "closed";
+}
+var j = "DialogTitleWarning", [xe, z] = q(j, {
+  contentName: f,
+  titleName: P,
+  docsSlug: "dialog"
+}), ce = ({ titleId: e }) => {
+  const o = z(j), 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;
+}, le = "DialogDescriptionWarning", ue = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${z(le).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;
+}, Ae = A, Te = b, be = w, Me = F, we = S, Fe = k, Se = L, We = B;
+const de = ["1", "2", "3", "4"], ke = { ...te, align: { type: "enum", className: "rt-r-align", values: ["start", "center"], default: "center" }, size: { type: "enum", className: "rt-r-size", values: de, default: "3", responsive: !0 }, width: R.width, minWidth: R.minWidth, maxWidth: { ...R.maxWidth, default: "600px" }, ...oe };
+export {
+  we as C,
+  Se as D,
+  Me as O,
+  be as P,
+  Ae as R,
+  Te as T,
+  xe as W,
+  Fe as a,
+  We as b,
+  Ie as c,
+  ke as s
+};