@tipp/ui 1.0.0 → 1.0.2

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

@@ -1,36 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,255 +0,0 @@
-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
-};