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

package/dist/accordion.mjs

@@ -1,85 +1,46 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { Accordion as r } from "radix-ui";
-import { cn as t } from "./utils.mjs";
-import { ChevronDownIcon as d, ChevronUpIcon as c } from "lucide-react";
-function p({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    r.Root,
-    {
-      "data-slot": "accordion",
-      className: t(
-        "flex w-full flex-col overflow-hidden rounded-2xl border",
-        o
-      ),
-      ...e
-    }
-  );
-}
-function u({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ n(
-    r.Item,
-    {
-      "data-slot": "accordion-item",
-      className: t("not-last:border-b data-open:bg-muted/50", o),
-      ...e
-    }
-  );
-}
-function f({
-  className: o,
-  children: e,
-  ...a
-}) {
-  return /* @__PURE__ */ n(r.Header, { className: "flex", children: /* @__PURE__ */ i(
-    r.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: t(
-        "group/accordion-trigger relative flex flex-1 items-start justify-between gap-6 border border-transparent p-4 text-left text-sm font-medium transition-all outline-none hover:underline disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
-        o
-      ),
-      ...a,
-      children: [
-        e,
-        /* @__PURE__ */ n(d, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }),
-        /* @__PURE__ */ n(c, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })
-      ]
-    }
-  ) });
-}
-function x({
-  className: o,
-  children: e,
-  ...a
-}) {
-  return /* @__PURE__ */ n(
-    r.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "overflow-hidden px-4 text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
-      ...a,
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: t(
-            "h-(--radix-accordion-content-height) pt-0 pb-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
-            o
-          ),
-          children: e
-        }
-      )
-    }
-  );
-}
+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 {
-  p as Accordion,
-  x as AccordionContent,
-  u as AccordionItem,
-  f as AccordionTrigger
+  h as Accordion,
+  f as AccordionContent,
+  c as AccordionItem,
+  l as AccordionTrigger
 };

package/dist/alert-dialog.mjs

@@ -1,180 +1,113 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { AlertDialog as o } from "radix-ui";
-import { cn as l } from "./utils.mjs";
-import { Button as d } from "./button.mjs";
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
-}
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
-}
-function s({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
-}
-function u({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Overlay,
+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,
     {
-      "data-slot": "alert-dialog-overlay",
-      className: l(
-        "fixed inset-0 z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        t
+      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
       ),
-      ...a
+      ...e
     }
-  );
-}
-function z({
-  className: t,
-  size: a = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ e(u, {}),
-    /* @__PURE__ */ e(
-      o.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        "data-size": a,
-        className: l(
-          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-          t
-        ),
-        ...r
-      }
-    )
-  ] });
-}
-function A({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "alert-dialog-header",
-      className: l(
-        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "alert-dialog-footer",
-      className: l(
-        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function h({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "alert-dialog-media",
-      className: l(
-        "mb-2 inline-flex size-16 items-center justify-center rounded-full bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function v({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: l(
-        "text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: l(
-        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function w({
-  className: t,
-  variant: a = "default",
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ e(d, { variant: a, size: r, asChild: !0, children: /* @__PURE__ */ e(
-    o.Action,
-    {
-      "data-slot": "alert-dialog-action",
-      className: l(t),
-      ...i
-    }
-  ) });
-}
-function N({
-  className: t,
-  variant: a = "outline",
-  size: r = "default",
-  ...i
-}) {
-  return /* @__PURE__ */ e(d, { variant: a, size: r, asChild: !0, children: /* @__PURE__ */ e(
-    o.Cancel,
-    {
-      "data-slot": "alert-dialog-cancel",
-      className: l(t),
-      ...i
-    }
-  ) });
-}
+  )
+] }));
+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 {
-  p as AlertDialog,
-  w as AlertDialogAction,
-  N as AlertDialogCancel,
-  z as AlertDialogContent,
-  b as AlertDialogDescription,
-  D as AlertDialogFooter,
-  A as AlertDialogHeader,
-  h as AlertDialogMedia,
-  u as AlertDialogOverlay,
-  s as AlertDialogPortal,
-  v as AlertDialogTitle,
-  x as AlertDialogTrigger
+  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

@@ -1,106 +1,42 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Avatar as s } from "radix-ui";
-import { cn as r } from "./utils.mjs";
-function l({
-  className: a,
-  size: t = "default",
-  ...o
-}) {
-  return /* @__PURE__ */ e(
-    s.Root,
-    {
-      "data-slot": "avatar",
-      "data-size": t,
-      className: r(
-        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
-        a
-      ),
-      ...o
-    }
-  );
-}
-function n({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    s.Image,
-    {
-      "data-slot": "avatar-image",
-      className: r(
-        "aspect-square size-full rounded-full object-cover",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function g({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    s.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: r(
-        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function v({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      "data-slot": "avatar-badge",
-      className: r(
-        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
-        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
-        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
-        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function f({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "avatar-group",
-      className: r(
-        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function m({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "avatar-group-count",
-      className: r(
-        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
-        a
-      ),
-      ...t
-    }
-  );
-}
+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 {
-  l as Avatar,
-  v as AvatarBadge,
-  g as AvatarFallback,
-  f as AvatarGroup,
-  m as AvatarGroupCount,
-  n as AvatarImage
+  t as Avatar,
+  i as AvatarFallback,
+  f as AvatarImage
 };

package/dist/badge.mjs

@@ -1,18 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import { Slot as d } from "radix-ui";
-import { cn as s } from "./utils.mjs";
-const u = n(
-  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+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: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-        outline: "border-border bg-input/30 text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        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: {
@@ -20,24 +17,10 @@ const u = n(
     }
   }
 );
-function f({
-  className: r,
-  variant: e = "default",
-  asChild: t = !1,
-  ...i
-}) {
-  const a = t ? d.Root : "span";
-  return /* @__PURE__ */ o(
-    a,
-    {
-      "data-slot": "badge",
-      "data-variant": e,
-      className: s(u({ variant: e }), r),
-      ...i
-    }
-  );
+function f({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
 }
 export {
   f as Badge,
-  u as badgeVariants
+  i as badgeVariants
 };