@turingpaper/ui 0.0.1-test.7 → 0.0.1-test.8

package/dist/breadcrumb.mjs

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import * as t from "react";
-import { Slot as n } from "radix-ui";
-import { MoreHorizontal as c, ChevronRight as d } from "lucide-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 l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-l.displayName = "Breadcrumb";
-const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+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,
@@ -16,8 +16,8 @@ const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-p.displayName = "BreadcrumbList";
-const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+u.displayName = "BreadcrumbList";
+const f = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "li",
   {
     ref: a,
@@ -25,17 +25,20 @@ const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-u.displayName = "BreadcrumbItem";
-const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
-  r ? n : "a",
-  {
-    ref: m,
-    className: o("transition-colors hover:text-foreground", e),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbLink";
-const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+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
+    }
+  );
+});
+b.displayName = "BreadcrumbLink";
+const N = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
   "span",
   {
     ref: a,
@@ -46,8 +49,8 @@ const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-b.displayName = "BreadcrumbPage";
-const N = ({
+N.displayName = "BreadcrumbPage";
+const B = ({
   children: r,
   className: e,
   ...a
@@ -58,14 +61,14 @@ const N = ({
     "aria-hidden": "true",
     className: o("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
     ...a,
-    children: r ?? /* @__PURE__ */ s(d, {})
+    children: r ?? /* @__PURE__ */ s(l, {})
   }
 );
-N.displayName = "BreadcrumbSeparator";
-const B = ({
+B.displayName = "BreadcrumbSeparator";
+const g = ({
   className: r,
   ...e
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ n(
   "span",
   {
     role: "presentation",
@@ -73,18 +76,18 @@ const B = ({
     className: o("flex h-9 w-9 items-center justify-center", r),
     ...e,
     children: [
-      /* @__PURE__ */ s(c, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
       /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
     ]
   }
 );
-B.displayName = "BreadcrumbElipssis";
+g.displayName = "BreadcrumbElipssis";
 export {
-  l as Breadcrumb,
-  B as BreadcrumbEllipsis,
-  u as BreadcrumbItem,
-  f as BreadcrumbLink,
-  p as BreadcrumbList,
-  b as BreadcrumbPage,
-  N as BreadcrumbSeparator
+  p as Breadcrumb,
+  g as BreadcrumbEllipsis,
+  f as BreadcrumbItem,
+  b as BreadcrumbLink,
+  u as BreadcrumbList,
+  N as BreadcrumbPage,
+  B as BreadcrumbSeparator
 };

package/dist/button.mjs

@@ -1,16 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as a from "react";
-import { Slot as d } from "radix-ui";
+import { jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import { Slot as u } from "radix-ui";
 import { cva as c } from "class-variance-authority";
-import { cn as u } from "./utils.mjs";
-const f = c(
+import { cn as f } from "./utils.mjs";
+const g = c(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        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"
@@ -27,18 +27,21 @@ const f = c(
       size: "default"
     }
   }
-), g = a.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
-    o ? d : "button",
-    {
-      className: u(f({ variant: r, size: t, className: e })),
-      ref: i,
-      ...n
-    }
-  )
+), m = d.forwardRef(
+  ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => {
+    const s = o ? u.Root : "button";
+    return /* @__PURE__ */ a(
+      s,
+      {
+        className: f(g({ variant: r, size: t, className: e })),
+        ref: i,
+        ...n
+      }
+    );
+  }
 );
-g.displayName = "Button";
+m.displayName = "Button";
 export {
-  g as Button,
-  f as buttonVariants
+  m as Button,
+  g as buttonVariants
 };

package/dist/components/command.d.ts

@@ -3,11 +3,11 @@ import * as React from "react";
 type DialogProps = React.ComponentProps<typeof Dialog>;
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -29,45 +29,45 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "disabled" | "value" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/input-otp.mjs

@@ -1,24 +1,24 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, 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(
+const x = a.forwardRef(({ className: e, containerClassName: r, ...o }, s) => /* @__PURE__ */ t(
   m,
   {
     ref: s,
     containerClassName: n(
       "flex items-center gap-2 has-[:disabled]:opacity-50",
-      t
+      r
     ),
     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 }));
+const O = a.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t("div", { ref: o, className: n("flex items-center", e), ...r }));
 O.displayName = "InputOTPGroup";
-const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
+const P = a.forwardRef(({ index: e, className: r, ...o }, s) => {
   const i = a.useContext(u), { char: d, hasFakeCaret: l, isActive: p } = i.slots[e];
   return /* @__PURE__ */ c(
     "div",
@@ -26,19 +26,19 @@ const P = a.forwardRef(({ index: e, className: t, ...o }, s) => {
       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
+        p && "z-10 border-ring ring-3 ring-ring/50",
+        r
       ),
       ...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" }) })
+        l && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("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, {}) }));
+const T = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t(f, {}) }));
 T.displayName = "InputOTPSeparator";
 export {
   x as InputOTP,

package/dist/input.mjs

@@ -1,21 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as t } 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(
+import { cn as d } from "./utils.mjs";
+const l = n.forwardRef(
+  ({ className: e, type: r, ...o }, i) => /* @__PURE__ */ t(
     "input",
     {
       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",
+      className: d(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base 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:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
-      ref: t,
+      ref: i,
       ...o
     }
   )
 );
-s.displayName = "Input";
+l.displayName = "Input";
 export {
-  s as Input
+  l as Input
 };