tembro 1.0.2 → 2.0.0

package/README.md

@@ -36,9 +36,9 @@ import { Input } from "@/components/ui/input"
 - Local source is the product surface.
 - Runtime package import is compatibility-only, not the main path.
 
-## Family governance
+## Component model
 
-The public component model is kept intentionally small. `InputFamily`, `SelectFamily`, `CardFamily`, `FormFamily`, and `DataTableFamily` define the main grouped surfaces, while `componentFamilyCatalog`, `componentDocsGroups`, and `componentFamilyMigrationMap` keep docs, registry metadata, and migration aliases aligned.
+Every public surface is a component. Repeated behavior should be handled with props, hooks, helpers, and local source files, not separate family abstractions.
 
 ## Current direction
 

package/dist/components/calendar/calendar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d({className:e,value:d,range:f,onValueChange:p,onRangeChange:m,mode:h=`single`,month:g,defaultMonth:_,onMonthChange:v,min:y,max:b,disabledDates:x,locale:S=`en-US`,weekStartsOn:C=1,numberOfMonths:w=1,showMonthHeaders:T,pagedNavigation:E=!1,labels:D,...O}){let[k,A]=i.useState(()=>s(_,d,f)),j=g??k,M=Math.max(w,1),N=T??M>1,P=E?M:1,F=r.toDateKey(new Date),I=i.useMemo(()=>new Set(x??[]),[x]),L=i.useMemo(()=>r.getWeekdayLabels(S,C),[S,C]),R=i.useRef(new Map),[z,B]=i.useState(()=>d??f?.from??F),V=i.useMemo(()=>Array.from({length:M},(e,t)=>r.addMonths(j,t)),[j,M]),H=i.useMemo(()=>V.map(e=>({month:e,days:r.getMonthDays(e,C)})),[V,C]),U=i.useMemo(()=>H.flatMap(e=>e.days),[H]),W=i.useCallback(e=>{if(I.has(e))return`disabled`;if(r.isBeforeDate(e,y))return`min`;if(r.isAfterDate(e,b))return`max`},[I,b,y]),G=i.useCallback(e=>!!W(e),[W]),K=i.useMemo(()=>U.map(r.toDateKey).filter(e=>!G(e)),[U,G]),q=i.useMemo(()=>{let e=d??f?.from??F;return K.includes(z)?z:K.includes(e)?e:K[0]},[z,f?.from,F,d,K]);i.useEffect(()=>{z&&R.current.get(z)?.focus()},[z]);let J=e=>{let t=r.startOfMonth(e);A(t),v?.(t)},Y=e=>{let t=e,n=r.toDateKey(t),i=0;for(;G(n)&&i<370;)t=c(t,t<e?-1:1),n=r.toDateKey(t),i+=1;B(n),V.some(e=>r.isSameMonth(t,e))||J(r.startOfMonth(t))},X=e=>{if(G(e))return;if(h===`single`){p?.(e);return}let t=f?.from??null,n=f?.to??null;if(!t||t&&n||e<t){m?.({from:e,to:null});return}if(u(t,e).some(e=>G(e))){m?.({from:e,to:null});return}m?.({from:t,to:e})},Z=(e,t)=>{let n=((H.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Y(c(t,1));break;case`ArrowLeft`:e.preventDefault(),Y(c(t,-1));break;case`ArrowDown`:e.preventDefault(),Y(c(t,7));break;case`ArrowUp`:e.preventDefault(),Y(c(t,-7));break;case`Home`:e.preventDefault(),Y(c(t,-n));break;case`End`:e.preventDefault(),Y(c(t,6-n));break;case`PageUp`:e.preventDefault(),Y(l(t,r.addMonths(t,-1)));break;case`PageDown`:e.preventDefault(),Y(l(t,r.addMonths(t,1)));break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":M,className:t.cn(`w-fit rounded-[calc(var(--radius-2xl)+2px)] border border-border/70 bg-popover p-3 text-popover-foreground shadow-[0_18px_48px_rgba(15,23,42,0.18)] backdrop-blur`,e),...O,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.previousMonth??`Previous month`,onClick:()=>J(r.addMonths(j,-P)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(j,S)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.nextMonth??`Next month`,onClick:()=>J(r.addMonths(j,P)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,M>1&&`sm:grid-cols-2`),style:M>2?{gridTemplateColumns:`repeat(${M}, minmax(0, 1fr))`}:void 0,children:H.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-2xl)] bg-transparent p-1`,children:[N&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,S)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:L.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=h===`single`?d===i:i===f?.from||i===f?.to,c=h===`range`&&r.isWithinRange(i,f?.from,f?.to),l=W(i),u=!!l,p=l?D?.disabledDate?.(i,l):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?R.current.set(i,e):R.current.delete(i)},type:`button`,disabled:u,"aria-label":p??D?.selectDate?.(i)??i,"aria-current":i===F?`date`:void 0,tabIndex:i===q?0:-1,title:p,"data-selected":s||void 0,"data-today":i===F||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-disabled-reason":l,className:t.cn(`flex h-9 items-center justify-center rounded-[min(var(--radius-xl),14px)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&`text-muted-foreground/34`,i===F&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>B(i),onKeyDown:e=>Z(e,n),onClick:()=>X(i),children:n.getDate()},i)})})]},r.toDateKey(e)))})]})}exports.Calendar=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("./date-utils.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s(e,t,n){if(e instanceof Date)return r.startOfMonth(e);let i=r.parseDateKey(e);if(i)return r.startOfMonth(i);let a=r.parseDateKey(t);if(a)return r.startOfMonth(a);let o=r.parseDateKey(n?.from??n?.to);return o?r.startOfMonth(o):r.startOfMonth(new Date)}function c(e,t){let n=new Date(e);return n.setDate(e.getDate()+t),n}function l(e,t){let n=new Date(t.getFullYear(),t.getMonth()+1,0).getDate();return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),n))}function u(e,t){let n=r.parseDateKey(e),i=r.parseDateKey(t);if(!n||!i||t<e)return[];let a=[],o=new Date(n);for(;r.toDateKey(o)<=t;)a.push(r.toDateKey(o)),o.setDate(o.getDate()+1);return a}function d({className:e,value:d,range:f,onValueChange:p,onRangeChange:m,mode:h=`single`,month:g,defaultMonth:_,onMonthChange:v,min:y,max:b,disabledDates:x,locale:S=`en-US`,weekStartsOn:C=1,numberOfMonths:w=1,showMonthHeaders:T,pagedNavigation:E=!1,labels:D,...O}){let[k,A]=i.useState(()=>s(_,d,f)),j=g??k,M=Math.max(w,1),N=T??M>1,P=E?M:1,F=r.toDateKey(new Date),I=i.useMemo(()=>new Set(x??[]),[x]),L=i.useMemo(()=>r.getWeekdayLabels(S,C),[S,C]),R=i.useRef(new Map),[z,B]=i.useState(()=>d??f?.from??F),V=i.useMemo(()=>Array.from({length:M},(e,t)=>r.addMonths(j,t)),[j,M]),H=i.useMemo(()=>V.map(e=>({month:e,days:r.getMonthDays(e,C)})),[V,C]),U=i.useMemo(()=>H.flatMap(e=>e.days),[H]),W=i.useCallback(e=>{if(I.has(e))return`disabled`;if(r.isBeforeDate(e,y))return`min`;if(r.isAfterDate(e,b))return`max`},[I,b,y]),G=i.useCallback(e=>!!W(e),[W]),K=i.useMemo(()=>U.map(r.toDateKey).filter(e=>!G(e)),[U,G]),q=i.useMemo(()=>{let e=d??f?.from??F;return K.includes(z)?z:K.includes(e)?e:K[0]},[z,f?.from,F,d,K]);i.useEffect(()=>{z&&R.current.get(z)?.focus()},[z]);let J=e=>{let t=r.startOfMonth(e);A(t),v?.(t)},Y=e=>{let t=e,n=r.toDateKey(t),i=0;for(;G(n)&&i<370;)t=c(t,t<e?-1:1),n=r.toDateKey(t),i+=1;B(n),V.some(e=>r.isSameMonth(t,e))||J(r.startOfMonth(t))},X=e=>{if(G(e))return;if(h===`single`){p?.(e);return}let t=f?.from??null,n=f?.to??null;if(!t||t&&n||e<t){m?.({from:e,to:null});return}if(u(t,e).some(e=>G(e))){m?.({from:e,to:null});return}m?.({from:t,to:e})},Z=(e,t)=>{let n=((H.find(e=>r.isSameMonth(t,e.month))?.days.findIndex(e=>r.toDateKey(e)===r.toDateKey(t))??0)+7)%7;switch(e.key){case`ArrowRight`:e.preventDefault(),Y(c(t,1));break;case`ArrowLeft`:e.preventDefault(),Y(c(t,-1));break;case`ArrowDown`:e.preventDefault(),Y(c(t,7));break;case`ArrowUp`:e.preventDefault(),Y(c(t,-7));break;case`Home`:e.preventDefault(),Y(c(t,-n));break;case`End`:e.preventDefault(),Y(c(t,6-n));break;case`PageUp`:e.preventDefault(),Y(l(t,r.addMonths(t,-1)));break;case`PageDown`:e.preventDefault(),Y(l(t,r.addMonths(t,1)));break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":M,className:t.cn(`w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,e),...O,children:[(0,o.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.previousMonth??`Previous month`,onClick:()=>J(r.addMonths(j,-P)),children:(0,o.jsx)(a.ChevronLeftIcon,{})}),(0,o.jsxs)(`div`,{className:`flex flex-1 flex-col items-center text-center`,children:[(0,o.jsx)(`span`,{className:`text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90`,children:`Calendar`}),(0,o.jsx)(`div`,{className:`text-base font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(j,S)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-full border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":D?.nextMonth??`Next month`,onClick:()=>J(r.addMonths(j,P)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,M>1&&`sm:grid-cols-2`),style:M>2?{gridTemplateColumns:`repeat(${M}, minmax(0, 1fr))`}:void 0,children:H.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-lg)] bg-transparent p-1`,children:[N&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,S)}),(0,o.jsx)(`div`,{className:`grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90`,children:L.map(t=>(0,o.jsx)(`div`,{className:`py-1`,children:t},`${r.toDateKey(e)}-${t}`))}),(0,o.jsx)(`div`,{className:`mt-1.5 grid grid-cols-7 gap-1`,children:n.map(n=>{let i=r.toDateKey(n),a=!r.isSameMonth(n,e),s=h===`single`?d===i:i===f?.from||i===f?.to,c=h===`range`&&r.isWithinRange(i,f?.from,f?.to),l=W(i),u=!!l,p=l?D?.disabledDate?.(i,l):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?R.current.set(i,e):R.current.delete(i)},type:`button`,disabled:u,"aria-label":p??D?.selectDate?.(i)??i,"aria-current":i===F?`date`:void 0,tabIndex:i===q?0:-1,title:p,"data-selected":s||void 0,"data-today":i===F||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-disabled-reason":l,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-md)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30`,a&&`text-muted-foreground/34`,i===F&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,s&&`border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground`),onFocus:()=>B(i),onKeyDown:e=>Z(e,n),onClick:()=>X(i),children:n.getDate()},i)})})]},r.toDateKey(e)))})]})}exports.Calendar=d;

package/dist/components/calendar/calendar.js

@@ -112,7 +112,7 @@ function x({ className: l, value: x, range: S, onValueChange: C, onRangeChange:
 	return /* @__PURE__ */ g("div", {
 		"data-slot": "calendar",
 		"data-months": L,
-		className: e("w-fit rounded-[calc(var(--radius-2xl)+2px)] border border-border/70 bg-popover p-3 text-popover-foreground shadow-[0_18px_48px_rgba(15,23,42,0.18)] backdrop-blur", l),
+		className: e("w-fit rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 text-popover-foreground shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", l),
 		...F,
 		children: [/* @__PURE__ */ g("div", {
 			className: "mb-3 flex items-center justify-between gap-3",
@@ -150,7 +150,7 @@ function x({ className: l, value: x, range: S, onValueChange: C, onRangeChange:
 			className: e("grid gap-3", L > 1 && "sm:grid-cols-2"),
 			style: L > 2 ? { gridTemplateColumns: `repeat(${L}, minmax(0, 1fr))` } : void 0,
 			children: q.map(({ month: t, days: n }) => /* @__PURE__ */ g("div", {
-				className: "min-w-[16.5rem] rounded-[var(--radius-2xl)] bg-transparent p-1",
+				className: "min-w-[16.5rem] rounded-[var(--radius-lg)] bg-transparent p-1",
 				children: [
 					R && /* @__PURE__ */ h("div", {
 						className: "mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground",
@@ -182,7 +182,7 @@ function x({ className: l, value: x, range: S, onValueChange: C, onRangeChange:
 								"data-outside": i || void 0,
 								"data-in-range": o || void 0,
 								"data-disabled-reason": s,
-								className: e("flex h-9 items-center justify-center rounded-[min(var(--radius-xl),14px)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30", i && "text-muted-foreground/34", r === B && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", a && "border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground"),
+								className: e("flex h-9 items-center justify-center rounded-[var(--radius-md)] border border-transparent text-sm font-medium outline-none transition-[background-color,color,border-color,box-shadow,transform] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30", i && "text-muted-foreground/34", r === B && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", a && "border-primary bg-primary text-primary-foreground shadow-[0_10px_22px_color-mix(in_oklch,var(--primary),transparent_78%)] hover:bg-primary hover:text-primary-foreground"),
 								onFocus: () => G(r),
 								onKeyDown: (e) => ce(e, n),
 								onClick: () => se(r),

package/dist/components/calendar/date-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:i,placeholder:u,labels:d,disabled:f=!1,formatValue:p=l,triggerClassName:m,contentClassName:h,className:g,..._}){let[v,y]=o.useState(!1),b=!!e;return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,g),children:(0,c.jsxs)(r.Popover,{open:v,onOpenChange:y,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]`,!b&&`text-muted-foreground`,m)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b?p(String(e)):u??d?.placeholder??`Select date`})]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur`,h),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:e=>{i?.(e),y(!1)},labels:d,..._})})]})})}exports.DatePicker=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({value:e,onValueChange:i,placeholder:u,labels:d,disabled:f=!1,formatValue:p=l,triggerClassName:m,contentClassName:h,className:g,..._}){let[v,y]=o.useState(!1),b=!!e;return(0,c.jsx)(`div`,{"data-slot":`date-picker`,className:t.cn(`w-full`,g),children:(0,c.jsxs)(r.Popover,{open:v,onOpenChange:y,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:f,className:t.cn(`min-h-11 w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!b&&`text-muted-foreground`,m)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b?p(String(e)):u??d?.placeholder??`Select date`})]}),(0,c.jsx)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,h),children:(0,c.jsx)(a.Calendar,{value:e,onValueChange:e=>{i?.(e),y(!1)},labels:d,..._})})]})})}exports.DatePicker=u;

package/dist/components/calendar/date-picker.js

@@ -24,7 +24,7 @@ function f({ value: a, onValueChange: f, placeholder: p, labels: m, disabled: h
 					type: "button",
 					variant: "outline",
 					disabled: h,
-					className: e("min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]", !C && "text-muted-foreground", _)
+					className: e("min-h-11 w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]", !C && "text-muted-foreground", _)
 				}),
 				children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), /* @__PURE__ */ l("span", {
 					className: "min-w-0 flex-1 truncate",
@@ -32,7 +32,7 @@ function f({ value: a, onValueChange: f, placeholder: p, labels: m, disabled: h
 				})]
 			}), /* @__PURE__ */ l(r, {
 				align: "start",
-				className: e("w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur", v),
+				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", v),
 				children: /* @__PURE__ */ l(o, {
 					value: a,
 					onValueChange: (e) => {

package/dist/components/calendar/date-range-picker.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({className:e,value:i,onValueChange:u,labels:d,placeholder:f,disabled:p=!1,formatValue:m=l,closeOnSelect:h=!0,showFooter:g=!1,triggerClassName:_,contentClassName:v,numberOfMonths:y=2,pagedNavigation:b=!0,...x}){let[S,C]=o.useState(!1),[w,T]=o.useState(i??{}),E=i?.from??``,D=i?.to??``,O=!!(E||D),k=g?w:i,A=k?.from??``,j=k?.to??``,M=!!(A||j),N=E&&D?`${m(E)} - ${m(D)}`:E?`${m(E)} - ...`:f??d?.placeholder??`Select date range`,P=A&&j?`${m(A)} - ${m(j)}`:A?`${m(A)} - ...`:d?.placeholder??`Select date range`;o.useEffect(()=>{S&&g&&T(i??{})},[S,g,i]);let F=e=>{if(g){T(e);return}u?.(e),h&&e.from&&e.to&&C(!1)},I=()=>{u?.(w),C(!1)},L=()=>{let e={};if(g){T(e);return}u?.(e)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:S,onOpenChange:C,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,className:t.cn(`min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]`,!O&&`text-muted-foreground`,_)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:N})]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur`,v),children:[(0,c.jsx)(a.Calendar,{mode:`range`,range:k,onRangeChange:F,labels:d,numberOfMonths:y,pagedNavigation:b,...x}),g&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:P})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,className:`rounded-full`,onClick:L,children:d?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,className:`rounded-full`,disabled:!M,onClick:I,children:d?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=u;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("./date-utils.cjs"),a=require("./calendar.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l(e){let t=i.parseDateKey(e);return t?new Intl.DateTimeFormat(`en-US`,{dateStyle:`medium`}).format(t):e}function u({className:e,value:i,onValueChange:u,labels:d,placeholder:f,disabled:p=!1,formatValue:m=l,closeOnSelect:h=!0,showFooter:g=!1,triggerClassName:_,contentClassName:v,numberOfMonths:y=2,pagedNavigation:b=!0,...x}){let[S,C]=o.useState(!1),[w,T]=o.useState(i??{}),E=i?.from??``,D=i?.to??``,O=!!(E||D),k=g?w:i,A=k?.from??``,j=k?.to??``,M=!!(A||j),N=E&&D?`${m(E)} - ${m(D)}`:E?`${m(E)} - ...`:f??d?.placeholder??`Select date range`,P=A&&j?`${m(A)} - ${m(j)}`:A?`${m(A)} - ...`:d?.placeholder??`Select date range`;o.useEffect(()=>{S&&g&&T(i??{})},[S,g,i]);let F=e=>{if(g){T(e);return}u?.(e),h&&e.from&&e.to&&C(!1)},I=()=>{u?.(w),C(!1)},L=()=>{let e={};if(g){T(e);return}u?.(e)};return(0,c.jsx)(`div`,{"data-slot":`date-range-picker`,className:t.cn(`w-full`,e),children:(0,c.jsxs)(r.Popover,{open:S,onOpenChange:C,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,className:t.cn(`min-h-11 w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]`,!O&&`text-muted-foreground`,_)}),children:[(0,c.jsx)(s.CalendarIcon,{"data-icon":`inline-start`}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:N})]}),(0,c.jsxs)(r.PopoverContent,{align:`start`,className:t.cn(`w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur`,v),children:[(0,c.jsx)(a.Calendar,{mode:`range`,range:k,onRangeChange:F,labels:d,numberOfMonths:y,pagedNavigation:b,...x}),g&&(0,c.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-border/70 bg-muted/24 px-4 py-3`,children:[(0,c.jsx)(`div`,{className:`min-w-0 text-sm text-muted-foreground`,children:(0,c.jsx)(`span`,{className:`block truncate`,children:P})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:L,children:d?.clear??`Clear`}),(0,c.jsx)(n.Button,{type:`button`,size:`sm`,disabled:!M,onClick:I,children:d?.apply??`Apply`})]})]})]})]})})}exports.DateRangePicker=u;

package/dist/components/calendar/date-range-picker.js

@@ -47,7 +47,7 @@ function f({ className: a, value: f, onValueChange: p, labels: m, placeholder: h
 					type: "button",
 					variant: "outline",
 					disabled: g,
-					className: e("min-h-11 w-full justify-start rounded-[min(var(--radius-xl),16px)] border-border/80 bg-background/96 text-left font-normal shadow-[0_1px_0_rgba(255,255,255,0.06)]", !j && "text-muted-foreground", b)
+					className: e("min-h-11 w-full justify-start rounded-[var(--aui-control-radius,var(--radius-md))] border-border/80 bg-background/96 text-left font-normal shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))]", !j && "text-muted-foreground", b)
 				}),
 				children: [/* @__PURE__ */ l(c, { "data-icon": "inline-start" }), /* @__PURE__ */ l("span", {
 					className: "min-w-0 flex-1 truncate",
@@ -55,7 +55,7 @@ function f({ className: a, value: f, onValueChange: p, labels: m, placeholder: h
 				})]
 			}), /* @__PURE__ */ u(r, {
 				align: "start",
-				className: e("w-auto overflow-hidden rounded-[calc(var(--radius-2xl)+2px)] border-border/70 bg-popover p-0 shadow-[0_22px_56px_rgba(15,23,42,0.2)] backdrop-blur", x),
+				className: e("w-auto overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border-border/70 bg-popover p-0 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))] backdrop-blur", x),
 				children: [/* @__PURE__ */ l(o, {
 					mode: "range",
 					range: M,
@@ -78,13 +78,11 @@ function f({ className: a, value: f, onValueChange: p, labels: m, placeholder: h
 							type: "button",
 							variant: "ghost",
 							size: "sm",
-							className: "rounded-full",
 							onClick: B,
 							children: m?.clear ?? "Clear"
 						}), /* @__PURE__ */ l(t, {
 							type: "button",
 							size: "sm",
-							className: "rounded-full",
 							disabled: !F,
 							onClick: z,
 							children: m?.apply ?? "Apply"

package/dist/components/data-table/data-table-toolbar.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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col`,{variants:{variant:{default:``,plain:`border-transparent bg-transparent shadow-none`,soft:`rounded-[var(--radius-2xl)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`},density:{compact:`gap-3 p-3`,default:`gap-4 p-4 md:p-5`,comfortable:`gap-5 p-5 md:p-6`}},defaultVariants:{variant:`plain`,density:`default`}});function o({className:e,variant:n,density:r,title:o,description:s,search:c,filters:l,actions:u,selectionActions:d,selectedCount:f=0,totalCount:p,selectedLabel:m=(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,titleClassName:h,descriptionClassName:g,actionsClassName:_,children:v,...y}){let b=!!(o||s),x=f>0&&!!d;return(0,i.jsxs)(`div`,{"data-slot":`data-table-toolbar`,"data-variant":n??`plain`,"data-density":r??`default`,className:t.cn(a({variant:n,density:r}),e),...y,children:[(b||u)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[b&&(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[o&&(0,i.jsx)(`h2`,{className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,h),children:o}),s&&(0,i.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,g),children:s})]}),u&&(0,i.jsx)(`div`,{className:t.cn(`flex shrink-0 flex-wrap items-center gap-2`,_),children:u})]}),(c||l||x||v)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c,l,v]}),x&&(0,i.jsxs)(`div`,{"data-slot":`data-table-selection-bar`,className:`flex shrink-0 items-center gap-2 rounded-full border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:m(f,p)}),d]})]})]})}exports.DataTableToolbar=o,exports.dataTableToolbarVariants=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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col`,{variants:{variant:{default:``,plain:`border-transparent bg-transparent shadow-none`,soft:`rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`},density:{compact:`gap-3 p-3`,default:`gap-4 p-4 md:p-5`,comfortable:`gap-5 p-5 md:p-6`}},defaultVariants:{variant:`plain`,density:`default`}});function o({className:e,variant:n,density:r,title:o,description:s,search:c,filters:l,actions:u,selectionActions:d,selectedCount:f=0,totalCount:p,selectedLabel:m=(e,t)=>t===void 0?`${e} selected`:`${e} of ${t} selected`,titleClassName:h,descriptionClassName:g,actionsClassName:_,children:v,...y}){let b=!!(o||s),x=f>0&&!!d;return(0,i.jsxs)(`div`,{"data-slot":`data-table-toolbar`,"data-variant":n??`plain`,"data-density":r??`default`,className:t.cn(a({variant:n,density:r}),e),...y,children:[(b||u)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[b&&(0,i.jsxs)(`div`,{className:`grid gap-1`,children:[o&&(0,i.jsx)(`h2`,{className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,h),children:o}),s&&(0,i.jsx)(`p`,{className:t.cn(`text-sm leading-6 text-muted-foreground`,g),children:s})]}),u&&(0,i.jsx)(`div`,{className:t.cn(`flex shrink-0 flex-wrap items-center gap-2`,_),children:u})]}),(c||l||x||v)&&(0,i.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c,l,v]}),x&&(0,i.jsxs)(`div`,{"data-slot":`data-table-selection-bar`,className:`flex shrink-0 items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:m(f,p)}),d]})]})]})}exports.DataTableToolbar=o,exports.dataTableToolbarVariants=a;

package/dist/components/data-table/data-table-toolbar.js

@@ -8,7 +8,7 @@ var i = t("flex flex-col", {
 		variant: {
 			default: "",
 			plain: "border-transparent bg-transparent shadow-none",
-			soft: "rounded-[var(--radius-2xl)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]"
+			soft: "rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--card),var(--background)_16%)] shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]"
 		},
 		density: {
 			compact: "gap-3 p-3",
@@ -58,7 +58,7 @@ function a({ className: t, variant: a, density: o, title: s, description: c, sea
 				]
 			}), S && /* @__PURE__ */ r("div", {
 				"data-slot": "data-table-selection-bar",
-				className: "flex shrink-0 items-center gap-2 rounded-full border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur",
+				className: "flex shrink-0 items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-2.5 py-1.5 text-sm shadow-[var(--aui-control-shadow,none)] backdrop-blur",
 				children: [/* @__PURE__ */ n("span", {
 					className: "text-muted-foreground",
 					children: h(p, m)

package/dist/components/data-table/data-table.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../inputs/search-input.cjs"),i=require("../ui/table/index.cjs"),a=require("../feedback/empty-state.cjs"),o=require("../feedback/loading-state.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var ae={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},u={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function oe(e,t){return typeof t==`function`?t(e):t}function se(e,t){return typeof t==`function`?t(e):t}function ce(e,t){return typeof t==`function`?t(e):t}function le(e){return e==null||e===``}function d({className:e,columns:d,data:f,title:p,description:m,features:h,search:g,toolbarActions:_,rowActions:v,bulkActions:y,onRefresh:b,onExport:x,refreshLabel:ue=`Refresh`,exportLabel:de=`Export`,getRowId:fe,isLoading:S=!1,isError:pe=!1,emptyState:me,errorState:he,loadingState:C,loadingVariant:ge=`skeleton`,toolbar:w,toolbarProps:T,pagination:E,sorting:_e,onSortingChange:ve,columnVisibility:ye,onColumnVisibilityChange:be,rowSelection:xe,onRowSelectionChange:Se,enableRowSelection:Ce,renderMobileCard:D,onRowClick:O,onRowDoubleClick:we,getRowDisabled:k,density:A=`default`,striped:j=!1,bordered:M=!1,stickyHeader:N=!1,skeletonRows:Te=6,skeletonCellClassName:Ee,cellFallback:De=`-`,tableClassName:Oe,tableWrapperClassName:ke,headerCellClassName:Ae,cellClassName:je,rowClassName:Me,renderExpandedRow:P,expanded:Ne,onExpandedChange:F,getRowCanExpand:Pe,columnPinning:I,onColumnPinningChange:Fe,...Ie}){let Le=s.useMemo(()=>{let e=d;return!v||h?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:v})]},[d,h?.rowActions,v]),L=E===!1?void 0:E,Re=L?{pageIndex:L.pageIndex,pageSize:L.pageSize}:void 0,R=!!(L&&L.manual!==!1),z=xe??{},ze=Object.keys(z).length,B=(0,l.useReactTable)({data:f,columns:Le,getRowId:fe,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:L&&!R?(0,l.getPaginationRowModel)():void 0,manualPagination:R,pageCount:L?.pageCount,state:{sorting:_e,columnVisibility:ye,rowSelection:z,pagination:Re,expanded:Ne,...I?{columnPinning:I}:{}},onSortingChange:ve,onColumnVisibilityChange:be,onRowSelectionChange:Se,onExpandedChange:F,onColumnPinningChange:Fe,enableRowSelection:Ce,getRowCanExpand:Pe,getExpandedRowModel:(0,l.getExpandedRowModel)()}),V=B.getRowModel().rows,H=B.getSelectedRowModel().rows.map(e=>e.original),U=s.useMemo(()=>({table:B,data:f,selectedRows:H}),[f,H,B]),W=B.getVisibleLeafColumns(),Be=Math.max(W.length,1),G=typeof w==`function`?w(B):w,K=typeof T==`function`?T(B):T,Ve=!!(g&&h?.search!==!1),q=!!(h?.columnVisibility&&B.getAllLeafColumns().some(e=>e.getCanHide())),J=!!(h?.refresh&&b),Y=!!(h?.export&&x),He=!!(h?.bulkActions!==!1&&y?.length),X=Ve&&g?(0,c.jsx)(r.SearchInput,{value:g.value,onValueChange:g.onValueChange,placeholder:g.placeholder??`Search...`,wrapperClassName:g.wrapperClassName??g.className,inputClassName:g.inputClassName,disabled:g.disabled,clearable:g.clearable,clearLabel:g.clearLabel,searchIcon:g.searchIcon}):void 0,Ue=(0,c.jsxs)(c.Fragment,{children:[typeof _==`function`?_(U):_,q&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:B}),J&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:S,onClick:()=>b?.(U),children:ue}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>x?.(U),children:de})]}),Z=He?(0,c.jsx)(te.DataTableBulkActions,{rows:H,actions:y??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>B.resetRowSelection(),hideWhenEmpty:!1}):void 0,We=!!(G||K||p||m||X||_||q||J||Y||Z),Ge=!!(L&&!L.hidden),Q=S&&ge===`skeleton`,Ke=e=>(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:Be,className:`p-0`,children:e})}),qe=()=>Array.from({length:Math.max(Te,1)},(e,n)=>(0,c.jsx)(i.TableRow,{"aria-hidden":`true`,children:W.map(e=>(0,c.jsx)(i.TableCell,{className:t.cn(u[A],M&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ee)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:S?(0,c.jsx)(o.LoadingState,{label:`Loading data...`,...C}):pe?(0,c.jsx)(a.EmptyState,{title:`Could not load data`,description:`Please try again.`,...he}):V.length===0?(0,c.jsx)(a.EmptyState,{...me}):null;return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...Ie,children:[We&&(G??(0,c.jsx)(ie.DataTableToolbar,{title:p,description:m,search:X,actions:Ue,selectionActions:Z,selectedCount:ze,totalCount:L?L.rowCount??f.length:f.length,variant:`plain`,...K})),D&&(0,c.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:$??(Q?(0,c.jsx)(o.LoadingState,{label:`Loading data...`,...C}):V.map(e=>(0,c.jsx)(s.Fragment,{children:D(e)},e.id)))}),(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":A,"data-striped":j||void 0,"data-bordered":M||void 0,className:t.cn(`overflow-hidden rounded-[var(--radius-2xl)] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_12px_30px_rgba(15,23,42,0.08))] backdrop-blur`,D&&`hidden md:block`,ke),children:[(0,c.jsxs)(i.Table,{containerClassName:`rounded-none border-0 bg-transparent shadow-none ring-0`,className:t.cn(`text-[0.95rem]`,Oe),children:[(0,c.jsx)(i.TableHeader,{className:t.cn(N&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:B.getHeaderGroups().map(e=>(0,c.jsx)(i.TableRow,{children:e.headers.map(e=>(0,c.jsx)(i.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:N?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:N?20:11}:{}},className:t.cn(ae[A],`bg-transparent text-muted-foreground`,N&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,M&&`border-r last:border-r-0`,se(e,Ae)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(i.TableBody,{children:$?Ke($):Q?qe():V.map((e,n)=>{let r=k?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(i.TableRow,{"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":j&&n%2==1?`true`:void 0,"data-disabled":r||void 0,className:t.cn(O&&!r&&`cursor-pointer`,!r&&`transition-colors hover:bg-[color:var(--aui-page-bg-alt)]`,r&&`pointer-events-none opacity-55`,oe(e,Me)),onClick:()=>{r||O?.(e)},onDoubleClick:()=>{r||we?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(i.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(u[A],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,M&&`border-r last:border-r-0`,ce(e,je)),children:le(n)?De:n},e.id)})}),e.getIsExpanded()&&P&&(0,c.jsx)(i.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(i.TableCell,{colSpan:e.getVisibleCells().length,children:P(e)})})]},e.id)})})]}),Ge&&L&&(0,c.jsx)(re.DataTablePagination,{pageIndex:L.pageIndex,pageSize:L.pageSize,pageCount:L.pageCount,rowCount:L.rowCount,pageSizeOptions:L.pageSizeOptions,showPageSize:L.showPageSize,labels:L.labels,disabled:S,onPageChange:L.onPageChange,onPageSizeChange:L.onPageSizeChange})]})]})}exports.DataTable=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../inputs/search-input.cjs"),i=require("../ui/table/index.cjs"),a=require("../feedback/empty-state.cjs"),o=require("../feedback/loading-state.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var ae={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},u={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function oe(e,t){return typeof t==`function`?t(e):t}function se(e,t){return typeof t==`function`?t(e):t}function ce(e,t){return typeof t==`function`?t(e):t}function le(e){return e==null||e===``}function d({className:e,columns:d,data:f,title:p,description:m,features:h,search:g,toolbarActions:_,rowActions:v,bulkActions:y,onRefresh:b,onExport:x,refreshLabel:ue=`Refresh`,exportLabel:de=`Export`,getRowId:fe,isLoading:S=!1,isError:pe=!1,emptyState:me,errorState:he,loadingState:C,loadingVariant:ge=`skeleton`,toolbar:w,toolbarProps:T,pagination:E,sorting:_e,onSortingChange:ve,columnVisibility:ye,onColumnVisibilityChange:be,rowSelection:xe,onRowSelectionChange:Se,enableRowSelection:Ce,renderMobileCard:D,onRowClick:O,onRowDoubleClick:we,getRowDisabled:k,density:A=`default`,striped:j=!1,bordered:M=!1,stickyHeader:N=!1,skeletonRows:Te=6,skeletonCellClassName:Ee,cellFallback:De=`-`,tableClassName:Oe,tableWrapperClassName:ke,headerCellClassName:Ae,cellClassName:je,rowClassName:Me,renderExpandedRow:P,expanded:Ne,onExpandedChange:F,getRowCanExpand:Pe,columnPinning:I,onColumnPinningChange:Fe,...Ie}){let Le=s.useMemo(()=>{let e=d;return!v||h?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:v})]},[d,h?.rowActions,v]),L=E===!1?void 0:E,Re=L?{pageIndex:L.pageIndex,pageSize:L.pageSize}:void 0,R=!!(L&&L.manual!==!1),z=xe??{},ze=Object.keys(z).length,B=(0,l.useReactTable)({data:f,columns:Le,getRowId:fe,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:L&&!R?(0,l.getPaginationRowModel)():void 0,manualPagination:R,pageCount:L?.pageCount,state:{sorting:_e,columnVisibility:ye,rowSelection:z,pagination:Re,expanded:Ne,...I?{columnPinning:I}:{}},onSortingChange:ve,onColumnVisibilityChange:be,onRowSelectionChange:Se,onExpandedChange:F,onColumnPinningChange:Fe,enableRowSelection:Ce,getRowCanExpand:Pe,getExpandedRowModel:(0,l.getExpandedRowModel)()}),V=B.getRowModel().rows,H=B.getSelectedRowModel().rows.map(e=>e.original),U=s.useMemo(()=>({table:B,data:f,selectedRows:H}),[f,H,B]),W=B.getVisibleLeafColumns(),Be=Math.max(W.length,1),G=typeof w==`function`?w(B):w,K=typeof T==`function`?T(B):T,Ve=!!(g&&h?.search!==!1),q=!!(h?.columnVisibility&&B.getAllLeafColumns().some(e=>e.getCanHide())),J=!!(h?.refresh&&b),Y=!!(h?.export&&x),He=!!(h?.bulkActions!==!1&&y?.length),X=Ve&&g?(0,c.jsx)(r.SearchInput,{value:g.value,onValueChange:g.onValueChange,placeholder:g.placeholder??`Search...`,wrapperClassName:g.wrapperClassName??g.className,inputClassName:g.inputClassName,disabled:g.disabled,clearable:g.clearable,clearLabel:g.clearLabel,searchIcon:g.searchIcon}):void 0,Ue=(0,c.jsxs)(c.Fragment,{children:[typeof _==`function`?_(U):_,q&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:B}),J&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:S,onClick:()=>b?.(U),children:ue}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>x?.(U),children:de})]}),Z=He?(0,c.jsx)(te.DataTableBulkActions,{rows:H,actions:y??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>B.resetRowSelection(),hideWhenEmpty:!1}):void 0,We=!!(G||K||p||m||X||_||q||J||Y||Z),Ge=!!(L&&!L.hidden),Q=S&&ge===`skeleton`,Ke=e=>(0,c.jsx)(i.TableRow,{children:(0,c.jsx)(i.TableCell,{colSpan:Be,className:`p-0`,children:e})}),qe=()=>Array.from({length:Math.max(Te,1)},(e,n)=>(0,c.jsx)(i.TableRow,{"aria-hidden":`true`,children:W.map(e=>(0,c.jsx)(i.TableCell,{className:t.cn(u[A],M&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ee)})},`${e.id}-${n}`))},`skeleton-${n}`)),$=Q?null:S?(0,c.jsx)(o.LoadingState,{label:`Loading data...`,...C}):pe?(0,c.jsx)(a.EmptyState,{title:`Could not load data`,description:`Please try again.`,...he}):V.length===0?(0,c.jsx)(a.EmptyState,{...me}):null;return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...Ie,children:[We&&(G??(0,c.jsx)(ie.DataTableToolbar,{title:p,description:m,search:X,actions:Ue,selectionActions:Z,selectedCount:ze,totalCount:L?L.rowCount??f.length:f.length,variant:`plain`,...K})),D&&(0,c.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:$??(Q?(0,c.jsx)(o.LoadingState,{label:`Loading data...`,...C}):V.map(e=>(0,c.jsx)(s.Fragment,{children:D(e)},e.id)))}),(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":A,"data-striped":j||void 0,"data-bordered":M||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,D&&`hidden md:block`,ke),children:[(0,c.jsxs)(i.Table,{containerClassName:`rounded-none border-0 bg-transparent shadow-none ring-0`,className:t.cn(`text-[0.95rem]`,Oe),children:[(0,c.jsx)(i.TableHeader,{className:t.cn(N&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:B.getHeaderGroups().map(e=>(0,c.jsx)(i.TableRow,{children:e.headers.map(e=>(0,c.jsx)(i.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:N?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:N?20:11}:{}},className:t.cn(ae[A],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,N&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,M&&`border-r last:border-r-0`,se(e,Ae)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(i.TableBody,{children:$?Ke($):Q?qe():V.map((e,n)=>{let r=k?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(i.TableRow,{"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":j&&n%2==1?`true`:void 0,"data-disabled":r||void 0,className:t.cn(O&&!r&&`cursor-pointer`,!r&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,r&&`pointer-events-none opacity-55`,oe(e,Me)),onClick:()=>{r||O?.(e)},onDoubleClick:()=>{r||we?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(i.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(u[A],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,M&&`border-r last:border-r-0`,ce(e,je)),children:le(n)?De:n},e.id)})}),e.getIsExpanded()&&P&&(0,c.jsx)(i.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(i.TableCell,{colSpan:e.getVisibleCells().length,children:P(e)})})]},e.id)})})]}),Ge&&L&&(0,c.jsx)(re.DataTablePagination,{pageIndex:L.pageIndex,pageSize:L.pageSize,pageCount:L.pageCount,rowCount:L.rowCount,pageSizeOptions:L.pageSizeOptions,showPageSize:L.showPageSize,labels:L.labels,disabled:S,onPageChange:L.onPageChange,onPageSizeChange:L.onPageSizeChange})]})]})}exports.DataTable=d;

package/dist/components/data-table/data-table.js

@@ -158,7 +158,7 @@ function f({ className: f, columns: p, data: m, title: h, description: g, featur
 				"data-density": j,
 				"data-striped": M || void 0,
 				"data-bordered": N || void 0,
-				className: e("overflow-hidden rounded-[var(--radius-2xl)] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_12px_30px_rgba(15,23,42,0.08))] backdrop-blur", k && "hidden md:block", ze),
+				className: e("overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur", k && "hidden md:block", ze),
 				children: [/* @__PURE__ */ u(r, {
 					containerClassName: "rounded-none border-0 bg-transparent shadow-none ring-0",
 					className: e("text-[0.95rem]", Re),
@@ -178,7 +178,7 @@ function f({ className: f, columns: p, data: m, title: h, description: g, featur
 									zIndex: P ? 20 : 11
 								} : {}
 							},
-							className: e(me[j], "bg-transparent text-muted-foreground", P && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ge(t, Be)),
+							className: e(me[j], "bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground", P && "bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur", t.column.getIsPinned() && "bg-card shadow-[1px_0_0_var(--border)]", N && "border-r last:border-r-0", ge(t, Be)),
 							children: t.isPlaceholder ? null : le(t.column.columnDef.header, t.getContext())
 						}, t.id)) }, t.id))
 					}), /* @__PURE__ */ l(ee, { children: $ ? rt($) : Q ? it() : V.map((t, n) => {
@@ -187,7 +187,7 @@ function f({ className: f, columns: p, data: m, title: h, description: g, featur
 							"data-state": t.getIsSelected() ? "selected" : void 0,
 							"data-striped": M && n % 2 == 1 ? "true" : void 0,
 							"data-disabled": r || void 0,
-							className: e(A && !r && "cursor-pointer", !r && "transition-colors hover:bg-[color:var(--aui-page-bg-alt)]", r && "pointer-events-none opacity-55", he(t, He)),
+							className: e(A && !r && "cursor-pointer", !r && "transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]", r && "pointer-events-none opacity-55", he(t, He)),
 							onClick: () => {
 								r || A?.(t);
 							},

package/dist/components/display/smart-card.d.ts

@@ -48,20 +48,20 @@ export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "c
     renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode;
 };
 declare function InfoCard({ eyebrow, title, description, media, icon, status, actions, meta, content, footer, orientation, variant, size, density, compact, loading, disabled, selected, interactive, className, classNames, renderHeader, renderMedia, renderContent, renderFooter, children, onClick, ...props }: InfoCardProps): React.JSX.Element;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardVariant = InfoCardVariant;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardSize = InfoCardSize;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardDensity = InfoCardDensity;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardOrientation = InfoCardOrientation;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardClassNames = InfoCardClassNames;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardRenderContext = InfoCardRenderContext;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 export type SmartCardProps = InfoCardProps;
-/** @deprecated Prefer `InfoCard` or `CardFamily.Info` for new public usage. */
+/** @deprecated Prefer `InfoCard` for new public usage. */
 declare function SmartCard(props: SmartCardProps): React.JSX.Element;
 export { InfoCard, SmartCard };

package/dist/components/inputs/combobox.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,options:s,onValueChange:c,placeholder:l=`Select option`,searchPlaceholder:u=`Search...`,emptyLabel:d=`No option found`,disabled:f=!1,invalid:p,className:m,...h}){let[g,_]=i.useState(!1),[v,y]=i.useState(``),b=s.find(t=>t.value===e),x=v.trim().toLowerCase(),S=s.filter(e=>e.hidden?!1:x?String(e.searchValue??e.label).toLowerCase().includes(x):!0);return(0,o.jsxs)(`div`,{"data-slot":`combobox`,className:t.cn(`relative grid gap-2`,m),...h,children:[(0,o.jsxs)(n.Button,{type:`button`,variant:`outline`,disabled:f,"aria-invalid":p||void 0,className:`w-full justify-between`,onClick:()=>_(e=>!e),children:[(0,o.jsx)(`span`,{className:t.cn(`truncate`,!b&&`text-muted-foreground`),children:b?.label??l}),(0,o.jsx)(a.ChevronDownIcon,{className:`size-4 opacity-60`})]}),g&&(0,o.jsxs)(`div`,{className:`absolute top-full z-30 mt-2 w-full rounded-md border bg-popover p-2 text-popover-foreground shadow-md`,children:[(0,o.jsxs)(`div`,{className:`relative mb-2`,children:[(0,o.jsx)(a.SearchIcon,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(r.Input,{value:v,onChange:e=>y(e.target.value),placeholder:u,className:`h-9 pl-8`})]}),(0,o.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:S.length?S.map(n=>{let r=n.value===e;return(0,o.jsxs)(`button`,{type:`button`,disabled:n.disabled,className:t.cn(`flex w-full items-start gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-muted disabled:pointer-events-none disabled:opacity-50`,r&&`bg-muted`),onClick:()=>{c?.(n.value,n),_(!1)},children:[(0,o.jsx)(`span`,{className:`mt-0.5 flex size-4 shrink-0 items-center justify-center`,children:r&&(0,o.jsx)(a.CheckIcon,{className:`size-4`})}),(0,o.jsxs)(`span`,{className:`min-w-0`,children:[(0,o.jsx)(`span`,{className:`block truncate font-medium`,children:n.label}),n.description&&(0,o.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.description})]})]},n.value)}):(0,o.jsx)(`div`,{className:`px-2 py-6 text-center text-sm text-muted-foreground`,children:d})})]})]})}exports.Combobox=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,options:c,onValueChange:l,placeholder:u=`Select option`,searchPlaceholder:d=`Search...`,emptyLabel:f=`No option found`,disabled:p=!1,invalid:m,triggerClassName:h,contentClassName:g,optionClassName:_,searchClassName:v,className:y,...b}){let[x,S]=a.useState(!1),[C,w]=a.useState(``),T=c.find(t=>t.value===e),E=C.trim().toLowerCase(),D=c.filter(e=>e.hidden?!1:E?String(e.searchValue??e.label).toLowerCase().includes(E):!0);return(0,s.jsx)(`div`,{"data-slot":`combobox`,className:t.cn(`grid w-full gap-2`,y),...b,children:(0,s.jsxs)(i.Popover,{open:x,onOpenChange:S,children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,"aria-expanded":x,"aria-invalid":m||void 0,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,h)}),children:[(0,s.jsx)(`span`,{className:t.cn(`min-w-0 flex-1 truncate font-medium`,!T&&`font-normal text-muted-foreground`),children:T?.label??u}),(0,s.jsx)(o.ChevronDownIcon,{className:`size-4 opacity-60`})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`combobox-content`,className:t.cn(`w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,g),children:[(0,s.jsxs)(`div`,{className:`relative mb-2`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{value:C,onChange:e=>w(e.target.value),placeholder:d,className:t.cn(`h-9 pl-8`,v)})]}),(0,s.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:D.length?D.map(n=>{let r=n.value===e;return(0,s.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-selected":r||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]`,_),onClick:()=>{l?.(n.value,n),S(!1)},children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,r&&`border-primary bg-primary text-primary-foreground`),children:r&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsxs)(`span`,{className:`min-w-0`,children:[(0,s.jsx)(`span`,{className:`block truncate font-medium`,children:n.label}),n.description&&(0,s.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.description})]})]},n.value)}):(0,s.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground`,children:f})})]})]})})}exports.Combobox=c;

package/dist/components/inputs/combobox.d.ts

@@ -16,6 +16,10 @@ export type ComboboxProps<TValue extends string = string> = React.ComponentProps
     emptyLabel?: React.ReactNode;
     disabled?: boolean;
     invalid?: boolean;
+    triggerClassName?: string;
+    contentClassName?: string;
+    optionClassName?: string;
+    searchClassName?: string;
 };
-declare function Combobox<TValue extends string = string>({ value, options, onValueChange, placeholder, searchPlaceholder, emptyLabel, disabled, invalid, className, ...props }: ComboboxProps<TValue>): React.JSX.Element;
+declare function Combobox<TValue extends string = string>({ value, options, onValueChange, placeholder, searchPlaceholder, emptyLabel, disabled, invalid, triggerClassName, contentClassName, optionClassName, searchClassName, className, ...props }: ComboboxProps<TValue>): React.JSX.Element;
 export { Combobox };

package/dist/components/inputs/combobox.js

@@ -1,69 +1,79 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
 import { Input as n } from "../ui/input/index.js";
-import * as r from "react";
-import { CheckIcon as i, ChevronDownIcon as a, SearchIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../ui/popover/index.js";
+import * as o from "react";
+import { CheckIcon as s, ChevronDownIcon as c, SearchIcon as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/inputs/combobox.tsx
-function l({ value: l, options: u, onValueChange: d, placeholder: f = "Select option", searchPlaceholder: p = "Search...", emptyLabel: m = "No option found", disabled: h = !1, invalid: g, className: _, ...v }) {
-	let [y, b] = r.useState(!1), [x, S] = r.useState(""), C = u.find((e) => e.value === l), w = x.trim().toLowerCase(), T = u.filter((e) => e.hidden ? !1 : w ? String(e.searchValue ?? e.label).toLowerCase().includes(w) : !0);
-	return /* @__PURE__ */ c("div", {
+function f({ value: f, options: p, onValueChange: m, placeholder: h = "Select option", searchPlaceholder: g = "Search...", emptyLabel: _ = "No option found", disabled: v = !1, invalid: y, triggerClassName: b, contentClassName: x, optionClassName: S, searchClassName: C, className: w, ...T }) {
+	let [E, D] = o.useState(!1), [O, k] = o.useState(""), A = p.find((e) => e.value === f), j = O.trim().toLowerCase(), M = p.filter((e) => e.hidden ? !1 : j ? String(e.searchValue ?? e.label).toLowerCase().includes(j) : !0);
+	return /* @__PURE__ */ u("div", {
 		"data-slot": "combobox",
-		className: e("relative grid gap-2", _),
-		...v,
-		children: [/* @__PURE__ */ c(t, {
-			type: "button",
-			variant: "outline",
-			disabled: h,
-			"aria-invalid": g || void 0,
-			className: "w-full justify-between",
-			onClick: () => b((e) => !e),
-			children: [/* @__PURE__ */ s("span", {
-				className: e("truncate", !C && "text-muted-foreground"),
-				children: C?.label ?? f
-			}), /* @__PURE__ */ s(a, { className: "size-4 opacity-60" })]
-		}), y && /* @__PURE__ */ c("div", {
-			className: "absolute top-full z-30 mt-2 w-full rounded-md border bg-popover p-2 text-popover-foreground shadow-md",
-			children: [/* @__PURE__ */ c("div", {
-				className: "relative mb-2",
-				children: [/* @__PURE__ */ s(o, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ s(n, {
-					value: x,
-					onChange: (e) => S(e.target.value),
-					placeholder: p,
-					className: "h-9 pl-8"
-				})]
-			}), /* @__PURE__ */ s("div", {
-				className: "max-h-64 overflow-y-auto",
-				children: T.length ? T.map((t) => {
-					let n = t.value === l;
-					return /* @__PURE__ */ c("button", {
-						type: "button",
-						disabled: t.disabled,
-						className: e("flex w-full items-start gap-2 rounded-md px-2 py-2 text-left text-sm hover:bg-muted disabled:pointer-events-none disabled:opacity-50", n && "bg-muted"),
-						onClick: () => {
-							d?.(t.value, t), b(!1);
-						},
-						children: [/* @__PURE__ */ s("span", {
-							className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
-							children: n && /* @__PURE__ */ s(i, { className: "size-4" })
-						}), /* @__PURE__ */ c("span", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ s("span", {
-								className: "block truncate font-medium",
-								children: t.label
-							}), t.description && /* @__PURE__ */ s("span", {
-								className: "block text-xs text-muted-foreground",
-								children: t.description
+		className: e("grid w-full gap-2", w),
+		...T,
+		children: /* @__PURE__ */ d(r, {
+			open: E,
+			onOpenChange: D,
+			children: [/* @__PURE__ */ d(a, {
+				render: /* @__PURE__ */ u(t, {
+					type: "button",
+					variant: "outline",
+					disabled: v,
+					"aria-expanded": E,
+					"aria-invalid": y || void 0,
+					className: e("min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left", b)
+				}),
+				children: [/* @__PURE__ */ u("span", {
+					className: e("min-w-0 flex-1 truncate font-medium", !A && "font-normal text-muted-foreground"),
+					children: A?.label ?? h
+				}), /* @__PURE__ */ u(c, { className: "size-4 opacity-60" })]
+			}), /* @__PURE__ */ d(i, {
+				align: "start",
+				"data-slot": "combobox-content",
+				className: e("w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]", x),
+				children: [/* @__PURE__ */ d("div", {
+					className: "relative mb-2",
+					children: [/* @__PURE__ */ u(l, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ u(n, {
+						value: O,
+						onChange: (e) => k(e.target.value),
+						placeholder: g,
+						className: e("h-9 pl-8", C)
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "max-h-64 overflow-y-auto",
+					children: M.length ? M.map((t) => {
+						let n = t.value === f;
+						return /* @__PURE__ */ d("button", {
+							type: "button",
+							disabled: t.disabled,
+							"data-selected": n || void 0,
+							className: e("flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]", S),
+							onClick: () => {
+								m?.(t.value, t), D(!1);
+							},
+							children: [/* @__PURE__ */ u("span", {
+								className: e("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70", n && "border-primary bg-primary text-primary-foreground"),
+								children: n && /* @__PURE__ */ u(s, { className: "size-3" })
+							}), /* @__PURE__ */ d("span", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ u("span", {
+									className: "block truncate font-medium",
+									children: t.label
+								}), t.description && /* @__PURE__ */ u("span", {
+									className: "block text-xs text-muted-foreground",
+									children: t.description
+								})]
 							})]
-						})]
-					}, t.value);
-				}) : /* @__PURE__ */ s("div", {
-					className: "px-2 py-6 text-center text-sm text-muted-foreground",
-					children: m
-				})
+						}, t.value);
+					}) : /* @__PURE__ */ u("div", {
+						className: "rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground",
+						children: _
+					})
+				})]
 			})]
-		})]
+		})
 	});
 }
 //#endregion
-export { l as Combobox };
+export { f as Combobox };

package/dist/components/inputs/simple-select.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/select/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function s({value:e,onValueChange:s,options:c,placeholder:l=`Select`,searchPlaceholder:u=`Search options...`,emptyLabel:d=`No options found`,clearLabel:f=`Clear selection`,size:p=`default`,clearable:m=!1,searchable:h=!1,loading:g=!1,loadingLabel:_=`Loading options...`,disabled:v=!1,triggerClassName:y,contentClassName:b,itemClassName:x,searchClassName:S,renderOption:C,invalid:w,...T}){let[E,D]=r.useState(``),O=c.find(t=>t.value===e),k=c.filter(e=>o(e,E));return(0,a.jsxs)(n.Select,{value:e,onValueChange:e=>s?.(e),disabled:v||g,...T,children:[(0,a.jsxs)(n.SelectTrigger,{size:p,"aria-invalid":w||void 0,className:t.cn(`w-full`,y),children:[(0,a.jsx)(n.SelectValue,{placeholder:l,children:O?.label}),g?(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,m&&e&&!v&&!g?(0,a.jsx)(`button`,{type:`button`,"aria-label":f,className:`ml-1 rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),s?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,a.jsx)(i.XIcon,{className:`size-3.5`})}):null]}),(0,a.jsxs)(n.SelectContent,{className:t.cn(`w-(--anchor-width)`,b),children:[h?(0,a.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[min(var(--radius-lg),14px)] border px-2.5 py-2 text-sm`,children:[(0,a.jsx)(i.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,a.jsx)(`input`,{value:E,onChange:e=>D(e.target.value),placeholder:u,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,S)})]}):null,g?(0,a.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2 rounded-[min(var(--radius-lg),14px)] px-3 py-2.5 text-sm text-muted-foreground`,children:[(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin`}),_]}):k.length===0?(0,a.jsx)(`div`,{"data-slot":`select-state`,className:`rounded-[min(var(--radius-lg),14px)] px-3 py-2.5 text-sm text-muted-foreground`,children:d}):k.map(r=>{let o=r.value===e;return(0,a.jsx)(n.SelectItem,{value:r.value,disabled:r.disabled,className:t.cn(`rounded-[min(var(--radius-lg),14px)]`,x),children:C?C(r,{selected:o}):(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,a.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`truncate`,children:r.label}),o?(0,a.jsx)(i.CheckIcon,{className:`ml-auto size-3.5 text-primary`}):null]}),r.description&&(0,a.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})},r.value)})]})]})}exports.SimpleSelect=s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/select/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o(e,t){let n=t.trim().toLowerCase();return n?[typeof e.label==`string`||typeof e.label==`number`?String(e.label):e.value,e.value,...e.keywords??[]].join(` `).toLowerCase().includes(n):!0}function s({value:e,onValueChange:s,options:c,placeholder:l=`Select`,searchPlaceholder:u=`Search options...`,emptyLabel:d=`No options found`,clearLabel:f=`Clear selection`,size:p=`default`,clearable:m=!1,searchable:h=!1,loading:g=!1,loadingLabel:_=`Loading options...`,disabled:v=!1,triggerClassName:y,contentClassName:b,itemClassName:x,searchClassName:S,renderOption:C,invalid:w,...T}){let[E,D]=r.useState(``),O=c.find(t=>t.value===e),k=c.filter(e=>o(e,E));return(0,a.jsxs)(n.Select,{value:e,onValueChange:e=>s?.(e),disabled:v||g,...T,children:[(0,a.jsxs)(n.SelectTrigger,{size:p,"aria-invalid":w||void 0,className:t.cn(`w-full`,y),children:[(0,a.jsx)(n.SelectValue,{placeholder:l,children:O?.label}),g?(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin text-muted-foreground`}):null,m&&e&&!v&&!g?(0,a.jsx)(`button`,{type:`button`,"aria-label":f,className:`ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),s?.(void 0)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,a.jsx)(i.XIcon,{className:`size-3.5`})}):null]}),(0,a.jsxs)(n.SelectContent,{className:t.cn(`w-(--anchor-width)`,b),children:[h?(0,a.jsxs)(`div`,{"data-slot":`select-search`,className:`sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm`,children:[(0,a.jsx)(i.SearchIcon,{className:`size-4 text-muted-foreground`}),(0,a.jsx)(`input`,{value:E,onChange:e=>D(e.target.value),placeholder:u,className:t.cn(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground`,S)})]}):null,g?(0,a.jsxs)(`div`,{"data-slot":`select-state`,className:`flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:[(0,a.jsx)(i.LoaderCircleIcon,{className:`size-4 animate-spin`}),_]}):k.length===0?(0,a.jsx)(`div`,{"data-slot":`select-state`,className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground`,children:d}):k.map(r=>{let o=r.value===e;return(0,a.jsx)(n.SelectItem,{value:r.value,disabled:r.disabled,className:t.cn(`rounded-[var(--radius-md)]`,x),children:C?C(r,{selected:o}):(0,a.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,a.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`truncate`,children:r.label}),o?(0,a.jsx)(i.CheckIcon,{className:`ml-auto size-3.5 text-primary`}):null]}),r.description&&(0,a.jsx)(`span`,{className:`truncate text-xs text-muted-foreground`,children:r.description})]})},r.value)})]})]})}exports.SimpleSelect=s;

package/dist/components/inputs/simple-select.d.ts

@@ -15,7 +15,7 @@ export type SimpleSelectProps = Omit<React.ComponentProps<typeof Select>, "value
     searchPlaceholder?: string;
     emptyLabel?: React.ReactNode;
     clearLabel?: string;
-    size?: "sm" | "default";
+    size?: "sm" | "default" | "lg";
     clearable?: boolean;
     searchable?: boolean;
     loading?: boolean;

package/dist/components/inputs/simple-select.js

@@ -32,7 +32,7 @@ function h({ value: h, onValueChange: g, options: _, placeholder: v = "Select",
 				C && h && !D && !T ? /* @__PURE__ */ f("button", {
 					type: "button",
 					"aria-label": x,
-					className: "ml-1 rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					className: "ml-1 rounded-[var(--radius-sm)] border border-border/65 p-1 text-muted-foreground transition-colors hover:border-border hover:bg-muted/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 					onClick: (e) => {
 						e.preventDefault(), t(e), g?.(void 0);
 					},
@@ -45,7 +45,7 @@ function h({ value: h, onValueChange: g, options: _, placeholder: v = "Select",
 			className: e("w-(--anchor-width)", k),
 			children: [w ? /* @__PURE__ */ p("div", {
 				"data-slot": "select-search",
-				className: "sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[min(var(--radius-lg),14px)] border px-2.5 py-2 text-sm",
+				className: "sticky top-0 z-10 mb-1 flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-popover px-2.5 py-2 text-sm",
 				children: [/* @__PURE__ */ f(u, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ f("input", {
 					value: F,
 					onChange: (e) => I(e.target.value),
@@ -54,18 +54,18 @@ function h({ value: h, onValueChange: g, options: _, placeholder: v = "Select",
 				})]
 			}) : null, T ? /* @__PURE__ */ p("div", {
 				"data-slot": "select-state",
-				className: "flex items-center gap-2 rounded-[min(var(--radius-lg),14px)] px-3 py-2.5 text-sm text-muted-foreground",
+				className: "flex items-center gap-2 rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
 				children: [/* @__PURE__ */ f(l, { className: "size-4 animate-spin" }), E]
 			}) : R.length === 0 ? /* @__PURE__ */ f("div", {
 				"data-slot": "select-state",
-				className: "rounded-[min(var(--radius-lg),14px)] px-3 py-2.5 text-sm text-muted-foreground",
+				className: "rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-2.5 text-sm text-muted-foreground",
 				children: b
 			}) : R.map((t) => {
 				let n = t.value === h;
 				return /* @__PURE__ */ f(i, {
 					value: t.value,
 					disabled: t.disabled,
-					className: e("rounded-[min(var(--radius-lg),14px)]", A),
+					className: e("rounded-[var(--radius-md)]", A),
 					children: M ? M(t, { selected: n }) : /* @__PURE__ */ p("span", {
 						className: "flex min-w-0 flex-1 flex-col",
 						children: [/* @__PURE__ */ p("span", {

package/dist/components/patterns/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-detail-page.cjs"),n=require("./resource-page.cjs");exports.FormBuilder=e.FormBuilder,exports.ResourceDetailPage=t.ResourceDetailPage,exports.ResourcePage=n.ResourcePage,exports.ResourcePageSection=n.ResourcePageSection,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs"),n=require("./form-builder.cjs");exports.FormBuilder=n.FormBuilder,exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.asyncSelectField=n.asyncSelectField,exports.customField=n.customField,exports.dateField=n.dateField,exports.dateRangeField=n.dateRangeField,exports.formSection=n.formSection,exports.inputField=n.inputField,exports.numberField=n.numberField,exports.phoneField=n.phoneField,exports.renderFormBuilderField=n.renderFormBuilderField,exports.selectField=n.selectField,exports.switchField=n.switchField,exports.textareaField=n.textareaField;

package/dist/components/patterns/index.js

@@ -1,4 +1,4 @@
-import { FormBuilder as e, asyncSelectField as t, customField as n, dateField as r, dateRangeField as i, formSection as a, inputField as o, numberField as s, phoneField as c, renderFormBuilderField as l, selectField as u, switchField as d, textareaField as f } from "./form-builder.js";
-import { ResourceDetailPage as p } from "./resource-detail-page.js";
-import { ResourcePage as m, ResourcePageSection as h } from "./resource-page.js";
-export { e as FormBuilder, p as ResourceDetailPage, m as ResourcePage, h as ResourcePageSection, t as asyncSelectField, n as customField, r as dateField, i as dateRangeField, a as formSection, o as inputField, s as numberField, c as phoneField, l as renderFormBuilderField, u as selectField, d as switchField, f as textareaField };
+import { ResourceDetailPage as e } from "./resource-detail-page.js";
+import { ResourcePage as t, ResourcePageSection as n } from "./resource-page.js";
+import { FormBuilder as r, asyncSelectField as i, customField as a, dateField as o, dateRangeField as s, formSection as c, inputField as l, numberField as u, phoneField as d, renderFormBuilderField as f, selectField as p, switchField as m, textareaField as h } from "./form-builder.js";
+export { r as FormBuilder, e as ResourceDetailPage, t as ResourcePage, n as ResourcePageSection, i as asyncSelectField, a as customField, o as dateField, s as dateRangeField, c as formSection, l as inputField, u as numberField, d as phoneField, f as renderFormBuilderField, p as selectField, m as switchField, h as textareaField };

package/dist/components/patterns/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-builder.cjs"),t=require("./resource-detail-page.cjs"),n=require("./resource-page.cjs");exports.FormBuilder=e.FormBuilder,exports.ResourceDetailPage=t.ResourceDetailPage,exports.ResourcePage=n.ResourcePage,exports.ResourcePageSection=n.ResourcePageSection,exports.asyncSelectField=e.asyncSelectField,exports.customField=e.customField,exports.dateField=e.dateField,exports.dateRangeField=e.dateRangeField,exports.formSection=e.formSection,exports.inputField=e.inputField,exports.numberField=e.numberField,exports.phoneField=e.phoneField,exports.renderFormBuilderField=e.renderFormBuilderField,exports.selectField=e.selectField,exports.switchField=e.switchField,exports.textareaField=e.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./resource-detail-page.cjs"),t=require("./resource-page.cjs"),n=require("./form-builder.cjs");exports.FormBuilder=n.FormBuilder,exports.ResourceDetailPage=e.ResourceDetailPage,exports.ResourcePage=t.ResourcePage,exports.ResourcePageSection=t.ResourcePageSection,exports.asyncSelectField=n.asyncSelectField,exports.customField=n.customField,exports.dateField=n.dateField,exports.dateRangeField=n.dateRangeField,exports.formSection=n.formSection,exports.inputField=n.inputField,exports.numberField=n.numberField,exports.phoneField=n.phoneField,exports.renderFormBuilderField=n.renderFormBuilderField,exports.selectField=n.selectField,exports.switchField=n.switchField,exports.textareaField=n.textareaField;