@turingpaper/ui 0.0.13 → 0.0.14

package/dist/card.mjs

@@ -1,64 +1,42 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as t } from "./utils.mjs";
-const s = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: r,
-    className: t(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      a
-    ),
-    ...e
-  }
-));
-s.displayName = "Card";
-const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: r,
-    className: t("flex flex-col space-y-1.5 p-6", a),
-    ...e
-  }
-));
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/card.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("rounded-lg border bg-card text-card-foreground shadow-sm", t),
+	...r
+}));
+r.displayName = "Card";
+var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex flex-col space-y-1.5 p-6", t),
+	...r
+}));
 i.displayName = "CardHeader";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: r,
-    className: t(
-      "text-2xl font-semibold leading-none tracking-tight",
-      a
-    ),
-    ...e
-  }
-));
-m.displayName = "CardTitle";
-const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: r,
-    className: t("text-sm text-muted-foreground", a),
-    ...e
-  }
-));
-c.displayName = "CardDescription";
-const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
-l.displayName = "CardContent";
-const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
-  "div",
-  {
-    ref: r,
-    className: t("flex items-center p-6 pt-0", a),
-    ...e
-  }
-));
-n.displayName = "CardFooter";
-export {
-  s as Card,
-  l as CardContent,
-  c as CardDescription,
-  n as CardFooter,
-  i as CardHeader,
-  m as CardTitle
-};
+var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("text-2xl font-semibold leading-none tracking-tight", t),
+	...r
+}));
+a.displayName = "CardTitle";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("text-sm text-muted-foreground", t),
+	...r
+}));
+o.displayName = "CardDescription";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("p-6 pt-0", t),
+	...r
+}));
+s.displayName = "CardContent";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex items-center p-6 pt-0", t),
+	...r
+}));
+c.displayName = "CardFooter";
+//#endregion
+export { r as Card, s as CardContent, o as CardDescription, c as CardFooter, i as CardHeader, a as CardTitle };

package/dist/chart.mjs

@@ -1,208 +1,127 @@
-import { jsx as s, jsxs as g, Fragment as T } from "react/jsx-runtime";
-import * as f from "react";
-import * as w from "recharts";
-import { cn as i } from "./utils.mjs";
-const P = { light: "", dark: ".dark" }, N = f.createContext(null);
-function j() {
-  const a = f.useContext(N);
-  if (!a)
-    throw new Error("useChart must be used within a <ChartContainer />");
-  return a;
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "recharts";
+//#region src/components/chart.tsx
+var o = {
+	light: "",
+	dark: ".dark"
+}, s = t.createContext(null);
+function c() {
+	let e = t.useContext(s);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
 }
-const I = f.forwardRef(({ id: a, className: e, children: n, config: r, ...c }, d) => {
-  const l = f.useId(), o = `chart-${a || l.replace(/:/g, "")}`;
-  return /* @__PURE__ */ s(N.Provider, { value: { config: r }, children: /* @__PURE__ */ g(
-    "div",
-    {
-      "data-chart": o,
-      ref: d,
-      className: i(
-        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-        e
-      ),
-      ...c,
-      children: [
-        /* @__PURE__ */ s(S, { id: o, config: r }),
-        /* @__PURE__ */ s(w.ResponsiveContainer, { children: n })
-      ]
-    }
-  ) });
+var l = t.forwardRef(({ id: n, className: o, children: c, config: l, ...d }, f) => {
+	let p = t.useId(), m = `chart-${n || p.replace(/:/g, "")}`;
+	return /* @__PURE__ */ r(s.Provider, {
+		value: { config: l },
+		children: /* @__PURE__ */ i("div", {
+			"data-chart": m,
+			ref: f,
+			className: e("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", o),
+			...d,
+			children: [/* @__PURE__ */ r(u, {
+				id: m,
+				config: l
+			}), /* @__PURE__ */ r(a.ResponsiveContainer, { children: c })]
+		})
+	});
 });
-I.displayName = "Chart";
-const S = ({ id: a, config: e }) => {
-  const n = Object.entries(e).filter(
-    ([, r]) => r.theme || r.color
-  );
-  return n.length ? /* @__PURE__ */ s(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(P).map(
-          ([r, c]) => `
-${c} [data-chart=${a}] {
-${n.map(([d, l]) => {
-            const o = l.theme?.[r] || l.color;
-            return o ? `  --color-${d}: ${o};` : null;
-          }).join(`
-`)}
+l.displayName = "Chart";
+var u = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
+	return n.length ? /* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: Object.entries(o).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] || n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
 }
-`
-        ).join(`
-`)
-      }
-    }
-  ) : null;
-}, O = w.Tooltip, E = f.forwardRef(
-  ({
-    active: a,
-    payload: e,
-    className: n,
-    indicator: r = "dot",
-    hideLabel: c = !1,
-    hideIndicator: d = !1,
-    label: l,
-    labelFormatter: o,
-    labelClassName: m,
-    formatter: h,
-    color: $,
-    nameKey: L,
-    labelKey: x
-  }, R) => {
-    const { config: p } = j(), k = f.useMemo(() => {
-      if (c || !e?.length)
-        return null;
-      const [t] = e, b = `${x || t?.dataKey || t?.name || "value"}`, C = _(p, t, b), u = !x && typeof l == "string" ? p[l]?.label || l : C?.label;
-      return o ? /* @__PURE__ */ s("div", { className: i("font-medium", m), children: o(u, e) }) : u ? /* @__PURE__ */ s("div", { className: i("font-medium", m), children: u }) : null;
-    }, [
-      l,
-      o,
-      e,
-      c,
-      m,
-      p,
-      x
-    ]);
-    if (!a || !e?.length)
-      return null;
-    const v = e.length === 1 && r !== "dot";
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        ref: R,
-        className: i(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          n
-        ),
-        children: [
-          v ? null : k,
-          /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: e.filter((t) => t.type !== "none").map((t, b) => {
-            const C = `${L || t.name || t.dataKey || "value"}`, u = _(p, t, C), y = $ || t.payload.fill || t.color;
-            return /* @__PURE__ */ s(
-              "div",
-              {
-                className: i(
-                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-                  r === "dot" && "items-center"
-                ),
-                children: h && t?.value !== void 0 && t.name ? h(t.value, t.name, t, b, t.payload) : /* @__PURE__ */ g(T, { children: [
-                  u?.icon ? /* @__PURE__ */ s(u.icon, {}) : !d && /* @__PURE__ */ s(
-                    "div",
-                    {
-                      className: i(
-                        "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
-                        {
-                          "h-2.5 w-2.5": r === "dot",
-                          "w-1": r === "line",
-                          "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
-                          "my-0.5": v && r === "dashed"
-                        }
-                      ),
-                      style: {
-                        "--color-bg": y,
-                        "--color-border": y
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ g(
-                    "div",
-                    {
-                      className: i(
-                        "flex flex-1 justify-between leading-none",
-                        v ? "items-end" : "items-center"
-                      ),
-                      children: [
-                        /* @__PURE__ */ g("div", { className: "grid gap-1.5", children: [
-                          v ? k : null,
-                          /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: u?.label || t.name })
-                        ] }),
-                        t.value && /* @__PURE__ */ s("span", { className: "font-mono font-medium tabular-nums text-foreground", children: t.value.toLocaleString() })
-                      ]
-                    }
-                  )
-                ] })
-              },
-              t.dataKey
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-E.displayName = "ChartTooltip";
-const q = w.Legend, K = f.forwardRef(
-  ({ className: a, hideIcon: e = !1, payload: n, verticalAlign: r = "bottom", nameKey: c }, d) => {
-    const { config: l } = j();
-    return n?.length ? /* @__PURE__ */ s(
-      "div",
-      {
-        ref: d,
-        className: i(
-          "flex items-center justify-center gap-4",
-          r === "top" ? "pb-3" : "pt-3",
-          a
-        ),
-        children: n.filter((o) => o.type !== "none").map((o) => {
-          const m = `${c || o.dataKey || "value"}`, h = _(l, o, m);
-          return /* @__PURE__ */ g(
-            "div",
-            {
-              className: i(
-                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-              ),
-              children: [
-                h?.icon && !e ? /* @__PURE__ */ s(h.icon, {}) : /* @__PURE__ */ s(
-                  "div",
-                  {
-                    className: "h-2 w-2 shrink-0 rounded-[2px]",
-                    style: {
-                      backgroundColor: o.color
-                    }
-                  }
-                ),
-                h?.label
-              ]
-            },
-            o.value
-          );
-        })
-      }
-    ) : null;
-  }
-);
-K.displayName = "ChartLegend";
-function _(a, e, n) {
-  if (typeof e != "object" || e === null)
-    return;
-  const r = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
-  let c = n;
-  return n in e && typeof e[n] == "string" ? c = e[n] : r && n in r && typeof r[n] == "string" && (c = r[n]), c in a ? a[c] : a[n];
+`).join("\n") } }) : null;
+}, d = a.Tooltip, f = t.forwardRef(({ active: a, payload: o, className: s, indicator: l = "dot", hideLabel: u = !1, hideIndicator: d = !1, label: f, labelFormatter: p, labelClassName: m, formatter: g, color: _, nameKey: v, labelKey: y }, b) => {
+	let { config: x } = c(), S = t.useMemo(() => {
+		if (u || !o?.length) return null;
+		let [t] = o, n = h(x, t, `${y || t?.dataKey || t?.name || "value"}`), i = !y && typeof f == "string" ? x[f]?.label || f : n?.label;
+		return p ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", m),
+			children: p(i, o)
+		}) : i ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", m),
+			children: i
+		}) : null;
+	}, [
+		f,
+		p,
+		o,
+		u,
+		m,
+		x,
+		y
+	]);
+	if (!a || !o?.length) return null;
+	let C = o.length === 1 && l !== "dot";
+	return /* @__PURE__ */ i("div", {
+		ref: b,
+		className: e("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", s),
+		children: [C ? null : S, /* @__PURE__ */ r("div", {
+			className: "grid gap-1.5",
+			children: o.filter((e) => e.type !== "none").map((t, a) => {
+				let o = h(x, t, `${v || t.name || t.dataKey || "value"}`), s = _ || t.payload.fill || t.color;
+				return /* @__PURE__ */ r("div", {
+					className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", l === "dot" && "items-center"),
+					children: g && t?.value !== void 0 && t.name ? g(t.value, t.name, t, a, t.payload) : /* @__PURE__ */ i(n, { children: [o?.icon ? /* @__PURE__ */ r(o.icon, {}) : !d && /* @__PURE__ */ r("div", {
+						className: e("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+							"h-2.5 w-2.5": l === "dot",
+							"w-1": l === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": l === "dashed",
+							"my-0.5": C && l === "dashed"
+						}),
+						style: {
+							"--color-bg": s,
+							"--color-border": s
+						}
+					}), /* @__PURE__ */ i("div", {
+						className: e("flex flex-1 justify-between leading-none", C ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ i("div", {
+							className: "grid gap-1.5",
+							children: [C ? S : null, /* @__PURE__ */ r("span", {
+								className: "text-muted-foreground",
+								children: o?.label || t.name
+							})]
+						}), t.value && /* @__PURE__ */ r("span", {
+							className: "font-mono font-medium tabular-nums text-foreground",
+							children: t.value.toLocaleString()
+						})]
+					})] })
+				}, t.dataKey);
+			})
+		})]
+	});
+});
+f.displayName = "ChartTooltip";
+var p = a.Legend, m = t.forwardRef(({ className: t, hideIcon: n = !1, payload: a, verticalAlign: o = "bottom", nameKey: s }, l) => {
+	let { config: u } = c();
+	return a?.length ? /* @__PURE__ */ r("div", {
+		ref: l,
+		className: e("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t),
+		children: a.filter((e) => e.type !== "none").map((t) => {
+			let a = h(u, t, `${s || t.dataKey || "value"}`);
+			return /* @__PURE__ */ i("div", {
+				className: e("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [a?.icon && !n ? /* @__PURE__ */ r(a.icon, {}) : /* @__PURE__ */ r("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: t.color }
+				}), a?.label]
+			}, t.value);
+		})
+	}) : null;
+});
+m.displayName = "ChartLegend";
+function h(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
-export {
-  I as ChartContainer,
-  q as ChartLegend,
-  K as ChartLegendContent,
-  S as ChartStyle,
-  O as ChartTooltip,
-  E as ChartTooltipContent
-};
+//#endregion
+export { l as ChartContainer, p as ChartLegend, m as ChartLegendContent, u as ChartStyle, d as ChartTooltip, f as ChartTooltipContent };

package/dist/checkbox.mjs

@@ -1,27 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as c from "react";
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { Checkbox as r } from "radix-ui";
-import { Check as s } from "lucide-react";
-import { cn as o } from "./utils.mjs";
-const d = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
-  r.Root,
-  {
-    ref: a,
-    className: o(
-      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      i
-    ),
-    ...t,
-    children: /* @__PURE__ */ e(
-      r.Indicator,
-      {
-        className: o("grid place-content-center text-current"),
-        children: /* @__PURE__ */ e(s, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-d.displayName = r.Root.displayName;
-export {
-  d as Checkbox
-};
+import { Check as i } from "lucide-react";
+//#region src/components/checkbox.tsx
+var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(r.Root, {
+	ref: o,
+	className: e("grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", t),
+	...a,
+	children: /* @__PURE__ */ n(r.Indicator, {
+		className: e("grid place-content-center text-current"),
+		children: /* @__PURE__ */ n(i, { className: "h-4 w-4" })
+	})
+}));
+a.displayName = r.Root.displayName;
+//#endregion
+export { a as Checkbox };

package/dist/collapsible.mjs

@@ -1,7 +1,6 @@
-import { Collapsible as l } from "radix-ui";
-const e = l.Root, s = l.CollapsibleTrigger, i = l.CollapsibleContent;
-export {
-  e as Collapsible,
-  i as CollapsibleContent,
-  s as CollapsibleTrigger
-};
+"use client";
+import { Collapsible as e } from "radix-ui";
+//#region src/components/collapsible.tsx
+var t = e.Root, n = e.CollapsibleTrigger, r = e.CollapsibleContent;
+//#endregion
+export { t as Collapsible, r as CollapsibleContent, n as CollapsibleTrigger };