@turingpaper/ui 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@ var o = a.Root, s = a.Trigger, c = a.Portal, l = n.forwardRef(({ className: t, .
12
12
  l.displayName = a.Overlay.displayName;
13
13
  var u = n.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Content, {
14
14
  ref: o,
15
- className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-xl", t),
15
+ className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-2xl", t),
16
16
  ...n
17
17
  })] }));
18
18
  u.displayName = a.Content.displayName;
package/dist/button.mjs CHANGED
@@ -4,11 +4,11 @@ import { jsx as n } from "react/jsx-runtime";
4
4
  import { Slot as r } from "radix-ui";
5
5
  import { cva as i } from "class-variance-authority";
6
6
  //#region src/components/button.tsx
7
- var a = i("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-lg 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", {
7
+ var a = i("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-xl 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", {
8
8
  variants: {
9
9
  variant: {
10
10
  default: "bg-primary text-primary-foreground hover:bg-primary/90",
11
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-foreground/30",
11
+ destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
12
12
  outline: "border border-input bg-background hover:bg-muted hover:text-foreground",
13
13
  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
14
14
  ghost: "hover:bg-accent hover:text-accent-foreground",
package/dist/card.mjs CHANGED
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
4
4
  //#region src/components/card.tsx
5
5
  var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
6
6
  ref: i,
7
- className: e("rounded-xl border bg-card text-card-foreground shadow-sm", t),
7
+ className: e("rounded-2xl border bg-card text-card-foreground shadow-sm", t),
8
8
  ...r
9
9
  }));
10
10
  r.displayName = "Card";
package/dist/checkbox.mjs CHANGED
@@ -6,7 +6,7 @@ import { Check as i } from "lucide-react";
6
6
  //#region src/components/checkbox.tsx
7
7
  var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(r.Root, {
8
8
  ref: o,
9
- className: e("grid place-content-center peer h-4 w-4 shrink-0 rounded-md 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", t),
9
+ className: e("grid place-content-center peer h-4 w-4 shrink-0 rounded border border-input 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]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", t),
10
10
  ...a,
11
11
  children: /* @__PURE__ */ n(r.Indicator, {
12
12
  className: e("grid place-content-center text-current"),
package/dist/command.mjs CHANGED
@@ -8,7 +8,7 @@ import { Command as s } from "cmdk";
8
8
  //#region src/components/command.tsx
9
9
  var c = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s, {
10
10
  ref: r,
11
- className: e("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", t),
11
+ className: e("flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground", t),
12
12
  ...n
13
13
  }));
14
14
  c.displayName = s.displayName;
@@ -26,7 +26,7 @@ var l = ({ children: e, ...r }) => /* @__PURE__ */ i(t, {
26
26
  "cmdk-input-wrapper": "",
27
27
  children: [/* @__PURE__ */ i(o, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ i(s.Input, {
28
28
  ref: r,
29
- className: e("flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
29
+ className: e("flex h-10 w-full rounded-xl bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
30
30
  ...n
31
31
  })]
32
32
  }));
@@ -57,7 +57,7 @@ var m = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Separato
57
57
  m.displayName = s.Separator.displayName;
58
58
  var h = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Item, {
59
59
  ref: r,
60
- className: e("relative flex cursor-default gap-2 select-none items-center rounded-md px-2 py-2 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t),
60
+ className: e("relative flex cursor-default gap-2 select-none items-center rounded-lg px-2 py-2 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t),
61
61
  ...n
62
62
  }));
63
63
  h.displayName = s.Item.displayName;
@@ -13,6 +13,7 @@ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<Dropd
13
13
  declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
14
  declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
15
15
  inset?: boolean;
16
+ variant?: "default" | "destructive";
16
17
  } & React.RefAttributes<HTMLDivElement>>;
17
18
  declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
19
  declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
package/dist/dialog.mjs CHANGED
@@ -12,10 +12,10 @@ var o = i.Root, s = i.Trigger, c = i.Portal, l = i.Close, u = t.forwardRef(({ cl
12
12
  u.displayName = i.Overlay.displayName;
13
13
  var d = t.forwardRef(({ className: t, children: o, ...s }, l) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(i.Content, {
14
14
  ref: l,
15
- className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-xl", t),
15
+ className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-2xl", t),
16
16
  ...s,
17
17
  children: [o, /* @__PURE__ */ r(i.Close, {
18
- className: "absolute right-4 top-4 rounded-md 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",
18
+ className: "absolute right-4 top-4 rounded-lg 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",
19
19
  children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
20
20
  className: "sr-only",
21
21
  children: "Close"
@@ -6,33 +6,34 @@ import { Check as a, ChevronRight as o, Circle as s } from "lucide-react";
6
6
  //#region src/components/dropdown-menu.tsx
7
7
  var c = i.Root, l = i.Trigger, u = i.Group, d = i.Portal, f = i.Sub, p = i.RadioGroup, m = t.forwardRef(({ className: t, inset: a, children: s, ...c }, l) => /* @__PURE__ */ r(i.SubTrigger, {
8
8
  ref: l,
9
- className: e("flex cursor-default select-none items-center gap-2 rounded-md px-2 py-2 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", a && "pl-8", t),
9
+ className: e("flex cursor-default select-none items-center gap-2 rounded-lg px-2 py-2 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", a && "pl-8", t),
10
10
  ...c,
11
11
  children: [s, /* @__PURE__ */ n(o, { className: "ml-auto" })]
12
12
  }));
13
13
  m.displayName = i.SubTrigger.displayName;
14
14
  var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.SubContent, {
15
15
  ref: a,
16
- className: e("z-50 min-w-[8rem] overflow-hidden rounded-lg 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]", t),
16
+ className: e("z-50 min-w-[8rem] overflow-hidden rounded-xl 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]", t),
17
17
  ...r
18
18
  }));
19
19
  h.displayName = i.SubContent.displayName;
20
20
  var g = t.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Content, {
21
21
  ref: o,
22
22
  sideOffset: r,
23
- className: e("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-lg 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]", t),
23
+ className: e("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-xl 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]", t),
24
24
  ...a
25
25
  }) }));
26
26
  g.displayName = i.Content.displayName;
27
- var _ = t.forwardRef(({ className: t, inset: r, ...a }, o) => /* @__PURE__ */ n(i.Item, {
28
- ref: o,
29
- className: e("relative flex cursor-default select-none items-center gap-2.5 rounded-md px-2 py-2 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", r && "pl-8", t),
30
- ...a
27
+ var _ = t.forwardRef(({ className: t, inset: r, variant: a = "default", ...o }, s) => /* @__PURE__ */ n(i.Item, {
28
+ ref: s,
29
+ "data-variant": a,
30
+ className: e("relative flex cursor-default select-none items-center gap-2.5 rounded-lg px-2 py-2 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 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive", r && "pl-8", t),
31
+ ...o
31
32
  }));
32
33
  _.displayName = i.Item.displayName;
33
34
  var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /* @__PURE__ */ r(i.CheckboxItem, {
34
35
  ref: l,
35
- className: e("relative flex cursor-default select-none items-center rounded-md py-2 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", t),
36
+ className: e("relative flex cursor-default select-none items-center rounded-lg py-2 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", t),
36
37
  checked: s,
37
38
  ...c,
38
39
  children: [/* @__PURE__ */ n("span", {
@@ -43,7 +44,7 @@ var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /*
43
44
  v.displayName = i.CheckboxItem.displayName;
44
45
  var y = t.forwardRef(({ className: t, children: a, ...o }, c) => /* @__PURE__ */ r(i.RadioItem, {
45
46
  ref: c,
46
- className: e("relative flex cursor-default select-none items-center rounded-md py-2 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", t),
47
+ className: e("relative flex cursor-default select-none items-center rounded-lg py-2 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", t),
47
48
  ...o,
48
49
  children: [/* @__PURE__ */ n("span", {
49
50
  className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
@@ -8,7 +8,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
8
8
  ref: s,
9
9
  align: i,
10
10
  sideOffset: a,
11
- className: e("z-50 w-64 rounded-lg 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),
11
+ className: e("z-50 w-64 rounded-xl 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),
12
12
  ...o
13
13
  }));
14
14
  o.displayName = r.Content.displayName;
@@ -10,11 +10,11 @@ function o({ className: t, ...n }) {
10
10
  return /* @__PURE__ */ i("div", {
11
11
  "data-slot": "input-group",
12
12
  role: "group",
13
- className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-lg border border-input bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-xl has-data-[align=block-start]:rounded-xl has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive-foreground has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/20 has-[textarea]:rounded-lg has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
13
+ className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-xl border border-input bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-xl has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
14
14
  ...n
15
15
  });
16
16
  }
17
- var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-lg **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4", {
17
+ var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4", {
18
18
  variants: { align: {
19
19
  "inline-start": "order-first pl-3 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
20
20
  "inline-end": "order-last pr-3 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
@@ -35,7 +35,7 @@ function c({ className: t, align: n = "inline-start", ...r }) {
35
35
  ...r
36
36
  });
37
37
  }
38
- var l = a("flex items-center gap-2 rounded-lg text-sm shadow-none", {
38
+ var l = a("flex items-center gap-2 rounded-xl text-sm shadow-none", {
39
39
  variants: { size: {
40
40
  xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
41
41
  sm: "",
@@ -21,7 +21,7 @@ var l = t.forwardRef(({ index: i, className: a, ...s }, c) => {
21
21
  let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[i];
22
22
  return /* @__PURE__ */ r("div", {
23
23
  ref: c,
24
- className: e("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-lg first:border-l last:rounded-r-lg", d && "z-10 border-ring ring-3 ring-ring/50", a),
24
+ className: e("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-xl first:border-l last:rounded-r-xl", d && "z-10 border-ring ring-3 ring-ring/50", a),
25
25
  ...s,
26
26
  children: [l, u && /* @__PURE__ */ n("div", {
27
27
  className: "pointer-events-none absolute inset-0 flex items-center justify-center",
package/dist/input.mjs CHANGED
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
4
4
  //#region src/components/input.tsx
5
5
  var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
6
6
  type: r,
7
- className: e("flex h-9 w-full rounded-lg border border-input bg-background px-3 py-1 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", t),
7
+ className: e("flex h-9 w-full rounded-xl border border-input bg-background px-3 py-1 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", t),
8
8
  ref: a,
9
9
  ...i
10
10
  }));
package/dist/popover.mjs CHANGED
@@ -7,7 +7,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
7
7
  ref: s,
8
8
  align: i,
9
9
  sideOffset: a,
10
- className: e("z-50 w-72 rounded-lg 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-popover-content-transform-origin]", t),
10
+ className: e("z-50 w-72 rounded-xl 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-popover-content-transform-origin]", t),
11
11
  ...o
12
12
  }) }));
13
13
  o.displayName = r.Content.displayName;