tembro 3.1.1 → 3.1.6

package/dist/src/components/ui/card/index.js

@@ -3,24 +3,24 @@ import "react";
 import { cva as t } from "class-variance-authority";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ui/card/index.tsx
-var a = t("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border py-(--card-spacing) text-sm text-card-foreground transition-[background-color,border-color,box-shadow,transform,opacity] [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 *:[img:first-child]:rounded-t-[var(--aui-card-radius,var(--radius-xl))] *:[img:last-child]:rounded-b-[var(--aui-card-radius,var(--radius-xl))]", {
+var a = t("group/card flex flex-col gap-(--card-spacing) overflow-hidden py-(--card-spacing) [--card-spacing:--spacing(5)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0", {
 	variants: {
 		variant: {
 			default: "",
 			elevated: "",
 			outline: "",
 			soft: "",
-			ghost: "border-transparent bg-transparent shadow-none ring-0"
+			ghost: ""
 		},
 		size: {
-			sm: "[--card-spacing:--spacing(4)] data-[has-footer=true]:pb-0",
-			default: "[--card-spacing:--spacing(5)]",
-			lg: "[--card-spacing:--spacing(6)]"
+			sm: "",
+			default: "",
+			lg: ""
 		},
 		density: {
-			compact: "text-xs",
-			default: "text-sm",
-			comfortable: "text-base"
+			compact: "",
+			default: "",
+			comfortable: ""
 		},
 		tone: {
 			neutral: "",
@@ -38,7 +38,7 @@ var a = t("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded
 			false: ""
 		},
 		disabled: {
-			true: "pointer-events-none opacity-55",
+			true: "pointer-events-none",
 			false: ""
 		}
 	},
@@ -105,7 +105,7 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 			interactive: _,
 			selected: v,
 			disabled: y
-		}), b === "horizontal" && "flex-row py-0", _ && "hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", v && "border-[color:var(--aui-control-border-strong,var(--ring))] shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", t),
+		}), b === "horizontal" && "flex-row py-0", t),
 		...H,
 		children: U ? /* @__PURE__ */ i(n, { children: [
 			x === "start" ? q : null,
@@ -116,10 +116,11 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 					G ? /* @__PURE__ */ i(c, {
 						className: e(J[C], F),
 						children: [/* @__PURE__ */ i("div", {
-							className: "min-w-0 space-y-1",
+							className: "flex min-w-0 flex-col gap-1",
 							children: [
 								T == null ? null : /* @__PURE__ */ r("div", {
-									className: e("text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80", I),
+									"data-slot": "card-eyebrow",
+									className: I,
 									children: T
 								}),
 								E == null ? null : /* @__PURE__ */ r(l, {
@@ -153,22 +154,22 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 function c({ className: t, ...n }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card-header",
-		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 rounded-t-[var(--aui-card-radius,var(--radius-xl))] px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", t),
+		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1.5 px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", t),
 		...n
 	});
 }
-function l({ className: t, ...n }) {
+function l({ className: e, ...t }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card-title",
-		className: e("font-heading text-[1.05rem] leading-snug font-semibold tracking-tight group-data-[size=sm]/card:text-sm group-data-[size=lg]/card:text-xl", t),
-		...n
+		className: e,
+		...t
 	});
 }
-function u({ className: t, ...n }) {
+function u({ className: e, ...t }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card-description",
-		className: e("text-sm leading-6 text-muted-foreground", t),
-		...n
+		className: e,
+		...t
 	});
 }
 function d({ className: t, ...n }) {
@@ -188,7 +189,7 @@ function f({ className: t, ...n }) {
 function p({ className: t, ...n }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card-footer",
-		className: e("flex items-center rounded-b-[var(--aui-card-radius,var(--radius-xl))] border-t border-border/60 bg-muted/22 p-(--card-spacing)", t),
+		className: e("flex items-center p-(--card-spacing)", t),
 		...n
 	});
 }

package/dist/src/components/ui/checkbox/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,onClick:m,children:h,...g},_)=>{let v=o!==void 0,[y,b]=n.useState(s),x=v?o:y,S=x===`indeterminate`?`indeterminate`:x?`checked`:`unchecked`;return(0,i.jsx)(`button`,{ref:_,type:`button`,role:`checkbox`,"aria-checked":x===`indeterminate`?`mixed`:x,"data-state":S,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]`,e),onClick:e=>{let t=a(x,f);v||b(t),l?.(t),c?.(t===!0),m?.(e)},...g,children:h??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:x===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):x?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})});o.displayName=`Checkbox`,exports.Checkbox=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,name:m,value:h=`on`,required:g,onClick:_,children:v,...y},b)=>{let x=o!==void 0,[S,C]=n.useState(s),w=x?o:S,T=w===`indeterminate`?`indeterminate`:w?`checked`:`unchecked`;return(0,i.jsxs)(i.Fragment,{children:[m?(0,i.jsx)(`input`,{type:`checkbox`,"aria-hidden":`true`,tabIndex:-1,className:`sr-only`,name:m,value:h,checked:w===!0,required:g,disabled:p,readOnly:!0}):null,(0,i.jsx)(`button`,{ref:b,type:`button`,role:`checkbox`,"aria-checked":w===`indeterminate`?`mixed`:w,"data-state":T,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]`,e),onClick:e=>{let t=a(w,f);x||C(t),l?.(t),c?.(t===!0),_?.(e)},...y,children:v??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:w===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):w?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})]})});o.displayName=`Checkbox`,exports.Checkbox=o;

package/dist/src/components/ui/checkbox/index.js

@@ -2,35 +2,46 @@
 import { cn as e } from "../../../lib/utils.js";
 import * as t from "react";
 import { CheckIcon as n, MinusIcon as r } from "lucide-react";
-import { jsx as i } from "react/jsx-runtime";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/ui/checkbox/index.tsx
-function a(e, t) {
+function s(e, t) {
 	return t ? e === !1 ? "indeterminate" : e === "indeterminate" : e !== !0;
 }
-var o = t.forwardRef(({ className: o, checked: s, defaultChecked: c = !1, onCheckedChange: l, onCheckedStateChange: u, size: d = "md", invalid: f = !1, allowIndeterminate: p = !1, disabled: m, onClick: h, children: g, ..._ }, v) => {
-	let y = s !== void 0, [b, x] = t.useState(c), S = y ? s : b;
-	return /* @__PURE__ */ i("button", {
-		ref: v,
+var c = t.forwardRef(({ className: c, checked: l, defaultChecked: u = !1, onCheckedChange: d, onCheckedStateChange: f, size: p = "md", invalid: m = !1, allowIndeterminate: h = !1, disabled: g, name: _, value: v = "on", required: y, onClick: b, children: x, ...S }, C) => {
+	let w = l !== void 0, [T, E] = t.useState(u), D = w ? l : T;
+	return /* @__PURE__ */ o(i, { children: [_ ? /* @__PURE__ */ a("input", {
+		type: "checkbox",
+		"aria-hidden": "true",
+		tabIndex: -1,
+		className: "sr-only",
+		name: _,
+		value: v,
+		checked: D === !0,
+		required: y,
+		disabled: g,
+		readOnly: !0
+	}) : null, /* @__PURE__ */ a("button", {
+		ref: C,
 		type: "button",
 		role: "checkbox",
-		"aria-checked": S === "indeterminate" ? "mixed" : S,
-		"data-state": S === "indeterminate" ? "indeterminate" : S ? "checked" : "unchecked",
-		"data-size": d,
+		"aria-checked": D === "indeterminate" ? "mixed" : D,
+		"data-state": D === "indeterminate" ? "indeterminate" : D ? "checked" : "unchecked",
+		"data-size": p,
 		"data-slot": "checkbox",
-		disabled: m,
-		"aria-invalid": f || void 0,
-		className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]", o),
+		disabled: g,
+		"aria-invalid": m || void 0,
+		className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]", c),
 		onClick: (e) => {
-			let t = a(S, p);
-			y || x(t), u?.(t), l?.(t === !0), h?.(e);
+			let t = s(D, h);
+			w || E(t), f?.(t), d?.(t === !0), b?.(e);
 		},
-		..._,
-		children: g ?? /* @__PURE__ */ i("span", {
+		...S,
+		children: x ?? /* @__PURE__ */ a("span", {
 			className: "flex items-center justify-center",
-			children: S === "indeterminate" ? /* @__PURE__ */ i(r, { className: "size-3.5" }) : S ? /* @__PURE__ */ i(n, { className: "size-3.5" }) : null
+			children: D === "indeterminate" ? /* @__PURE__ */ a(r, { className: "size-3.5" }) : D ? /* @__PURE__ */ a(n, { className: "size-3.5" }) : null
 		})
-	});
+	})] });
 });
-o.displayName = "Checkbox";
+c.displayName = "Checkbox";
 //#endregion
-export { o as Checkbox };
+export { c as Checkbox };

package/dist/src/components/ui/dialog/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 bg-[color-mix(in_oklch,var(--foreground),transparent_80%)] duration-100 supports-backdrop-filter:backdrop-blur-md data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain rounded-[var(--radius-3xl)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-6 text-sm text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_24px_70px_rgba(15,23,42,0.22))] backdrop-blur duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-transparent data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3 rounded-full border border-transparent hover:border-border/50 hover:bg-muted/50`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2.5`,e),...n})}function m({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`-mx-6 -mb-6 flex flex-col-reverse gap-2 border-t border-border/70 bg-muted/20 p-5 sm:flex-row sm:justify-end`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function h({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`font-heading text-xl leading-tight font-semibold tracking-tight`,e),...n})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`text-sm leading-6 text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...n})}exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col`,e),...n})}function m({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function h({className:e,...t}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:e,...t})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:e,...t})}exports.Dialog=s,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=g,exports.DialogFooter=m,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=h,exports.DialogTrigger=c;

package/dist/src/components/ui/dialog/index.js

@@ -32,7 +32,7 @@ function l({ ...e }) {
 function u({ className: t, ...n }) {
 	return /* @__PURE__ */ r(a.Backdrop, {
 		"data-slot": "dialog-overlay",
-		className: e("fixed inset-0 isolate z-50 bg-[color-mix(in_oklch,var(--foreground),transparent_80%)] duration-100 supports-backdrop-filter:backdrop-blur-md data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
+		className: e("fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
 		...n
 	});
 }
@@ -43,13 +43,13 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
 		"data-surface": f,
 		role: "dialog",
 		"aria-modal": "true",
-		className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain rounded-[var(--radius-3xl)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-6 text-sm text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_24px_70px_rgba(15,23,42,0.22))] backdrop-blur duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-transparent data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-y-auto overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-[size=full]:grid-rows-[auto_minmax(0,1fr)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
 		...p,
 		children: [s, l && /* @__PURE__ */ i(a.Close, {
 			"data-slot": "dialog-close",
 			render: /* @__PURE__ */ r(t, {
 				variant: "ghost",
-				className: "absolute top-3 right-3 rounded-full border border-transparent hover:border-border/50 hover:bg-muted/50",
+				className: "absolute top-3 right-3",
 				size: "icon-sm"
 			}),
 			children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ r("span", {
@@ -62,14 +62,14 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
 function f({ className: t, ...n }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "dialog-header",
-		className: e("flex flex-col gap-2.5", t),
+		className: e("flex flex-col", t),
 		...n
 	});
 }
 function p({ className: n, showCloseButton: o = !1, children: s, ...c }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "dialog-footer",
-		className: e("-mx-6 -mb-6 flex flex-col-reverse gap-2 border-t border-border/70 bg-muted/20 p-5 sm:flex-row sm:justify-end", n),
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", n),
 		...c,
 		children: [s, o && /* @__PURE__ */ r(a.Close, {
 			render: /* @__PURE__ */ r(t, { variant: "outline" }),
@@ -77,18 +77,18 @@ function p({ className: n, showCloseButton: o = !1, children: s, ...c }) {
 		})]
 	});
 }
-function m({ className: t, ...n }) {
+function m({ className: e, ...t }) {
 	return /* @__PURE__ */ r(a.Title, {
 		"data-slot": "dialog-title",
-		className: e("font-heading text-xl leading-tight font-semibold tracking-tight", t),
-		...n
+		className: e,
+		...t
 	});
 }
-function h({ className: t, ...n }) {
+function h({ className: e, ...t }) {
 	return /* @__PURE__ */ r(a.Description, {
 		"data-slot": "dialog-description",
-		className: e("text-sm leading-6 text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
-		...n
+		className: e,
+		...t
 	});
 }
 //#endregion

package/dist/src/components/ui/dropdown-menu/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm text-popover-foreground outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:border-[color:color-mix(in_oklch,var(--destructive),transparent_70%)] data-[variant=destructive]:data-[highlighted]:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:data-[highlighted]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8`,e),...r})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`group/dropdown-menu-item data-inset:pl-8`,o,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`group/dropdown-menu-item data-inset:pl-8`,o,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(`group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium`,o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(`group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium`,o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function b({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1.5 h-px bg-border/80`,e),...n})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto rounded bg-muted/70 px-1.5 py-0.5 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground`,e),...n})}function S({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:t.cn(`block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground/70`,e),...n})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative group/dropdown-menu-item [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:e,...n})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(o,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(o,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{"data-slot":`dropdown-menu-sub-icon`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-32 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function b({className:e,...t}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:e,...t})}function x({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e,...t})}function S({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:e,...t})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;

package/dist/src/components/ui/dropdown-menu/index.js

@@ -4,7 +4,7 @@ import { CheckIcon as n, ChevronRightIcon as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Menu as o } from "@base-ui/react/menu";
 //#region src/components/ui/dropdown-menu/index.tsx
-var s = "relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm text-popover-foreground outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-[highlighted]:border-[color:color-mix(in_oklch,var(--primary),transparent_72%)] data-[highlighted]:bg-[color:color-mix(in_oklch,var(--primary),transparent_92%)] data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:border-[color:color-mix(in_oklch,var(--destructive),transparent_70%)] data-[variant=destructive]:data-[highlighted]:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:data-[highlighted]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var s = "relative group/dropdown-menu-item [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 function c({ ...e }) {
 	return /* @__PURE__ */ i(o.Root, {
 		"data-slot": "dropdown-menu",
@@ -40,7 +40,7 @@ function d({ align: t = "start", alignOffset: n = 0, side: r = "bottom", sideOff
 		sideOffset: a,
 		children: /* @__PURE__ */ i(o.Popup, {
 			"data-slot": "dropdown-menu-content",
-			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-2 text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
+			className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
 			...c
 		})
 	}) });
@@ -51,12 +51,12 @@ function f({ ...e }) {
 		...e
 	});
 }
-function p({ className: t, inset: n, ...r }) {
+function p({ className: e, inset: t, ...n }) {
 	return /* @__PURE__ */ i("div", {
 		"data-slot": "dropdown-menu-label",
-		"data-inset": n,
-		className: e("px-2 py-1.5 text-[11px] font-semibold tracking-[0.14em] uppercase text-muted-foreground/90 data-inset:pl-8", t),
-		...r
+		"data-inset": t,
+		className: e,
+		...n
 	});
 }
 function m({ className: t, inset: n, variant: r = "default", closeOnSelect: a = !0, onSelect: c, ...l }) {
@@ -64,7 +64,7 @@ function m({ className: t, inset: n, variant: r = "default", closeOnSelect: a =
 		"data-slot": "dropdown-menu-item",
 		"data-inset": n,
 		"data-variant": r,
-		className: e("group/dropdown-menu-item data-inset:pl-8", s, t),
+		className: e(s, t),
 		onSelect: (e) => {
 			a || e.preventDefault(), c?.(e);
 		},
@@ -81,15 +81,15 @@ function g({ className: t, inset: n, children: c, ...l }) {
 	return /* @__PURE__ */ a(o.SubmenuTrigger, {
 		"data-slot": "dropdown-menu-sub-trigger",
 		"data-inset": n,
-		className: e("group/dropdown-menu-item data-inset:pl-8", s, t),
+		className: e(s, t),
 		...l,
-		children: [c, /* @__PURE__ */ i(r, { className: "ml-auto text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground" })]
+		children: [c, /* @__PURE__ */ i(r, { "data-slot": "dropdown-menu-sub-icon" })]
 	});
 }
 function _({ align: t = "start", alignOffset: n = -3, side: r = "right", sideOffset: a = 0, className: o, ...s }) {
 	return /* @__PURE__ */ i(d, {
 		"data-slot": "dropdown-menu-sub-content",
-		className: e("w-auto min-w-[128px] rounded-[var(--aui-card-radius,var(--radius-xl))] p-2 text-popover-foreground duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
+		className: e("w-auto min-w-32 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
 		align: t,
 		alignOffset: n,
 		side: r,
@@ -101,14 +101,13 @@ function v({ className: t, children: r, checked: c, inset: l, closeOnSelect: u =
 	return /* @__PURE__ */ a(o.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
 		"data-inset": l,
-		className: e("group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium", s, t),
+		className: e(s, t),
 		checked: c,
 		onSelect: (e) => {
 			u || e.preventDefault(), d?.(e);
 		},
 		...f,
 		children: [/* @__PURE__ */ i("span", {
-			className: "pointer-events-none absolute right-2 flex items-center justify-center",
 			"data-slot": "dropdown-menu-checkbox-item-indicator",
 			children: /* @__PURE__ */ i(o.CheckboxItemIndicator, { children: /* @__PURE__ */ i(n, {}) })
 		}), r]
@@ -124,37 +123,36 @@ function b({ className: t, children: r, inset: c, closeOnSelect: l = !0, onSelec
 	return /* @__PURE__ */ a(o.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
 		"data-inset": c,
-		className: e("group/dropdown-menu-item pr-9 data-inset:pl-8 data-[checked]:bg-muted/70 data-[checked]:font-medium", s, t),
+		className: e(s, t),
 		onSelect: (e) => {
 			l || e.preventDefault(), u?.(e);
 		},
 		...d,
 		children: [/* @__PURE__ */ i("span", {
-			className: "pointer-events-none absolute right-2 flex items-center justify-center",
 			"data-slot": "dropdown-menu-radio-item-indicator",
 			children: /* @__PURE__ */ i(o.RadioItemIndicator, { children: /* @__PURE__ */ i(n, {}) })
 		}), r]
 	});
 }
-function x({ className: t, ...n }) {
+function x({ className: e, ...t }) {
 	return /* @__PURE__ */ i(o.Separator, {
 		"data-slot": "dropdown-menu-separator",
-		className: e("-mx-1 my-1.5 h-px bg-border/80", t),
-		...n
+		className: e,
+		...t
 	});
 }
-function S({ className: t, ...n }) {
+function S({ className: e, ...t }) {
 	return /* @__PURE__ */ i("span", {
 		"data-slot": "dropdown-menu-shortcut",
-		className: e("ml-auto rounded bg-muted/70 px-1.5 py-0.5 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground", t),
-		...n
+		className: e,
+		...t
 	});
 }
-function C({ className: t, ...n }) {
+function C({ className: e, ...t }) {
 	return /* @__PURE__ */ i("span", {
 		"data-slot": "dropdown-menu-item-description",
-		className: e("block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-foreground/70", t),
-		...n
+		className: e,
+		...t
 	});
 }
 //#endregion

package/dist/src/components/ui/input/group.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("../textarea/index.cjs"),i=require("./primitive.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("class-variance-authority"),s=require("react/jsx-runtime");function c({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 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-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 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:bg-input/30 dark:has-disabled:bg-input/80 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`,e),...n})}var l=(0,o.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,s.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||(e.currentTarget.parentElement?.querySelector(`input, textarea`))?.focus()},...r})}var d=(0,o.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:r=`button`,variant:i=`ghost`,size:a=`xs`,...o}){return(0,s.jsx)(n.Button,{type:r,"data-size":a,variant:i,className:t.cn(d({size:a}),e),...o})}function p({className:e,...n}){return(0,s.jsx)(`span`,{className:t.cn(`flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,e),...n})}function m({className:e,...n}){return(0,s.jsx)(i.InputPrimitive,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(r.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("../textarea/index.cjs"),i=require("./primitive.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("class-variance-authority"),s=require("react/jsx-runtime");function c({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 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-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 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:bg-input/30 dark:has-disabled:bg-input/80 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`,e),...n})}var l=(0,o.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,s.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||(e.currentTarget.parentElement?.querySelector(`input, textarea`))?.focus()},...r})}var d=(0,o.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:r=`button`,variant:i=`ghost`,size:a=`xs`,...o}){return(0,s.jsx)(n.Button,{type:r,"data-size":a,variant:i,className:t.cn(d({size:a}),e),...o})}function p({className:e,...n}){return(0,s.jsx)(`span`,{"data-slot":`input-group-text`,className:t.cn(`flex items-center gap-2 [&_svg]:pointer-events-none`,e),...n})}function m({className:e,...n}){return(0,s.jsx)(i.InputPrimitive,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(r.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;

package/dist/src/components/ui/input/group.js

@@ -56,7 +56,8 @@ function u({ className: n, type: r = "button", variant: i = "ghost", size: o = "
 }
 function d({ className: t, ...n }) {
 	return /* @__PURE__ */ a("span", {
-		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
+		"data-slot": "input-group-text",
+		className: e("flex items-center gap-2 [&_svg]:pointer-events-none", t),
 		...n
 	});
 }

package/dist/src/components/ui/input/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("./decorator.cjs"),a=require("./clearable.cjs"),o=require("./date.cjs"),s=require("./date-range.cjs"),c=require("./masked.cjs"),l=require("./money.cjs"),u=require("./number.cjs"),d=require("./password.cjs"),f=require("./phone.cjs"),p=require("./quantity.cjs"),m=require("./search.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}function v(e){return e.type===`search`||e.searchIcon!==void 0||e.loading!==void 0||e.loadingLabel!==void 0||e.resultCount!==void 0||e.shortcut!==void 0||e.debounceMs!==void 0||e.showMetaOnClear!==void 0||e.onDebouncedValueChange!==void 0}var y=h.forwardRef((e,r)=>{let y=e.kind??`text`,b=e.defaultValue,[x,ee]=h.useState(()=>_(b));if(y===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(y===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(y===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(y===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(y===`money`)return(0,g.jsx)(l.MoneyInput,{ref:r,...e});if(y===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(y===`masked`)return(0,g.jsx)(c.MaskedInput,{ref:r,...e});if(y===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(y===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(y===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let S=e;if(v(S)){let{leading:e,searchIcon:n,helperText:i,errorText:a,showCharacterCount:o,countFormatter:s,helperClassName:c,inputClassName:l,...u}=S,d=Array.isArray(S.value)?S.value.join(` `):S.value==null||typeof S.value==`string`||typeof S.value==`number`?S.value:String(S.value),f=Array.isArray(S.defaultValue)?S.defaultValue.join(` `):S.defaultValue==null||typeof S.defaultValue==`string`||typeof S.defaultValue==`number`?S.defaultValue:String(S.defaultValue),p=(0,g.jsx)(m.SearchInput,{ref:r,searchIcon:n??e,inputClassName:l,...u,value:d,defaultValue:f});if(!i&&!a&&!o)return p;let h=_(S.value??S.defaultValue);return(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[p,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,a?`text-destructive`:`text-muted-foreground`,c),children:a??i}),o?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,a?`text-destructive`:`text-muted-foreground`),children:s?.(h,S.maxLength)??(typeof S.maxLength==`number`?`${h}/${S.maxLength}`:h)}):null]})]})}let{value:C,defaultValue:w,leading:T,trailing:E,trailingAction:D,clearable:O=!1,onValueChange:k,onClear:A,clearLabel:j,clearOnEscape:M,focusAfterClear:N,replaceTrailingWhenClear:P,helperText:F,errorText:I,showCharacterCount:L=!1,countFormatter:R,wrapperClassName:z,inputClassName:B,helperClassName:V,leadingPointerEvents:H=!1,trailingPointerEvents:U=!0,onChange:W,maxLength:G,className:K,...q}=S,J=C!==void 0,Y=J?_(C):x,X=I??F,te=I?`text-destructive`:`text-muted-foreground`,Z=e=>{J||ee(e.target.value.length),W?.(e)},Q=e=>{Z(e),k?.(e.target.value)},$=O?(0,g.jsx)(a.ClearableInput,{ref:r,value:C,defaultValue:C===void 0?w:void 0,type:q.type??`text`,leadingIcon:T,trailing:E,trailingAction:D,clearable:O,onChange:Z,onValueChange:k,onClear:A,clearLabel:j,clearOnEscape:M,focusAfterClear:N,replaceTrailingWhenClear:P,wrapperClassName:z,inputClassName:B,className:K,maxLength:G,...q}):T||E||D?(0,g.jsx)(i.InputDecorator,{ref:r,value:C??void 0,defaultValue:C===void 0?w:void 0,type:q.type??`text`,leading:T,trailing:E,trailingAction:D,leadingPointerEvents:H,trailingPointerEvents:U,wrapperClassName:z,inputClassName:B,className:K,onChange:Q,maxLength:G,...q}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:C??void 0,defaultValue:C===void 0?w:void 0,type:q.type??`text`,className:t.cn(B,K),onChange:Q,maxLength:G,...q});return!X&&!L?$:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[$,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,te,V),children:X}),L?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,I?`text-destructive`:`text-muted-foreground`),children:R?.(Y,G)??(typeof G==`number`?`${Y}/${G}`:Y)}):null]})]})});y.displayName=`Input`,exports.Input=y,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("./decorator.cjs"),a=require("./clearable.cjs"),o=require("./date.cjs"),s=require("./date-range.cjs"),c=require("./masked.cjs"),l=require("./money.cjs"),u=require("./number.cjs"),d=require("./password.cjs"),f=require("./phone.cjs"),p=require("./quantity.cjs"),m=require("./search.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}function v(e){return e.type===`search`||e.searchIcon!==void 0||e.loading!==void 0||e.loadingLabel!==void 0||e.resultCount!==void 0||e.shortcut!==void 0||e.debounceMs!==void 0||e.showMetaOnClear!==void 0||e.onDebouncedValueChange!==void 0}var y=h.forwardRef((e,r)=>{let y=e.kind??`text`,b=e.defaultValue,[x,S]=h.useState(()=>_(b));if(y===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(y===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(y===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(y===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(y===`money`)return(0,g.jsx)(l.MoneyInput,{ref:r,...e});if(y===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(y===`masked`)return(0,g.jsx)(c.MaskedInput,{ref:r,...e});if(y===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(y===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(y===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let C=e;if(v(C)){let{leading:e,searchIcon:n,helperText:i,errorText:a,showCharacterCount:o,countFormatter:s,helperClassName:c,inputClassName:l,...u}=C,d=Array.isArray(C.value)?C.value.join(` `):C.value==null||typeof C.value==`string`||typeof C.value==`number`?C.value:String(C.value),f=Array.isArray(C.defaultValue)?C.defaultValue.join(` `):C.defaultValue==null||typeof C.defaultValue==`string`||typeof C.defaultValue==`number`?C.defaultValue:String(C.defaultValue),p=(0,g.jsx)(m.SearchInput,{ref:r,searchIcon:n??e,inputClassName:l,...u,value:d,defaultValue:f});if(!i&&!a&&!o)return p;let h=_(C.value??C.defaultValue);return(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[p,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,"data-invalid":!!a||void 0,className:t.cn(`min-w-0`,c),children:a??i}),o?(0,g.jsx)(`div`,{"data-slot":`input-count`,"data-invalid":!!a||void 0,className:`shrink-0 tabular-nums`,children:s?.(h,C.maxLength)??(typeof C.maxLength==`number`?`${h}/${C.maxLength}`:h)}):null]})]})}let{value:w,defaultValue:T,leading:E,trailing:D,trailingAction:O,clearable:k=!1,onValueChange:A,onClear:j,clearLabel:M,clearOnEscape:N,focusAfterClear:P,replaceTrailingWhenClear:F,helperText:I,errorText:L,showCharacterCount:R=!1,countFormatter:z,wrapperClassName:B,inputClassName:V,helperClassName:H,leadingPointerEvents:U=!1,trailingPointerEvents:W=!0,onChange:ee,maxLength:G,className:K,...q}=C,J=w!==void 0,Y=J?_(w):x,X=L??I,Z=e=>{J||S(e.target.value.length),ee?.(e)},Q=e=>{Z(e),A?.(e.target.value)},$=k?(0,g.jsx)(a.ClearableInput,{ref:r,value:w,defaultValue:w===void 0?T:void 0,type:q.type??`text`,leadingIcon:E,trailing:D,trailingAction:O,clearable:k,onChange:Z,onValueChange:A,onClear:j,clearLabel:M,clearOnEscape:N,focusAfterClear:P,replaceTrailingWhenClear:F,wrapperClassName:B,inputClassName:V,className:K,maxLength:G,...q}):E||D||O?(0,g.jsx)(i.InputDecorator,{ref:r,value:w??void 0,defaultValue:w===void 0?T:void 0,type:q.type??`text`,leading:E,trailing:D,trailingAction:O,leadingPointerEvents:U,trailingPointerEvents:W,wrapperClassName:B,inputClassName:V,className:K,onChange:Q,maxLength:G,...q}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:w??void 0,defaultValue:w===void 0?T:void 0,type:q.type??`text`,className:t.cn(V,K),onChange:Q,maxLength:G,...q});return!X&&!R?$:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[$,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,"data-invalid":!!L||void 0,className:t.cn(`min-w-0`,H),children:X}),R?(0,g.jsx)(`div`,{"data-slot":`input-count`,"data-invalid":!!L||void 0,className:`shrink-0 tabular-nums`,children:z?.(Y,G)??(typeof G==`number`?`${Y}/${G}`:Y)}):null]})]})});y.displayName=`Input`,exports.Input=y,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;

package/dist/src/components/ui/input/index.js

@@ -81,17 +81,19 @@ var S = _.forwardRef((n, r) => {
 				className: "flex items-start justify-between gap-3 px-1",
 				children: [/* @__PURE__ */ v("div", {
 					"data-slot": "input-helper",
-					className: e("min-w-0 text-xs leading-5", a ? "text-destructive" : "text-muted-foreground", c),
+					"data-invalid": !!a || void 0,
+					className: e("min-w-0", c),
 					children: a ?? i
 				}), o ? /* @__PURE__ */ v("div", {
 					"data-slot": "input-count",
-					className: e("shrink-0 text-[11px] font-medium tabular-nums", a ? "text-destructive" : "text-muted-foreground"),
+					"data-invalid": !!a || void 0,
+					className: "shrink-0 tabular-nums",
 					children: s?.(m, S.maxLength) ?? (typeof S.maxLength == "number" ? `${m}/${S.maxLength}` : m)
 				}) : null]
 			})]
 		});
 	}
-	let { value: C, defaultValue: w, leading: T, trailing: E, trailingAction: D, clearable: O = !1, onValueChange: k, onClear: A, clearLabel: j, clearOnEscape: M, focusAfterClear: N, replaceTrailingWhenClear: P, helperText: F, errorText: I, showCharacterCount: L = !1, countFormatter: R, wrapperClassName: z, inputClassName: B, helperClassName: V, leadingPointerEvents: H = !1, trailingPointerEvents: U = !0, onChange: W, maxLength: G, className: K, ...q } = S, J = C !== void 0, Y = J ? b(C) : o, X = I ?? F, ne = I ? "text-destructive" : "text-muted-foreground", Z = (e) => {
+	let { value: C, defaultValue: w, leading: T, trailing: E, trailingAction: D, clearable: O = !1, onValueChange: k, onClear: A, clearLabel: j, clearOnEscape: M, focusAfterClear: N, replaceTrailingWhenClear: P, helperText: F, errorText: I, showCharacterCount: L = !1, countFormatter: R, wrapperClassName: z, inputClassName: B, helperClassName: V, leadingPointerEvents: H = !1, trailingPointerEvents: U = !0, onChange: W, maxLength: G, className: K, ...q } = S, J = C !== void 0, Y = J ? b(C) : o, X = I ?? F, Z = (e) => {
 		J || s(e.target.value.length), W?.(e);
 	}, Q = (e) => {
 		Z(e), k?.(e.target.value);
@@ -150,11 +152,13 @@ var S = _.forwardRef((n, r) => {
 			className: "flex items-start justify-between gap-3 px-1",
 			children: [/* @__PURE__ */ v("div", {
 				"data-slot": "input-helper",
-				className: e("min-w-0 text-xs leading-5", ne, V),
+				"data-invalid": !!I || void 0,
+				className: e("min-w-0", V),
 				children: X
 			}), L ? /* @__PURE__ */ v("div", {
 				"data-slot": "input-count",
-				className: e("shrink-0 text-[11px] font-medium tabular-nums", I ? "text-destructive" : "text-muted-foreground"),
+				"data-invalid": !!I || void 0,
+				className: "shrink-0 tabular-nums",
 				children: R?.(Y, G) ?? (typeof G == "number" ? `${Y}/${G}` : Y)
 			}) : null]
 		})]

package/dist/src/components/ui/input/password.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,className:`hidden text-xs text-amber-600 sm:inline`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,disabled:h,"aria-label":D?m:p,className:`rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{className:`size-4`}):(0,i.jsx)(r.EyeIcon,{className:`size-4`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,"data-slot":`password-toggle`,disabled:h,"aria-label":D?m:p,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{"data-icon":`password-hide`}):(0,i.jsx)(r.EyeIcon,{"data-icon":`password-show`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;

package/dist/src/components/ui/input/password.js

@@ -30,17 +30,16 @@ var s = t.forwardRef(({ value: s, onChange: c, onValueChange: l, visible: u, def
 			b,
 			m && O ? /* @__PURE__ */ a("span", {
 				"data-slot": "password-caps-lock",
-				className: "hidden text-xs text-amber-600 sm:inline",
 				"aria-live": "polite",
 				children: h
 			}) : null,
 			p ? /* @__PURE__ */ a("button", {
 				type: "button",
+				"data-slot": "password-toggle",
 				disabled: v,
 				"aria-label": A ? _ : g,
-				className: "rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
 				onClick: () => j(!A),
-				children: a(A ? r : n, { className: "size-4" })
+				children: A ? /* @__PURE__ */ a(r, { "data-icon": "password-hide" }) : /* @__PURE__ */ a(n, { "data-icon": "password-show" })
 			}) : null
 		] }),
 		...C

package/dist/src/components/ui/popover/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:var(--aui-overlay-surface,var(--popover))] p-4 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-1 text-sm`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:t.cn(`text-base font-semibold tracking-tight`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:t.cn(`leading-6 text-muted-foreground`,e),...n})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:e,...t})}function l({className:e,...t}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:e,...t})}function u({className:e,...t}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:e,...t})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;