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

package/dist/accordion.mjs

@@ -0,0 +1,85 @@
+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
+        }
+      )
+    }
+  );
+}
+export {
+  p as Accordion,
+  x as AccordionContent,
+  u as AccordionItem,
+  f as AccordionTrigger
+};

package/dist/alert-dialog.mjs

@@ -0,0 +1,180 @@
+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,
+    {
+      "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
+      ),
+      ...a
+    }
+  );
+}
+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
+    }
+  ) });
+}
+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
+};

package/dist/avatar.mjs

@@ -0,0 +1,106 @@
+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
+    }
+  );
+}
+export {
+  l as Avatar,
+  v as AvatarBadge,
+  g as AvatarFallback,
+  f as AvatarGroup,
+  m as AvatarGroupCount,
+  n as AvatarImage
+};

package/dist/badge.mjs

@@ -0,0 +1,43 @@
+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!",
+  {
+    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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+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
+    }
+  );
+}
+export {
+  f as Badge,
+  u as badgeVariants
+};

package/dist/breadcrumb.mjs

@@ -0,0 +1,117 @@
+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({
+  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({
+  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" })
+      ]
+    }
+  );
+}
+export {
+  p as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  g as BreadcrumbItem,
+  x as BreadcrumbLink,
+  f as BreadcrumbList,
+  h as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};

package/dist/checkbox.mjs

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Checkbox as e } from "radix-ui";
+import { cn as t } from "./utils.mjs";
+import { CheckIcon as d } from "lucide-react";
+function l({
+  className: i,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: t(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[6px] border border-input transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        i
+      ),
+      ...a,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ r(
+            d,
+            {}
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  l as Checkbox
+};

package/dist/collapsible.mjs

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Collapsible as t } from "radix-ui";
+function a({
+  ...l
+}) {
+  return /* @__PURE__ */ o(t.Root, { "data-slot": "collapsible", ...l });
+}
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
+}
+function n({
+  ...l
+}) {
+  return /* @__PURE__ */ o(
+    t.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
+}
+export {
+  a as Collapsible,
+  n as CollapsibleContent,
+  r as CollapsibleTrigger
+};