@tipp/ui 0.0.0

package/dist/base-checkbox.props-Bk4tRAY3.js

@@ -0,0 +1,132 @@
+import * as n from "react";
+import { u as D } from "./index-DIx1pnae.js";
+import { c as z } from "./index-CWqnkG-p.js";
+import { c as E } from "./index-DLeNytVF.js";
+import { u as B } from "./index-CMas7-m1.js";
+import { u as M } from "./index-BZPx6jYI.js";
+import { u as O } from "./index-Chf_UJBH.js";
+import { P as j } from "./index-BGHne2on.js";
+import { P as R } from "./index-BLlMKB6v.js";
+import { jsxs as A, jsx as h } from "react/jsx-runtime";
+import { r as H } from "./color.prop-C1QiQO-6.js";
+import { o as K } from "./high-contrast.prop-BGHYAKb9.js";
+var x = "Checkbox", [L, re] = z(x), [q, T] = L(x), I = n.forwardRef(
+  (e, l) => {
+    const {
+      __scopeCheckbox: t,
+      name: c,
+      checked: f,
+      defaultChecked: s,
+      required: p,
+      disabled: i,
+      value: u = "on",
+      onCheckedChange: b,
+      ...y
+    } = e, [r, k] = n.useState(null), N = D(l, (o) => k(o)), C = n.useRef(!1), P = r ? !!r.closest("form") : !0, [d = !1, v] = B({
+      prop: f,
+      defaultProp: s,
+      onChange: b
+    }), _ = n.useRef(d);
+    return n.useEffect(() => {
+      const o = r == null ? void 0 : r.form;
+      if (o) {
+        const m = () => v(_.current);
+        return o.addEventListener("reset", m), () => o.removeEventListener("reset", m);
+      }
+    }, [r, v]), /* @__PURE__ */ A(q, { scope: t, state: d, disabled: i, children: [
+      /* @__PURE__ */ h(
+        R.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": a(d) ? "mixed" : d,
+          "aria-required": p,
+          "data-state": w(d),
+          "data-disabled": i ? "" : void 0,
+          disabled: i,
+          value: u,
+          ...y,
+          ref: N,
+          onKeyDown: E(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
+          }),
+          onClick: E(e.onClick, (o) => {
+            v((m) => a(m) ? !0 : !m), P && (C.current = o.isPropagationStopped(), C.current || o.stopPropagation());
+          })
+        }
+      ),
+      P && /* @__PURE__ */ h(
+        X,
+        {
+          control: r,
+          bubbles: !C.current,
+          name: c,
+          value: u,
+          checked: d,
+          required: p,
+          disabled: i,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+I.displayName = x;
+var S = "CheckboxIndicator", g = n.forwardRef(
+  (e, l) => {
+    const { __scopeCheckbox: t, forceMount: c, ...f } = e, s = T(S, t);
+    return /* @__PURE__ */ h(j, { present: c || a(s.state) || s.state === !0, children: /* @__PURE__ */ h(
+      R.span,
+      {
+        "data-state": w(s.state),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...f,
+        ref: l,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+g.displayName = S;
+var X = (e) => {
+  const { control: l, checked: t, bubbles: c = !0, ...f } = e, s = n.useRef(null), p = M(t), i = O(l);
+  return n.useEffect(() => {
+    const u = s.current, b = window.HTMLInputElement.prototype, r = Object.getOwnPropertyDescriptor(b, "checked").set;
+    if (p !== t && r) {
+      const k = new Event("click", { bubbles: c });
+      u.indeterminate = a(t), r.call(u, a(t) ? !1 : t), u.dispatchEvent(k);
+    }
+  }, [p, t, c]), /* @__PURE__ */ h(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: a(t) ? !1 : t,
+      ...f,
+      tabIndex: -1,
+      ref: s,
+      style: {
+        ...e.style,
+        ...i,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function a(e) {
+  return e === "indeterminate";
+}
+function w(e) {
+  return a(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var se = I, ne = g;
+const $ = ["1", "2", "3"], F = ["classic", "surface", "soft"], ae = { size: { type: "enum", className: "rt-r-size", values: $, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: F, default: "surface" }, ...H, ...K };
+export {
+  ne as I,
+  se as R,
+  re as c,
+  ae as t
+};

package/dist/base-tab-list.props-hSCtMjn2.js

@@ -0,0 +1,6 @@
+import { r as e } from "./color.prop-C1QiQO-6.js";
+import { o as r } from "./high-contrast.prop-BGHYAKb9.js";
+const s = ["1", "2"], a = ["nowrap", "wrap", "wrap-reverse"], t = ["start", "center", "end"], m = { size: { type: "enum", className: "rt-r-size", values: s, default: "2", responsive: !0 }, wrap: { type: "enum", className: "rt-r-fw", values: a, responsive: !0 }, justify: { type: "enum", className: "rt-r-jc", values: t, responsive: !0 }, ...e, ...r };
+export {
+  m as p
+};

package/dist/blockquote-7gbFi2zf.js

@@ -0,0 +1,12 @@
+import * as e from "react";
+import { y as s } from "./index-DoIe4nVR.js";
+import { S as i } from "./index-BGU-u5wR.js";
+import { p as f } from "./text-YN9kC4kc.js";
+const n = e.forwardRef((o, r) => {
+  const { asChild: t, children: l, className: a, ...m } = o, c = t ? i : "blockquote";
+  return e.createElement(f, { asChild: !0, ...m, ref: r, className: s("rt-Blockquote", a) }, e.createElement(c, null, l));
+});
+n.displayName = "Blockquote";
+export {
+  n as e
+};

package/dist/box-C071drmz.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { y as i } from "./index-DoIe4nVR.js";
+import { S as p } from "./index-BGU-u5wR.js";
+import { o as l } from "./as-child.prop-Dmk_dqBI.js";
+import { v as n } from "./extract-props-CujC3IXc.js";
+import { u as f } from "./layout.props-CKENeFj3.js";
+import { r as c } from "./margin.props-ClY9lUrP.js";
+const d = ["div", "span"], u = ["none", "inline", "inline-block", "block"], v = { as: { type: "enum", values: d, default: "div" }, ...l, display: { type: "enum", className: "rt-r-display", values: u, responsive: !0 } }, y = o.forwardRef((e, r) => {
+  const { className: a, asChild: s, as: m = "div", ...t } = n(e, v, f, c);
+  return o.createElement(s ? p : m, { ...t, ref: r, className: i("rt-Box", a) });
+});
+y.displayName = "Box";
+export {
+  y as p
+};

package/dist/button-DpVTjBrm.js

@@ -0,0 +1,8 @@
+import * as t from "react";
+import { y as a } from "./index-DoIe4nVR.js";
+import { n as m } from "./base-button-i6PPsCdc.js";
+const s = t.forwardRef(({ className: o, ...r }, e) => t.createElement(m, { ...r, ref: e, className: a("rt-Button", o) }));
+s.displayName = "Button";
+export {
+  s as o
+};

package/dist/callout-K8Sm-FQT.js

@@ -0,0 +1,31 @@
+import * as e from "react";
+import { y as s } from "./index-DoIe4nVR.js";
+import { S as v } from "./index-BGU-u5wR.js";
+import { p as C } from "./text-YN9kC4kc.js";
+import { o as N } from "./as-child.prop-Dmk_dqBI.js";
+import { s as y } from "./color.prop-C1QiQO-6.js";
+import { o as z } from "./high-contrast.prop-BGHYAKb9.js";
+import { v as R } from "./extract-props-CujC3IXc.js";
+import { o as x, s as $ } from "./map-prop-values-pmPyYjFd.js";
+import { r as E } from "./margin.props-ClY9lUrP.js";
+const S = ["1", "2", "3"], T = ["soft", "surface", "outline"], l = { ...N, size: { type: "enum", className: "rt-r-size", values: S, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: T, default: "soft" }, ...y, ...z }, m = e.createContext({}), c = e.forwardRef((o, a) => {
+  const { size: t = l.size.default } = o, { asChild: r, children: f, className: u, color: p, ...d } = R(o, l, E);
+  return e.createElement(r ? v : "div", { "data-accent-color": p, ...d, className: s("rt-CalloutRoot", u), ref: a }, e.createElement(m.Provider, { value: e.useMemo(() => ({ size: t }), [t]) }, f));
+});
+c.displayName = "Callout.Root";
+const i = e.forwardRef(({ className: o, ...a }, t) => e.createElement("div", { ...a, className: s("rt-CalloutIcon", o), ref: t }));
+i.displayName = "Callout.Icon";
+const n = e.forwardRef(({ className: o, ...a }, t) => {
+  const { size: r } = e.useContext(m);
+  return e.createElement(C, { as: "p", size: x(r, $), ...a, asChild: !1, ref: t, className: s("rt-CalloutText", o) });
+});
+n.displayName = "Callout.Text";
+const P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: i,
+  Root: c,
+  Text: n
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  P as c
+};

package/dist/card-BX55hIZ3.js

@@ -0,0 +1,14 @@
+import * as r from "react";
+import { y as m } from "./index-DoIe4nVR.js";
+import { S as i } from "./index-BGU-u5wR.js";
+import { o as c } from "./as-child.prop-Dmk_dqBI.js";
+import { v as f } from "./extract-props-CujC3IXc.js";
+import { r as l } from "./margin.props-ClY9lUrP.js";
+const p = ["1", "2", "3", "4", "5"], n = ["surface", "classic", "ghost"], d = { ...c, size: { type: "enum", className: "rt-r-size", values: p, default: "1", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: n, default: "surface" } }, u = r.forwardRef((a, e) => {
+  const { asChild: s, className: t, ...o } = f(a, d, l);
+  return r.createElement(s ? i : "div", { ref: e, ...o, className: m("rt-reset", "rt-BaseCard", "rt-Card", t) });
+});
+u.displayName = "Card";
+export {
+  u as o
+};