@tipp/ui 0.0.0

package/dist/separator-Ba0Kgvyq.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+import { y as i } from "./index-DoIe4nVR.js";
+import { r as m } from "./color.prop-C1QiQO-6.js";
+import { v as c } from "./extract-props-CujC3IXc.js";
+import { r as n } from "./margin.props-ClY9lUrP.js";
+const p = ["horizontal", "vertical"], f = ["1", "2", "3", "4"], d = { orientation: { type: "enum", className: "rt-r-orientation", values: p, default: "horizontal", responsive: !0 }, size: { type: "enum", className: "rt-r-size", values: f, default: "1", responsive: !0 }, color: { ...m.color, default: "gray" }, decorative: { type: "boolean", default: !0 } }, u = r.forwardRef((e, o) => {
+  const { className: a, color: t, decorative: s, ...l } = c(e, d, n);
+  return r.createElement("span", { "data-accent-color": t, role: s ? void 0 : "separator", ...l, ref: o, className: i("rt-Separator", a) });
+});
+u.displayName = "Separator";
+export {
+  u as o
+};

package/dist/skeleton-CUQFQIjD.js

@@ -0,0 +1,17 @@
+import * as e from "react";
+import { y as s } from "./index-DoIe4nVR.js";
+import { S as l } from "./index-BGU-u5wR.js";
+import { v as d } from "./extract-props-CujC3IXc.js";
+import { r as p } from "./margin.props-ClY9lUrP.js";
+import { e as f } from "./height.props-COFNk7EY.js";
+import { t as c } from "./width.props-BFC_4RNX.js";
+const S = parseFloat(e.version) >= 19 || "", k = { loading: { type: "boolean", default: !0 }, ...c, ...f }, u = e.forwardRef((o, t) => {
+  const { children: r, className: a, loading: n, ...i } = d(o, k, p);
+  if (!n) return r;
+  const m = e.isValidElement(r) ? l : "span";
+  return e.createElement(m, { ref: t, "aria-hidden": !0, className: s("rt-Skeleton", a), "data-inline-skeleton": e.isValidElement(r) ? void 0 : !0, tabIndex: -1, inert: S, ...i }, r);
+});
+u.displayName = "Skeleton";
+export {
+  u as r
+};

package/dist/strong-ejFErGyG.js

@@ -0,0 +1,14 @@
+import * as r from "react";
+import { y as e } from "./index-DoIe4nVR.js";
+import { S as p } from "./index-BGU-u5wR.js";
+import { v as f } from "./extract-props-CujC3IXc.js";
+import { o as n } from "./as-child.prop-Dmk_dqBI.js";
+import { e as i, r as c } from "./truncate.prop-BeER2hSO.js";
+const l = { ...n, ...i, ...c }, S = r.forwardRef((o, t) => {
+  const { asChild: m, className: s, ...a } = f(o, l);
+  return r.createElement(m ? p : "strong", { ...a, ref: t, className: e("rt-Strong", s) });
+});
+S.displayName = "Strong";
+export {
+  S as r
+};

package/dist/switch-BhvdoZJT.js

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