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

package/dist/dropdown-menu.mjs

@@ -1,251 +1,143 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { DropdownMenu as n } from "radix-ui";
-import { cn as d } from "./utils.mjs";
-import { CheckIcon as s, ChevronRightIcon as c } from "lucide-react";
-function g({
-  ...e
-}) {
-  return /* @__PURE__ */ t(n.Root, { "data-slot": "dropdown-menu", ...e });
-}
-function x({
-  ...e
-}) {
-  return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
-}
-function v({
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    n.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...e
-    }
-  );
-}
-function w({
-  className: e,
-  align: o = "start",
-  sideOffset: a = 4,
-  ...r
-}) {
-  return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(
-    n.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset: a,
-      align: o,
-      className: d("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-48 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 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-[state=closed]:overflow-hidden dark:ring-foreground/10 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", e),
-      ...r
-    }
-  ) });
-}
-function h({
-  ...e
-}) {
-  return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
-}
-function b({
-  className: e,
-  inset: o,
-  variant: a = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ t(
-    n.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": o,
-      "data-variant": a,
-      className: d(
-        "group/dropdown-menu-item relative flex cursor-default items-center gap-2.5 rounded-xl px-3 py-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-9.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-        e
-      ),
-      ...r
-    }
-  );
-}
-function D({
-  className: e,
-  children: o,
-  checked: a,
-  inset: r,
-  ...u
-}) {
-  return /* @__PURE__ */ i(
-    n.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      "data-inset": r,
-      className: d(
-        "relative flex 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 focus:**:text-accent-foreground data-inset:pl-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
-      ),
-      checked: a,
-      ...u,
-      children: [
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: "pointer-events-none absolute right-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(
-              s,
-              {}
-            ) })
-          }
-        ),
-        o
-      ]
-    }
-  );
-}
-function M({
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    n.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...e
-    }
-  );
-}
-function z({
-  className: e,
-  children: o,
-  inset: a,
-  ...r
-}) {
-  return /* @__PURE__ */ i(
-    n.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      "data-inset": a,
-      className: d(
-        "relative flex 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 focus:**:text-accent-foreground data-inset:pl-9.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
-      ),
-      ...r,
-      children: [
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: "pointer-events-none absolute right-2 flex items-center justify-center",
-            "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(
-              s,
-              {}
-            ) })
-          }
-        ),
-        o
-      ]
-    }
-  );
-}
-function k({
-  className: e,
-  inset: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    n.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": o,
-      className: d(
-        "px-3 py-2.5 text-xs text-muted-foreground data-inset:pl-9.5",
-        e
-      ),
-      ...a
-    }
-  );
-}
-function y({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: d("-mx-1 my-1 h-px bg-border/50", e),
-      ...o
-    }
-  );
-}
-function I({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: d(
-        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
-        e
-      ),
-      ...o
-    }
-  );
-}
-function N({
-  ...e
-}) {
-  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
-}
-function _({
-  className: e,
-  inset: o,
-  children: a,
-  ...r
-}) {
-  return /* @__PURE__ */ i(
-    n.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
-      className: d(
-        "flex cursor-default items-center gap-2 rounded-xl px-3 py-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-9.5 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
-      ),
-      ...r,
-      children: [
-        a,
-        /* @__PURE__ */ t(c, { className: "ml-auto" })
-      ]
-    }
-  );
-}
-function S({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: d("z-50 min-w-36 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 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", e),
-      ...o
-    }
-  );
-}
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import * as d from "react";
+import * as e from "radix-ui";
+import { ChevronRight as m, Check as c, Circle as p } from "lucide-react";
+import { cn as s } from "./utils.mjs";
+const R = e.Root, I = e.Trigger, S = e.Group, C = e.Portal, z = e.Sub, k = e.RadioGroup, u = d.forwardRef(({ className: o, inset: t, children: a, ...r }, i) => /* @__PURE__ */ l(
+  e.SubTrigger,
+  {
+    ref: i,
+    className: s(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
+      o
+    ),
+    ...r,
+    children: [
+      a,
+      /* @__PURE__ */ n(m, { className: "ml-auto" })
+    ]
+  }
+));
+u.displayName = e.SubTrigger.displayName;
+const f = d.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ n(
+  e.SubContent,
+  {
+    ref: a,
+    className: s(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-dropdown-menu-content-transform-origin]",
+      o
+    ),
+    ...t
+  }
+));
+f.displayName = e.SubContent.displayName;
+const g = d.forwardRef(({ className: o, sideOffset: t = 4, ...a }, r) => /* @__PURE__ */ n(e.Portal, { children: /* @__PURE__ */ n(
+  e.Content,
+  {
+    ref: r,
+    sideOffset: t,
+    className: s(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 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-dropdown-menu-content-transform-origin]",
+      o
+    ),
+    ...a
+  }
+) }));
+g.displayName = e.Content.displayName;
+const w = d.forwardRef(({ className: o, inset: t, ...a }, r) => /* @__PURE__ */ n(
+  e.Item,
+  {
+    ref: r,
+    className: s(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
+      o
+    ),
+    ...a
+  }
+));
+w.displayName = e.Item.displayName;
+const b = d.forwardRef(({ className: o, children: t, checked: a, ...r }, i) => /* @__PURE__ */ l(
+  e.CheckboxItem,
+  {
+    ref: i,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    checked: a,
+    ...r,
+    children: [
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(c, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+b.displayName = e.CheckboxItem.displayName;
+const h = d.forwardRef(({ className: o, children: t, ...a }, r) => /* @__PURE__ */ l(
+  e.RadioItem,
+  {
+    ref: r,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(p, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+h.displayName = e.RadioItem.displayName;
+const x = d.forwardRef(({ className: o, inset: t, ...a }, r) => /* @__PURE__ */ n(
+  e.Label,
+  {
+    ref: r,
+    className: s(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      o
+    ),
+    ...a
+  }
+));
+x.displayName = e.Label.displayName;
+const N = d.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ n(
+  e.Separator,
+  {
+    ref: a,
+    className: s("-mx-1 my-1 h-px bg-muted", o),
+    ...t
+  }
+));
+N.displayName = e.Separator.displayName;
+const y = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: s("ml-auto text-xs tracking-widest opacity-60", o),
+    ...t
+  }
+);
+y.displayName = "DropdownMenuShortcut";
 export {
-  g as DropdownMenu,
-  D as DropdownMenuCheckboxItem,
-  w as DropdownMenuContent,
-  h as DropdownMenuGroup,
-  b as DropdownMenuItem,
-  k as DropdownMenuLabel,
-  x as DropdownMenuPortal,
-  M as DropdownMenuRadioGroup,
-  z as DropdownMenuRadioItem,
-  y as DropdownMenuSeparator,
-  I as DropdownMenuShortcut,
-  N as DropdownMenuSub,
-  S as DropdownMenuSubContent,
-  _ as DropdownMenuSubTrigger,
-  v as DropdownMenuTrigger
+  R as DropdownMenu,
+  b as DropdownMenuCheckboxItem,
+  g as DropdownMenuContent,
+  S as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  x as DropdownMenuLabel,
+  C as DropdownMenuPortal,
+  k as DropdownMenuRadioGroup,
+  h as DropdownMenuRadioItem,
+  N as DropdownMenuSeparator,
+  y as DropdownMenuShortcut,
+  z as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  I as DropdownMenuTrigger
 };

package/dist/hover-card.mjs

@@ -1,38 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { HoverCard as t } from "radix-ui";
-import { cn as n } from "./utils.mjs";
-function m({
-  ...o
-}) {
-  return /* @__PURE__ */ r(t.Root, { "data-slot": "hover-card", ...o });
-}
-function c({
-  ...o
-}) {
-  return /* @__PURE__ */ r(t.Trigger, { "data-slot": "hover-card-trigger", ...o });
-}
-function f({
-  className: o,
-  align: e = "center",
-  sideOffset: a = 4,
-  ...d
-}) {
-  return /* @__PURE__ */ r(t.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ r(
-    t.Content,
-    {
-      "data-slot": "hover-card-content",
-      align: e,
-      sideOffset: a,
-      className: n(
-        "z-50 w-72 origin-(--radix-hover-card-content-transform-origin) rounded-2xl bg-popover p-4 text-sm text-popover-foreground shadow-2xl ring-1 ring-foreground/5 outline-hidden duration-100 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",
-        o
-      ),
-      ...d
-    }
-  ) });
-}
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "radix-ui";
+import { cn as s } from "./utils.mjs";
+const l = o.Root, c = o.Trigger, m = n.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ i(
+  o.Content,
+  {
+    ref: d,
+    align: e,
+    sideOffset: a,
+    className: s(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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-hover-card-content-transform-origin]",
+      t
+    ),
+    ...r
+  }
+));
+m.displayName = o.Content.displayName;
 export {
-  m as HoverCard,
-  f as HoverCardContent,
+  l as HoverCard,
+  m as HoverCardContent,
   c as HoverCardTrigger
 };

package/dist/input-otp.mjs

@@ -0,0 +1,48 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import * as a from "react";
+import { OTPInput as m, OTPInputContext as u } from "input-otp";
+import { Dot as f } from "lucide-react";
+import { cn as n } from "./utils.mjs";
+const x = a.forwardRef(({ className: e, containerClassName: t, ...o }, s) => /* @__PURE__ */ r(
+  m,
+  {
+    ref: s,
+    containerClassName: n(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      t
+    ),
+    className: n("disabled:cursor-not-allowed", e),
+    ...o
+  }
+));
+x.displayName = "InputOTP";
+const O = a.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ r("div", { ref: o, className: n("flex items-center", e), ...t }));
+O.displayName = "InputOTPGroup";
+const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
+  const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: s,
+      className: n(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        p && "z-10 ring-2 ring-ring ring-offset-background",
+        t
+      ),
+      ...o,
+      children: [
+        d,
+        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+P.displayName = "InputOTPSlot";
+const T = a.forwardRef(({ ...e }, t) => /* @__PURE__ */ r("div", { ref: t, role: "separator", ...e, children: /* @__PURE__ */ r(f, {}) }));
+T.displayName = "InputOTPSeparator";
+export {
+  x as InputOTP,
+  O as InputOTPGroup,
+  T as InputOTPSeparator,
+  P as InputOTPSlot
+};

package/dist/input.mjs

@@ -1,19 +1,21 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "./utils.mjs";
-function a({ className: i, type: e, ...r }) {
-  return /* @__PURE__ */ t(
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as f } from "./utils.mjs";
+const s = n.forwardRef(
+  ({ className: e, type: r, ...o }, t) => /* @__PURE__ */ i(
     "input",
     {
-      type: e,
-      "data-slot": "input",
-      className: n(
-        "h-9 w-full min-w-0 rounded-4xl border border-input bg-input/30 px-3 py-1 text-base transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-        i
+      type: r,
+      className: f(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
       ),
-      ...r
+      ref: t,
+      ...o
     }
-  );
-}
+  )
+);
+s.displayName = "Input";
 export {
-  a as Input
+  s as Input
 };

package/dist/label.mjs

@@ -1,22 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Label as a } from "radix-ui";
-import { cn as r } from "./utils.mjs";
-function i({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ o(
-    a.Root,
-    {
-      "data-slot": "label",
-      className: r(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        e
-      ),
-      ...t
-    }
-  );
-}
+import { jsx as t } from "react/jsx-runtime";
+import * as m from "react";
+import * as o from "radix-ui";
+import { cva as i } from "class-variance-authority";
+import { cn as s } from "./utils.mjs";
+const p = i(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), d = m.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  o.Root,
+  {
+    ref: r,
+    className: s(p(), e),
+    ...a
+  }
+));
+d.displayName = o.Root.displayName;
 export {
-  i as Label
+  d as Label
 };