tembro 2.0.5 → 2.1.0

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

@@ -18,14 +18,25 @@ type CardSurfaceSlots = {
     media?: React.ReactNode;
     content?: React.ReactNode;
     footer?: React.ReactNode;
+    mediaClassName?: string;
+    bodyClassName?: string;
     headerClassName?: string;
+    eyebrowClassName?: string;
     titleClassName?: string;
     descriptionClassName?: string;
     contentClassName?: string;
     footerClassName?: string;
 };
-export type CardProps = Omit<React.ComponentProps<"div">, keyof CardSurfaceSlots> & VariantProps<typeof cardVariants> & CardSurfaceSlots;
-declare function Card({ className, variant, size, density, tone, interactive, selected, disabled, tabIndex, eyebrow, title, description, badge, action, media, content, footer, headerClassName, titleClassName, descriptionClassName, contentClassName, footerClassName, children, ...props }: CardProps): React.JSX.Element;
+export type CardOrientation = "vertical" | "horizontal";
+export type CardMediaAspect = "auto" | "square" | "video" | "poster" | "wide";
+export type CardPadding = "none" | "sm" | "default" | "lg";
+export type CardProps = Omit<React.ComponentProps<"div">, keyof CardSurfaceSlots> & VariantProps<typeof cardVariants> & CardSurfaceSlots & {
+    orientation?: CardOrientation;
+    mediaPosition?: "start" | "end";
+    mediaAspect?: CardMediaAspect;
+    padding?: CardPadding;
+};
+declare function Card({ className, variant, size, density, tone, interactive, selected, disabled, orientation, mediaPosition, mediaAspect, padding, tabIndex, eyebrow, title, description, badge, action, media, content, footer, mediaClassName, bodyClassName, headerClassName, eyebrowClassName, titleClassName, descriptionClassName, contentClassName, footerClassName, children, ...props }: CardProps): React.JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;

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

@@ -55,20 +55,36 @@ var a = t("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded
 function o(e) {
 	return e.eyebrow != null || e.title != null || e.description != null || e.badge != null || e.action != null || e.media != null || e.content != null || e.footer != null;
 }
-function s({ className: t, variant: s, size: m, density: h, tone: g, interactive: _, selected: v, disabled: y, tabIndex: b, eyebrow: x, title: S, description: C, badge: w, action: T, media: E, content: D, footer: O, headerClassName: k, titleClassName: A, descriptionClassName: j, contentClassName: M, footerClassName: N, children: P, ...F }) {
-	let I = o({
-		eyebrow: x,
-		title: S,
-		description: C,
-		badge: w,
-		action: T,
-		media: E,
-		content: D,
-		footer: O
-	}), L = D ?? P, R = x != null || S != null || C != null || w != null || T != null, z = O != null;
+function s({ className: t, variant: s, size: m, density: h, tone: g, interactive: _, selected: v, disabled: y, orientation: b = "vertical", mediaPosition: x = "start", mediaAspect: S = "auto", padding: C = "default", tabIndex: w, eyebrow: T, title: E, description: D, badge: O, action: k, media: A, content: j, footer: M, mediaClassName: N, bodyClassName: P, headerClassName: F, eyebrowClassName: I, titleClassName: L, descriptionClassName: R, contentClassName: z, footerClassName: B, children: V, ...H }) {
+	let U = o({
+		eyebrow: T,
+		title: E,
+		description: D,
+		badge: O,
+		action: k,
+		media: A,
+		content: j,
+		footer: M
+	}), W = j ?? V, G = T != null || E != null || D != null || O != null || k != null, K = M != null, q = A ? /* @__PURE__ */ r("div", {
+		"data-slot": "card-media",
+		"data-media-position": x,
+		"data-media-aspect": S,
+		className: e("overflow-hidden", b === "horizontal" ? "shrink-0 self-stretch" : "", S === "square" && (b === "horizontal" ? "w-40" : "aspect-square"), S === "video" && (b === "horizontal" ? "w-56" : "aspect-video"), S === "poster" && (b === "horizontal" ? "w-36" : "aspect-[3/4]"), S === "wide" && (b === "horizontal" ? "w-72" : "aspect-[16/7]"), N),
+		children: A
+	}) : null, J = {
+		none: "",
+		sm: "px-4",
+		default: "px-(--card-spacing)",
+		lg: "px-6"
+	}, Y = {
+		none: "",
+		sm: "pb-4",
+		default: "",
+		lg: "pb-6"
+	};
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "card",
-		"data-surface": I || void 0,
+		"data-surface": U || void 0,
 		"data-size": m ?? "default",
 		"data-variant": s ?? "default",
 		"data-tone": g ?? "neutral",
@@ -76,9 +92,11 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 		"data-interactive": _ || void 0,
 		"data-selected": v || void 0,
 		"data-disabled": y || void 0,
-		"data-has-footer": z || void 0,
+		"data-has-footer": K || void 0,
+		"data-orientation": b,
+		"data-padding": C,
 		"aria-disabled": y || void 0,
-		tabIndex: _ && !y ? b ?? 0 : b,
+		tabIndex: _ && !y ? w ?? 0 : w,
 		className: e(a({
 			variant: s,
 			size: m,
@@ -87,42 +105,49 @@ function s({ className: t, variant: s, size: m, density: h, tone: g, interactive
 			interactive: _,
 			selected: v,
 			disabled: y
-		}), t),
-		...F,
-		children: I ? /* @__PURE__ */ i(n, { children: [
-			E,
-			R ? /* @__PURE__ */ i(c, {
-				className: k,
-				children: [/* @__PURE__ */ i("div", {
-					className: "min-w-0 space-y-1",
-					children: [
-						x == null ? null : /* @__PURE__ */ r("div", {
-							className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80",
-							children: x
-						}),
-						S == null ? null : /* @__PURE__ */ r(l, {
-							className: A,
-							children: S
-						}),
-						C == null ? null : /* @__PURE__ */ r(u, {
-							className: j,
-							children: C
-						})
-					]
-				}), w != null || T != null ? /* @__PURE__ */ i(d, {
-					className: "flex items-center gap-2",
-					children: [w, T]
-				}) : null]
-			}) : null,
-			L == null ? null : /* @__PURE__ */ r(f, {
-				className: M,
-				children: L
+		}), b === "horizontal" && "flex-row py-0", _ && "hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", v && "border-[color:var(--aui-control-border-strong,var(--ring))] shadow-[var(--aui-card-shadow-hover,var(--aui-card-shadow,0_12px_32px_rgba(15,23,42,0.08)))]", t),
+		...H,
+		children: U ? /* @__PURE__ */ i(n, { children: [
+			x === "start" ? q : null,
+			/* @__PURE__ */ i("div", {
+				"data-slot": "card-body",
+				className: e("flex min-w-0 flex-1 flex-col", b === "horizontal" ? "py-(--card-spacing)" : "", Y[C], P),
+				children: [
+					G ? /* @__PURE__ */ i(c, {
+						className: e(J[C], F),
+						children: [/* @__PURE__ */ i("div", {
+							className: "min-w-0 space-y-1",
+							children: [
+								T == null ? null : /* @__PURE__ */ r("div", {
+									className: e("text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground/80", I),
+									children: T
+								}),
+								E == null ? null : /* @__PURE__ */ r(l, {
+									className: L,
+									children: E
+								}),
+								D == null ? null : /* @__PURE__ */ r(u, {
+									className: R,
+									children: D
+								})
+							]
+						}), O != null || k != null ? /* @__PURE__ */ i(d, {
+							className: "flex items-center gap-2",
+							children: [O, k]
+						}) : null]
+					}) : null,
+					W == null ? null : /* @__PURE__ */ r(f, {
+						className: e(J[C], z),
+						children: W
+					}),
+					K ? /* @__PURE__ */ r(p, {
+						className: e(J[C], B),
+						children: M
+					}) : null
+				]
 			}),
-			z ? /* @__PURE__ */ r(p, {
-				className: N,
-				children: O
-			}) : null
-		] }) : P
+			x === "end" ? q : null
+		] }) : V
 	});
 }
 function c({ className: t, ...n }) {

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.cjs

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

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

@@ -16,6 +16,7 @@ export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
     kind?: "text";
     value?: string | number | readonly string[] | null;
     onValueChange?: (value: string) => void;
+    onDebouncedValueChange?: (value: string) => void;
     leading?: React.ReactNode;
     trailing?: React.ReactNode;
     trailingAction?: React.ReactNode;
@@ -34,6 +35,13 @@ export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
     helperClassName?: string;
     leadingPointerEvents?: boolean;
     trailingPointerEvents?: boolean;
+    searchIcon?: React.ReactNode;
+    loading?: boolean;
+    loadingLabel?: string;
+    resultCount?: number;
+    shortcut?: React.ReactNode;
+    debounceMs?: number;
+    showMetaOnClear?: boolean;
 };
 export type InputClearableProps = Omit<ClearableInputProps, "kind"> & {
     kind: "clearable";
@@ -71,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/input/index.js

@@ -18,7 +18,10 @@ import { jsx as b, jsxs as x } from "react/jsx-runtime";
 function S(e) {
 	return typeof e == "string" ? e.length : typeof e == "number" ? String(e).length : Array.isArray(e) ? e.join("").length : 0;
 }
-var C = y.forwardRef((n, r) => {
+function C(e) {
+	return e.type === "search" || e.searchIcon !== void 0 || e.loading !== void 0 || e.loadingLabel !== void 0 || e.resultCount !== void 0 || e.shortcut !== void 0 || e.debounceMs !== void 0 || e.showMetaOnClear !== void 0 || e.onDebouncedValueChange !== void 0;
+}
+var w = y.forwardRef((n, r) => {
 	let i = n.kind ?? "text";
 	if (i === "search") return /* @__PURE__ */ b(v, {
 		ref: r,
@@ -57,39 +60,69 @@ var C = y.forwardRef((n, r) => {
 		ref: r,
 		...n
 	});
-	let { value: a, defaultValue: o, leading: s, trailing: C, trailingAction: w, clearable: T = !1, onValueChange: E, onClear: D, clearLabel: O, clearOnEscape: k, focusAfterClear: A, replaceTrailingWhenClear: j, helperText: M, errorText: N, showCharacterCount: P = !1, countFormatter: F, wrapperClassName: I, inputClassName: L, helperClassName: R, leadingPointerEvents: z = !1, trailingPointerEvents: B = !0, onChange: V, maxLength: H, className: U, ...W } = n, G = a !== void 0, [K, q] = y.useState(() => S(o)), J = G ? S(a) : K, Y = N ?? M, X = N ? "text-destructive" : "text-muted-foreground", Z = (e) => {
+	let a = n;
+	if (C(a)) {
+		let { leading: t, searchIcon: n, helperText: i, errorText: o, showCharacterCount: s, countFormatter: c, helperClassName: l, inputClassName: u, ...d } = a, f = Array.isArray(a.value) ? a.value.join(" ") : a.value == null || typeof a.value == "string" || typeof a.value == "number" ? a.value : String(a.value), p = Array.isArray(a.defaultValue) ? a.defaultValue.join(" ") : a.defaultValue == null || typeof a.defaultValue == "string" || typeof a.defaultValue == "number" ? a.defaultValue : String(a.defaultValue), m = /* @__PURE__ */ b(v, {
+			ref: r,
+			searchIcon: n ?? t,
+			inputClassName: u,
+			...d,
+			value: f,
+			defaultValue: p
+		});
+		if (!i && !o && !s) return m;
+		let h = S(a.value ?? a.defaultValue);
+		return /* @__PURE__ */ x("div", {
+			"data-slot": "input-field",
+			className: "grid gap-1.5",
+			children: [m, /* @__PURE__ */ x("div", {
+				"data-slot": "input-meta",
+				className: "flex items-start justify-between gap-3 px-1",
+				children: [/* @__PURE__ */ b("div", {
+					"data-slot": "input-helper",
+					className: e("min-w-0 text-xs leading-5", o ? "text-destructive" : "text-muted-foreground", l),
+					children: o ?? i
+				}), s ? /* @__PURE__ */ b("div", {
+					"data-slot": "input-count",
+					className: e("shrink-0 text-[11px] font-medium tabular-nums", o ? "text-destructive" : "text-muted-foreground"),
+					children: c?.(h, a.maxLength) ?? (typeof a.maxLength == "number" ? `${h}/${a.maxLength}` : h)
+				}) : null]
+			})]
+		});
+	}
+	let { value: o, defaultValue: s, leading: w, trailing: T, trailingAction: E, clearable: D = !1, onValueChange: O, onClear: ee, clearLabel: k, clearOnEscape: A, focusAfterClear: j, replaceTrailingWhenClear: M, helperText: N, errorText: P, showCharacterCount: F = !1, countFormatter: te, wrapperClassName: I, inputClassName: L, helperClassName: R, leadingPointerEvents: z = !1, trailingPointerEvents: B = !0, onChange: V, maxLength: H, className: U, ...W } = a, G = o !== void 0, [K, q] = y.useState(() => S(s)), J = G ? S(o) : K, Y = P ?? N, X = P ? "text-destructive" : "text-muted-foreground", Z = (e) => {
 		G || q(e.target.value.length), V?.(e);
 	}, Q = (e) => {
-		Z(e), E?.(e.target.value);
-	}, $ = T ? /* @__PURE__ */ b(l, {
+		Z(e), O?.(e.target.value);
+	}, $ = D ? /* @__PURE__ */ b(l, {
 		ref: r,
-		value: a,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
-		leadingIcon: s,
-		trailing: C,
-		trailingAction: w,
-		clearable: T,
+		leadingIcon: w,
+		trailing: T,
+		trailingAction: E,
+		clearable: D,
 		onChange: Z,
-		onValueChange: E,
-		onClear: D,
-		clearLabel: O,
-		clearOnEscape: k,
-		focusAfterClear: A,
-		replaceTrailingWhenClear: j,
+		onValueChange: O,
+		onClear: ee,
+		clearLabel: k,
+		clearOnEscape: A,
+		focusAfterClear: j,
+		replaceTrailingWhenClear: M,
 		wrapperClassName: I,
 		inputClassName: L,
 		className: U,
 		maxLength: H,
 		...W
-	}) : s || C || w ? /* @__PURE__ */ b(c, {
+	}) : w || T || E ? /* @__PURE__ */ b(c, {
 		ref: r,
-		value: a ?? void 0,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o ?? void 0,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
-		leading: s,
-		trailing: C,
-		trailingAction: w,
+		leading: w,
+		trailing: T,
+		trailingAction: E,
 		leadingPointerEvents: z,
 		trailingPointerEvents: B,
 		wrapperClassName: I,
@@ -100,15 +133,15 @@ var C = y.forwardRef((n, r) => {
 		...W
 	}) : /* @__PURE__ */ b(t, {
 		ref: r,
-		value: a ?? void 0,
-		defaultValue: a === void 0 ? o : void 0,
+		value: o ?? void 0,
+		defaultValue: o === void 0 ? s : void 0,
 		type: W.type ?? "text",
 		className: e(L, U),
 		onChange: Q,
 		maxLength: H,
 		...W
 	});
-	return !Y && !P ? $ : /* @__PURE__ */ x("div", {
+	return !Y && !F ? $ : /* @__PURE__ */ x("div", {
 		"data-slot": "input-field",
 		className: "grid gap-1.5",
 		children: [$, /* @__PURE__ */ x("div", {
@@ -118,14 +151,14 @@ var C = y.forwardRef((n, r) => {
 				"data-slot": "input-helper",
 				className: e("min-w-0 text-xs leading-5", X, R),
 				children: Y
-			}), P ? /* @__PURE__ */ b("div", {
+			}), F ? /* @__PURE__ */ b("div", {
 				"data-slot": "input-count",
-				className: e("shrink-0 text-[11px] font-medium tabular-nums", N ? "text-destructive" : "text-muted-foreground"),
-				children: F?.(J, H) ?? (typeof H == "number" ? `${J}/${H}` : J)
+				className: e("shrink-0 text-[11px] font-medium tabular-nums", P ? "text-destructive" : "text-muted-foreground"),
+				children: te?.(J, H) ?? (typeof H == "number" ? `${J}/${H}` : J)
 			}) : null]
 		})]
 	});
 });
-C.displayName = "Input";
+w.displayName = "Input";
 //#endregion
-export { C as Input, n as InputGroup, r as InputGroupAddon, i as InputGroupButton, a as InputGroupInput, o as InputGroupText, s as InputGroupTextarea };
+export { w as Input, n as InputGroup, r as InputGroupAddon, i as InputGroupButton, a as InputGroupInput, o as InputGroupText, s as 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 };