tembro 2.1.10 → 2.1.12

package/dist/components/calendar/calendar.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../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(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,he=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.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(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,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))]`,e),...se,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-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),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(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(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:pe.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=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,"aria-selected":s||c||l||void 0,tabIndex:i===me?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] 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&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 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:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:he}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;
+"use client";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(e,t){let n=r.parseDateKey(e);return!n||!e?null:new Intl.DateTimeFormat(t,{dateStyle:`medium`}).format(n)}function f({className:e,value:f,range:p,onValueChange:m,onRangeChange:h,mode:g=`single`,month:ee,defaultMonth:te,onMonthChange:ne,min:_,max:v,disabledDates:y,locale:b=`en-US`,weekStartsOn:x=1,months:re,numberOfMonths:ie=1,showMonthHeaders:ae,showOutsideDays:S=!0,pagedNavigation:oe=!1,showTodayShortcut:C=!1,showClearShortcut:w=!1,showSelectionSummary:T=!1,labels:E,renderSelectionSummary:D,...se}){let O=f!==void 0,k=p!==void 0,[ce,A]=i.useState(f??null),[le,j]=i.useState(p??{}),[ue,de]=i.useState(()=>s(te,f,p)),M=O?f:ce,N=k?p:le,P=ee??ue,F=Math.max(re??ie,1),fe=ae??F>1,I=oe?F:1,L=r.toDateKey(new Date),R=i.useMemo(()=>new Set(y??[]),[y]),pe=i.useMemo(()=>r.getWeekdayLabels(b,x),[b,x]),z=i.useRef(new Map),[B,V]=i.useState(()=>f??p?.from??L),[H,U]=i.useState(null),W=i.useMemo(()=>Array.from({length:F},(e,t)=>r.addMonths(P,t)),[P,F]),G=i.useMemo(()=>W.map(e=>({month:e,days:r.getMonthDays(e,x)})),[W,x]),K=i.useMemo(()=>G.flatMap(e=>e.days),[G]),q=i.useCallback(e=>{if(R.has(e))return`disabled`;if(r.isBeforeDate(e,_))return`min`;if(r.isAfterDate(e,v))return`max`},[R,v,_]),J=i.useCallback(e=>!!q(e),[q]),Y=i.useMemo(()=>K.map(r.toDateKey).filter(e=>!J(e)),[K,J]),me=i.useMemo(()=>{let e=f??p?.from??L,t=N?.from??void 0,n=M??void 0;return Y.includes(B)?B:Y.includes(n??t??e)?n??t??e:Y[0]},[N?.from,M,B,p?.from,L,f,Y]);i.useEffect(()=>{O&&A(f??null)},[O,f]),i.useEffect(()=>{k&&p&&j(p)},[k,p]),i.useEffect(()=>{B&&z.current.get(B)?.focus()},[B]),i.useEffect(()=>{g!==`range`&&U(null)},[g]);let X=e=>{let t=r.startOfMonth(e);de(t),ne?.(t)},Z=(e,t=1)=>{let n=e,i=r.toDateKey(n),a=0;for(;J(i)&&a<370;)n=c(n,t),i=r.toDateKey(n),a+=1;V(i),W.some(e=>r.isSameMonth(n,e))||X(r.startOfMonth(n))},Q=e=>{if(J(e))return;if(g===`single`){O||A(e),m?.(e);return}let t=N?.from??null,n=N?.to??null;if(!t||t&&n||e<t){let t={from:e,to:null};k||j(t),h?.(t);return}if(u(t,e).some(e=>J(e))){let t={from:e,to:null};k||j(t),h?.(t);return}let r={from:t,to:e};k||j(r),h?.(r)},$=g===`range`&&N?.from&&!N.to&&H&&H>=N.from&&!u(N.from,H).some(e=>J(e))?{from:N.from,to:H}:null,he=i.useMemo(()=>{if(!T&&!D)return null;if(D)return D({mode:g,value:M,range:N,locale:b});if(g===`range`){let e=d(N?.from,b),t=d(N?.to,b);return e&&t?`${e} -> ${t}`:e?`${e} -> ...`:`No range selected`}return d(M,b)??`No date selected`},[N,M,b,g,D,T]),ge=()=>{if(g===`single`){O||A(null),m?.(``);return}let e={from:null,to:null};k||j(e),h?.(e)},_e=()=>{let e=new Date,t=r.toDateKey(e);X(e),V(t),J(t)||Q(t)},ve=(e,t)=>{let n=((G.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(),Z(c(t,1),1);break;case`ArrowLeft`:e.preventDefault(),Z(c(t,-1),-1);break;case`ArrowDown`:e.preventDefault(),Z(c(t,7),7);break;case`ArrowUp`:e.preventDefault(),Z(c(t,-7),-7);break;case`Home`:e.preventDefault(),Z(c(t,-n),-1);break;case`End`:e.preventDefault(),Z(c(t,6-n),1);break;case`PageUp`:e.preventDefault(),Z(l(t,r.addMonths(t,-1)),-1);break;case`PageDown`:e.preventDefault(),Z(l(t,r.addMonths(t,1)),1);break}};return(0,o.jsxs)(`div`,{"data-slot":`calendar`,"data-months":F,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))]`,e),...se,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-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.previousMonth??`Previous month`,onClick:()=>X(r.addMonths(P,-I)),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(P,b)})]}),(0,o.jsx)(n.Button,{type:`button`,variant:`outline`,size:`icon-sm`,className:`rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground`,"aria-label":E?.nextMonth??`Next month`,onClick:()=>X(r.addMonths(P,I)),children:(0,o.jsx)(a.ChevronRightIcon,{})})]}),(0,o.jsx)(`div`,{className:t.cn(`grid gap-3`,F>1&&`sm:grid-cols-2`),style:F>2?{gridTemplateColumns:`repeat(${F}, minmax(0, 1fr))`}:void 0,children:G.map(({month:e,days:n})=>(0,o.jsxs)(`div`,{className:`min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1`,children:[fe&&(0,o.jsx)(`div`,{className:`mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground`,children:r.getMonthLabel(e,b)}),(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:pe.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=g===`single`?M===i:i===N?.from||i===N?.to,c=g===`range`&&r.isWithinRange(i,N?.from,N?.to),l=!c&&g===`range`&&r.isWithinRange(i,$?.from,$?.to),u=g===`range`&&i===N?.from,d=g===`range`&&i===N?.to,f=c&&!u&&!d,p=q(i),m=!!p,h=p?E?.disabledDate?.(i,p):void 0;return(0,o.jsx)(`button`,{ref:e=>{e?z.current.set(i,e):z.current.delete(i)},type:`button`,disabled:m,"aria-label":h??E?.selectDate?.(i)??i,"aria-current":i===L?`date`:void 0,tabIndex:i===me?0:-1,title:h,"data-selected":s||void 0,"data-range-start":u||void 0,"data-range-end":d||void 0,"data-range-middle":f||void 0,"data-today":i===L||void 0,"data-outside":a||void 0,"data-in-range":c||void 0,"data-in-preview-range":l||void 0,"data-disabled-reason":p,className:t.cn(`flex h-9 items-center justify-center rounded-[var(--radius-sm)] 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&&S?`text-muted-foreground/34`:`text-foreground`,a&&!S&&`pointer-events-none opacity-0`,i===L&&`border-border/70 bg-muted/60 text-foreground`,c&&`bg-primary/10 text-foreground`,l&&`bg-primary/6 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:()=>V(i),onMouseEnter:()=>U(i),onMouseLeave:()=>U(null),onKeyDown:e=>ve(e,n),onClick:()=>Q(i),children:n.getDate()},i)})})]},r.toDateKey(e)))}),C||w||T||D?(0,o.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3`,children:[(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:he}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[w?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`ghost`,onClick:ge,children:E?.clear??`Clear`}):null,C?(0,o.jsx)(n.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:_e,children:E?.today??`Today`}):null]})]}):null]})}exports.Calendar=f;

package/dist/components/calendar/calendar.js

@@ -1,278 +1,277 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../ui/button/index.js";
-import { addMonths as n, getMonthDays as r, getMonthLabel as i, getWeekdayLabels as a, isAfterDate as o, isBeforeDate as s, isSameMonth as c, isWithinRange as ee, parseDateKey as l, startOfMonth as u, toDateKey as d } from "./date-utils.js";
-import * as f from "react";
-import { ChevronLeftIcon as p, ChevronRightIcon as te } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { addMonths as n, getMonthDays as r, getMonthLabel as i, getWeekdayLabels as a, isAfterDate as o, isBeforeDate as s, isSameMonth as c, isWithinRange as l, parseDateKey as u, startOfMonth as d, toDateKey as f } from "./date-utils.js";
+import * as p from "react";
+import { ChevronLeftIcon as m, ChevronRightIcon as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/calendar/calendar.tsx
-function ne(e, t, n) {
-	return e instanceof Date ? u(e) : u(l(e) || l(t) || l(n?.from ?? n?.to) || /* @__PURE__ */ new Date());
+function ee(e, t, n) {
+	return e instanceof Date ? d(e) : d(u(e) || u(t) || u(n?.from ?? n?.to) || /* @__PURE__ */ new Date());
 }
-function g(e, t) {
+function v(e, t) {
 	let n = new Date(e);
 	return n.setDate(e.getDate() + t), n;
 }
-function _(e, t) {
+function y(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 re(e, t) {
-	let n = l(e), r = l(t);
+function b(e, t) {
+	let n = u(e), r = u(t);
 	if (!n || !r || t < e) return [];
 	let i = [], a = new Date(n);
-	for (; d(a) <= t;) i.push(d(a)), a.setDate(a.getDate() + 1);
+	for (; f(a) <= t;) i.push(f(a)), a.setDate(a.getDate() + 1);
 	return i;
 }
-function v(e, t) {
-	let n = l(e);
+function x(e, t) {
+	let n = u(e);
 	return !n || !e ? null : new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(n);
 }
-function y({ className: l, value: y, range: b, onValueChange: ie, onRangeChange: x, mode: S = "single", month: ae, defaultMonth: oe, onMonthChange: se, min: C, max: w, disabledDates: T, locale: E = "en-US", weekStartsOn: D = 1, months: ce, numberOfMonths: le = 1, showMonthHeaders: ue, showOutsideDays: de = !0, pagedNavigation: fe = !1, showTodayShortcut: O = !1, showClearShortcut: k = !1, showSelectionSummary: A = !1, labels: j, renderSelectionSummary: M, ...pe }) {
-	let N = y !== void 0, P = b !== void 0, [me, F] = f.useState(y ?? null), [he, I] = f.useState(b ?? {}), [ge, _e] = f.useState(() => ne(oe, y, b)), L = N ? y : me, R = P ? b : he, z = ae ?? ge, B = Math.max(ce ?? le, 1), ve = ue ?? B > 1, ye = fe ? B : 1, V = d(/* @__PURE__ */ new Date()), be = f.useMemo(() => new Set(T ?? []), [T]), xe = f.useMemo(() => a(E, D), [E, D]), H = f.useRef(/* @__PURE__ */ new Map()), [U, W] = f.useState(() => y ?? b?.from ?? V), [G, K] = f.useState(null), q = f.useMemo(() => Array.from({ length: B }, (e, t) => n(z, t)), [z, B]), J = f.useMemo(() => q.map((e) => ({
+function S({ className: u, value: S, range: C, onValueChange: te, onRangeChange: w, mode: T = "single", month: ne, defaultMonth: re, onMonthChange: ie, min: ae, max: oe, disabledDates: se, locale: E = "en-US", weekStartsOn: D = 1, months: ce, numberOfMonths: le = 1, showMonthHeaders: ue, showOutsideDays: de = !0, pagedNavigation: fe = !1, showTodayShortcut: pe = !1, showClearShortcut: me = !1, showSelectionSummary: O = !1, labels: k, renderSelectionSummary: A, ...he }) {
+	let j = S !== void 0, M = C !== void 0, [ge, N] = p.useState(S ?? null), [_e, P] = p.useState(C ?? {}), [ve, ye] = p.useState(() => ee(re, S, C)), F = j ? S : ge, I = M ? C : _e, L = ne ?? ve, R = Math.max(ce ?? le, 1), be = ue ?? R > 1, z = fe ? R : 1, B = f(/* @__PURE__ */ new Date()), xe = p.useMemo(() => new Set(se ?? []), [se]), Se = p.useMemo(() => a(E, D), [E, D]), V = p.useRef(/* @__PURE__ */ new Map()), [H, U] = p.useState(() => S ?? C?.from ?? B), [W, G] = p.useState(null), K = p.useMemo(() => Array.from({ length: R }, (e, t) => n(L, t)), [L, R]), q = p.useMemo(() => K.map((e) => ({
 		month: e,
 		days: r(e, D)
-	})), [q, D]), Se = f.useMemo(() => J.flatMap((e) => e.days), [J]), Y = f.useCallback((e) => {
-		if (be.has(e)) return "disabled";
-		if (s(e, C)) return "min";
-		if (o(e, w)) return "max";
+	})), [K, D]), Ce = p.useMemo(() => q.flatMap((e) => e.days), [q]), J = p.useCallback((e) => {
+		if (xe.has(e)) return "disabled";
+		if (s(e, ae)) return "min";
+		if (o(e, oe)) return "max";
 	}, [
-		be,
-		w,
-		C
-	]), X = f.useCallback((e) => !!Y(e), [Y]), Z = f.useMemo(() => Se.map(d).filter((e) => !X(e)), [Se, X]), Ce = f.useMemo(() => {
-		let e = y ?? b?.from ?? V, t = R?.from ?? void 0, n = L ?? void 0;
-		return Z.includes(U) ? U : Z.includes(n ?? t ?? e) ? n ?? t ?? e : Z[0];
+		xe,
+		oe,
+		ae
+	]), Y = p.useCallback((e) => !!J(e), [J]), X = p.useMemo(() => Ce.map(f).filter((e) => !Y(e)), [Ce, Y]), we = p.useMemo(() => {
+		let e = S ?? C?.from ?? B, t = I?.from ?? void 0, n = F ?? void 0;
+		return X.includes(H) ? H : X.includes(n ?? t ?? e) ? n ?? t ?? e : X[0];
 	}, [
-		R?.from,
-		L,
-		U,
-		b?.from,
-		V,
-		y,
-		Z
+		I?.from,
+		F,
+		H,
+		C?.from,
+		B,
+		S,
+		X
 	]);
-	f.useEffect(() => {
-		N && F(y ?? null);
-	}, [N, y]), f.useEffect(() => {
-		P && b && I(b);
-	}, [P, b]), f.useEffect(() => {
-		U && H.current.get(U)?.focus();
-	}, [U]), f.useEffect(() => {
-		S !== "range" && K(null);
-	}, [S]);
-	let Q = (e) => {
-		let t = u(e);
-		_e(t), se?.(t);
-	}, $ = (e, t = 1) => {
-		let n = e, r = d(n), i = 0;
-		for (; X(r) && i < 370;) n = g(n, t), r = d(n), i += 1;
-		W(r), q.some((e) => c(n, e)) || Q(u(n));
-	}, we = (e) => {
-		if (X(e)) return;
-		if (S === "single") {
-			N || F(e), ie?.(e);
+	p.useEffect(() => {
+		j && N(S ?? null);
+	}, [j, S]), p.useEffect(() => {
+		M && C && P(C);
+	}, [M, C]), p.useEffect(() => {
+		H && V.current.get(H)?.focus();
+	}, [H]), p.useEffect(() => {
+		T !== "range" && G(null);
+	}, [T]);
+	let Z = (e) => {
+		let t = d(e);
+		ye(t), ie?.(t);
+	}, Q = (e, t = 1) => {
+		let n = e, r = f(n), i = 0;
+		for (; Y(r) && i < 370;) n = v(n, t), r = f(n), i += 1;
+		U(r), K.some((e) => c(n, e)) || Z(d(n));
+	}, Te = (e) => {
+		if (Y(e)) return;
+		if (T === "single") {
+			j || N(e), te?.(e);
 			return;
 		}
-		let t = R?.from ?? null, n = R?.to ?? null;
+		let t = I?.from ?? null, n = I?.to ?? null;
 		if (!t || t && n || e < t) {
 			let t = {
 				from: e,
 				to: null
 			};
-			P || I(t), x?.(t);
+			M || P(t), w?.(t);
 			return;
 		}
-		if (re(t, e).some((e) => X(e))) {
+		if (b(t, e).some((e) => Y(e))) {
 			let t = {
 				from: e,
 				to: null
 			};
-			P || I(t), x?.(t);
+			M || P(t), w?.(t);
 			return;
 		}
 		let r = {
 			from: t,
 			to: e
 		};
-		P || I(r), x?.(r);
-	}, Te = S === "range" && R?.from && !R.to && G && G >= R.from && !re(R.from, G).some((e) => X(e)) ? {
-		from: R.from,
-		to: G
-	} : null, Ee = f.useMemo(() => {
-		if (!A && !M) return null;
-		if (M) return M({
-			mode: S,
-			value: L,
-			range: R,
+		M || P(r), w?.(r);
+	}, $ = T === "range" && I?.from && !I.to && W && W >= I.from && !b(I.from, W).some((e) => Y(e)) ? {
+		from: I.from,
+		to: W
+	} : null, Ee = p.useMemo(() => {
+		if (!O && !A) return null;
+		if (A) return A({
+			mode: T,
+			value: F,
+			range: I,
 			locale: E
 		});
-		if (S === "range") {
-			let e = v(R?.from, E), t = v(R?.to, E);
+		if (T === "range") {
+			let e = x(I?.from, E), t = x(I?.to, E);
 			return e && t ? `${e} -> ${t}` : e ? `${e} -> ...` : "No range selected";
 		}
-		return v(L, E) ?? "No date selected";
+		return x(F, E) ?? "No date selected";
 	}, [
-		R,
-		L,
+		I,
+		F,
 		E,
-		S,
-		M,
-		A
+		T,
+		A,
+		O
 	]), De = () => {
-		if (S === "single") {
-			N || F(null), ie?.("");
+		if (T === "single") {
+			j || N(null), te?.("");
 			return;
 		}
 		let e = {
 			from: null,
 			to: null
 		};
-		P || I(e), x?.(e);
+		M || P(e), w?.(e);
 	}, Oe = () => {
-		let e = /* @__PURE__ */ new Date(), t = d(e);
-		Q(e), W(t), X(t) || we(t);
+		let e = /* @__PURE__ */ new Date(), t = f(e);
+		Z(e), U(t), Y(t) || Te(t);
 	}, ke = (e, t) => {
-		let r = ((J.find((e) => c(t, e.month))?.days.findIndex((e) => d(e) === d(t)) ?? 0) + 7) % 7;
+		let r = ((q.find((e) => c(t, e.month))?.days.findIndex((e) => f(e) === f(t)) ?? 0) + 7) % 7;
 		switch (e.key) {
 			case "ArrowRight":
-				e.preventDefault(), $(g(t, 1), 1);
+				e.preventDefault(), Q(v(t, 1), 1);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), $(g(t, -1), -1);
+				e.preventDefault(), Q(v(t, -1), -1);
 				break;
 			case "ArrowDown":
-				e.preventDefault(), $(g(t, 7), 7);
+				e.preventDefault(), Q(v(t, 7), 7);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), $(g(t, -7), -7);
+				e.preventDefault(), Q(v(t, -7), -7);
 				break;
 			case "Home":
-				e.preventDefault(), $(g(t, -r), -1);
+				e.preventDefault(), Q(v(t, -r), -1);
 				break;
 			case "End":
-				e.preventDefault(), $(g(t, 6 - r), 1);
+				e.preventDefault(), Q(v(t, 6 - r), 1);
 				break;
 			case "PageUp":
-				e.preventDefault(), $(_(t, n(t, -1)), -1);
+				e.preventDefault(), Q(y(t, n(t, -1)), -1);
 				break;
 			case "PageDown":
-				e.preventDefault(), $(_(t, n(t, 1)), 1);
+				e.preventDefault(), Q(y(t, n(t, 1)), 1);
 				break;
 		}
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ _("div", {
 		"data-slot": "calendar",
-		"data-months": B,
-		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))]", l),
-		...pe,
+		"data-months": R,
+		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))]", u),
+		...he,
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mb-3 flex items-center justify-between gap-3",
 				children: [
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ g(t, {
 						type: "button",
 						variant: "outline",
 						size: "icon-sm",
 						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
-						"aria-label": j?.previousMonth ?? "Previous month",
-						onClick: () => Q(n(z, -ye)),
-						children: /* @__PURE__ */ m(p, {})
+						"aria-label": k?.previousMonth ?? "Previous month",
+						onClick: () => Z(n(L, -z)),
+						children: /* @__PURE__ */ g(m, {})
 					}),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ _("div", {
 						className: "flex flex-1 flex-col items-center text-center",
-						children: [/* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ g("span", {
 							className: "text-[10px] font-semibold uppercase tracking-[0.24em] text-muted-foreground/90",
 							children: "Calendar"
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ g("div", {
 							className: "text-base font-semibold capitalize tracking-tight text-foreground",
-							children: i(z, E)
+							children: i(L, E)
 						})]
 					}),
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ g(t, {
 						type: "button",
 						variant: "outline",
 						size: "icon-sm",
 						className: "rounded-[var(--radius-md)] border-border/70 bg-background text-foreground shadow-none hover:border-border hover:bg-accent hover:text-accent-foreground",
-						"aria-label": j?.nextMonth ?? "Next month",
-						onClick: () => Q(n(z, ye)),
-						children: /* @__PURE__ */ m(te, {})
+						"aria-label": k?.nextMonth ?? "Next month",
+						onClick: () => Z(n(L, z)),
+						children: /* @__PURE__ */ g(h, {})
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
-				className: e("grid gap-3", B > 1 && "sm:grid-cols-2"),
-				style: B > 2 ? { gridTemplateColumns: `repeat(${B}, minmax(0, 1fr))` } : void 0,
-				children: J.map(({ month: t, days: n }) => /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
+				className: e("grid gap-3", R > 1 && "sm:grid-cols-2"),
+				style: R > 2 ? { gridTemplateColumns: `repeat(${R}, minmax(0, 1fr))` } : void 0,
+				children: q.map(({ month: t, days: n }) => /* @__PURE__ */ _("div", {
 					className: "min-w-[16.5rem] rounded-[var(--radius-md)] bg-transparent p-1",
 					children: [
-						ve && /* @__PURE__ */ m("div", {
+						be && /* @__PURE__ */ g("div", {
 							className: "mb-2 text-center text-sm font-semibold capitalize tracking-tight text-foreground",
 							children: i(t, E)
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid grid-cols-7 gap-1 text-center text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground/90",
-							children: xe.map((e) => /* @__PURE__ */ m("div", {
+							children: Se.map((e) => /* @__PURE__ */ g("div", {
 								className: "py-1",
 								children: e
-							}, `${d(t)}-${e}`))
+							}, `${f(t)}-${e}`))
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ g("div", {
 							className: "mt-1.5 grid grid-cols-7 gap-1",
 							children: n.map((n) => {
-								let r = d(n), i = !c(n, t), a = S === "single" ? L === r : r === R?.from || r === R?.to, o = S === "range" && ee(r, R?.from, R?.to), s = !o && S === "range" && ee(r, Te?.from, Te?.to), l = S === "range" && r === R?.from, u = S === "range" && r === R?.to, f = o && !l && !u, p = Y(r), te = !!p, h = p ? j?.disabledDate?.(r, p) : void 0;
-								return /* @__PURE__ */ m("button", {
+								let r = f(n), i = !c(n, t), a = T === "single" ? F === r : r === I?.from || r === I?.to, o = T === "range" && l(r, I?.from, I?.to), s = !o && T === "range" && l(r, $?.from, $?.to), u = T === "range" && r === I?.from, d = T === "range" && r === I?.to, p = o && !u && !d, m = J(r), h = !!m, _ = m ? k?.disabledDate?.(r, m) : void 0;
+								return /* @__PURE__ */ g("button", {
 									ref: (e) => {
-										e ? H.current.set(r, e) : H.current.delete(r);
+										e ? V.current.set(r, e) : V.current.delete(r);
 									},
 									type: "button",
-									disabled: te,
-									"aria-label": h ?? j?.selectDate?.(r) ?? r,
-									"aria-current": r === V ? "date" : void 0,
-									"aria-selected": a || o || s || void 0,
-									tabIndex: r === Ce ? 0 : -1,
-									title: h,
+									disabled: h,
+									"aria-label": _ ?? k?.selectDate?.(r) ?? r,
+									"aria-current": r === B ? "date" : void 0,
+									tabIndex: r === we ? 0 : -1,
+									title: _,
 									"data-selected": a || void 0,
-									"data-range-start": l || void 0,
-									"data-range-end": u || void 0,
-									"data-range-middle": f || void 0,
-									"data-today": r === V || void 0,
+									"data-range-start": u || void 0,
+									"data-range-end": d || void 0,
+									"data-range-middle": p || void 0,
+									"data-today": r === B || void 0,
 									"data-outside": i || void 0,
 									"data-in-range": o || void 0,
 									"data-in-preview-range": s || void 0,
-									"data-disabled-reason": p,
-									className: e("flex h-9 items-center justify-center rounded-[var(--radius-sm)] 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 && de ? "text-muted-foreground/34" : "text-foreground", i && !de && "pointer-events-none opacity-0", r === V && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", s && "bg-primary/6 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: () => W(r),
-									onMouseEnter: () => K(r),
-									onMouseLeave: () => K(null),
+									"data-disabled-reason": m,
+									className: e("flex h-9 items-center justify-center rounded-[var(--radius-sm)] 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 && de ? "text-muted-foreground/34" : "text-foreground", i && !de && "pointer-events-none opacity-0", r === B && "border-border/70 bg-muted/60 text-foreground", o && "bg-primary/10 text-foreground", s && "bg-primary/6 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: () => U(r),
+									onMouseEnter: () => G(r),
+									onMouseLeave: () => G(null),
 									onKeyDown: (e) => ke(e, n),
-									onClick: () => we(r),
+									onClick: () => Te(r),
 									children: n.getDate()
 								}, r);
 							})
 						})
 					]
-				}, d(t)))
+				}, f(t)))
 			}),
-			O || k || A || M ? /* @__PURE__ */ h("div", {
+			pe || me || O || A ? /* @__PURE__ */ _("div", {
 				className: "mt-3 flex flex-wrap items-center justify-between gap-2 border-t border-[color:var(--aui-card-border,var(--border))] pt-3",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "text-xs text-muted-foreground",
 					children: Ee
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "flex flex-wrap gap-2",
-					children: [k ? /* @__PURE__ */ m(t, {
+					children: [me ? /* @__PURE__ */ g(t, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
 						onClick: De,
-						children: j?.clear ?? "Clear"
-					}) : null, O ? /* @__PURE__ */ m(t, {
+						children: k?.clear ?? "Clear"
+					}) : null, pe ? /* @__PURE__ */ g(t, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						onClick: Oe,
-						children: j?.today ?? "Today"
+						children: k?.today ?? "Today"
 					}) : null]
 				})]
 			}) : null
@@ -280,4 +279,4 @@ function y({ className: l, value: y, range: b, onValueChange: ie, onRangeChange:
 	});
 }
 //#endregion
-export { y as Calendar };
+export { S as Calendar };

package/dist/components/ui/radio-group/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");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;
+"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");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,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.js

@@ -65,7 +65,6 @@ function a({ name: a, value: o, defaultValue: s, onValueChange: c, options: l, o
 						value: t.value,
 						checked: o,
 						disabled: s,
-						"aria-invalid": f || void 0,
 						className: "sr-only",
 						onChange: () => D(t.value)
 					}),

package/dist/showcase/package-meta.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.3`,t=`July 8, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.1.12`,t=`July 9, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;

package/dist/showcase/package-meta.d.ts

@@ -1,3 +1,3 @@
-export declare const PACKAGE_LATEST_VERSION = "2.0.3";
-export declare const PACKAGE_LATEST_RELEASE_DATE = "July 8, 2026";
-export declare const PACKAGE_DEPENDENCY_RANGE = "^2.0.3";
+export declare const PACKAGE_LATEST_VERSION = "2.1.12";
+export declare const PACKAGE_LATEST_RELEASE_DATE = "July 9, 2026";
+export declare const PACKAGE_DEPENDENCY_RANGE = "^2.1.12";

package/dist/showcase/package-meta.js

@@ -1,4 +1,4 @@
 //#region src/showcase/package-meta.ts
-var e = "2.0.3", t = "July 8, 2026", n = `^${e}`;
+var e = "2.1.12", t = "July 9, 2026", n = `^${e}`;
 //#endregion
 export { n as PACKAGE_DEPENDENCY_RANGE, t as PACKAGE_LATEST_RELEASE_DATE, e as PACKAGE_LATEST_VERSION };

package/dist/showcase/premium/accordion/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "tembro"
 
 const items = [
   {

package/dist/showcase/premium/accordion/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/accordion/mock.ts
 var e = {
-	code: "import { Accordion } from \"@/index\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
+	code: "import { Accordion } from \"tembro\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
 	htmlCode: "<details data-slot=\"accordion\">\n  <summary data-slot=\"accordion-trigger\">Theme tokens</summary>\n  <div data-slot=\"accordion-content\">Keep product decisions inside tokens.</div>\n</details>",
 	cliCommand: "npx tembro add accordion",
 	highlights: [

package/dist/showcase/premium/avatar/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Avatar, AvatarGroup } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Avatar, AvatarGroup } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/avatar/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/avatar/mock.ts
 var e = {
-	code: "import { Avatar, AvatarGroup } from \"@/index\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <Avatar name=\"Azamat Jurayev\" status=\"online\" />\n      <AvatarGroup\n        items={[\n          { key: \"az\", name: \"Azamat Jurayev\", status: \"online\" },\n          { key: \"su\", name: \"Suhrob Karimov\", status: \"busy\" },\n          { key: \"na\", name: \"Nargiza Saidova\", status: \"away\" },\n        ]}\n      />\n    </div>\n  )\n}",
+	code: "import { Avatar, AvatarGroup } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <Avatar name=\"Azamat Jurayev\" status=\"online\" />\n      <AvatarGroup\n        items={[\n          { key: \"az\", name: \"Azamat Jurayev\", status: \"online\" },\n          { key: \"su\", name: \"Suhrob Karimov\", status: \"busy\" },\n          { key: \"na\", name: \"Nargiza Saidova\", status: \"away\" },\n        ]}\n      />\n    </div>\n  )\n}",
 	cliCommand: "npx tembro add avatar",
 	highlights: [
 		"Single avatar plus stacked group export",

package/dist/showcase/premium/button/mock.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
 import { ArrowRightIcon, DownloadIcon } from "lucide-react"
-import { Button, buttonVariants } from "@/index"
+import { Button, buttonVariants } from "tembro"
 
 export function BasicExamples() {
   return (

package/dist/showcase/premium/button/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/button/mock.ts
 var e = {
-	code: "import * as React from \"react\"\nimport { ArrowRightIcon, DownloadIcon } from \"lucide-react\"\nimport { Button, buttonVariants } from \"@/index\"\n\nexport function BasicExamples() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"default\">Primary</Button>\n        <Button variant=\"secondary\">Secondary</Button>\n        <Button variant=\"outline\">Outline</Button>\n        <Button variant=\"destructive\">Destructive</Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button size=\"sm\">Small</Button>\n        <Button iconOnly aria-label=\"Download\">\n          <DownloadIcon className=\"size-4\" />\n        </Button>\n        <Button>\n          Continue\n          <ArrowRightIcon className=\"ml-2 size-4\" />\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"outline\" size=\"sm\" disabled>\n          Disabled\n        </Button>\n        <Button variant=\"default\" loading>\n          Loading\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <a className={buttonVariants({ variant: \"outline\", size: \"sm\" })} href=\"/components\">\n          Link styled as button\n        </a>\n      </div>\n    </div>\n  )\n}\n\nexport function ControlledButton() {\n  const [loading, setLoading] = React.useState(false)\n\n  return (\n    <Button\n      variant=\"default\"\n      onClick={() => {\n        setLoading(true)\n        window.setTimeout(() => setLoading(false), 1800)\n      }}\n      loading={loading}\n    >\n      Submit\n    </Button>\n  )\n}\n\n// Don't overuse buttonVariants for every button instance.\n// Use Button's own variant/size props by default, and keep buttonVariants\n// only for styling non-button elements (a, Link) with shared look.",
+	code: "import * as React from \"react\"\nimport { ArrowRightIcon, DownloadIcon } from \"lucide-react\"\nimport { Button, buttonVariants } from \"tembro\"\n\nexport function BasicExamples() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"default\">Primary</Button>\n        <Button variant=\"secondary\">Secondary</Button>\n        <Button variant=\"outline\">Outline</Button>\n        <Button variant=\"destructive\">Destructive</Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button size=\"sm\">Small</Button>\n        <Button iconOnly aria-label=\"Download\">\n          <DownloadIcon className=\"size-4\" />\n        </Button>\n        <Button>\n          Continue\n          <ArrowRightIcon className=\"ml-2 size-4\" />\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <Button variant=\"outline\" size=\"sm\" disabled>\n          Disabled\n        </Button>\n        <Button variant=\"default\" loading>\n          Loading\n        </Button>\n      </div>\n\n      <div className=\"flex flex-wrap gap-3\">\n        <a className={buttonVariants({ variant: \"outline\", size: \"sm\" })} href=\"/components\">\n          Link styled as button\n        </a>\n      </div>\n    </div>\n  )\n}\n\nexport function ControlledButton() {\n  const [loading, setLoading] = React.useState(false)\n\n  return (\n    <Button\n      variant=\"default\"\n      onClick={() => {\n        setLoading(true)\n        window.setTimeout(() => setLoading(false), 1800)\n      }}\n      loading={loading}\n    >\n      Submit\n    </Button>\n  )\n}\n\n// Don't overuse buttonVariants for every button instance.\n// Use Button's own variant/size props by default, and keep buttonVariants\n// only for styling non-button elements (a, Link) with shared look.",
 	htmlCode: "<button data-slot=\"button\" data-variant=\"primary\">\n  Continue\n</button>",
 	cliCommand: "npx tembro add button",
 	highlights: [

package/dist/showcase/premium/calendar-scheduler/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CalendarScheduler } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CalendarScheduler } from "tembro"
 
 export function Example() {
   return (

package/dist/showcase/premium/calendar-scheduler/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/calendar-scheduler/mock.ts
 var e = {
-	code: "import { CalendarScheduler } from \"@/index\"\n\nexport function Example() {\n  return (\n    <CalendarScheduler\n      days={[\"Mon, Jul 6\", \"Tue, Jul 7\"]}\n      events={[\n        { id: \"1\", title: \"Design review\", date: \"Mon, Jul 6\", time: \"10:00\", tone: \"warning\" },\n        { id: \"2\", title: \"Release freeze\", date: \"Tue, Jul 7\", time: \"14:00\", tone: \"danger\" },\n      ]}\n    />\n  )\n}",
+	code: "import { CalendarScheduler } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CalendarScheduler\n      days={[\"Mon, Jul 6\", \"Tue, Jul 7\"]}\n      events={[\n        { id: \"1\", title: \"Design review\", date: \"Mon, Jul 6\", time: \"10:00\", tone: \"warning\" },\n        { id: \"2\", title: \"Release freeze\", date: \"Tue, Jul 7\", time: \"14:00\", tone: \"danger\" },\n      ]}\n    />\n  )\n}",
 	cliCommand: "npx tembro add calendar-scheduler",
 	highlights: [
 		"Compact scheduler timeline by day",

package/dist/showcase/premium/carousel/mock.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Carousel, CarouselItem } from "@/index"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Carousel, CarouselItem } from "tembro"
 
 export function Example() {
   return (