tembro 2.0.6 → 2.1.0

package/dist/components/overlay/drawer.js

@@ -5,38 +5,46 @@ import "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/overlay/drawer.tsx
 var d = {
-	right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-lg",
-	left: "left-0 top-0 h-dvh max-h-dvh w-full max-w-md translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-lg",
+	right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right",
+	left: "left-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left",
 	top: "left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
 	bottom: "bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
+}, f = {
+	sm: "sm:max-w-sm",
+	md: "sm:max-w-md",
+	lg: "sm:max-w-lg",
+	xl: "sm:max-w-2xl",
+	full: "max-w-none sm:max-w-[min(100vw,72rem)]"
 };
-function f({ trigger: t, title: r, description: f, side: p = "right", footer: m, headerClassName: h, bodyClassName: g, footerClassName: _, contentClassName: v, showCloseButton: y = !0, children: b, ...x }) {
+function p({ trigger: t, title: r, description: p, side: m = "right", width: h = "lg", footer: g, headerClassName: _, bodyClassName: v, footerClassName: y, contentClassName: b, showCloseButton: x = !0, children: S, ...C }) {
 	return /* @__PURE__ */ u(n, {
-		...x,
+		...C,
 		children: [t ? /* @__PURE__ */ l(c, { render: t }) : null, /* @__PURE__ */ u(i, {
 			size: "full",
-			showCloseButton: y,
-			className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 p-0", d[p], v),
+			showCloseButton: x,
+			"data-side": m,
+			"data-width": h,
+			className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0", d[m], (m === "left" || m === "right") && f[h], b),
 			children: [
-				(r || f) && /* @__PURE__ */ u(o, {
-					className: e("border-b border-border/70 p-6", h),
-					children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, f ? /* @__PURE__ */ l(a, { children: f }) : null]
+				(r || p) && /* @__PURE__ */ u(o, {
+					className: e("border-b border-border/70 p-6", _),
+					children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, p ? /* @__PURE__ */ l(a, { children: p }) : null]
 				}),
 				/* @__PURE__ */ l("div", {
 					"data-slot": "drawer-body",
-					className: e("min-h-0 flex-1 overflow-y-auto p-6", g),
-					children: b
+					className: e("min-h-0 flex-1 overflow-y-auto p-6", v),
+					children: S
 				}),
-				m ? /* @__PURE__ */ l("div", {
+				g ? /* @__PURE__ */ l("div", {
 					"data-slot": "drawer-footer",
-					className: e("border-t border-border/70 p-5", _),
-					children: m
+					className: e("border-t border-border/70 p-5", y),
+					children: g
 				}) : null
 			]
 		})]
 	});
 }
-function p({ children: e = "Close", ...n }) {
+function m({ children: e = "Close", ...n }) {
 	return /* @__PURE__ */ l(r, {
 		render: /* @__PURE__ */ l(t, {
 			type: "button",
@@ -47,4 +55,4 @@ function p({ children: e = "Close", ...n }) {
 	});
 }
 //#endregion
-export { f as Drawer, p as DrawerCloseButton };
+export { p as Drawer, m as DrawerCloseButton };

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

@@ -5,6 +5,10 @@ export type AccordionProps = CollapseGroupProps;
 export type AccordionRootProps = CollapseProps;
 export type AccordionTriggerProps = CollapseTriggerProps;
 export type AccordionContentProps = React.ComponentProps<"div">;
+/**
+ * Accordion is the grouped disclosure API. Use CollapseRoot/CollapseTrigger/CollapseContent
+ * for a single standalone disclosure.
+ */
 declare function Accordion(props: AccordionProps): React.JSX.Element;
 declare function AccordionRoot(props: AccordionRootProps): React.JSX.Element;
 declare function AccordionTrigger(props: AccordionTriggerProps): React.JSX.Element;

package/dist/components/ui/badge/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("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-[var(--radius-md)] border border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_36%)] font-semibold tracking-[0.01em] text-foreground shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_34%)] transition-[background-color,border-color,color,box-shadow,transform] focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive [&>svg]:pointer-events-none [&>svg]:size-3!`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),transparent_48%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_78%)] text-[color:color-mix(in_oklch,var(--primary),black_24%)] dark:text-[color:color-mix(in_oklch,var(--primary),white_36%)]`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_10%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_8%)] text-foreground`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),transparent_52%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,outline:`bg-[color:color-mix(in_oklch,var(--background),var(--muted)_6%)] text-foreground shadow-none`,ghost:`border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_76%)] text-muted-foreground shadow-none`,link:`border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4`},tone:{neutral:``,info:`border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_64%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_48%)]`,success:`border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_56%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_78%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_14%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_40%)]`,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_72%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_30%)]`,danger:`border-[color:color-mix(in_oklch,var(--destructive),transparent_56%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_80%)] text-[color:color-mix(in_oklch,var(--destructive),black_14%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,muted:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-muted-foreground`},size:{sm:`min-h-5 px-2.5 py-0.5 text-[0.64rem]`,default:`min-h-6 px-3 py-1 text-[0.7rem]`,lg:`min-h-7 px-3.5 py-1 text-[0.78rem]`},dot:{true:`pl-2`,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:n=`default`,tone:i=`neutral`,size:l=`default`,dot:u=!1,label:d,count:f,status:p,removable:m=!1,onRemove:h,removeLabel:g=`Remove badge`,leftIcon:_,rightIcon:v,children:y,render:b,...x}){let S=p??i,C=d??y,w=u||p===`success`||p===`warning`||p===`danger`||p===`info`;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:n,tone:S,size:l,dot:w}),e),children:(0,a.jsxs)(a.Fragment,{children:[w?(0,a.jsx)(`span`,{"data-slot":`badge-dot`,className:`size-1.5 rounded-full bg-current opacity-75`}):null,_?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:_}):null,C?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:C}):null,f==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,className:`inline-flex min-w-5 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_88%)] px-1.5 py-0.5 text-[0.72em] font-semibold`,children:f}),v?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:v}):null,m?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":g,onClick:e=>{e.preventDefault(),e.stopPropagation(),h?.()},className:`inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100`,children:(0,a.jsx)(r.XIcon,{className:`size-3`})}):null]})},{"data-variant":n??`default`,"data-tone":S??`neutral`,"data-size":l??`default`,"data-removable":m||void 0},x),render:b,state:{slot:`badge`,variant:n,tone:S,size:l,dot:w}})}exports.Badge=l,exports.badgeVariants=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("class-variance-authority"),a=require("react/jsx-runtime"),o=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render");var c=(0,i.cva)(`group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-[var(--radius-md)] border border-[color:color-mix(in_oklch,var(--border),var(--foreground)_6%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_36%)] font-semibold tracking-[0.01em] text-foreground shadow-[inset_0_1px_0_color-mix(in_oklch,white,transparent_34%)] transition-[background-color,border-color,color,box-shadow,transform] focus-visible:ring-0 focus-visible:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_5px_var(--aui-focus-ring-soft,transparent)] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive [&>svg]:pointer-events-none [&>svg]:size-3!`,{variants:{variant:{default:`border-[color:color-mix(in_oklch,var(--primary),transparent_48%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_78%)] text-[color:color-mix(in_oklch,var(--primary),black_24%)] dark:text-[color:color-mix(in_oklch,var(--primary),white_36%)]`,secondary:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_10%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_8%)] text-foreground`,destructive:`border-[color:color-mix(in_oklch,var(--destructive),transparent_52%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,soft:`border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_38%)] text-foreground shadow-none`,outline:`bg-[color:color-mix(in_oklch,var(--background),var(--muted)_6%)] text-foreground shadow-none`,ghost:`border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_76%)] text-muted-foreground shadow-none`,link:`border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4`},tone:{neutral:``,info:`border-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_64%)] bg-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),transparent_82%)] text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),black_18%)] dark:text-[color:color-mix(in_oklch,var(--aui-info,var(--primary)),white_48%)]`,success:`border-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_56%)] bg-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),transparent_78%)] text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),black_14%)] dark:text-[color:color-mix(in_oklch,var(--aui-success,var(--primary)),white_40%)]`,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_72%)] text-[color:color-mix(in_oklch,var(--aui-warning-foreground,var(--foreground)),black_6%)] dark:text-[color:color-mix(in_oklch,var(--aui-warning,var(--primary)),white_30%)]`,danger:`border-[color:color-mix(in_oklch,var(--destructive),transparent_56%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_80%)] text-[color:color-mix(in_oklch,var(--destructive),black_14%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]`,muted:`border-[color:color-mix(in_oklch,var(--border),var(--foreground)_8%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_18%)] text-muted-foreground`},size:{sm:`min-h-5 px-2.5 py-0.5 text-[0.64rem]`,default:`min-h-6 px-3 py-1 text-[0.7rem]`,lg:`min-h-7 px-3.5 py-1 text-[0.78rem]`},dot:{true:`pl-2`,false:``}},defaultVariants:{variant:`default`,tone:`neutral`,size:`default`,dot:!1}});function l({className:e,variant:n=`default`,tone:i=`neutral`,size:l=`default`,dot:u=!1,label:d,count:f,status:p,removable:m=!1,onRemove:h,removeLabel:g=`Remove badge`,leftIcon:_,rightIcon:v,children:y,render:b,...x}){let S=p??i,C=d??y,w=u||p===`success`||p===`warning`||p===`danger`||p===`info`;return(0,s.useRender)({defaultTagName:`span`,props:(0,o.mergeProps)({className:t.cn(c({variant:n,tone:S,size:l,dot:w}),e),children:(0,a.jsxs)(a.Fragment,{children:[w?(0,a.jsx)(`span`,{"data-slot":`badge-dot`,className:`size-1.5 rounded-full bg-current opacity-75`}):null,_?(0,a.jsx)(`span`,{"data-icon":`inline-start`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:_}):null,C?(0,a.jsx)(`span`,{"data-slot":`badge-label`,children:C}):null,f==null?null:(0,a.jsx)(`span`,{"data-slot":`badge-count`,className:`inline-flex min-w-5 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_88%)] px-1.5 py-0.5 text-[0.72em] font-semibold`,children:f}),v?(0,a.jsx)(`span`,{"data-icon":`inline-end`,"data-slot":`badge-icon`,className:`inline-flex shrink-0 items-center`,children:v}):null,m?(0,a.jsx)(`button`,{type:`button`,"data-slot":`badge-remove`,"aria-label":g,onClick:e=>{e.preventDefault(),e.stopPropagation(),h?.()},className:`inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/35`,children:(0,a.jsx)(r.XIcon,{className:`size-3`})}):null]})},{"data-variant":n??`default`,"data-tone":S??`neutral`,"data-size":l??`default`,"data-removable":m||void 0},x),render:b,state:{slot:`badge`,variant:n,tone:S,size:l,dot:w}})}exports.Badge=l,exports.badgeVariants=c;

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "soft" | null | undefined;
     tone?: "warning" | "neutral" | "info" | "success" | "danger" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     dot?: boolean | null | undefined;

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

@@ -12,6 +12,7 @@ var c = n("group/badge inline-flex w-fit shrink-0 items-center justify-center ga
 			default: "border-[color:color-mix(in_oklch,var(--primary),transparent_48%)] bg-[color:color-mix(in_oklch,var(--primary),transparent_78%)] text-[color:color-mix(in_oklch,var(--primary),black_24%)] dark:text-[color:color-mix(in_oklch,var(--primary),white_36%)]",
 			secondary: "border-[color:color-mix(in_oklch,var(--border),var(--foreground)_10%)] bg-[color:color-mix(in_oklch,var(--muted),var(--background)_8%)] text-foreground",
 			destructive: "border-[color:color-mix(in_oklch,var(--destructive),transparent_52%)] bg-[color:color-mix(in_oklch,var(--destructive),transparent_82%)] text-[color:color-mix(in_oklch,var(--destructive),black_16%)] dark:text-[color:color-mix(in_oklch,var(--destructive),white_38%)]",
+			soft: "border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_38%)] text-foreground shadow-none",
 			outline: "bg-[color:color-mix(in_oklch,var(--background),var(--muted)_6%)] text-foreground shadow-none",
 			ghost: "border-transparent bg-[color:color-mix(in_oklch,var(--muted),transparent_76%)] text-muted-foreground shadow-none",
 			link: "border-transparent bg-transparent p-0 text-primary shadow-none underline-offset-4"
@@ -85,7 +86,7 @@ function l({ className: n, variant: l = "default", tone: u = "neutral", size: d
 					onClick: (e) => {
 						e.preventDefault(), e.stopPropagation(), _?.();
 					},
-					className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100",
+					className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-[color:color-mix(in_oklch,currentColor,transparent_90%)] opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/35",
 					children: /* @__PURE__ */ i(t, { className: "size-3" })
 				}) : null
 			] })

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,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;
+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,iconOnly:f=!1,fullWidth:p=!1,pressed:m=!1,children:h,"aria-label":g,..._}){let v=s||c,y=f&&(i==="default"||i===`md`)?`icon`:i;return(0,a.jsxs)(r.Button,{"data-slot":`button`,"data-variant":n??`default`,"data-size":y??`default`,"data-icon-only":f||void 0,"data-loading":c||void 0,"data-pressed":m||void 0,disabled:v,"aria-busy":c||void 0,"aria-pressed":m||void 0,"aria-label":g,className:t.cn(o({variant:n,size:y,className:e}),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))]`),..._,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,h?(0,a.jsx)(`span`,{"data-slot":`button-label`,children:c?l:h}):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,8 +10,9 @@ export type ButtonProps = ButtonPrimitive.Props & VariantProps<typeof buttonVari
     loadingLabel?: string;
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
+    iconOnly?: boolean;
     fullWidth?: boolean;
     pressed?: boolean;
 };
-declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, fullWidth, pressed, children, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, disabled, loading, loadingLabel, leftIcon, rightIcon, iconOnly, fullWidth, pressed, children, "aria-label": ariaLabel, ...props }: ButtonProps): React.JSX.Element;
 export { Button, buttonVariants };

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

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

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`,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;
+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;

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

@@ -42,7 +42,8 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
 		"data-size": d,
 		"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),
+		"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),
 		...p,
 		children: [s, l && /* @__PURE__ */ i(a.Close, {
 			"data-slot": "dialog-close",

package/dist/components/ui/hover-card.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("react/jsx-runtime");var i={top:`bottom-full left-1/2 mb-2.5 -translate-x-1/2`,right:`left-full top-1/2 ml-2.5 -translate-y-1/2`,bottom:`left-1/2 top-full mt-2.5 -translate-x-1/2`,left:`right-full top-1/2 mr-2.5 -translate-y-1/2`};function a({trigger:e,content:n,side:a=`bottom`,contentClassName:o,className:s,children:c,...l}){return(0,r.jsxs)(`div`,{"data-slot":`hover-card`,className:t.cn(`group/hover-card relative inline-flex`,s),...l,children:[(0,r.jsx)(`span`,{"data-slot":`hover-card-trigger`,className:`inline-flex`,children:e}),(0,r.jsx)(`div`,{"data-slot":`hover-card-content`,className:t.cn(`pointer-events-none absolute z-50 min-w-60 rounded-[var(--radius-2xl)] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground opacity-0 shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 backdrop-blur transition duration-150 group-hover/hover-card:pointer-events-auto group-hover/hover-card:opacity-100 group-focus-within/hover-card:pointer-events-auto group-focus-within/hover-card:opacity-100`,i[a],o),children:n}),c]})}exports.HoverCard=a;
+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/preview-card");function a({trigger:e,content:n,side:a=`bottom`,align:o=`center`,sideOffset:s=10,alignOffset:c=0,collisionPadding:l=12,delay:u=450,closeDelay:d=180,disabled:f=!1,contentClassName:p,className:m,...h}){return f?(0,r.jsx)(`span`,{"data-slot":`hover-card`,className:t.cn(`inline-flex`,m),...h,children:e}):(0,r.jsxs)(i.PreviewCard.Root,{children:[(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,delay:u,closeDelay:d,render:(0,r.jsx)(`span`,{"data-slot":`hover-card`,className:t.cn(`inline-flex`,m),...h}),children:e}),(0,r.jsx)(i.PreviewCard.Portal,{children:(0,r.jsx)(i.PreviewCard.Positioner,{className:`isolate z-50`,side:a,align:o,sideOffset:s,alignOffset:c,collisionPadding:l,children:(0,r.jsx)(i.PreviewCard.Popup,{"data-slot":`hover-card-content`,className:t.cn(`z-50 min-w-60 max-w-[min(24rem,calc(100vw-1rem))] origin-(--transform-origin) rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 outline-hidden backdrop-blur duration-150 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`,p),children:n})})})]})}exports.HoverCard=a;

package/dist/components/ui/hover-card.d.ts

@@ -1,9 +1,17 @@
 import * as React from "react";
-export type HoverCardProps = Omit<React.ComponentProps<"div">, "content"> & {
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+export type HoverCardProps = Omit<PreviewCardPrimitive.Root.Props, "children"> & Omit<React.ComponentProps<"span">, "content" | "children"> & {
     trigger: React.ReactNode;
     content: React.ReactNode;
-    side?: "top" | "right" | "bottom" | "left";
+    side?: PreviewCardPrimitive.Positioner.Props["side"];
+    align?: PreviewCardPrimitive.Positioner.Props["align"];
+    sideOffset?: PreviewCardPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: PreviewCardPrimitive.Positioner.Props["alignOffset"];
+    collisionPadding?: PreviewCardPrimitive.Positioner.Props["collisionPadding"];
+    delay?: PreviewCardPrimitive.Trigger.Props["delay"];
+    closeDelay?: PreviewCardPrimitive.Trigger.Props["closeDelay"];
+    disabled?: boolean;
     contentClassName?: string;
 };
-declare function HoverCard({ trigger, content, side, contentClassName, className, children, ...props }: HoverCardProps): React.JSX.Element;
+declare function HoverCard({ trigger, content, side, align, sideOffset, alignOffset, collisionPadding, delay, closeDelay, disabled, contentClassName, className, ...props }: HoverCardProps): React.JSX.Element;
 export { HoverCard };

package/dist/components/ui/hover-card.js

@@ -1,32 +1,37 @@
 import { cn as e } from "../../lib/utils.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { PreviewCard as r } from "@base-ui/react/preview-card";
 //#region src/components/ui/hover-card.tsx
-var r = {
-	top: "bottom-full left-1/2 mb-2.5 -translate-x-1/2",
-	right: "left-full top-1/2 ml-2.5 -translate-y-1/2",
-	bottom: "left-1/2 top-full mt-2.5 -translate-x-1/2",
-	left: "right-full top-1/2 mr-2.5 -translate-y-1/2"
-};
-function i({ trigger: i, content: a, side: o = "bottom", contentClassName: s, className: c, children: l, ...u }) {
-	return /* @__PURE__ */ n("div", {
+function i({ trigger: i, content: a, side: o = "bottom", align: s = "center", sideOffset: c = 10, alignOffset: l = 0, collisionPadding: u = 12, delay: d = 450, closeDelay: f = 180, disabled: p = !1, contentClassName: m, className: h, ...g }) {
+	return p ? /* @__PURE__ */ t("span", {
 		"data-slot": "hover-card",
-		className: e("group/hover-card relative inline-flex", c),
-		...u,
-		children: [
-			/* @__PURE__ */ t("span", {
-				"data-slot": "hover-card-trigger",
-				className: "inline-flex",
-				children: i
-			}),
-			/* @__PURE__ */ t("div", {
-				"data-slot": "hover-card-content",
-				className: e("pointer-events-none absolute z-50 min-w-60 rounded-[var(--radius-2xl)] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground opacity-0 shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 backdrop-blur transition duration-150 group-hover/hover-card:pointer-events-auto group-hover/hover-card:opacity-100 group-focus-within/hover-card:pointer-events-auto group-focus-within/hover-card:opacity-100", r[o], s),
-				children: a
-			}),
-			l
-		]
-	});
+		className: e("inline-flex", h),
+		...g,
+		children: i
+	}) : /* @__PURE__ */ n(r.Root, { children: [/* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "hover-card-trigger",
+		delay: d,
+		closeDelay: f,
+		render: /* @__PURE__ */ t("span", {
+			"data-slot": "hover-card",
+			className: e("inline-flex", h),
+			...g
+		}),
+		children: i
+	}), /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
+		className: "isolate z-50",
+		side: o,
+		align: s,
+		sideOffset: c,
+		alignOffset: l,
+		collisionPadding: u,
+		children: /* @__PURE__ */ t(r.Popup, {
+			"data-slot": "hover-card-content",
+			className: e("z-50 min-w-60 max-w-[min(24rem,calc(100vw-1rem))] origin-(--transform-origin) rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 outline-hidden backdrop-blur duration-150 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", m),
+			children: a
+		})
+	}) })] });
 }
 //#endregion
 export { i as HoverCard };

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

@@ -79,5 +79,5 @@ export type InputDateRangeProps = Omit<DateRangeInputProps, "onChange" | "onValu
     value?: DateRangeInputProps["value"];
 };
 export type InputProps = InputTextProps | InputClearableProps | InputSearchProps | InputPasswordProps | InputNumberProps | InputPhoneProps | InputMoneyProps | InputQuantityProps | InputMaskedProps | InputDateProps | InputDateRangeProps;
-declare const Input: React.ForwardRefExoticComponent<(Omit<InputTextProps, "ref"> | Omit<InputClearableProps, "ref"> | Omit<InputSearchProps, "ref"> | Omit<InputPasswordProps, "ref"> | Omit<InputNumberProps, "ref"> | Omit<InputPhoneProps, "ref"> | Omit<InputMoneyProps, "ref"> | Omit<InputQuantityProps, "ref"> | Omit<InputMaskedProps, "ref"> | Omit<InputDateProps, "ref"> | Omit<InputDateRangeProps, "ref">) & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
+declare const Input: React.ForwardRefExoticComponent<(Omit<InputTextProps, "ref"> | Omit<InputClearableProps, "ref"> | Omit<InputSearchProps, "ref"> | Omit<InputPasswordProps, "ref"> | Omit<InputNumberProps, "ref"> | Omit<InputPhoneProps, "ref"> | Omit<InputMoneyProps, "ref"> | Omit<InputQuantityProps, "ref"> | Omit<InputMaskedProps, "ref"> | Omit<InputDateProps, "ref"> | Omit<InputDateRangeProps, "ref">) & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
 export { Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/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,side:o=`bottom`,sideOffset:s=4,...c}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,side:o,sideOffset:s,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex w-80 origin-(--transform-origin) flex-col gap-3 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),...c})})})}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 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;

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

@@ -2,13 +2,13 @@ import * as React from "react";
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 export type PopoverRootProps = PopoverPrimitive.Root.Props;
 export type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
-export type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+export type PopoverContentProps = PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "side" | "sideOffset">;
 export type PopoverHeaderProps = React.ComponentProps<"div">;
 export type PopoverTitleProps = PopoverPrimitive.Title.Props;
 export type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 declare function PopoverTrigger({ ...props }: PopoverTriggerProps): React.JSX.Element;
-declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverContentProps): React.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, collisionPadding, side, sideOffset, ...props }: PopoverContentProps): React.JSX.Element;
 declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): React.JSX.Element;
 declare function PopoverTitle({ className, ...props }: PopoverTitleProps): React.JSX.Element;
 declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): React.JSX.Element;

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

@@ -16,17 +16,18 @@ function i({ ...e }) {
 		...e
 	});
 }
-function a({ className: r, align: i = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, ...c }) {
+function a({ className: r, align: i = "center", alignOffset: a = 0, collisionPadding: o = 12, side: s = "bottom", sideOffset: c = 4, ...l }) {
 	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
 		align: i,
 		alignOffset: a,
-		side: o,
-		sideOffset: s,
+		collisionPadding: o,
+		side: s,
+		sideOffset: c,
 		className: "isolate z-50",
 		children: /* @__PURE__ */ t(n.Popup, {
 			"data-slot": "popover-content",
-			className: e("z-50 flex w-80 origin-(--transform-origin) flex-col gap-3 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", r),
-			...c
+			className: e("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", r),
+			...l
 		})
 	}) });
 }

package/dist/components/ui/radio-group/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("react/jsx-runtime");var i={sm:`size-3.5`,default:`size-4`,lg:`size-5`};function a({name:e,value:a,defaultValue:o,onValueChange:s,options:c,orientation:l=`vertical`,size:u=`default`,className:d,itemClassName:f,...p}){let m=n.useId(),h=e??m,[g,_]=n.useState(o??``),v=a!==void 0,y=v?a:g,b=e=>{v||_(e),s?.(e)};return(0,r.jsx)(`div`,{role:`radiogroup`,"data-slot":`radio-group`,"data-orientation":l,className:t.cn(`grid gap-2`,l===`horizontal`&&`sm:flex sm:flex-wrap sm:items-center`,d),...p,children:c.map(e=>{let n=e.value===y;return(0,r.jsxs)(`label`,{"data-slot":`radio-group-item`,"data-checked":n||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55`,f),children:[(0,r.jsx)(`input`,{type:`radio`,name:h,value:e.value,checked:n,disabled:e.disabled,className:`sr-only`,onChange:()=>b(e.value)}),(0,r.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full border border-input bg-background shadow-sm transition group-data-[checked=true]:border-primary group-data-[checked=true]:bg-primary`,i[u]),children:(0,r.jsx)(`span`,{className:`size-1.5 rounded-full bg-primary-foreground opacity-0 transition group-data-[checked=true]:opacity-100`})}),(0,r.jsxs)(`span`,{className:`min-w-0`,children:[(0,r.jsx)(`span`,{className:`block font-medium text-foreground`,children:e.label}),e.description?(0,r.jsx)(`span`,{className:`mt-1 block text-sm leading-6 text-muted-foreground`,children:e.description}):null]})]},e.value)})})}exports.RadioGroup=a;
+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");var i={sm:`size-3.5`,default:`size-4`,lg:`size-5`};function a({name:e,value:a,defaultValue:o,onValueChange:s,options:c,orientation:l=`vertical`,size:u=`default`,invalid:d=!1,disabled:f=!1,className:p,itemClassName:m,itemLabelClassName:h,itemDescriptionClassName:g,..._}){let v=n.useId(),y=e??v,[b,x]=n.useState(o??``),S=a!==void 0,C=S?a:b,w=n.useRef([]),T=c.filter(e=>!e.disabled&&!f),E=e=>{S||x(e),s?.(e)},D=e=>{let t=T[e];if(!t)return;let n=c.findIndex(e=>e.value===t.value);w.current[n]?.focus(),E(t.value)};return(0,r.jsx)(`div`,{role:`radiogroup`,"aria-invalid":d||void 0,"aria-disabled":f||void 0,"data-slot":`radio-group`,"data-orientation":l,"data-invalid":d||void 0,className:t.cn(`grid gap-2`,l===`horizontal`&&`sm:flex sm:flex-wrap sm:items-center`,p),onKeyDown:e=>{if(![`ArrowDown`,`ArrowRight`,`ArrowUp`,`ArrowLeft`,`Home`,`End`].includes(e.key)||T.length===0)return;e.preventDefault();let t=Math.max(0,T.findIndex(e=>e.value===C));if(e.key===`Home`){D(0);return}if(e.key===`End`){D(T.length-1);return}D((t+(e.key===`ArrowDown`||e.key===`ArrowRight`?1:-1)+T.length)%T.length)},..._,children:c.map((e,n)=>{let a=e.value===C,o=f||e.disabled;return(0,r.jsxs)(`label`,{"data-slot":`radio-group-item`,"data-checked":a||void 0,"data-disabled":o||void 0,"data-invalid":d||void 0,className:t.cn(`group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55 data-[invalid=true]:border-destructive/70 data-[invalid=true]:ring-3 data-[invalid=true]:ring-destructive/15`,m),children:[(0,r.jsx)(`input`,{ref:e=>{w.current[n]=e},type:`radio`,name:y,value:e.value,checked:a,disabled:o,"aria-invalid":d||void 0,className:`sr-only`,onChange:()=>E(e.value)}),(0,r.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full border border-input bg-background shadow-sm transition group-data-[checked=true]:border-primary group-data-[checked=true]:bg-primary`,i[u]),children:(0,r.jsx)(`span`,{className:`size-1.5 rounded-full bg-primary-foreground opacity-0 transition group-data-[checked=true]:opacity-100`})}),(0,r.jsxs)(`span`,{className:`min-w-0`,children:[(0,r.jsx)(`span`,{className:t.cn(`block font-medium text-foreground`,h),children:e.label}),e.description?(0,r.jsx)(`span`,{className:t.cn(`mt-1 block text-sm leading-6 text-muted-foreground`,g),children:e.description}):null]})]},e.value)})})}exports.RadioGroup=a;

package/dist/components/ui/radio-group/index.d.ts

@@ -13,7 +13,11 @@ export type RadioGroupProps = Omit<React.ComponentProps<"div">, "onChange"> & {
     options: RadioGroupOption[];
     orientation?: "vertical" | "horizontal";
     size?: "sm" | "default" | "lg";
+    invalid?: boolean;
+    disabled?: boolean;
     itemClassName?: string;
+    itemLabelClassName?: string;
+    itemDescriptionClassName?: string;
 };
-declare function RadioGroup({ name, value, defaultValue, onValueChange, options, orientation, size, className, itemClassName, ...props }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ name, value, defaultValue, onValueChange, options, orientation, size, invalid, disabled, className, itemClassName, itemLabelClassName, itemDescriptionClassName, ...props }: RadioGroupProps): React.JSX.Element;
 export { RadioGroup };

package/dist/components/ui/radio-group/index.js

@@ -7,32 +7,66 @@ var i = {
 	default: "size-4",
 	lg: "size-5"
 };
-function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, orientation: u = "vertical", size: d = "default", className: f, itemClassName: p, ...m }) {
-	let h = t.useId(), g = a ?? h, [_, v] = t.useState(s ?? ""), y = o !== void 0, b = y ? o : _, x = (e) => {
-		y || v(e), c?.(e);
+function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, orientation: u = "vertical", size: d = "default", invalid: f = !1, disabled: p = !1, className: m, itemClassName: h, itemLabelClassName: g, itemDescriptionClassName: _, ...v }) {
+	let y = t.useId(), b = a ?? y, [x, S] = t.useState(s ?? ""), C = o !== void 0, w = C ? o : x, T = t.useRef([]), E = l.filter((e) => !e.disabled && !p), D = (e) => {
+		C || S(e), c?.(e);
+	}, O = (e) => {
+		let t = E[e];
+		if (!t) return;
+		let n = l.findIndex((e) => e.value === t.value);
+		T.current[n]?.focus(), D(t.value);
 	};
 	return /* @__PURE__ */ n("div", {
 		role: "radiogroup",
+		"aria-invalid": f || void 0,
+		"aria-disabled": p || void 0,
 		"data-slot": "radio-group",
 		"data-orientation": u,
-		className: e("grid gap-2", u === "horizontal" && "sm:flex sm:flex-wrap sm:items-center", f),
-		...m,
-		children: l.map((t) => {
-			let a = t.value === b;
+		"data-invalid": f || void 0,
+		className: e("grid gap-2", u === "horizontal" && "sm:flex sm:flex-wrap sm:items-center", m),
+		onKeyDown: (e) => {
+			if (![
+				"ArrowDown",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowLeft",
+				"Home",
+				"End"
+			].includes(e.key) || E.length === 0) return;
+			e.preventDefault();
+			let t = Math.max(0, E.findIndex((e) => e.value === w));
+			if (e.key === "Home") {
+				O(0);
+				return;
+			}
+			if (e.key === "End") {
+				O(E.length - 1);
+				return;
+			}
+			O((t + (e.key === "ArrowDown" || e.key === "ArrowRight" ? 1 : -1) + E.length) % E.length);
+		},
+		...v,
+		children: l.map((t, a) => {
+			let o = t.value === w, s = p || t.disabled;
 			return /* @__PURE__ */ r("label", {
 				"data-slot": "radio-group-item",
-				"data-checked": a || void 0,
-				"data-disabled": t.disabled || void 0,
-				className: e("group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55", p),
+				"data-checked": o || void 0,
+				"data-disabled": s || void 0,
+				"data-invalid": f || void 0,
+				className: e("group flex cursor-pointer items-start gap-3 rounded-[min(var(--radius-xl),16px)] border border-border/80 bg-background/88 px-3 py-2.5 text-sm transition hover:border-ring/35 hover:bg-accent/60 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30 data-[checked=true]:border-primary/35 data-[checked=true]:bg-primary/8 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-55 data-[invalid=true]:border-destructive/70 data-[invalid=true]:ring-3 data-[invalid=true]:ring-destructive/15", h),
 				children: [
 					/* @__PURE__ */ n("input", {
+						ref: (e) => {
+							T.current[a] = e;
+						},
 						type: "radio",
-						name: g,
+						name: b,
 						value: t.value,
-						checked: a,
-						disabled: t.disabled,
+						checked: o,
+						disabled: s,
+						"aria-invalid": f || void 0,
 						className: "sr-only",
-						onChange: () => x(t.value)
+						onChange: () => D(t.value)
 					}),
 					/* @__PURE__ */ n("span", {
 						"aria-hidden": "true",
@@ -42,10 +76,10 @@ function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, o
 					/* @__PURE__ */ r("span", {
 						className: "min-w-0",
 						children: [/* @__PURE__ */ n("span", {
-							className: "block font-medium text-foreground",
+							className: e("block font-medium text-foreground", g),
 							children: t.label
 						}), t.description ? /* @__PURE__ */ n("span", {
-							className: "mt-1 block text-sm leading-6 text-muted-foreground",
+							className: e("mt-1 block text-sm leading-6 text-muted-foreground", _),
 							children: t.description
 						}) : null]
 					})

package/dist/components/ui/right-click-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("react/jsx-runtime");function i({items:e,children:i,className:a,...o}){let[s,c]=n.useState(!1),[l,u]=n.useState({x:0,y:0});return n.useEffect(()=>{if(!s)return;let e=()=>c(!1);return window.addEventListener(`click`,e),()=>window.removeEventListener(`click`,e)},[s]),(0,r.jsxs)(`div`,{"data-slot":`right-click-menu`,className:t.cn(`contents`,a),onContextMenu:e=>{e.preventDefault(),u({x:e.clientX,y:e.clientY}),c(!0)},...o,children:[i,s?(0,r.jsx)(`div`,{className:`fixed z-50 min-w-40 rounded-xl border border-border bg-popover p-1.5 text-sm text-popover-foreground shadow-xl`,style:{left:l.x,top:l.y},children:e.map((e,t)=>(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,className:`block w-full rounded-lg px-3 py-2 text-left hover:bg-accent disabled:pointer-events-none disabled:opacity-50`,onClick:()=>{e.onSelect?.(),c(!1)},children:e.label},t))}):null]})}exports.RightClickMenu=i;
+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");function i(e,t,n=224,r){return typeof window>`u`?{x:e,y:t}:{x:Math.min(Math.max(8,e),Math.max(8,window.innerWidth-n-8)),y:Math.min(Math.max(8,t),Math.max(8,window.innerHeight-r-8))}}function a({items:e,children:a,className:o,label:s=`Context menu`,...c}){let[l,u]=n.useState(!1),[d,f]=n.useState({x:0,y:0}),[p,m]=n.useState(0),h=n.useRef(null),g=n.useRef([]),_=n.useMemo(()=>e.map((e,t)=>({item:e,index:t})).filter(({item:e})=>!e.disabled),[e]),v=n.useCallback((t,n)=>{f(i(t,n,224,Math.max(44,e.length*42+12))),m(_[0]?.index??0),u(!0)},[_,e.length]);n.useEffect(()=>{if(!l)return;let e=()=>u(!1),t=e=>{e.key===`Escape`&&u(!1)};return window.addEventListener(`pointerdown`,e),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),window.addEventListener(`keydown`,t),()=>{window.removeEventListener(`pointerdown`,e),window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`keydown`,t)}},[l]),n.useEffect(()=>{l&&g.current[p]?.focus()},[p,l]);let y=e=>{if(_.length===0)return;let t=_[(_.findIndex(({index:e})=>e===p)+e+_.length)%_.length];m(t.index)};return(0,r.jsxs)(`div`,{"data-slot":`right-click-menu`,ref:h,tabIndex:0,className:t.cn(`contents focus:outline-none`,o),onContextMenu:e=>{e.preventDefault(),v(e.clientX,e.clientY)},onKeyDown:e=>{if(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`){e.preventDefault();let t=h.current?.getBoundingClientRect();v(t?t.left+12:12,t?t.top+12:12)}},...c,children:[a,l?(0,r.jsx)(`div`,{"data-slot":`right-click-menu-content`,role:`menu`,"aria-label":s,className:`fixed z-50 min-w-56 max-w-[calc(100vw-1rem)] 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-1.5 text-sm text-popover-foreground shadow-[var(--aui-popover-shadow,0_18px_42px_rgba(15,23,42,0.16))] outline-none`,style:{left:d.x,top:d.y},onPointerDown:e=>e.stopPropagation(),onKeyDown:e=>{e.key===`ArrowDown`&&(e.preventDefault(),y(1)),e.key===`ArrowUp`&&(e.preventDefault(),y(-1)),e.key===`Home`&&(e.preventDefault(),m(_[0]?.index??p)),e.key===`End`&&(e.preventDefault(),m(_.at(-1)?.index??p))},children:e.map((e,t)=>(0,r.jsxs)(`button`,{ref:e=>{g.current[t]=e},type:`button`,role:`menuitem`,disabled:e.disabled,"data-variant":e.variant??`default`,className:`group flex min-h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-left text-popover-foreground outline-none transition-[background-color,color] hover:bg-accent focus-visible:bg-accent data-[variant=destructive]:text-destructive data-[variant=destructive]:hover:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] data-[variant=destructive]:focus-visible:bg-[color:color-mix(in_oklch,var(--destructive),transparent_90%)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0`,onClick:()=>{e.disabled||(e.onSelect?.(),u(!1))},children:[e.icon,(0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),e.shortcut?(0,r.jsx)(`span`,{className:`ml-3 text-[11px] font-medium tracking-[0.08em] text-muted-foreground group-hover:text-foreground group-focus-visible:text-foreground`,children:e.shortcut}):null]},t))}):null]})}exports.RightClickMenu=a;

package/dist/components/ui/right-click-menu/index.d.ts

@@ -1,11 +1,15 @@
 import * as React from "react";
 export type RightClickMenuItem = {
     label: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: React.ReactNode;
     onSelect?: () => void;
     disabled?: boolean;
+    variant?: "default" | "destructive";
 };
 export type RightClickMenuProps = React.ComponentProps<"div"> & {
     items: RightClickMenuItem[];
+    label?: string;
 };
-declare function RightClickMenu({ items, children, className, ...props }: RightClickMenuProps): React.JSX.Element;
+declare function RightClickMenu({ items, children, className, label, ...props }: RightClickMenuProps): React.JSX.Element;
 export { RightClickMenu };