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

package/dist/select.mjs

@@ -1,186 +1,121 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Select as r } from "radix-ui";
-import { cn as o } from "./utils.mjs";
-import { CheckIcon as c, ChevronDownIcon as l, ChevronUpIcon as u } from "lucide-react";
-function h({
-  ...e
-}) {
-  return /* @__PURE__ */ t(r.Root, { "data-slot": "select", ...e });
-}
-function b({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    r.Group,
-    {
-      "data-slot": "select-group",
-      className: o("scroll-my-1 p-1", e),
-      ...a
-    }
-  );
-}
-function w({
-  ...e
-}) {
-  return /* @__PURE__ */ t(r.Value, { "data-slot": "select-value", ...e });
-}
-function z({
-  className: e,
-  size: a = "default",
-  children: n,
-  ...s
-}) {
-  return /* @__PURE__ */ i(
-    r.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": a,
-      className: o(
-        "flex w-fit items-center justify-between gap-1.5 rounded-4xl border border-input bg-input/30 px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none 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 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:hover:bg-input/50 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",
-        e
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "radix-ui";
+import { ChevronDown as i, ChevronUp as f, Check as u } from "lucide-react";
+import { cn as l } from "./utils.mjs";
+const v = e.Root, R = e.Group, C = e.Value, h = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+  e.Trigger,
+  {
+    ref: d,
+    className: l(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      o
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+h.displayName = e.Trigger.displayName;
+const c = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollUpButton,
+  {
+    ref: a,
+    className: l(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(f, { className: "h-4 w-4" })
+  }
+));
+c.displayName = e.ScrollUpButton.displayName;
+const m = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollDownButton,
+  {
+    ref: a,
+    className: l(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(i, { className: "h-4 w-4" })
+  }
+));
+m.displayName = e.ScrollDownButton.displayName;
+const g = s.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, p) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
+  e.Content,
+  {
+    ref: p,
+    className: l(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      o
+    ),
+    position: a,
+    ...d,
+    children: [
+      /* @__PURE__ */ t(c, {}),
+      /* @__PURE__ */ t(
+        e.Viewport,
+        {
+          className: l(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
+        }
       ),
-      ...s,
-      children: [
-        n,
-        /* @__PURE__ */ t(r.Icon, { asChild: !0, children: /* @__PURE__ */ t(l, { className: "pointer-events-none size-4 text-muted-foreground" }) })
-      ]
-    }
-  );
-}
-function S({
-  className: e,
-  children: a,
-  position: n = "item-aligned",
-  align: s = "center",
-  ...d
-}) {
-  return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ i(
-    r.Content,
-    {
-      "data-slot": "select-content",
-      "data-align-trigger": n === "item-aligned",
-      className: o("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
-      position: n,
-      align: s,
-      ...d,
-      children: [
-        /* @__PURE__ */ t(p, {}),
-        /* @__PURE__ */ t(
-          r.Viewport,
-          {
-            "data-position": n,
-            className: o(
-              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
-              n === "popper" && ""
-            ),
-            children: a
-          }
-        ),
-        /* @__PURE__ */ t(g, {})
-      ]
-    }
-  ) });
-}
-function y({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    r.Label,
-    {
-      "data-slot": "select-label",
-      className: o("px-3 py-2.5 text-xs text-muted-foreground", e),
-      ...a
-    }
-  );
-}
-function N({
-  className: e,
-  children: a,
-  ...n
-}) {
-  return /* @__PURE__ */ i(
-    r.Item,
-    {
-      "data-slot": "select-item",
-      className: o(
-        "relative flex w-full cursor-default items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        e
-      ),
-      ...n,
-      children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(r.ItemIndicator, { children: /* @__PURE__ */ t(c, { className: "pointer-events-none" }) }) }),
-        /* @__PURE__ */ t(r.ItemText, { children: a })
-      ]
-    }
-  );
-}
-function I({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    r.Separator,
-    {
-      "data-slot": "select-separator",
-      className: o(
-        "pointer-events-none -mx-1 my-1 h-px bg-border/50",
-        e
-      ),
-      ...a
-    }
-  );
-}
-function p({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    r.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: o(
-        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-        e
-      ),
-      ...a,
-      children: /* @__PURE__ */ t(
-        u,
-        {}
-      )
-    }
-  );
-}
-function g({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    r.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: o(
-        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-        e
-      ),
-      ...a,
-      children: /* @__PURE__ */ t(
-        l,
-        {}
-      )
-    }
-  );
-}
+      /* @__PURE__ */ t(m, {})
+    ]
+  }
+) }));
+g.displayName = e.Content.displayName;
+const y = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Label,
+  {
+    ref: a,
+    className: l("py-1.5 pl-8 pr-2 text-sm font-semibold", o),
+    ...r
+  }
+));
+y.displayName = e.Label.displayName;
+const w = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+  e.Item,
+  {
+    ref: d,
+    className: l(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(e.ItemText, { children: r })
+    ]
+  }
+));
+w.displayName = e.Item.displayName;
+const N = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Separator,
+  {
+    ref: a,
+    className: l("-mx-1 my-1 h-px bg-muted", o),
+    ...r
+  }
+));
+N.displayName = e.Separator.displayName;
 export {
-  h as Select,
-  S as SelectContent,
-  b as SelectGroup,
-  N as SelectItem,
+  v as Select,
+  g as SelectContent,
+  R as SelectGroup,
+  w as SelectItem,
   y as SelectLabel,
-  g as SelectScrollDownButton,
-  p as SelectScrollUpButton,
-  I as SelectSeparator,
-  z as SelectTrigger,
-  w as SelectValue
+  m as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  N as SelectSeparator,
+  h as SelectTrigger,
+  C as SelectValue
 };

package/dist/separator.mjs

@@ -1,26 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Separator as i } from "radix-ui";
+import * as i from "react";
+import * as r from "radix-ui";
 import { cn as l } from "./utils.mjs";
-function m({
-  className: r,
-  orientation: a = "horizontal",
-  decorative: t = !0,
-  ...o
-}) {
-  return /* @__PURE__ */ e(
-    i.Root,
+const s = i.forwardRef(
+  ({ className: a, orientation: o = "horizontal", decorative: m = !0, ...t }, p) => /* @__PURE__ */ e(
+    r.Root,
     {
-      "data-slot": "separator",
-      decorative: t,
-      orientation: a,
+      ref: p,
+      decorative: m,
+      orientation: o,
       className: l(
-        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
-        r
+        "shrink-0 bg-border",
+        o === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
       ),
-      ...o
+      ...t
     }
-  );
-}
+  )
+);
+s.displayName = r.Root.displayName;
 export {
-  m as Separator
+  s as Separator
 };

package/dist/sheet.mjs

@@ -1,139 +1,110 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Dialog as o } from "radix-ui";
-import { cn as d } from "./utils.mjs";
-import { Button as n } from "./button.mjs";
-import { XIcon as f } from "lucide-react";
-function x({ ...t }) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "sheet", ...t });
-}
-function S({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
-}
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", ...t });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "sheet-portal", ...t });
-}
-function c({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: d(
-        "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 N({
-  className: t,
-  children: a,
-  side: i = "right",
-  showCloseButton: r = !0,
-  ...l
-}) {
-  return /* @__PURE__ */ s(m, { children: [
-    /* @__PURE__ */ e(c, {}),
-    /* @__PURE__ */ s(
-      o.Content,
-      {
-        "data-slot": "sheet-content",
-        "data-side": i,
-        className: d(
-          "fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
-          t
-        ),
-        ...l,
-        children: [
-          a,
-          r && /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", asChild: !0, children: /* @__PURE__ */ s(
-            n,
-            {
-              variant: "ghost",
-              className: "absolute top-4 right-4",
-              size: "icon-sm",
-              children: [
-                /* @__PURE__ */ e(
-                  f,
-                  {}
-                ),
-                /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) })
-        ]
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+import * as e from "radix-ui";
+import { cva as c } from "class-variance-authority";
+import { X as f } from "lucide-react";
+import { cn as i } from "./utils.mjs";
+const C = e.Root, R = e.Trigger, T = e.Close, p = e.Portal, d = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    className: i(
+      "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
+    ),
+    ...a,
+    ref: s
+  }
+));
+d.displayName = e.Overlay.displayName;
+const h = c(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
       }
-    )
-  ] });
-}
-function C({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: d("flex flex-col gap-1.5 p-6", t),
-      ...a
+    },
+    defaultVariants: {
+      side: "right"
     }
-  );
-}
-function y({ className: t, ...a }) {
-  return /* @__PURE__ */ e(
-    "div",
+  }
+), u = r.forwardRef(({ side: t = "right", className: a, children: s, ...l }, m) => /* @__PURE__ */ n(p, { children: [
+  /* @__PURE__ */ o(d, {}),
+  /* @__PURE__ */ n(
+    e.Content,
     {
-      "data-slot": "sheet-footer",
-      className: d("mt-auto flex flex-col gap-2 p-6", t),
-      ...a
+      ref: m,
+      className: i(h({ side: t }), a),
+      ...l,
+      children: [
+        s,
+        /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ o(f, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
-  );
-}
-function w({
+  )
+] }));
+u.displayName = e.Content.displayName;
+const g = ({
   className: t,
   ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Title,
-    {
-      "data-slot": "sheet-title",
-      className: d(
-        "text-base font-medium text-foreground",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function T({
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      t
+    ),
+    ...a
+  }
+);
+g.displayName = "SheetHeader";
+const y = ({
   className: t,
   ...a
-}) {
-  return /* @__PURE__ */ e(
-    o.Description,
-    {
-      "data-slot": "sheet-description",
-      className: d("text-sm text-muted-foreground", t),
-      ...a
-    }
-  );
-}
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...a
+  }
+);
+y.displayName = "SheetFooter";
+const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Title,
+  {
+    ref: s,
+    className: i("text-lg font-semibold text-foreground", t),
+    ...a
+  }
+));
+x.displayName = e.Title.displayName;
+const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Description,
+  {
+    ref: s,
+    className: i("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+N.displayName = e.Description.displayName;
 export {
-  x as Sheet,
-  v as SheetClose,
-  N as SheetContent,
-  T as SheetDescription,
+  C as Sheet,
+  T as SheetClose,
+  u as SheetContent,
+  N as SheetDescription,
   y as SheetFooter,
-  C as SheetHeader,
-  w as SheetTitle,
-  S as SheetTrigger
+  g as SheetHeader,
+  d as SheetOverlay,
+  p as SheetPortal,
+  x as SheetTitle,
+  R as SheetTrigger
 };

package/dist/skeleton.mjs

@@ -1,15 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cn as n } from "./utils.mjs";
-function a({ className: e, ...t }) {
+import { cn as r } from "./utils.mjs";
+function d({
+  className: e,
+  ...m
+}) {
   return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "skeleton",
-      className: n("animate-pulse rounded-xl bg-muted", e),
-      ...t
+      className: r("animate-pulse rounded-md bg-muted", e),
+      ...m
     }
   );
 }
 export {
-  a as Skeleton
+  d as Skeleton
 };