tembro 2.0.3 → 2.0.5

package/dist/components/ui/button/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("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)] hover:text-primary-foreground`,outline:`bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]`,link:`rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]`},size:{default:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xs:`h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,children:f,...p}){return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":i??`default`,"data-loading":c||void 0,disabled:s||c,"aria-busy":c||void 0,className:t.cn(o({variant:n,size:i,className:e})),...p,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`,className:`size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,f?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:f}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;
+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("@base-ui/react/button"),i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`group/button inline-flex shrink-0 items-center justify-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] bg-clip-padding text-sm font-semibold text-foreground whitespace-nowrap shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:ring-0 focus-visible:shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)] active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:border-[color:color-mix(in_oklch,var(--border),transparent_24%)] disabled:bg-[color:var(--aui-control-surface-disabled,var(--muted))] disabled:text-muted-foreground disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:opacity-100 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),black_10%)] bg-primary text-primary-foreground shadow-[var(--aui-button-primary-shadow,0_10px_24px_rgba(16,185,129,0.18))] hover:border-[color:color-mix(in_oklch,var(--primary),black_18%)] hover:bg-[color:color-mix(in_oklch,var(--primary),white_8%)] hover:text-primary-foreground`,outline:`bg-[color:var(--aui-control-surface,var(--background))] text-foreground shadow-none`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-secondary text-secondary-foreground shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),black_8%)] bg-destructive text-[color:var(--aui-danger-foreground,var(--primary-foreground))] shadow-[var(--aui-button-danger-shadow,0_10px_24px_rgba(239,68,68,0.16))] hover:border-[color:color-mix(in_oklch,var(--destructive),black_16%)] hover:bg-[color:color-mix(in_oklch,var(--destructive),white_6%)]`,warning:`border-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_52%)] bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_78%)] text-[color:var(--aui-warning-foreground,var(--foreground))] shadow-none hover:bg-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),transparent_70%)]`,link:`rounded-none border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4 hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--primary),black_10%)]`},size:{default:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xs:`h-7 gap-1 rounded-[var(--radius-sm)] px-2.5 text-xs in-data-[slot=button-group]:rounded-[var(--radius-sm)] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 rounded-[var(--radius-md)] px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-[var(--radius-md)] has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5`,md:`h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,xl:`h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4`,icon:`size-9`,"icon-xs":`size-7 rounded-[var(--radius-sm)] in-data-[slot=button-group]:rounded-[var(--radius-sm)] [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8 rounded-[var(--radius-md)] in-data-[slot=button-group]:rounded-[var(--radius-md)]`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function s({className:e,variant:n=`default`,size:i=`default`,disabled:s,loading:c=!1,loadingLabel:l=`Loading`,leftIcon:u,rightIcon:d,fullWidth:f=!1,pressed:p=!1,children:m,...h}){return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":i??`default`,"data-loading":c||void 0,"data-pressed":p||void 0,disabled:s||c,"aria-busy":c||void 0,"aria-pressed":p||void 0,className:t.cn(o({variant:n,size:i,className:e}),f&&`w-full`,p&&`shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring))]`),...h,children:[c?(0,a.jsx)(`span`,{"data-slot":`button-spinner`,"aria-hidden":`true`,className:`size-4 animate-spin rounded-full border-2 border-current border-t-transparent opacity-80`}):u?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:u}):null,m?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:m}):null,!c&&d?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`button-icon`,className:`inline-flex shrink-0 items-center justify-center`,children:d}):null]})}exports.Button=s,exports.buttonVariants=o;

package/dist/components/ui/button/index.d.ts

@@ -10,6 +10,8 @@ export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVari
     loadingLabel?: string;
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    pressed?: boolean;
 };
-declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, children, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, fullWidth, pressed, children, ...props }: ButtonProps): React.JSX.Element;
 export { Button, buttonVariants };

package/dist/components/ui/button/index.js

@@ -33,20 +33,22 @@ var a = n("group/button inline-flex shrink-0 items-center justify-center rounded
 		size: "default"
 	}
 });
-function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, children: p, ...m }) {
+function o({ className: n, variant: o = "default", size: s = "default", disabled: c, loading: l = !1, loadingLabel: u = "Loading", leftIcon: d, rightIcon: f, fullWidth: p = !1, pressed: m = !1, children: h, ...g }) {
 	return /* @__PURE__ */ i(t, {
 		"data-slot": "button",
 		"data-variant": o ?? "default",
 		"data-size": s ?? "default",
 		"data-loading": l || void 0,
+		"data-pressed": m || void 0,
 		disabled: c || l,
 		"aria-busy": l || void 0,
+		"aria-pressed": m || void 0,
 		className: e(a({
 			variant: o,
 			size: s,
 			className: n
-		})),
-		...m,
+		}), p && "w-full", m && "shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04)),0_0_0_1px_var(--aui-focus-ring,var(--ring))]"),
+		...g,
 		children: [
 			l ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-spinner",
@@ -58,9 +60,9 @@ function o({ className: n, variant: o = "default", size: s = "default", disabled
 				className: "inline-flex shrink-0 items-center justify-center",
 				children: d
 			}) : null,
-			p ? /* @__PURE__ */ r("span", {
+			h ? /* @__PURE__ */ r("span", {
 				"data-slot": "button-label",
-				children: l ? u : p
+				children: l ? u : h
 			}) : null,
 			!l && f ? /* @__PURE__ */ r("span", {
 				"data-icon": "inline-end",

package/dist/components/ui/checkbox/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");function a(e){return e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,disabled:l,onClick:u,children:d,...f},p)=>{let m=o!==void 0,[h,g]=n.useState(s),_=m?o:h,v=_===`indeterminate`?`indeterminate`:_?`checked`:`unchecked`;return(0,i.jsx)(`button`,{ref:p,type:`button`,role:`checkbox`,"aria-checked":_===`indeterminate`?`mixed`:_,"data-state":v,"data-slot":`checkbox`,disabled:l,className:t.cn(`peer flex size-5 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 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(_);m||g(t),c?.(t),u?.(e)},...f,children:d??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:_===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):_?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})});o.displayName=`Checkbox`,exports.Checkbox=o;
+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;

package/dist/components/ui/checkbox/index.d.ts

@@ -4,10 +4,18 @@ export type CheckboxProps = Omit<React.ComponentPropsWithoutRef<"button">, "chec
     checked?: CheckboxCheckedState;
     defaultChecked?: CheckboxCheckedState;
     onCheckedChange?: (checked: boolean) => void;
+    onCheckedStateChange?: (checked: CheckboxCheckedState) => void;
+    size?: "sm" | "md" | "lg";
+    invalid?: boolean;
+    allowIndeterminate?: boolean;
 };
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "defaultChecked" | "value" | "onChange" | "checked"> & {
     checked?: CheckboxCheckedState;
     defaultChecked?: CheckboxCheckedState;
     onCheckedChange?: (checked: boolean) => void;
+    onCheckedStateChange?: (checked: CheckboxCheckedState) => void;
+    size?: "sm" | "md" | "lg";
+    invalid?: boolean;
+    allowIndeterminate?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

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

@@ -3,28 +3,30 @@ import * as t from "react";
 import { CheckIcon as n, MinusIcon as r } from "lucide-react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/ui/checkbox/index.tsx
-function a(e) {
-	return e !== !0;
+function a(e, t) {
+	return t ? e === !1 ? "indeterminate" : e === "indeterminate" : e !== !0;
 }
-var o = t.forwardRef(({ className: o, checked: s, defaultChecked: c = !1, onCheckedChange: l, disabled: u, onClick: d, children: f, ...p }, m) => {
-	let h = s !== void 0, [g, _] = t.useState(c), v = h ? s : g;
+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: m,
+		ref: v,
 		type: "button",
 		role: "checkbox",
-		"aria-checked": v === "indeterminate" ? "mixed" : v,
-		"data-state": v === "indeterminate" ? "indeterminate" : v ? "checked" : "unchecked",
+		"aria-checked": S === "indeterminate" ? "mixed" : S,
+		"data-state": S === "indeterminate" ? "indeterminate" : S ? "checked" : "unchecked",
+		"data-size": d,
 		"data-slot": "checkbox",
-		disabled: u,
-		className: e("peer flex size-5 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 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: 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),
 		onClick: (e) => {
-			let t = a(v);
-			h || _(t), l?.(t), d?.(e);
+			let t = a(S, p);
+			y || x(t), u?.(t), l?.(t === !0), h?.(e);
 		},
-		...p,
-		children: f ?? /* @__PURE__ */ i("span", {
+		..._,
+		children: g ?? /* @__PURE__ */ i("span", {
 			className: "flex items-center justify-center",
-			children: v === "indeterminate" ? /* @__PURE__ */ i(r, { className: "size-3.5" }) : v ? /* @__PURE__ */ i(n, { className: "size-3.5" }) : null
+			children: S === "indeterminate" ? /* @__PURE__ */ i(r, { className: "size-3.5" }) : S ? /* @__PURE__ */ i(n, { className: "size-3.5" }) : null
 		})
 	});
 });

package/dist/components/ui/collapse/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");function a({open:e,defaultOpen:r,onOpenChange:a,onToggle:o,className:s,children:c,...l}){let u=e!==void 0,[d,f]=n.useState(r??!1),p=u?e:d;return(0,i.jsx)(`details`,{"data-slot":`collapse`,className:t.cn(`group rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))] transition-[background-color,border-color,box-shadow] open:border-[color:var(--aui-control-hover-border,var(--ring))]`,s),onToggle:e=>{o?.(e);let t=e.currentTarget.open;u||f(t),a?.(t)},open:p,...l,children:c})}function o({icon:e,hideIcon:n=!1,className:a,children:o,...s}){return(0,i.jsxs)(`summary`,{"data-slot":`collapse-trigger`,className:t.cn(`flex cursor-pointer list-none items-center justify-between gap-3 rounded-[calc(var(--aui-card-radius,var(--radius-xl))-1px)] px-4 py-3 text-sm font-semibold outline-none transition-[background-color,color,box-shadow] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] group-open:text-foreground [&::-webkit-details-marker]:hidden`,a),...s,children:[(0,i.jsx)(`span`,{className:`min-w-0 flex-1`,children:o}),!n&&(0,i.jsx)(`span`,{className:`shrink-0 rounded-md text-muted-foreground transition-[color,transform] group-open:rotate-180 group-open:text-foreground`,children:e??(0,i.jsx)(r.ChevronDownIcon,{className:`size-4`})})]})}function s({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`collapse-content`,className:t.cn(`border-t border-[color:var(--aui-card-border,var(--border))] px-4 py-3 text-sm leading-6 text-muted-foreground`,e),...n})}function c({items:e,type:r=`multiple`,value:c,defaultValue:l,onValueChange:u,className:d,...f}){let p=n.useMemo(()=>c===void 0?l===void 0?r===`single`?``:[]:l:c,[l,r,c]),[m,h]=n.useState(p),g=c??m,_=e=>Array.isArray(g)?g.includes(e):g===e,v=(e,t)=>{let n=r===`single`?t?e:``:t?Array.from(new Set([...Array.isArray(g)?g:[],e])):Array.isArray(g)?g.filter(t=>t!==e):[];c===void 0&&h(n),u?.(n)};return(0,i.jsx)(`div`,{"data-slot":`collapse-group`,className:t.cn(`grid gap-2.5`,d),...f,children:e.map(e=>(0,i.jsxs)(a,{open:_(e.key),onOpenChange:t=>v(e.key,t),className:t.cn(e.disabled&&`pointer-events-none opacity-60`),children:[(0,i.jsx)(o,{children:(0,i.jsxs)(`span`,{className:`grid gap-0.5`,children:[(0,i.jsx)(`span`,{children:e.title}),e.description&&(0,i.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:e.description})]})}),(0,i.jsx)(s,{children:e.content})]},e.key))})}exports.Collapse=a,exports.CollapseContent=s,exports.CollapseGroup=c,exports.CollapseTrigger=o;
+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({open:e,defaultOpen:r,onOpenChange:a,onToggle:o,className:s,children:c,variant:l=`default`,size:u=`md`,...d}){let f=e!==void 0,[p,m]=n.useState(r??!1),h=f?e:p;return(0,i.jsx)(`details`,{"data-slot":`collapse`,"data-variant":l,"data-size":u,className:t.cn(`group overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))] transition-[background-color,border-color,box-shadow] hover:border-[color:var(--aui-control-hover-border,var(--ring))] open:border-[color:var(--aui-control-hover-border,var(--ring))] data-[variant=soft]:bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] data-[variant=soft]:shadow-none data-[variant=ghost]:border-transparent data-[variant=ghost]:bg-transparent data-[variant=ghost]:shadow-none`,s),onToggle:e=>{o?.(e);let t=e.currentTarget.open;f?t!==h&&(e.currentTarget.open=h):m(t),a?.(t)},open:h,...d,children:c})}function o({icon:e,hideIcon:n=!1,size:a=`md`,inset:o=!1,indicatorPosition:s=`end`,className:c,children:l,onClick:u,...d}){let f=n?null:(0,i.jsx)(`span`,{className:`shrink-0 rounded-md text-muted-foreground transition-[color,transform] group-open:rotate-180 group-open:text-foreground`,children:e??(0,i.jsx)(r.ChevronDownIcon,{className:`size-4`})});return(0,i.jsxs)(`summary`,{"data-slot":`collapse-trigger`,"data-size":a,"data-inset":o||void 0,"data-indicator-position":s,className:t.cn(`rounded-[calc(var(--aui-card-radius,var(--radius-xl))-1px)] group-open:rounded-b-none flex cursor-pointer list-none items-start gap-3 px-4 text-sm font-semibold outline-none transition-[background-color,color,box-shadow,border-radius] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] group-open:text-foreground data-[indicator-position=end]:justify-between data-[indicator-position=start]:justify-start data-[size=sm]:py-2.5 data-[size=md]:py-3.5 data-[size=lg]:py-4.5 data-[inset=true]:px-5 [&::-webkit-details-marker]:hidden`,d[`aria-disabled`]&&`cursor-not-allowed opacity-75 hover:bg-transparent`,c),onClick:e=>{if(d[`aria-disabled`]){e.preventDefault();return}u?.(e)},...d,children:[s===`start`?f:null,(0,i.jsx)(`span`,{className:`min-w-0 flex-1`,children:l}),s===`end`?f:null]})}function s({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`collapse-content`,className:t.cn(`border-t border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_70%)] px-4 py-3.5 text-sm leading-6 text-muted-foreground`,e),...n})}function c({items:e,type:r=`multiple`,value:c,defaultValue:l,onValueChange:u,variant:d=`default`,size:f=`md`,className:p,...m}){let h=n.useMemo(()=>c===void 0?l===void 0?r===`single`?``:[]:l:c,[l,r,c]),[g,_]=n.useState(h),v=c??g,y=e=>Array.isArray(v)?v.includes(e):v===e,b=(e,t)=>{let n=r===`single`?t?e:``:t?Array.from(new Set([...Array.isArray(v)?v:[],e])):Array.isArray(v)?v.filter(t=>t!==e):[];c===void 0&&_(n),u?.(n)};return(0,i.jsx)(`div`,{"data-slot":`collapse-group`,className:t.cn(`grid gap-2.5`,p),...m,children:e.map(e=>(0,i.jsxs)(a,{open:y(e.key),onOpenChange:t=>{e.disabled||b(e.key,t)},variant:d,size:f,className:t.cn(e.disabled&&`pointer-events-none opacity-60`),children:[(0,i.jsx)(o,{size:f,icon:e.icon,indicatorPosition:e.indicatorPosition,className:e.triggerClassName,"aria-disabled":e.disabled||void 0,title:typeof e.disabledReason==`string`?e.disabledReason:void 0,children:(0,i.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,i.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`truncate`,children:e.title}),e.badge?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null,e.meta?(0,i.jsx)(`span`,{className:`ml-auto shrink-0 text-[11px] font-medium text-muted-foreground`,children:e.meta}):null]}),e.description&&(0,i.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:e.description}),e.disabled&&e.disabledReason?(0,i.jsx)(`span`,{className:`text-[11px] font-medium text-muted-foreground`,children:e.disabledReason}):null]})}),(0,i.jsx)(s,{className:e.contentClassName,children:e.content})]},e.key))})}exports.Collapse=a,exports.CollapseContent=s,exports.CollapseGroup=c,exports.CollapseTrigger=o;

package/dist/components/ui/collapse/index.d.ts

@@ -3,20 +3,32 @@ export type CollapseProps = React.ComponentProps<"details"> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
+    variant?: "default" | "soft" | "ghost";
+    size?: "sm" | "md" | "lg";
 };
-declare function Collapse({ open, defaultOpen, onOpenChange, onToggle, className, children, ...props }: CollapseProps): React.JSX.Element;
+declare function Collapse({ open, defaultOpen, onOpenChange, onToggle, className, children, variant, size, ...props }: CollapseProps): React.JSX.Element;
 export type CollapseTriggerProps = React.ComponentProps<"summary"> & {
     icon?: React.ReactNode;
     hideIcon?: boolean;
+    size?: "sm" | "md" | "lg";
+    inset?: boolean;
+    indicatorPosition?: "start" | "end";
 };
-declare function CollapseTrigger({ icon, hideIcon, className, children, ...props }: CollapseTriggerProps): React.JSX.Element;
+declare function CollapseTrigger({ icon, hideIcon, size, inset, indicatorPosition, className, children, onClick, ...props }: CollapseTriggerProps): React.JSX.Element;
 declare function CollapseContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export type CollapseItem = {
     key: string;
     title: React.ReactNode;
     content: React.ReactNode;
     description?: React.ReactNode;
+    meta?: React.ReactNode;
+    badge?: React.ReactNode;
     disabled?: boolean;
+    disabledReason?: React.ReactNode;
+    icon?: React.ReactNode;
+    indicatorPosition?: CollapseTriggerProps["indicatorPosition"];
+    triggerClassName?: string;
+    contentClassName?: string;
 };
 export type CollapseGroupProps = React.ComponentProps<"div"> & {
     items: CollapseItem[];
@@ -24,6 +36,8 @@ export type CollapseGroupProps = React.ComponentProps<"div"> & {
     value?: string | string[];
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
+    variant?: CollapseProps["variant"];
+    size?: CollapseTriggerProps["size"];
 };
-declare function CollapseGroup({ items, type, value, defaultValue, onValueChange, className, ...props }: CollapseGroupProps): React.JSX.Element;
+declare function CollapseGroup({ items, type, value, defaultValue, onValueChange, variant, size, className, ...props }: CollapseGroupProps): React.JSX.Element;
 export { Collapse, CollapseContent, CollapseGroup, CollapseTrigger };

package/dist/components/ui/collapse/index.js

@@ -3,66 +3,121 @@ import * as t from "react";
 import { ChevronDownIcon as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ui/collapse/index.tsx
-function a({ open: n, defaultOpen: i, onOpenChange: a, onToggle: o, className: s, children: c, ...l }) {
-	let u = n !== void 0, [d, f] = t.useState(i ?? !1), p = u ? n : d;
+function a({ open: n, defaultOpen: i, onOpenChange: a, onToggle: o, className: s, children: c, variant: l = "default", size: u = "md", ...d }) {
+	let f = n !== void 0, [p, m] = t.useState(i ?? !1), h = f ? n : p;
 	return /* @__PURE__ */ r("details", {
 		"data-slot": "collapse",
-		className: e("group rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))] transition-[background-color,border-color,box-shadow] open:border-[color:var(--aui-control-hover-border,var(--ring))]", s),
+		"data-variant": l,
+		"data-size": u,
+		className: e("group overflow-hidden rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card text-card-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))] transition-[background-color,border-color,box-shadow] hover:border-[color:var(--aui-control-hover-border,var(--ring))] open:border-[color:var(--aui-control-hover-border,var(--ring))] data-[variant=soft]:bg-[color:color-mix(in_oklch,var(--muted),transparent_58%)] data-[variant=soft]:shadow-none data-[variant=ghost]:border-transparent data-[variant=ghost]:bg-transparent data-[variant=ghost]:shadow-none", s),
 		onToggle: (e) => {
 			o?.(e);
 			let t = e.currentTarget.open;
-			u || f(t), a?.(t);
+			f ? t !== h && (e.currentTarget.open = h) : m(t), a?.(t);
 		},
-		open: p,
-		...l,
+		open: h,
+		...d,
 		children: c
 	});
 }
-function o({ icon: t, hideIcon: a = !1, className: o, children: s, ...c }) {
+function o({ icon: t, hideIcon: a = !1, size: o = "md", inset: s = !1, indicatorPosition: c = "end", className: l, children: u, onClick: d, ...f }) {
+	let p = a ? null : /* @__PURE__ */ r("span", {
+		className: "shrink-0 rounded-md text-muted-foreground transition-[color,transform] group-open:rotate-180 group-open:text-foreground",
+		children: t ?? /* @__PURE__ */ r(n, { className: "size-4" })
+	});
 	return /* @__PURE__ */ i("summary", {
 		"data-slot": "collapse-trigger",
-		className: e("flex cursor-pointer list-none items-center justify-between gap-3 rounded-[calc(var(--aui-card-radius,var(--radius-xl))-1px)] px-4 py-3 text-sm font-semibold outline-none transition-[background-color,color,box-shadow] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] group-open:text-foreground [&::-webkit-details-marker]:hidden", o),
-		...c,
-		children: [/* @__PURE__ */ r("span", {
-			className: "min-w-0 flex-1",
-			children: s
-		}), !a && /* @__PURE__ */ r("span", {
-			className: "shrink-0 rounded-md text-muted-foreground transition-[color,transform] group-open:rotate-180 group-open:text-foreground",
-			children: t ?? /* @__PURE__ */ r(n, { className: "size-4" })
-		})]
+		"data-size": o,
+		"data-inset": s || void 0,
+		"data-indicator-position": c,
+		className: e("rounded-[calc(var(--aui-card-radius,var(--radius-xl))-1px)] group-open:rounded-b-none flex cursor-pointer list-none items-start gap-3 px-4 text-sm font-semibold outline-none transition-[background-color,color,box-shadow,border-radius] hover:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:bg-[color:var(--aui-control-surface-hover,var(--muted))] focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] group-open:text-foreground data-[indicator-position=end]:justify-between data-[indicator-position=start]:justify-start data-[size=sm]:py-2.5 data-[size=md]:py-3.5 data-[size=lg]:py-4.5 data-[inset=true]:px-5 [&::-webkit-details-marker]:hidden", f["aria-disabled"] && "cursor-not-allowed opacity-75 hover:bg-transparent", l),
+		onClick: (e) => {
+			if (f["aria-disabled"]) {
+				e.preventDefault();
+				return;
+			}
+			d?.(e);
+		},
+		...f,
+		children: [
+			c === "start" ? p : null,
+			/* @__PURE__ */ r("span", {
+				className: "min-w-0 flex-1",
+				children: u
+			}),
+			c === "end" ? p : null
+		]
 	});
 }
 function s({ className: t, ...n }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "collapse-content",
-		className: e("border-t border-[color:var(--aui-card-border,var(--border))] px-4 py-3 text-sm leading-6 text-muted-foreground", t),
+		className: e("border-t border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_70%)] px-4 py-3.5 text-sm leading-6 text-muted-foreground", t),
 		...n
 	});
 }
-function c({ items: n, type: c = "multiple", value: l, defaultValue: u, onValueChange: d, className: f, ...p }) {
-	let m = t.useMemo(() => l === void 0 ? u === void 0 ? c === "single" ? "" : [] : u : l, [
+function c({ items: n, type: c = "multiple", value: l, defaultValue: u, onValueChange: d, variant: f = "default", size: p = "md", className: m, ...h }) {
+	let g = t.useMemo(() => l === void 0 ? u === void 0 ? c === "single" ? "" : [] : u : l, [
 		u,
 		c,
 		l
-	]), [h, g] = t.useState(m), _ = l ?? h, v = (e) => Array.isArray(_) ? _.includes(e) : _ === e, y = (e, t) => {
-		let n = c === "single" ? t ? e : "" : t ? Array.from(new Set([...Array.isArray(_) ? _ : [], e])) : Array.isArray(_) ? _.filter((t) => t !== e) : [];
-		l === void 0 && g(n), d?.(n);
+	]), [_, v] = t.useState(g), y = l ?? _, b = (e) => Array.isArray(y) ? y.includes(e) : y === e, x = (e, t) => {
+		let n = c === "single" ? t ? e : "" : t ? Array.from(new Set([...Array.isArray(y) ? y : [], e])) : Array.isArray(y) ? y.filter((t) => t !== e) : [];
+		l === void 0 && v(n), d?.(n);
 	};
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "collapse-group",
-		className: e("grid gap-2.5", f),
-		...p,
+		className: e("grid gap-2.5", m),
+		...h,
 		children: n.map((t) => /* @__PURE__ */ i(a, {
-			open: v(t.key),
-			onOpenChange: (e) => y(t.key, e),
+			open: b(t.key),
+			onOpenChange: (e) => {
+				t.disabled || x(t.key, e);
+			},
+			variant: f,
+			size: p,
 			className: e(t.disabled && "pointer-events-none opacity-60"),
-			children: [/* @__PURE__ */ r(o, { children: /* @__PURE__ */ i("span", {
-				className: "grid gap-0.5",
-				children: [/* @__PURE__ */ r("span", { children: t.title }), t.description && /* @__PURE__ */ r("span", {
-					className: "text-xs font-normal text-muted-foreground",
-					children: t.description
-				})]
-			}) }), /* @__PURE__ */ r(s, { children: t.content })]
+			children: [/* @__PURE__ */ r(o, {
+				size: p,
+				icon: t.icon,
+				indicatorPosition: t.indicatorPosition,
+				className: t.triggerClassName,
+				"aria-disabled": t.disabled || void 0,
+				title: typeof t.disabledReason == "string" ? t.disabledReason : void 0,
+				children: /* @__PURE__ */ i("span", {
+					className: "grid min-w-0 gap-0.5",
+					children: [
+						/* @__PURE__ */ i("span", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [
+								/* @__PURE__ */ r("span", {
+									className: "truncate",
+									children: t.title
+								}),
+								t.badge ? /* @__PURE__ */ r("span", {
+									className: "shrink-0",
+									children: t.badge
+								}) : null,
+								t.meta ? /* @__PURE__ */ r("span", {
+									className: "ml-auto shrink-0 text-[11px] font-medium text-muted-foreground",
+									children: t.meta
+								}) : null
+							]
+						}),
+						t.description && /* @__PURE__ */ r("span", {
+							className: "text-xs font-normal text-muted-foreground",
+							children: t.description
+						}),
+						t.disabled && t.disabledReason ? /* @__PURE__ */ r("span", {
+							className: "text-[11px] font-medium text-muted-foreground",
+							children: t.disabledReason
+						}) : null
+					]
+				})
+			}), /* @__PURE__ */ r(s, {
+				className: t.contentClassName,
+				children: t.content
+			})]
 		}, t.key))
 	});
 }

package/dist/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`,...u}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 rounded-[var(--radius-3xl)] border p-6 text-sm text-popover-foreground backdrop-blur duration-100 outline-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_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),...u,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 rounded-b-[var(--radius-3xl)] border-t 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 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`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-hidden 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;

package/dist/components/ui/dialog/index.d.ts

@@ -8,6 +8,7 @@ export type DialogOverlayProps = DialogPrimitive.Backdrop.Props;
 export type DialogPopupProps = DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "full";
+    surface?: "default" | "plain";
 };
 export type DialogHeaderProps = React.ComponentProps<"div">;
 export type DialogFooterProps = React.ComponentProps<"div"> & {
@@ -20,7 +21,7 @@ declare function DialogTrigger({ ...props }: DialogTriggerProps): React.JSX.Elem
 declare function DialogPortal({ ...props }: DialogPortalProps): React.JSX.Element;
 declare function DialogClose({ ...props }: DialogCloseProps): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: DialogOverlayProps): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, size, ...props }: DialogPopupProps): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, size, surface, ...props }: DialogPopupProps): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): React.JSX.Element;
 declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;

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

@@ -36,12 +36,14 @@ function u({ className: t, ...n }) {
 		...n
 	});
 }
-function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md", ...f }) {
+function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md", surface: f = "default", ...p }) {
 	return /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(u, {}), /* @__PURE__ */ i(a.Popup, {
 		"data-slot": "dialog-content",
 		"data-size": d,
-		className: e("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 rounded-[var(--radius-3xl)] border p-6 text-sm text-popover-foreground backdrop-blur duration-100 outline-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_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),
-		...f,
+		"data-surface": f,
+		role: "dialog",
+		className: e("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-5 overflow-hidden 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),
+		...p,
 		children: [s, l && /* @__PURE__ */ i(a.Close, {
 			"data-slot": "dialog-close",
 			render: /* @__PURE__ */ r(t, {
@@ -66,7 +68,7 @@ function f({ className: 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 rounded-b-[var(--radius-3xl)] border-t p-5 sm:flex-row sm:justify-end", n),
+		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),
 		...c,
 		children: [s, o && /* @__PURE__ */ r(a.Close, {
 			render: /* @__PURE__ */ r(t, { variant: "outline" }),

package/dist/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");function o({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({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-48 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 u({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({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 f({className:e,inset:n,variant:r=`default`,...o}){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 relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive`,e),...o})}function p({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function m({className:e,inset:n,children:o,...s}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(`flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto`})]})}function h({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(l,{"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 g({className:e,children:n,checked:o,inset:s,...c}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":s,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...c,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 _({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({className:e,children:n,inset:o,...s}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":o,className:t.cn(`relative flex cursor-default items-center gap-2 rounded-[var(--radius-md)] border border-transparent py-2.5 pr-9 pl-3 text-sm outline-hidden select-none transition-[background-color,border-color,color,box-shadow] data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,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 y({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 b({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-[11px] tracking-[0.14em] text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
+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;

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -11,6 +11,7 @@ export type DropdownMenuLabelProps = React.ComponentProps<"div"> & {
 export type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
     inset?: boolean;
     variant?: "default" | "destructive";
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuSubmenuProps = MenuPrimitive.SubmenuRoot.Props;
 export type DropdownMenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
@@ -19,26 +20,30 @@ export type DropdownMenuSubmenuTriggerProps = MenuPrimitive.SubmenuTrigger.Props
 export type DropdownMenuSubmenuContentProps = React.ComponentProps<typeof DropdownMenuContent>;
 export type DropdownMenuCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
     inset?: boolean;
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuRadioGroupProps = MenuPrimitive.RadioGroup.Props;
 export type DropdownMenuRadioItemProps = MenuPrimitive.RadioItem.Props & {
     inset?: boolean;
+    closeOnSelect?: boolean;
 };
 export type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props;
 export type DropdownMenuShortcutProps = React.ComponentProps<"span">;
+export type DropdownMenuItemDescriptionProps = React.ComponentProps<"span">;
 declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): React.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): React.JSX.Element;
 declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): React.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): React.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, closeOnSelect, onSelect, ...props }: DropdownMenuItemProps): React.JSX.Element;
 declare function DropdownMenuSub({ ...props }: DropdownMenuSubmenuProps): React.JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubmenuTriggerProps): React.JSX.Element;
 declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubmenuContentProps): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, closeOnSelect, onSelect, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, closeOnSelect, onSelect, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+declare function DropdownMenuItemDescription({ className, ...props }: DropdownMenuItemDescriptionProps): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuItemDescription, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };