@turingpaper/ui 0.0.1 → 0.0.2

package/dist/badge.mjs

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-import { cn as a } from "./utils.mjs";
-const i = n(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { cn as i } from "./utils.mjs";
+const a = n(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
   {
     variants: {
       variant: {
@@ -17,10 +17,10 @@ const i = n(
     }
   }
 );
-function f({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+function c({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: i(a({ variant: e }), r), ...t });
 }
 export {
-  f as Badge,
-  i as badgeVariants
+  c as Badge,
+  a as badgeVariants
 };

package/dist/button.mjs

@@ -3,8 +3,8 @@ import * as d from "react";
 import { Slot as u } from "radix-ui";
 import { cva as c } from "class-variance-authority";
 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",
+const m = c(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -27,21 +27,21 @@ const g = c(
       size: "default"
     }
   }
-), m = d.forwardRef(
+), g = 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 })),
+        className: f(m({ variant: r, size: t, className: e })),
         ref: i,
         ...n
       }
     );
   }
 );
-m.displayName = "Button";
+g.displayName = "Button";
 export {
-  m as Button,
-  g as buttonVariants
+  g as Button,
+  m as buttonVariants
 };

package/dist/checkbox.mjs

@@ -3,12 +3,12 @@ import * as c from "react";
 import { Checkbox as r } from "radix-ui";
 import { Check as s } from "lucide-react";
 import { cn as o } from "./utils.mjs";
-const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
+const d = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
   r.Root,
   {
     ref: a,
     className: o(
-      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-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 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       i
     ),
     ...t,
@@ -21,7 +21,7 @@ const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
     )
   }
 ));
-n.displayName = r.Root.displayName;
+d.displayName = r.Root.displayName;
 export {
-  n as Checkbox
+  d as Checkbox
 };

package/dist/dialog.mjs

@@ -1,34 +1,34 @@
 import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
-import { Dialog as a } from "radix-ui";
+import * as l from "react";
+import { Dialog as e } from "radix-ui";
 import { X as c } from "lucide-react";
-import { cn as l } from "./utils.mjs";
-const h = a.Root, w = a.Trigger, m = a.Portal, v = a.Close, d = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Overlay,
+import { cn as i } from "./utils.mjs";
+const v = e.Root, h = e.Trigger, m = e.Portal, w = e.Close, d = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Overlay,
   {
     ref: s,
-    className: l(
+    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",
-      e
+      a
     ),
     ...t
   }
 ));
-d.displayName = a.Overlay.displayName;
-const f = i.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
+d.displayName = e.Overlay.displayName;
+const p = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
   /* @__PURE__ */ o(d, {}),
   /* @__PURE__ */ n(
-    a.Content,
+    e.Content,
     {
       ref: r,
-      className: l(
+      className: i(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        e
+        a
       ),
       ...s,
       children: [
         t,
-        /* @__PURE__ */ n(a.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-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ n(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-accent data-[state=open]:text-muted-foreground", children: [
           /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
@@ -36,65 +36,65 @@ const f = i.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__
     }
   )
 ] }));
-f.displayName = a.Content.displayName;
-const p = ({
-  className: e,
+p.displayName = e.Content.displayName;
+const f = ({
+  className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col space-y-1.5 text-center sm:text-left",
-      e
+      a
     ),
     ...t
   }
 );
-p.displayName = "DialogHeader";
+f.displayName = "DialogHeader";
 const g = ({
-  className: e,
+  className: a,
   ...t
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: i(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      e
+      a
     ),
     ...t
   }
 );
 g.displayName = "DialogFooter";
-const u = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Title,
+const u = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Title,
   {
     ref: s,
-    className: l(
+    className: i(
       "text-lg font-semibold leading-none tracking-tight",
-      e
+      a
     ),
     ...t
   }
 ));
-u.displayName = a.Title.displayName;
-const y = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
-  a.Description,
+u.displayName = e.Title.displayName;
+const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Description,
   {
     ref: s,
-    className: l("text-sm text-muted-foreground", e),
+    className: i("text-sm text-muted-foreground", a),
     ...t
   }
 ));
-y.displayName = a.Description.displayName;
+y.displayName = e.Description.displayName;
 export {
-  h as Dialog,
-  v as DialogClose,
-  f as DialogContent,
+  v as Dialog,
+  w as DialogClose,
+  p as DialogContent,
   y as DialogDescription,
   g as DialogFooter,
-  p as DialogHeader,
+  f as DialogHeader,
   d as DialogOverlay,
   m as DialogPortal,
   u as DialogTitle,
-  w as DialogTrigger
+  h as DialogTrigger
 };

package/dist/map.mjs

@@ -254,7 +254,7 @@ function Pe({
             {
               type: "button",
               onClick: p,
-              className: "ring-offset-background focus:ring-ring absolute top-1 right-1 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none",
+              className: "absolute top-1 right-1 z-10 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",
               "aria-label": "Close popup",
               children: [
                 /* @__PURE__ */ f(K, { className: "h-4 w-4" }),
@@ -492,7 +492,7 @@ function ze({
             {
               type: "button",
               onClick: c,
-              className: "ring-offset-background focus:ring-ring absolute top-1 right-1 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none",
+              className: "absolute top-1 right-1 z-10 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",
               "aria-label": "Close popup",
               children: [
                 /* @__PURE__ */ f(K, { className: "h-4 w-4" }),