@turingpaper/ui 0.0.1 → 0.0.2

package/dist/radio-group.mjs

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as s from "react";
 import { RadioGroup as r } from "radix-ui";
-import { Circle as c } from "lucide-react";
+import { Circle as l } from "lucide-react";
 import { cn as t } from "./utils.mjs";
 const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
   r.Root,
@@ -12,20 +12,20 @@ const d = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
   }
 ));
 d.displayName = r.Root.displayName;
-const l = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
+const m = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ e(
   r.Item,
   {
     ref: a,
     className: t(
-      "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      "aspect-square h-4 w-4 rounded-full border border-primary text-primary focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
       o
     ),
     ...i,
-    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(c, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ e(r.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-l.displayName = r.Item.displayName;
+m.displayName = r.Item.displayName;
 export {
   d as RadioGroup,
-  l as RadioGroupItem
+  m as RadioGroupItem
 };

package/dist/select.mjs

@@ -1,20 +1,20 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import * as s from "react";
 import { Select as e } from "radix-ui";
-import { ChevronDown as i, ChevronUp as f, Check as u } from "lucide-react";
+import { ChevronDown as n, ChevronUp as f, Check as u } from "lucide-react";
 import { cn as l } from "./utils.mjs";
-const R = e.Root, C = e.Group, I = e.Value, h = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+const R = e.Root, C = e.Group, I = e.Value, h = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
   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",
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm data-[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 [&>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" }) })
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(n, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
@@ -41,11 +41,11 @@ const m = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
       o
     ),
     ...r,
-    children: /* @__PURE__ */ t(i, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ t(n, { 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(
+const y = s.forwardRef(({ className: o, children: r, position: a = "popper", ...d }, p) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
   e.Content,
   {
     ref: p,
@@ -72,8 +72,8 @@ const g = s.forwardRef(({ className: o, children: r, position: a = "popper", ...
     ]
   }
 ) }));
-g.displayName = e.Content.displayName;
-const y = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+y.displayName = e.Content.displayName;
+const g = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: a,
@@ -81,8 +81,8 @@ const y = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-y.displayName = e.Label.displayName;
-const w = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+g.displayName = e.Label.displayName;
+const w = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
   e.Item,
   {
     ref: d,
@@ -98,7 +98,7 @@ const w = s.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__
   }
 ));
 w.displayName = e.Item.displayName;
-const N = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+const b = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   e.Separator,
   {
     ref: a,
@@ -106,16 +106,16 @@ const N = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
     ...r
   }
 ));
-N.displayName = e.Separator.displayName;
+b.displayName = e.Separator.displayName;
 export {
   R as Select,
-  g as SelectContent,
+  y as SelectContent,
   C as SelectGroup,
   w as SelectItem,
-  y as SelectLabel,
+  g as SelectLabel,
   m as SelectScrollDownButton,
   c as SelectScrollUpButton,
-  N as SelectSeparator,
+  b as SelectSeparator,
   h as SelectTrigger,
   I as SelectValue
 };

package/dist/sheet.mjs

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import * as r from "react";
 import { Dialog as e } from "radix-ui";
 import { cva as c } from "class-variance-authority";
@@ -31,17 +31,17 @@ const h = c(
       side: "right"
     }
   }
-), g = r.forwardRef(({ side: t = "right", className: a, children: s, ...l }, m) => /* @__PURE__ */ n(p, { children: [
+), g = r.forwardRef(({ side: t = "right", className: a, children: s, ...n }, m) => /* @__PURE__ */ l(p, { children: [
   /* @__PURE__ */ o(d, {}),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ l(
     e.Content,
     {
       ref: m,
       className: i(h({ side: t }), a),
-      ...l,
+      ...n,
       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__ */ l(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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" })
         ] })
@@ -64,7 +64,7 @@ const u = ({
   }
 );
 u.displayName = "SheetHeader";
-const y = ({
+const b = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ o(
@@ -77,8 +77,8 @@ const y = ({
     ...a
   }
 );
-y.displayName = "SheetFooter";
-const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+b.displayName = "SheetFooter";
+const y = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Title,
   {
     ref: s,
@@ -86,8 +86,8 @@ const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
     ...a
   }
 ));
-x.displayName = e.Title.displayName;
-const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+y.displayName = e.Title.displayName;
+const x = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
   e.Description,
   {
     ref: s,
@@ -95,16 +95,16 @@ const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
     ...a
   }
 ));
-N.displayName = e.Description.displayName;
+x.displayName = e.Description.displayName;
 export {
   R as Sheet,
   D as SheetClose,
   g as SheetContent,
-  N as SheetDescription,
-  y as SheetFooter,
+  x as SheetDescription,
+  b as SheetFooter,
   u as SheetHeader,
   d as SheetOverlay,
   p as SheetPortal,
-  x as SheetTitle,
+  y as SheetTitle,
   T as SheetTrigger
 };

package/dist/slider.mjs

@@ -1,23 +1,23 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import * as a from "react";
 import { Slider as e } from "radix-ui";
 import { cn as n } from "./utils.mjs";
-const t = a.forwardRef(({ className: r, ...i }, l) => /* @__PURE__ */ s(
+const d = a.forwardRef(({ className: o, ...i }, l) => /* @__PURE__ */ s(
   e.Root,
   {
     ref: l,
     className: n(
       "relative flex w-full touch-none select-none items-center",
-      r
+      o
     ),
     ...i,
     children: [
-      /* @__PURE__ */ o(e.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ o(e.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ o(e.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background 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" })
+      /* @__PURE__ */ r(e.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ r(e.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ r(e.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background 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" })
     ]
   }
 ));
-t.displayName = e.Root.displayName;
+d.displayName = e.Root.displayName;
 export {
-  t as Slider
+  d as Slider
 };

package/dist/switch.mjs

@@ -2,15 +2,15 @@ import { jsx as r } from "react/jsx-runtime";
 import * as s from "react";
 import { Switch as e } from "radix-ui";
 import { cn as t } from "./utils.mjs";
-const n = s.forwardRef(({ className: o, ...i }, a) => /* @__PURE__ */ r(
+const n = s.forwardRef(({ className: o, ...a }, i) => /* @__PURE__ */ r(
   e.Root,
   {
     className: t(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       o
     ),
-    ...i,
-    ref: a,
+    ...a,
+    ref: i,
     children: /* @__PURE__ */ r(
       e.Thumb,
       {

package/dist/tabs.mjs

@@ -1,46 +1,46 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "react";
 import { Tabs as e } from "radix-ui";
-import { cn as n } from "./utils.mjs";
-const g = e.Root, r = o.forwardRef(({ className: s, ...i }, t) => /* @__PURE__ */ a(
+import { cn as r } from "./utils.mjs";
+const b = e.Root, n = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
   e.List,
   {
     ref: t,
-    className: n(
+    className: r(
       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      s
+      i
     ),
-    ...i
+    ...s
   }
 ));
-r.displayName = e.List.displayName;
-const f = o.forwardRef(({ className: s, ...i }, t) => /* @__PURE__ */ a(
+n.displayName = e.List.displayName;
+const d = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
   e.Trigger,
   {
     ref: t,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      s
+    className: r(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      i
     ),
-    ...i
+    ...s
   }
 ));
-f.displayName = e.Trigger.displayName;
-const d = o.forwardRef(({ className: s, ...i }, t) => /* @__PURE__ */ a(
+d.displayName = e.Trigger.displayName;
+const m = o.forwardRef(({ className: i, ...s }, t) => /* @__PURE__ */ a(
   e.Content,
   {
     ref: t,
-    className: n(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      s
+    className: r(
+      "mt-2 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+      i
     ),
-    ...i
+    ...s
   }
 ));
-d.displayName = e.Content.displayName;
+m.displayName = e.Content.displayName;
 export {
-  g as Tabs,
-  d as TabsContent,
-  r as TabsList,
-  f as TabsTrigger
+  b as Tabs,
+  m as TabsContent,
+  n as TabsList,
+  d as TabsTrigger
 };

package/dist/toggle.mjs

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as s from "react";
 import { Toggle as e } from "radix-ui";
-import { cva as g } from "class-variance-authority";
-import { cn as d } from "./utils.mjs";
-const f = g(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+import { cva as d } from "class-variance-authority";
+import { cn as g } from "./utils.mjs";
+const l = d(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
   {
     variants: {
       variant: {
@@ -22,16 +22,16 @@ const f = g(
       size: "default"
     }
   }
-), l = s.forwardRef(({ className: t, variant: o, size: n, ...r }, i) => /* @__PURE__ */ a(
+), m = s.forwardRef(({ className: t, variant: o, size: n, ...r }, i) => /* @__PURE__ */ a(
   e.Root,
   {
     ref: i,
-    className: d(f({ variant: o, size: n, className: t })),
+    className: g(l({ variant: o, size: n, className: t })),
     ...r
   }
 ));
-l.displayName = e.Root.displayName;
+m.displayName = e.Root.displayName;
 export {
-  l as Toggle,
-  f as toggleVariants
+  m as Toggle,
+  l as toggleVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turingpaper/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "description": "Pre-built Shadcn/ui component library for Turingpaper TSX functions",
   "license": "MIT",