@tipp/ui 0.0.0

package/dist/require-react-element-D_SFiikK.js

@@ -0,0 +1,8 @@
+import * as o from "react";
+const r = (e) => {
+  if (!o.isValidElement(e)) throw Error(`Expected a single React Element child, but got: ${o.Children.toArray(e).map((t) => typeof t == "object" && "type" in t && typeof t.type == "string" ? t.type : typeof t).join(", ")}`);
+  return e;
+};
+export {
+  r as a
+};

package/dist/scroll-area-eDccU6Jg.js

@@ -0,0 +1,26 @@
+import * as e from "react";
+import { y as v } from "./index-DoIe4nVR.js";
+import { R as P, V as C, S, T as V, C as R } from "./index-W3PwLn5U.js";
+import { o as x } from "./as-child.prop-Dmk_dqBI.js";
+import { r as w } from "./radius.prop-CH9lMann.js";
+import { R as a, l as A, g as z } from "./merge-styles-B1pWeU8q.js";
+import { r as T } from "./margin.props-ClY9lUrP.js";
+import { d as D } from "./get-subtree-DW8zSv8E.js";
+const F = ["1", "2", "3"], H = ["vertical", "horizontal", "both"], p = { ...x, size: { type: "enum", className: "rt-r-size", values: F, default: "1", responsive: !0 }, ...w, scrollbars: { type: "enum", values: H, default: "both" } };
+function j(r) {
+  const { m: s, mx: o, my: m, mt: c, mr: i, mb: t, ml: u, ...n } = r;
+  return { m: s, mx: o, my: m, mt: c, mr: i, mb: t, ml: u, rest: n };
+}
+const l = T.m.values;
+function k(r) {
+  const [s, o] = a({ className: "rt-r-m", customProperties: ["--margin"], propValues: l, value: r.m }), [m, c] = a({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: l, value: r.mx }), [i, t] = a({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: l, value: r.my }), [u, n] = a({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: l, value: r.mt }), [b, d] = a({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: l, value: r.mr }), [h, y] = a({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: l, value: r.mb }), [N, f] = a({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: l, value: r.ml });
+  return [v(s, m, i, u, b, h, N), A(o, c, t, n, d, y, f)];
+}
+const q = e.forwardRef((r, s) => {
+  const { rest: o, ...m } = j(r), [c, i] = k(m), { asChild: t, children: u, className: n, style: b, type: d, scrollHideDelay: h = d !== "scroll" ? 0 : void 0, dir: y, size: N = p.size.default, radius: f = p.radius.default, scrollbars: g = p.scrollbars.default, ...$ } = o;
+  return e.createElement(P, { type: d, scrollHideDelay: h, className: v("rt-ScrollAreaRoot", c, n), style: A(i, b), asChild: t }, D({ asChild: t, children: u }, (E) => e.createElement(e.Fragment, null, e.createElement(C, { ...$, ref: s, className: "rt-ScrollAreaViewport" }, E), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), g !== "vertical" ? e.createElement(S, { "data-radius": f, orientation: "horizontal", className: v("rt-ScrollAreaScrollbar", z({ className: "rt-r-size", value: N, propValues: p.size.values })) }, e.createElement(V, { className: "rt-ScrollAreaThumb" })) : null, g !== "horizontal" ? e.createElement(S, { "data-radius": f, orientation: "vertical", className: v("rt-ScrollAreaScrollbar", z({ className: "rt-r-size", value: N, propValues: p.size.values })) }, e.createElement(V, { className: "rt-ScrollAreaThumb" })) : null, g === "both" ? e.createElement(R, { className: "rt-ScrollAreaCorner" }) : null)));
+});
+q.displayName = "ScrollArea";
+export {
+  q as c
+};

package/dist/section-DMnSE0_D.js

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

package/dist/segmented-control-kJXQrfMF.js

@@ -0,0 +1,173 @@
+import * as c from "react";
+import i from "react";
+import { y as T } from "./index-DoIe4nVR.js";
+import { c as A } from "./index-CWqnkG-p.js";
+import { P as G } from "./index-BLlMKB6v.js";
+import { c as h, R as M, I as k } from "./index-DgaYqXVD.js";
+import { c as F } from "./index-DLeNytVF.js";
+import { u as C } from "./index-CMas7-m1.js";
+import { jsx as u } from "react/jsx-runtime";
+import { u as D } from "./index-BQ0fI5eo.js";
+import { r as L } from "./radius.prop-CH9lMann.js";
+import { v as O } from "./extract-props-CujC3IXc.js";
+import { r as j } from "./margin.props-ClY9lUrP.js";
+var z = "Toggle", b = c.forwardRef((e, o) => {
+  const { pressed: r, defaultPressed: t = !1, onPressedChange: s, ...n } = e, [l = !1, a] = C({
+    prop: r,
+    onChange: s,
+    defaultProp: t
+  });
+  return /* @__PURE__ */ u(
+    G.button,
+    {
+      type: "button",
+      "aria-pressed": l,
+      "data-state": l ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...n,
+      ref: o,
+      onClick: F(e.onClick, () => {
+        e.disabled || a(!l);
+      })
+    }
+  );
+});
+b.displayName = z;
+var g = "ToggleGroup", [_, ce] = A(g, [
+  h
+]), S = h(), P = i.forwardRef((e, o) => {
+  const { type: r, ...t } = e;
+  if (r === "single")
+    return /* @__PURE__ */ u($, { ...t, ref: o });
+  if (r === "multiple")
+    return /* @__PURE__ */ u(B, { ...t, ref: o });
+  throw new Error(`Missing prop \`type\` expected on \`${g}\``);
+});
+P.displayName = g;
+var [N, y] = _(g), $ = i.forwardRef((e, o) => {
+  const {
+    value: r,
+    defaultValue: t,
+    onValueChange: s = () => {
+    },
+    ...n
+  } = e, [l, a] = C({
+    prop: r,
+    defaultProp: t,
+    onChange: s
+  });
+  return /* @__PURE__ */ u(
+    N,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: l ? [l] : [],
+      onItemActivate: a,
+      onItemDeactivate: i.useCallback(() => a(""), [a]),
+      children: /* @__PURE__ */ u(R, { ...n, ref: o })
+    }
+  );
+}), B = i.forwardRef((e, o) => {
+  const {
+    value: r,
+    defaultValue: t,
+    onValueChange: s = () => {
+    },
+    ...n
+  } = e, [l = [], a] = C({
+    prop: r,
+    defaultProp: t,
+    onChange: s
+  }), p = i.useCallback(
+    (m) => a((d = []) => [...d, m]),
+    [a]
+  ), f = i.useCallback(
+    (m) => a((d = []) => d.filter((w) => w !== m)),
+    [a]
+  );
+  return /* @__PURE__ */ u(
+    N,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: l,
+      onItemActivate: p,
+      onItemDeactivate: f,
+      children: /* @__PURE__ */ u(R, { ...n, ref: o })
+    }
+  );
+});
+P.displayName = g;
+var [H, U] = _(g), R = i.forwardRef(
+  (e, o) => {
+    const {
+      __scopeToggleGroup: r,
+      disabled: t = !1,
+      rovingFocus: s = !0,
+      orientation: n,
+      dir: l,
+      loop: a = !0,
+      ...p
+    } = e, f = S(r), m = D(l), d = { role: "group", dir: m, ...p };
+    return /* @__PURE__ */ u(H, { scope: r, rovingFocus: s, disabled: t, children: s ? /* @__PURE__ */ u(
+      M,
+      {
+        asChild: !0,
+        ...f,
+        orientation: n,
+        dir: m,
+        loop: a,
+        children: /* @__PURE__ */ u(G.div, { ...d, ref: o })
+      }
+    ) : /* @__PURE__ */ u(G.div, { ...d, ref: o }) });
+  }
+), v = "ToggleGroupItem", E = i.forwardRef(
+  (e, o) => {
+    const r = y(v, e.__scopeToggleGroup), t = U(v, e.__scopeToggleGroup), s = S(e.__scopeToggleGroup), n = r.value.includes(e.value), l = t.disabled || e.disabled, a = { ...e, pressed: n, disabled: l }, p = i.useRef(null);
+    return t.rovingFocus ? /* @__PURE__ */ u(
+      k,
+      {
+        asChild: !0,
+        ...s,
+        focusable: !l,
+        active: n,
+        ref: p,
+        children: /* @__PURE__ */ u(I, { ...a, ref: o })
+      }
+    ) : /* @__PURE__ */ u(I, { ...a, ref: o });
+  }
+);
+E.displayName = v;
+var I = i.forwardRef(
+  (e, o) => {
+    const { __scopeToggleGroup: r, value: t, ...s } = e, n = y(v, r), l = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, a = n.type === "single" ? l : void 0;
+    return /* @__PURE__ */ u(
+      b,
+      {
+        ...a,
+        ...s,
+        ref: o,
+        onPressedChange: (p) => {
+          p ? n.onItemActivate(t) : n.onItemDeactivate(t);
+        }
+      }
+    );
+  }
+), q = P, J = E;
+const K = ["1", "2", "3"], Q = ["surface", "classic"], W = { size: { type: "enum", className: "rt-r-size", values: K, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: Q, default: "surface" }, ...L }, x = c.forwardRef((e, o) => {
+  const { className: r, children: t, radius: s, value: n, defaultValue: l, onValueChange: a, ...p } = O(e, W, j), [f, m] = C({ prop: n, onChange: a, defaultProp: l });
+  return c.createElement(q, { "data-radius": s, ref: o, className: T("rt-SegmentedControlRoot", r), onValueChange: (d) => {
+    d && m(d);
+  }, ...p, type: "single", value: f, asChild: !1, disabled: !1 }, t, c.createElement("div", { className: "rt-SegmentedControlIndicator" }));
+});
+x.displayName = "SegmentedControl.Root";
+const V = c.forwardRef(({ children: e, className: o, ...r }, t) => c.createElement(J, { ref: t, className: T("rt-reset", "rt-SegmentedControlItem", o), ...r, disabled: !1, asChild: !1 }, c.createElement("span", { className: "rt-SegmentedControlItemSeparator" }), c.createElement("span", { className: "rt-SegmentedControlItemLabel" }, c.createElement("span", { className: "rt-SegmentedControlItemLabelActive" }, e), c.createElement("span", { className: "rt-SegmentedControlItemLabelInactive" }, e))));
+V.displayName = "SegmentedControl.Item";
+const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Item: V,
+  Root: x
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ie as s
+};