@turingpaper/ui 0.0.1-test.2 → 0.0.1-test.3

package/dist/breadcrumb.mjs

@@ -1,117 +1,90 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Slot as i } from "radix-ui";
-import { cn as t } from "./utils.mjs";
-import { MoreHorizontalIcon as l, ChevronRightIcon as c } from "lucide-react";
-function p({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "nav",
-    {
-      "aria-label": "breadcrumb",
-      "data-slot": "breadcrumb",
-      className: t(r),
-      ...e
-    }
-  );
-}
-function f({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: t(
-        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground sm:gap-2.5",
-        r
-      ),
-      ...e
-    }
-  );
-}
-function g({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      "data-slot": "breadcrumb-item",
-      className: t("inline-flex items-center gap-1.5", r),
-      ...e
-    }
-  );
-}
-function x({
-  asChild: r,
-  className: e,
-  ...n
-}) {
-  const o = r ? i.Root : "a";
-  return /* @__PURE__ */ a(
-    o,
-    {
-      "data-slot": "breadcrumb-link",
-      className: t("transition-colors hover:text-foreground", e),
-      ...n
-    }
-  );
-}
-function h({ className: r, ...e }) {
-  return /* @__PURE__ */ a(
-    "span",
-    {
-      "data-slot": "breadcrumb-page",
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: t("font-normal text-foreground", r),
-      ...e
-    }
-  );
-}
-function N({
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import * as t from "react";
+import { Slot as n } from "radix-ui";
+import { MoreHorizontal as c, ChevronRight as d } from "lucide-react";
+import { cn as o } from "./utils.mjs";
+const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+l.displayName = "Breadcrumb";
+const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "ol",
+  {
+    ref: a,
+    className: o(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      r
+    ),
+    ...e
+  }
+));
+p.displayName = "BreadcrumbList";
+const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "li",
+  {
+    ref: a,
+    className: o("inline-flex items-center gap-1.5", r),
+    ...e
+  }
+));
+u.displayName = "BreadcrumbItem";
+const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
+  r ? n : "a",
+  {
+    ref: m,
+    className: o("transition-colors hover:text-foreground", e),
+    ...a
+  }
+));
+f.displayName = "BreadcrumbLink";
+const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: a,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: o("font-normal text-foreground", r),
+    ...e
+  }
+));
+b.displayName = "BreadcrumbPage";
+const N = ({
   children: r,
   className: e,
-  ...n
-}) {
-  return /* @__PURE__ */ a(
-    "li",
-    {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t("[&>svg]:size-3.5", e),
-      ...n,
-      children: r ?? /* @__PURE__ */ a(c, {})
-    }
-  );
-}
-function B({
+  ...a
+}) => /* @__PURE__ */ s(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
+    ...a,
+    children: r ?? /* @__PURE__ */ s(d, {})
+  }
+);
+N.displayName = "BreadcrumbSeparator";
+const B = ({
   className: r,
   ...e
-}) {
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      "data-slot": "breadcrumb-ellipsis",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t(
-        "flex size-5 items-center justify-center [&>svg]:size-4",
-        r
-      ),
-      ...e,
-      children: [
-        /* @__PURE__ */ a(
-          l,
-          {}
-        ),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
-      ]
-    }
-  );
-}
+}) => /* @__PURE__ */ i(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("flex h-9 w-9 items-center justify-center", r),
+    ...e,
+    children: [
+      /* @__PURE__ */ s(c, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+B.displayName = "BreadcrumbElipssis";
 export {
-  p as Breadcrumb,
+  l as Breadcrumb,
   B as BreadcrumbEllipsis,
-  g as BreadcrumbItem,
-  x as BreadcrumbLink,
-  f as BreadcrumbList,
-  h as BreadcrumbPage,
+  u as BreadcrumbItem,
+  f as BreadcrumbLink,
+  p as BreadcrumbList,
+  b as BreadcrumbPage,
   N as BreadcrumbSeparator
 };

package/dist/button.mjs

@@ -1,28 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "react";
 import { Slot as d } from "radix-ui";
-import { cn as l } from "./utils.mjs";
-const u = s(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+import { cva as c } from "class-variance-authority";
+import { cn as u } from "./utils.mjs";
+const f = c(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-        icon: "size-9",
-        "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
       }
     },
     defaultVariants: {
@@ -30,27 +27,18 @@ const u = s(
       size: "default"
     }
   }
-);
-function b({
-  className: t,
-  variant: e = "default",
-  size: i = "default",
-  asChild: r = !1,
-  ...a
-}) {
-  const n = r ? d.Root : "button";
-  return /* @__PURE__ */ o(
-    n,
+), g = a.forwardRef(
+  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
+    o ? d : "button",
     {
-      "data-slot": "button",
-      "data-variant": e,
-      "data-size": i,
-      className: l(u({ variant: e, size: i, className: t })),
-      ...a
+      className: u(f({ variant: r, size: t, className: e })),
+      ref: i,
+      ...n
     }
-  );
-}
+  )
+);
+g.displayName = "Button";
 export {
-  b as Button,
-  u as buttonVariants
+  g as Button,
+  f as buttonVariants
 };

package/dist/card.mjs

@@ -1,98 +1,64 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as d } from "./utils.mjs";
-function i({
-  className: a,
-  size: r = "default",
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card",
-      "data-size": r,
-      className: d(
-        "group/card flex flex-col gap-6 overflow-hidden rounded-2xl bg-card py-6 text-sm text-card-foreground ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
-        a
-      ),
-      ...e
-    }
-  );
-}
-function n({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: d(
-        "group/card-header @container/card-header grid auto-rows-min items-start gap-2 rounded-t-xl px-6 group-data-[size=sm]/card:px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4",
-        a
-      ),
-      ...r
-    }
-  );
-}
-function c({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-title",
-      className: d("text-base font-medium", a),
-      ...r
-    }
-  );
-}
-function l({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: d("text-sm text-muted-foreground", a),
-      ...r
-    }
-  );
-}
-function u({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-action",
-      className: d(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        a
-      ),
-      ...r
-    }
-  );
-}
-function p({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: d("px-6 group-data-[size=sm]/card:px-4", a),
-      ...r
-    }
-  );
-}
-function m({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: d(
-        "flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4",
-        a
-      ),
-      ...r
-    }
-  );
-}
+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
+  }
+));
+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 {
-  i as Card,
-  u as CardAction,
-  p as CardContent,
-  l as CardDescription,
-  m as CardFooter,
-  n as CardHeader,
-  c as CardTitle
+  s as Card,
+  l as CardContent,
+  c as CardDescription,
+  n as CardFooter,
+  i as CardHeader,
+  m as CardTitle
 };

package/dist/chart.mjs

@@ -0,0 +1,208 @@
+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;
+}
+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 })
+      ]
+    }
+  ) });
+});
+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(`
+`)}
+}
+`
+        ).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];
+}
+export {
+  I as ChartContainer,
+  q as ChartLegend,
+  K as ChartLegendContent,
+  S as ChartStyle,
+  O as ChartTooltip,
+  E as ChartTooltipContent
+};