@turingpaper/ui 0.0.18 → 0.0.20

package/dist/alert-dialog.mjs

@@ -12,7 +12,7 @@ var o = a.Root, s = a.Trigger, c = a.Portal, l = n.forwardRef(({ className: t, .
 l.displayName = a.Overlay.displayName;
 var u = n.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Content, {
 	ref: o,
-	className: e("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", t),
+	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),
 	...n
 })] }));
 u.displayName = a.Content.displayName;

package/dist/badge.mjs

@@ -3,7 +3,7 @@ import "react";
 import { jsx as t } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 //#region src/components/badge.tsx
-var r = 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", {
+var r = n("inline-flex h-5 items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-semibold [&>svg]:size-3 transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", {
 	variants: { variant: {
 		default: "border-transparent bg-primary text-primary-foreground",
 		secondary: "border-transparent bg-secondary text-secondary-foreground",

package/dist/button.mjs

@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Slot as r } from "radix-ui";
 import { cva as i } from "class-variance-authority";
 //#region src/components/button.tsx
-var a = i("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", {
+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", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -15,11 +15,14 @@ var a = i("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 			link: "text-primary underline-offset-4 hover:underline"
 		},
 		size: {
-			default: "h-10 px-4 py-2",
-			xs: "h-8 rounded-md px-2.5 text-xs",
-			sm: "h-9 rounded-md px-3",
-			lg: "h-11 rounded-md px-8",
-			icon: "h-10 w-10"
+			default: "h-9 px-3",
+			xs: "h-6 px-2.5 text-xs gap-1 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 px-3 gap-1",
+			lg: "h-10 px-4",
+			icon: "size-9",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
 		}
 	},
 	defaultVariants: {

package/dist/card.mjs

@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
 //#region src/components/card.tsx
 var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 	ref: i,
-	className: e("rounded-lg border bg-card text-card-foreground shadow-sm", t),
+	className: e("rounded-2xl border bg-card text-card-foreground shadow-sm", t),
 	...r
 }));
 r.displayName = "Card";

package/dist/checkbox.mjs

@@ -6,7 +6,7 @@ import { Check as i } from "lucide-react";
 //#region src/components/checkbox.tsx
 var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(r.Root, {
 	ref: o,
-	className: e("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", t),
+	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),
 	...a,
 	children: /* @__PURE__ */ n(r.Indicator, {
 		className: e("grid place-content-center text-current"),

package/dist/command.mjs

@@ -8,7 +8,7 @@ import { Command as s } from "cmdk";
 //#region src/components/command.tsx
 var c = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s, {
 	ref: r,
-	className: e("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", t),
+	className: e("flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground", t),
 	...n
 }));
 c.displayName = s.displayName;
@@ -17,7 +17,7 @@ var l = ({ children: e, ...r }) => /* @__PURE__ */ i(t, {
 	children: /* @__PURE__ */ i(n, {
 		className: "overflow-hidden p-0 shadow-lg",
 		children: /* @__PURE__ */ i(c, {
-			className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+			className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-11 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
 			children: e
 		})
 	})
@@ -26,7 +26,7 @@ var l = ({ children: e, ...r }) => /* @__PURE__ */ i(t, {
 	"cmdk-input-wrapper": "",
 	children: [/* @__PURE__ */ i(o, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ i(s.Input, {
 		ref: r,
-		className: e("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
+		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),
 		...n
 	})]
 }));
@@ -57,7 +57,7 @@ var m = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Separato
 m.displayName = s.Separator.displayName;
 var h = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Item, {
 	ref: r,
-	className: e("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 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),
+	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),
 	...n
 }));
 h.displayName = s.Item.displayName;

package/dist/components/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/dialog.mjs

@@ -12,10 +12,10 @@ var o = i.Root, s = i.Trigger, c = i.Portal, l = i.Close, u = t.forwardRef(({ cl
 u.displayName = i.Overlay.displayName;
 var d = t.forwardRef(({ className: t, children: o, ...s }, l) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(i.Content, {
 	ref: l,
-	className: e("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", t),
+	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),
 	...s,
 	children: [o, /* @__PURE__ */ r(i.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",
+		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",
 		children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
 			className: "sr-only",
 			children: "Close"

package/dist/dropdown-menu.mjs

@@ -6,33 +6,33 @@ import { Check as a, ChevronRight as o, Circle as s } from "lucide-react";
 //#region src/components/dropdown-menu.tsx
 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, {
 	ref: l,
-	className: e("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", a && "pl-8", t),
+	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),
 	...c,
 	children: [s, /* @__PURE__ */ n(o, { className: "ml-auto" })]
 }));
 m.displayName = i.SubTrigger.displayName;
 var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.SubContent, {
 	ref: a,
-	className: e("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]", t),
+	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),
 	...r
 }));
 h.displayName = i.SubContent.displayName;
 var g = t.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Content, {
 	ref: o,
 	sideOffset: r,
-	className: e("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]", t),
+	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),
 	...a
 }) }));
 g.displayName = i.Content.displayName;
 var _ = t.forwardRef(({ className: t, inset: r, ...a }, o) => /* @__PURE__ */ n(i.Item, {
 	ref: o,
-	className: e("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", r && "pl-8", t),
+	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", r && "pl-8", t),
 	...a
 }));
 _.displayName = i.Item.displayName;
 var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /* @__PURE__ */ r(i.CheckboxItem, {
 	ref: l,
-	className: e("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", t),
+	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),
 	checked: s,
 	...c,
 	children: [/* @__PURE__ */ n("span", {
@@ -43,7 +43,7 @@ var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /*
 v.displayName = i.CheckboxItem.displayName;
 var y = t.forwardRef(({ className: t, children: a, ...o }, c) => /* @__PURE__ */ r(i.RadioItem, {
 	ref: c,
-	className: e("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", t),
+	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),
 	...o,
 	children: [/* @__PURE__ */ n("span", {
 		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",

package/dist/hover-card.mjs

@@ -8,7 +8,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
 	ref: s,
 	align: i,
 	sideOffset: a,
-	className: e("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),
+	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),
 	...o
 }));
 o.displayName = r.Content.displayName;

package/dist/input-group.mjs

@@ -10,11 +10,11 @@ function o({ className: t, ...n }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "input-group",
 		role: "group",
-		className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-4xl 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-foreground has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/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-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),
+		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-foreground has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/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-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),
 		...n
 	});
 }
-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-4xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4", {
+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", {
 	variants: { align: {
 		"inline-start": "order-first pl-3 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
 		"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 }) {
 		...r
 	});
 }
-var l = a("flex items-center gap-2 rounded-4xl text-sm shadow-none", {
+var l = a("flex items-center gap-2 rounded-xl text-sm shadow-none", {
 	variants: { size: {
 		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
 		sm: "",

package/dist/input-otp.mjs

@@ -21,7 +21,7 @@ var l = t.forwardRef(({ index: i, className: a, ...s }, c) => {
 	let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[i];
 	return /* @__PURE__ */ r("div", {
 		ref: c,
-		className: e("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", d && "z-10 border-ring ring-3 ring-ring/50", a),
+		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),
 		...s,
 		children: [l, u && /* @__PURE__ */ n("div", {
 			className: "pointer-events-none absolute inset-0 flex items-center justify-center",

package/dist/input.mjs

@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
 //#region src/components/input.tsx
 var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
 	type: r,
-	className: e("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", t),
+	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),
 	ref: a,
 	...i
 }));

package/dist/popover.mjs

@@ -7,7 +7,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
 	ref: s,
 	align: i,
 	sideOffset: a,
-	className: e("z-50 w-72 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-popover-content-transform-origin]", t),
+	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),
 	...o
 }) }));
 o.displayName = r.Content.displayName;