@turingpaper/ui 0.0.13 → 0.0.14

package/dist/accordion.mjs

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

package/dist/alert-dialog.mjs

@@ -1,113 +1,54 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
-import { AlertDialog as t } from "radix-ui";
-import { cn as s } from "./utils.mjs";
-import { buttonVariants as r } from "./button.mjs";
-const R = t.Root, b = 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 {
-  R 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,
-  b as AlertDialogTrigger
-};
+import { cn as e } from "./utils.mjs";
+import { buttonVariants as t } from "./button.mjs";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AlertDialog as a } from "radix-ui";
+//#region src/components/alert-dialog.tsx
+var o = a.Root, s = a.Trigger, c = a.Portal, l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Overlay, {
+	className: e("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", t),
+	...n,
+	ref: i
+}));
+l.displayName = a.Overlay.displayName;
+var u = n.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Content, {
+	ref: o,
+	className: e("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", t),
+	...n
+})] }));
+u.displayName = a.Content.displayName;
+var d = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col space-y-2 text-center sm:text-left", t),
+	...n
+});
+d.displayName = "AlertDialogHeader";
+var f = ({ className: t, ...n }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
+	...n
+});
+f.displayName = "AlertDialogFooter";
+var p = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Title, {
+	ref: i,
+	className: e("text-lg font-semibold", t),
+	...n
+}));
+p.displayName = a.Title.displayName;
+var m = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Description, {
+	ref: i,
+	className: e("text-sm text-muted-foreground", t),
+	...n
+}));
+m.displayName = a.Description.displayName;
+var h = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ r(a.Action, {
+	ref: o,
+	className: e(t(), n),
+	...i
+}));
+h.displayName = a.Action.displayName;
+var g = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ r(a.Cancel, {
+	ref: o,
+	className: e(t({ variant: "outline" }), "mt-2 sm:mt-0", n),
+	...i
+}));
+g.displayName = a.Cancel.displayName;
+//#endregion
+export { o as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, u as AlertDialogContent, m as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, l as AlertDialogOverlay, c as AlertDialogPortal, p as AlertDialogTitle, s as AlertDialogTrigger };

package/dist/avatar.mjs

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

package/dist/badge.mjs

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

package/dist/breadcrumb.mjs

@@ -1,93 +1,60 @@
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { cn as e } from "./utils.mjs";
 import * as t from "react";
-import { Slot as c } from "radix-ui";
-import { MoreHorizontal as d, ChevronRight as l } from "lucide-react";
-import { cn as o } from "./utils.mjs";
-const p = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-p.displayName = "Breadcrumb";
-const u = 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
-  }
-));
-u.displayName = "BreadcrumbList";
-const f = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
-  "li",
-  {
-    ref: a,
-    className: o("inline-flex items-center gap-1.5", r),
-    ...e
-  }
-));
-f.displayName = "BreadcrumbItem";
-const b = t.forwardRef(({ asChild: r, className: e, ...a }, m) => {
-  const i = r ? c.Root : "a";
-  return /* @__PURE__ */ s(
-    i,
-    {
-      ref: m,
-      className: o("transition-colors hover:text-foreground", e),
-      ...a
-    }
-  );
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Slot as i } from "radix-ui";
+import { ChevronRight as a, MoreHorizontal as o } from "lucide-react";
+//#region src/components/breadcrumb.tsx
+var s = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ n("nav", {
+	ref: t,
+	"aria-label": "breadcrumb",
+	...e
+}));
+s.displayName = "Breadcrumb";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("ol", {
+	ref: i,
+	className: e("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", t),
+	...r
+}));
+c.displayName = "BreadcrumbList";
+var l = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("li", {
+	ref: i,
+	className: e("inline-flex items-center gap-1.5", t),
+	...r
+}));
+l.displayName = "BreadcrumbItem";
+var u = t.forwardRef(({ asChild: t, className: r, ...a }, o) => /* @__PURE__ */ n(t ? i.Root : "a", {
+	ref: o,
+	className: e("transition-colors hover:text-foreground", r),
+	...a
+}));
+u.displayName = "BreadcrumbLink";
+var d = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("span", {
+	ref: i,
+	role: "link",
+	"aria-disabled": "true",
+	"aria-current": "page",
+	className: e("font-normal text-foreground", t),
+	...r
+}));
+d.displayName = "BreadcrumbPage";
+var f = ({ children: t, className: r, ...i }) => /* @__PURE__ */ n("li", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: e("[&>svg]:w-3.5 [&>svg]:h-3.5", r),
+	...i,
+	children: t ?? /* @__PURE__ */ n(a, {})
 });
-b.displayName = "BreadcrumbLink";
-const N = 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
-  }
-));
-N.displayName = "BreadcrumbPage";
-const B = ({
-  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(l, {})
-  }
-);
-B.displayName = "BreadcrumbSeparator";
-const g = ({
-  className: r,
-  ...e
-}) => /* @__PURE__ */ n(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: o("flex h-9 w-9 items-center justify-center", r),
-    ...e,
-    children: [
-      /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
-      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-g.displayName = "BreadcrumbElipssis";
-export {
-  p as Breadcrumb,
-  g as BreadcrumbEllipsis,
-  f as BreadcrumbItem,
-  b as BreadcrumbLink,
-  u as BreadcrumbList,
-  N as BreadcrumbPage,
-  B as BreadcrumbSeparator
-};
+f.displayName = "BreadcrumbSeparator";
+var p = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: e("flex h-9 w-9 items-center justify-center", t),
+	...i,
+	children: [/* @__PURE__ */ n(o, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+p.displayName = "BreadcrumbElipssis";
+//#endregion
+export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };

package/dist/button.mjs

@@ -1,48 +1,40 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as a from "react";
-import { Slot as u } from "radix-ui";
-import { cva as c } from "class-variance-authority";
-import { cn as f } from "./utils.mjs";
-const m = c(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-foreground/30",
-        outline: "border border-input bg-background hover:bg-muted hover:text-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-10 px-4 py-2",
-        xs: "h-8 rounded-md px-2.5 text-xs",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), g = a.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => {
-    const s = o ? u.Root : "button";
-    return /* @__PURE__ */ d(
-      s,
-      {
-        className: f(m({ variant: r, size: t, className: e })),
-        ref: i,
-        ...n
-      }
-    );
-  }
-);
-g.displayName = "Button";
-export {
-  g as Button,
-  m as buttonVariants
-};
+import { cn as e } from "./utils.mjs";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as r } from "radix-ui";
+import { cva as i } from "class-variance-authority";
+//#region src/components/button.tsx
+var a = i("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-foreground/30",
+			outline: "border border-input bg-background hover:bg-muted hover:text-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-10 px-4 py-2",
+			xs: "h-8 rounded-md px-2.5 text-xs",
+			sm: "h-9 rounded-md px-3",
+			lg: "h-11 rounded-md px-8",
+			icon: "h-10 w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), o = t.forwardRef(({ className: t, variant: i, size: o, asChild: s = !1, ...c }, l) => /* @__PURE__ */ n(s ? r.Root : "button", {
+	className: e(a({
+		variant: i,
+		size: o,
+		className: t
+	})),
+	ref: l,
+	...c
+}));
+o.displayName = "Button";
+//#endregion
+export { o as Button, a as buttonVariants };