@tipp/ui 0.0.0

package/dist/tabs-33tSzanC.js

@@ -0,0 +1,186 @@
+import * as o from "react";
+import { y as T } from "./index-DoIe4nVR.js";
+import { c as g } from "./index-DLeNytVF.js";
+import { c as $ } from "./index-CWqnkG-p.js";
+import { c as R, R as B, I as G } from "./index-DgaYqXVD.js";
+import { P as j } from "./index-BGHne2on.js";
+import { P as p } from "./index-BLlMKB6v.js";
+import { u as k } from "./index-BQ0fI5eo.js";
+import { u as H } from "./index-CMas7-m1.js";
+import { u as K } from "./index-J-pu07YR.js";
+import { jsx as u } from "react/jsx-runtime";
+import { p as O } from "./base-tab-list.props-hSCtMjn2.js";
+import { v } from "./extract-props-CujC3IXc.js";
+import { r as N } from "./margin.props-ClY9lUrP.js";
+var C = "Tabs", [z, de] = $(C, [
+  R
+]), h = R(), [q, I] = z(C), y = o.forwardRef(
+  (e, a) => {
+    const {
+      __scopeTabs: r,
+      value: t,
+      onValueChange: n,
+      defaultValue: l,
+      orientation: s = "horizontal",
+      dir: d,
+      activationMode: f = "automatic",
+      ...b
+    } = e, c = k(d), [i, m] = H({
+      prop: t,
+      onChange: n,
+      defaultProp: l
+    });
+    return /* @__PURE__ */ u(
+      q,
+      {
+        scope: r,
+        baseId: K(),
+        value: i,
+        onValueChange: m,
+        orientation: s,
+        dir: c,
+        activationMode: f,
+        children: /* @__PURE__ */ u(
+          p.div,
+          {
+            dir: c,
+            "data-orientation": s,
+            ...b,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+y.displayName = C;
+var _ = "TabsList", E = o.forwardRef(
+  (e, a) => {
+    const { __scopeTabs: r, loop: t = !0, ...n } = e, l = I(_, r), s = h(r);
+    return /* @__PURE__ */ u(
+      B,
+      {
+        asChild: !0,
+        ...s,
+        orientation: l.orientation,
+        dir: l.dir,
+        loop: t,
+        children: /* @__PURE__ */ u(
+          p.div,
+          {
+            role: "tablist",
+            "aria-orientation": l.orientation,
+            ...n,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+E.displayName = _;
+var P = "TabsTrigger", S = o.forwardRef(
+  (e, a) => {
+    const { __scopeTabs: r, value: t, disabled: n = !1, ...l } = e, s = I(P, r), d = h(r), f = L(s.baseId, t), b = M(s.baseId, t), c = t === s.value;
+    return /* @__PURE__ */ u(
+      G,
+      {
+        asChild: !0,
+        ...d,
+        focusable: !n,
+        active: c,
+        children: /* @__PURE__ */ u(
+          p.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": c,
+            "aria-controls": b,
+            "data-state": c ? "active" : "inactive",
+            "data-disabled": n ? "" : void 0,
+            disabled: n,
+            id: f,
+            ...l,
+            ref: a,
+            onMouseDown: g(e.onMouseDown, (i) => {
+              !n && i.button === 0 && i.ctrlKey === !1 ? s.onValueChange(t) : i.preventDefault();
+            }),
+            onKeyDown: g(e.onKeyDown, (i) => {
+              [" ", "Enter"].includes(i.key) && s.onValueChange(t);
+            }),
+            onFocus: g(e.onFocus, () => {
+              const i = s.activationMode !== "manual";
+              !c && !n && i && s.onValueChange(t);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = P;
+var w = "TabsContent", A = o.forwardRef(
+  (e, a) => {
+    const { __scopeTabs: r, value: t, forceMount: n, children: l, ...s } = e, d = I(w, r), f = L(d.baseId, t), b = M(d.baseId, t), c = t === d.value, i = o.useRef(c);
+    return o.useEffect(() => {
+      const m = requestAnimationFrame(() => i.current = !1);
+      return () => cancelAnimationFrame(m);
+    }, []), /* @__PURE__ */ u(j, { present: n || c, children: ({ present: m }) => /* @__PURE__ */ u(
+      p.div,
+      {
+        "data-state": c ? "active" : "inactive",
+        "data-orientation": d.orientation,
+        role: "tabpanel",
+        "aria-labelledby": f,
+        hidden: !m,
+        id: b,
+        tabIndex: 0,
+        ...s,
+        ref: a,
+        style: {
+          ...e.style,
+          animationDuration: i.current ? "0s" : void 0
+        },
+        children: m && l
+      }
+    ) });
+  }
+);
+A.displayName = w;
+function L(e, a) {
+  return `${e}-trigger-${a}`;
+}
+function M(e, a) {
+  return `${e}-content-${a}`;
+}
+var J = y, Q = E, U = S, W = A;
+const x = o.forwardRef((e, a) => {
+  const { className: r, ...t } = v(e, N);
+  return o.createElement(J, { ...t, ref: a, className: T("rt-TabsRoot", r) });
+});
+x.displayName = "Tabs.Root";
+const F = o.forwardRef((e, a) => {
+  const { className: r, color: t, ...n } = v(e, O, N);
+  return o.createElement(Q, { "data-accent-color": t, ...n, asChild: !1, ref: a, className: T("rt-BaseTabList", "rt-TabsList", r) });
+});
+F.displayName = "Tabs.List";
+const D = o.forwardRef((e, a) => {
+  const { className: r, children: t, ...n } = e;
+  return o.createElement(U, { ...n, asChild: !1, ref: a, className: T("rt-reset", "rt-BaseTabListTrigger", "rt-TabsTrigger", r) }, o.createElement("span", { className: "rt-BaseTabListTriggerInner rt-TabsTriggerInner" }, t), o.createElement("span", { className: "rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden" }, t));
+});
+D.displayName = "Tabs.Trigger";
+const V = o.forwardRef((e, a) => {
+  const { className: r, ...t } = v(e, N);
+  return o.createElement(W, { ...t, ref: a, className: T("rt-TabsContent", r) });
+});
+V.displayName = "Tabs.Content";
+const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: V,
+  List: F,
+  Root: x,
+  Trigger: D
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ue as t
+};

package/dist/text-YN9kC4kc.js

@@ -0,0 +1,19 @@
+import * as r from "react";
+import { y as l } from "./index-DoIe4nVR.js";
+import { S as n } from "./index-BGU-u5wR.js";
+import { v as f } from "./extract-props-CujC3IXc.js";
+import { r as c } from "./margin.props-ClY9lUrP.js";
+import { o as d } from "./as-child.prop-Dmk_dqBI.js";
+import { r as u } from "./color.prop-C1QiQO-6.js";
+import { o as $ } from "./high-contrast.prop-BGHYAKb9.js";
+import { t as v, r as y } from "./text-align.prop-BXpq--l6.js";
+import { e as N, r as x } from "./truncate.prop-BeER2hSO.js";
+import { t as h } from "./weight.prop-DBiHURhF.js";
+const z = ["span", "div", "label", "p"], E = ["1", "2", "3", "4", "5", "6", "7", "8", "9"], R = { as: { type: "enum", values: z, default: "span" }, ...d, size: { type: "enum", className: "rt-r-size", values: E, responsive: !0 }, ...h, ...v, ...y, ...N, ...x, ...u, ...$ }, S = r.forwardRef((e, a) => {
+  const { children: o, className: t, asChild: m, as: s = "span", color: p, ...i } = f(e, R, c);
+  return r.createElement(n, { "data-accent-color": p, ...i, ref: a, className: l("rt-Text", t) }, m ? o : r.createElement(s, null, o));
+});
+S.displayName = "Text";
+export {
+  S as p
+};

package/dist/text-align.prop-BXpq--l6.js

@@ -0,0 +1,5 @@
+const e = ["normal", "start", "end", "both"], r = { trim: { type: "enum", className: "rt-r-lt", values: e, responsive: !0 } }, t = ["left", "center", "right"], s = { align: { type: "enum", className: "rt-r-ta", values: t, responsive: !0 } };
+export {
+  r,
+  s as t
+};

package/dist/text-area-DBR9oL6S.js

@@ -0,0 +1,14 @@
+import * as e from "react";
+import { y as i } from "./index-DoIe4nVR.js";
+import { r as l } from "./color.prop-C1QiQO-6.js";
+import { r as n } from "./radius.prop-CH9lMann.js";
+import { v as p } from "./extract-props-CujC3IXc.js";
+import { r as f } from "./margin.props-ClY9lUrP.js";
+const u = ["1", "2", "3"], v = ["classic", "surface", "soft"], d = ["none", "vertical", "horizontal", "both"], y = { size: { type: "enum", className: "rt-r-size", values: u, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: v, default: "surface" }, resize: { type: "enum", className: "rt-r-resize", values: d, responsive: !0 }, ...l, ...n }, N = e.forwardRef((r, a) => {
+  const { className: t, color: s, radius: o, style: m, ...c } = p(r, y, f);
+  return e.createElement("div", { "data-accent-color": s, "data-radius": o, className: i("rt-TextAreaRoot", t), style: m }, e.createElement("textarea", { className: "rt-reset rt-TextAreaInput", ref: a, ...c }));
+});
+N.displayName = "TextArea";
+export {
+  N as r
+};

package/dist/text-field-CgtdAE3v.js

@@ -0,0 +1,43 @@
+import * as e from "react";
+import { y as d } from "./index-DoIe4nVR.js";
+import { c as N } from "./index-DIx1pnae.js";
+import { r as p } from "./color.prop-C1QiQO-6.js";
+import { p as c } from "./padding.props-DHz7-7K8.js";
+import { r as R } from "./radius.prop-CH9lMann.js";
+import { u as S } from "./flex.props-DNysJgUY.js";
+import { v as f } from "./extract-props-CujC3IXc.js";
+import { r as T } from "./margin.props-ClY9lUrP.js";
+const h = ["1", "2", "3"], $ = ["classic", "surface", "soft"], b = { size: { type: "enum", className: "rt-r-size", values: h, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: $, default: "surface" }, ...p, ...R }, _ = ["left", "right"], w = { side: { type: "enum", values: _ }, ...p, gap: S.gap, px: c.px, pl: c.pl, pr: c.pr }, u = e.forwardRef((a, o) => {
+  const t = e.useRef(null), { children: s, className: l, color: i, radius: v, style: y, ...g } = f(a, b, T);
+  return e.createElement("div", { "data-accent-color": i, "data-radius": v, style: y, className: d("rt-TextFieldRoot", l), onPointerDown: (F) => {
+    const n = F.target;
+    if (n.closest("input, button, a")) return;
+    const r = t.current;
+    if (!r) return;
+    const m = n.closest(`
+            .rt-TextFieldSlot[data-side='right'],
+            .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+          `) ? r.value.length : 0;
+    requestAnimationFrame(() => {
+      try {
+        r.setSelectionRange(m, m);
+      } catch {
+      }
+      r.focus();
+    });
+  } }, e.createElement("input", { spellCheck: "false", ...g, ref: N(t, o), className: "rt-reset rt-TextFieldInput" }), s);
+});
+u.displayName = "TextField.Root";
+const x = e.forwardRef((a, o) => {
+  const { className: t, color: s, side: l, ...i } = f(a, w);
+  return e.createElement("div", { "data-accent-color": s, "data-side": l, ...i, ref: o, className: d("rt-TextFieldSlot", t) });
+});
+x.displayName = "TextField.Slot";
+const C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Root: u,
+  Slot: x
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  C as t
+};

package/dist/theme/theme-provider.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Theme } from '@radix-ui/themes';
+
+type ThemeProps = React.ComponentProps<typeof Theme>;
+interface ThemeProviderProps extends ThemeProps {
+    children: React.ReactNode;
+}
+export declare function ThemeProvider(props: ThemeProviderProps): React.ReactNode;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../lib/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAErD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,SAAS,CAExE"}

package/dist/theme/theme-provider.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { I as e } from "../theme-7Cjo8_Y6.js";
+import '../assets/theme-provider.css';function m(r) {
+  return /* @__PURE__ */ o(e, { accentColor: "iris", ...r });
+}
+export {
+  m as ThemeProvider
+};

package/dist/theme/use-theme.d.ts

@@ -0,0 +1,2 @@
+export { useThemeContext } from '@radix-ui/themes';
+//# sourceMappingURL=use-theme.d.ts.map

package/dist/theme/use-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../lib/theme/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/theme/use-theme.js

@@ -0,0 +1,4 @@
+import { H as t } from "../theme-7Cjo8_Y6.js";
+export {
+  t as useThemeContext
+};