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

package/dist/accordion.mjs

@@ -0,0 +1,46 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import * as i from "react";
+import * as e from "radix-ui";
+import { ChevronDown as m } from "lucide-react";
+import { cn as s } from "./utils.mjs";
+const h = e.Root, c = i.forwardRef(({ className: o, ...a }, r) => /* @__PURE__ */ t(
+  e.Item,
+  {
+    ref: r,
+    className: s("border-b", o),
+    ...a
+  }
+));
+c.displayName = "AccordionItem";
+const l = i.forwardRef(({ className: o, children: a, ...r }, n) => /* @__PURE__ */ t(e.Header, { className: "flex", children: /* @__PURE__ */ d(
+  e.Trigger,
+  {
+    ref: n,
+    className: s(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      o
+    ),
+    ...r,
+    children: [
+      a,
+      /* @__PURE__ */ t(m, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+l.displayName = e.Trigger.displayName;
+const f = i.forwardRef(({ className: o, children: a, ...r }, n) => /* @__PURE__ */ t(
+  e.Content,
+  {
+    ref: n,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...r,
+    children: /* @__PURE__ */ t("div", { className: s("pb-4 pt-0", o), children: a })
+  }
+));
+f.displayName = e.Content.displayName;
+export {
+  h as Accordion,
+  f as AccordionContent,
+  c as AccordionItem,
+  l as AccordionTrigger
+};

package/dist/alert-dialog.mjs

@@ -0,0 +1,113 @@
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import * as i from "react";
+import * as t from "radix-ui";
+import { cn as s } from "./utils.mjs";
+import { buttonVariants as r } from "./button.mjs";
+const w = t.Root, v = t.Trigger, m = t.Portal, d = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Overlay,
+  {
+    className: s(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a
+    ),
+    ...e,
+    ref: o
+  }
+));
+d.displayName = t.Overlay.displayName;
+const c = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ n(m, { children: [
+  /* @__PURE__ */ l(d, {}),
+  /* @__PURE__ */ l(
+    t.Content,
+    {
+      ref: o,
+      className: s(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        a
+      ),
+      ...e
+    }
+  )
+] }));
+c.displayName = t.Content.displayName;
+const f = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: s(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      a
+    ),
+    ...e
+  }
+);
+f.displayName = "AlertDialogHeader";
+const p = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: s(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
+    ),
+    ...e
+  }
+);
+p.displayName = "AlertDialogFooter";
+const g = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Title,
+  {
+    ref: o,
+    className: s("text-lg font-semibold", a),
+    ...e
+  }
+));
+g.displayName = t.Title.displayName;
+const N = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Description,
+  {
+    ref: o,
+    className: s("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+N.displayName = t.Description.displayName;
+const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Action,
+  {
+    ref: o,
+    className: s(r(), a),
+    ...e
+  }
+));
+y.displayName = t.Action.displayName;
+const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ l(
+  t.Cancel,
+  {
+    ref: o,
+    className: s(
+      r({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      a
+    ),
+    ...e
+  }
+));
+x.displayName = t.Cancel.displayName;
+export {
+  w as AlertDialog,
+  y as AlertDialogAction,
+  x as AlertDialogCancel,
+  c as AlertDialogContent,
+  N as AlertDialogDescription,
+  p as AlertDialogFooter,
+  f as AlertDialogHeader,
+  d as AlertDialogOverlay,
+  m as AlertDialogPortal,
+  g as AlertDialogTitle,
+  v as AlertDialogTrigger
+};

package/dist/avatar.mjs

@@ -0,0 +1,42 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as m from "react";
+import * as a from "radix-ui";
+import { cn as s } from "./utils.mjs";
+const t = m.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ o(
+  a.Root,
+  {
+    ref: r,
+    className: s(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      e
+    ),
+    ...l
+  }
+));
+t.displayName = a.Root.displayName;
+const f = m.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ o(
+  a.Image,
+  {
+    ref: r,
+    className: s("aspect-square h-full w-full", e),
+    ...l
+  }
+));
+f.displayName = a.Image.displayName;
+const i = m.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ o(
+  a.Fallback,
+  {
+    ref: r,
+    className: s(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      e
+    ),
+    ...l
+  }
+));
+i.displayName = a.Fallback.displayName;
+export {
+  t as Avatar,
+  i as AvatarFallback,
+  f as AvatarImage
+};

package/dist/badge.mjs

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { cn as a } from "./utils.mjs";
+const i = n(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function f({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+}
+export {
+  f as Badge,
+  i as badgeVariants
+};

package/dist/breadcrumb.mjs

@@ -0,0 +1,90 @@
+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,
+  ...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
+}) => /* @__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 {
+  l as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  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
 };