neba 1.18.1 → 1.19.0

package/dist/components/transfer/Transfer.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Checkbox as t}from"../checkbox/Checkbox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{ScrollArea as r}from"../scroll-area/ScrollArea.js";import{TextField as n}from"../text-field/TextField.js";import{fillMessage as i,transferMessages as o,useMessages as c}from"../../internal/i18n.js";import{ArrowRightIcon as d}from"../../internal/icons.js";import{searchText as u}from"../../internal/search.js";import{cx as m,fieldRestClasses as h,hasContent as f,metaTextClasses as b,paddingXClasses as p,radiusClasses as v,srOnlyClasses as g,surfaceSlots as x,toLength as y}from"../../internal/styles.js";import{useStyleDefaults as S}from"../../internal/defaults.js";const k={xs:"py-1",sm:"py-1.5",md:"py-2",lg:"py-2.5",xl:"py-3"},w={xs:"py-0.5",sm:"py-1",md:"py-1",lg:"py-1.5",xl:"py-2"};function Panel({title:s,rows:i,arrived:o,ticked:c,onTick:d,onTickAll:u,search:f,onSearch:g,searchable:y,disabled:S,height:N,emptyMessage:j,searchLabel:T,selectAllLabel:z,style:M}){const{size:$,variant:A="outline",color:C="primary",density:L="default"}=M,_=i.filter(e=>!e.disabled),P=_.filter(e=>c.has(e.value)),W=_.length>0&&P.length===_.length,D=P.length>0&&!W,I=p[L][$],R=l.useId();return a("div",{role:"group","aria-labelledby":R,className:["flex min-w-0 flex-col overflow-hidden",h[A],v[$]].join(" "),style:x(C,0),children:[a("div",{className:`flex items-center gap-2 border-b [border-color:var(--neba-border)] ${I} ${k[$]}`,children:[e(t,{size:$,color:C,checked:W,indeterminate:D,disabled:S||0===_.length,"aria-label":z,onCheckedChange:e=>u(!0===e)}),e("span",{id:R,className:`min-w-0 flex-1 truncate font-medium ${b[$]}`,children:s}),a("span",{className:`shrink-0 tabular-nums text-(--neba-muted-fg) ${b[$]}`,children:[P.length,"/",i.length]})]}),y?e("div",{className:`${I} ${k[$]}`,children:e(n,{size:$,color:C,density:L,fullWidth:!0,variant:"text",disabled:S,placeholder:T,"aria-label":T,value:f,onChange:e=>g(e.target.value)})}):null,e(r,{size:$,color:C,height:N,fade:!0,children:e("div",{className:`flex flex-col ${I} ${k[$]}`,children:0===i.length?e("span",{className:`text-(--neba-muted-fg) ${b[$]} ${w[$]}`,children:j}):i.map(a=>e(t,{size:$,color:C,className:m(w[$],o.has(a.value)?"[animation:neba-anim-fade_var(--neba-duration-fill)_var(--neba-ease)_both]":""),label:a.label,checked:c.has(a.value),disabled:S||a.disabled,onCheckedChange:e=>d(a.value,!0===e)},a.value))})})]})}function N(e,a,l){const t=u(a);return""===t?e:e.filter(e=>{const a=l.get(e.value);return void 0===a||a.includes(t)})}export const Transfer=/*@__PURE__*/l.forwardRef(function Transfer(t,r){const{items:n,value:h,defaultValue:b,onValueChange:p,sourceLabel:v,targetLabel:x,searchable:k=!1,height:w=220,disabled:j=!1,locale:T,variant:z="outline",size:M="md",color:$="primary",density:A="default",className:C,...L}=S(t,["size","density","variant","locale"]),_=c(o,T),[P,W]=l.useState(b??[]),D=h??P,[I,R]=l.useState(()=>new Set),[V,B]=l.useState(()=>new Set),[E,F]=l.useState(""),[q,G]=l.useState(""),[H,J]=l.useState(""),K=l.useRef(void 0);l.useEffect(()=>()=>clearTimeout(K.current),[]);const O=l.useMemo(()=>new Set(D),[D]),Q=l.useMemo(()=>n.filter(e=>!O.has(e.value)),[n,O]),U=l.useMemo(()=>n.filter(e=>O.has(e.value)),[n,O]),X=(e,a)=>{R(l=>{const t=new Set(l);return a?t.add(e):t.delete(e),t})},Y=(e,a)=>{R(l=>{const t=new Set(l);for(const l of e)l.disabled||(a?t.add(l.value):t.delete(l.value));return t})},Z=(e,a)=>{const l=e.filter(e=>!e.disabled&&I.has(e.value));if(0===l.length)return;const t=new Set(l.map(e=>e.value)),s=new Set(n.map(e=>e.value)),r=D.filter(e=>!s.has(e)),o=a?[...n.filter(e=>O.has(e.value)||t.has(e.value)).map(e=>e.value),...r]:D.filter(e=>!t.has(e));R(e=>new Set([...e].filter(e=>!t.has(e)))),B(t),(e=>{void 0===h&&W(e),p?.(e)})(o);const c=a?x:v,d=i(_.moved,{count:String(l.length),list:"string"==typeof c&&c.trim()?c:a?_.target:_.source});clearTimeout(K.current),J(""),K.current=setTimeout(()=>J(d),100)},ee=l.useMemo(()=>function(e){const a=new Map;for(const l of e)"string"==typeof l.label&&a.set(l.value,u(l.label));return a}(n),[n]),ae=l.useMemo(()=>N(Q,E,ee),[Q,E,ee]),le=l.useMemo(()=>N(U,q,ee),[U,q,ee]),te=ae.some(e=>!e.disabled&&I.has(e.value)),se=le.some(e=>!e.disabled&&I.has(e.value)),re=y(w),ne={variant:z,size:M,color:$,density:A};return a("div",{ref:r,className:m("grid w-full items-center gap-3","[grid-template-columns:minmax(0,1fr)_auto_minmax(0,1fr)]",C??""),...L,children:[e(Panel,{title:f(v)?v:_.source,rows:ae,arrived:V,ticked:I,onTick:X,onTickAll:e=>Y(ae,e),search:E,onSearch:F,searchable:k,disabled:j,height:re,emptyMessage:_.empty,searchLabel:_.search,selectAllLabel:_.selectAll,style:ne}),a("div",{className:"flex flex-col gap-2",children:[e(s,{size:M,color:$,variant:"text"===z?"text":"outline",label:_.toTarget,disabled:j||!te,focusableWhenDisabled:!j,onClick:()=>Z(ae,!0),icon:e("span",{className:"flex rtl:rotate-180",children:e(d,{})})}),e(s,{size:M,color:$,variant:"text"===z?"text":"outline",label:_.toSource,disabled:j||!se,focusableWhenDisabled:!j,onClick:()=>Z(le,!1),icon:e("span",{className:"flex rotate-180 rtl:rotate-0",children:e(d,{})})})]}),e(Panel,{title:f(x)?x:_.target,rows:le,arrived:V,ticked:I,onTick:X,onTickAll:e=>Y(le,e),search:q,onSearch:G,searchable:k,disabled:j,height:re,emptyMessage:_.empty,searchLabel:_.search,selectAllLabel:_.selectAll,style:ne}),e("span",{role:"status",className:g,children:H})]})});
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import*as l from"react";import{Checkbox as t}from"../checkbox/Checkbox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{ScrollArea as r}from"../scroll-area/ScrollArea.js";import{TextField as n}from"../text-field/TextField.js";import{fillMessage as i,transferMessages as o,useMessages as c}from"../../internal/i18n.js";import{ArrowRightIcon as d}from"../../internal/icons.js";import{searchText as u}from"../../internal/search.js";import{cx as m,fieldRestClasses as h,hasContent as f,metaTextClasses as b,paddingXClasses as p,radiusClasses as v,srOnlyClasses as g,surfaceSlots as x,toLength as y}from"../../internal/styles.js";import{useStyleDefaults as k}from"../../internal/defaults.js";const S={xs:"py-1",sm:"py-1.5",md:"py-2",lg:"py-2.5",xl:"py-3"},w={xs:"py-0.5",sm:"py-1",md:"py-1",lg:"py-1.5",xl:"py-2"},T=/*@__PURE__*/l.memo(function TransferRow({value:a,label:l,checked:s,disabled:r,arrived:n,size:i,color:o,onTick:c}){return e(t,{size:i,color:o,className:m(w[i],n?"[animation:neba-anim-fade_var(--neba-duration-fill)_var(--neba-ease)_both]":""),label:l,checked:s,disabled:r,onCheckedChange:e=>c(a,!0===e)})});function Panel({title:s,rows:i,arrived:o,ticked:c,onTick:d,onTickAll:u,search:m,onSearch:f,searchable:g,disabled:y,height:k,emptyMessage:N,searchLabel:j,selectAllLabel:z,style:C}){const{size:M,variant:$="outline",color:A="primary",density:L="default"}=C,_=i.filter(e=>!e.disabled),D=_.filter(e=>c.has(e.value)),V=_.length>0&&D.length===_.length,P=D.length>0&&!V,R=p[L][M],W=l.useId();return a("div",{role:"group","aria-labelledby":W,className:"flex min-w-0 flex-col overflow-hidden "+h[$]+" "+v[M],style:x(A,0),children:[a("div",{className:`flex items-center gap-2 border-b [border-color:var(--neba-border)] ${R} ${S[M]}`,children:[e(t,{size:M,color:A,checked:V,indeterminate:P,disabled:y||0===_.length,"aria-label":z,onCheckedChange:e=>u(!0===e)}),e("span",{id:W,className:`min-w-0 flex-1 truncate font-medium ${b[M]}`,children:s}),a("span",{className:`shrink-0 tabular-nums text-(--neba-muted-fg) ${b[M]}`,children:[D.length,"/",i.length]})]}),g?e("div",{className:`${R} ${S[M]}`,children:e(n,{size:M,color:A,density:L,fullWidth:!0,variant:"text",disabled:y,placeholder:j,"aria-label":j,value:m,onChange:e=>f(e.target.value)})}):null,e(r,{size:M,color:A,height:k,fade:!0,children:e("div",{className:`flex flex-col ${R} ${S[M]}`,children:0===i.length?e("span",{className:`text-(--neba-muted-fg) ${b[M]} ${w[M]}`,children:N}):i.map(a=>e(T,{value:a.value,label:a.label,checked:c.has(a.value),disabled:y||!0===a.disabled,arrived:o.has(a.value),size:M,color:A,onTick:d},a.value))})})]})}function N(e,a,l){const t=u(a);return""===t?e:e.filter(e=>{const a=l.get(e.value);return void 0===a||a.includes(t)})}export const Transfer=/*@__PURE__*/l.forwardRef(function Transfer(t,r){const{items:n,value:h,defaultValue:b,onValueChange:p,sourceLabel:v,targetLabel:x,searchable:S=!1,height:w=220,disabled:T=!1,name:j,locale:z,variant:C="outline",size:M="md",color:$="primary",density:A="default",className:L,..._}=k(t,["size","density","variant","locale"]),D=c(o,z),[V,P]=l.useState(b??[]),R=h??V,[W,I]=l.useState(()=>new Set),[B,E]=l.useState(()=>new Set),[F,q]=l.useState(""),[G,H]=l.useState(""),[J,K]=l.useState(""),O=l.useRef(void 0);l.useEffect(()=>()=>clearTimeout(O.current),[]);const Q=l.useMemo(()=>new Set(R),[R]),U=l.useMemo(()=>n.filter(e=>!Q.has(e.value)),[n,Q]),X=l.useMemo(()=>n.filter(e=>Q.has(e.value)),[n,Q]),Y=l.useCallback((e,a)=>{I(l=>{const t=new Set(l);return a?t.add(e):t.delete(e),t})},[]),Z=(e,a)=>{I(l=>{const t=new Set(l);for(const l of e)l.disabled||(a?t.add(l.value):t.delete(l.value));return t})},ee=(e,a)=>{const l=e.filter(e=>!e.disabled&&W.has(e.value));if(0===l.length)return;const t=new Set(l.map(e=>e.value)),s=new Set(n.map(e=>e.value)),r=R.filter(e=>!s.has(e)),o=a?[...n.filter(e=>Q.has(e.value)||t.has(e.value)).map(e=>e.value),...r]:R.filter(e=>!t.has(e));I(e=>new Set([...e].filter(e=>!t.has(e)))),E(t),(e=>{void 0===h&&P(e),p?.(e)})(o);const c=a?x:v,d=i(D.moved,{count:String(l.length),list:"string"==typeof c&&c.trim()?c:a?D.target:D.source});clearTimeout(O.current),K(""),O.current=setTimeout(()=>K(d),100)},ae=l.useMemo(()=>function(e){const a=new Map;for(const l of e)"string"==typeof l.label&&a.set(l.value,u(l.label));return a}(n),[n]),le=l.useDeferredValue(F),te=l.useDeferredValue(G),se=l.useMemo(()=>N(U,le,ae),[U,le,ae]),re=l.useMemo(()=>N(X,te,ae),[X,te,ae]),ne=se.some(e=>!e.disabled&&W.has(e.value)),ie=re.some(e=>!e.disabled&&W.has(e.value)),oe=y(w),ce={variant:C,size:M,color:$,density:A};return a("div",{ref:r,className:m("grid w-full items-center gap-3","[grid-template-columns:minmax(0,1fr)_auto_minmax(0,1fr)]",L??""),..._,children:[e(Panel,{title:f(v)?v:D.source,rows:se,arrived:B,ticked:W,onTick:Y,onTickAll:e=>Z(se,e),search:F,onSearch:q,searchable:S,disabled:T,height:oe,emptyMessage:D.empty,searchLabel:D.search,selectAllLabel:D.selectAll,style:ce}),a("div",{className:"flex flex-col gap-2",children:[e(s,{size:M,color:$,variant:"text"===C?"text":"outline",label:D.toTarget,disabled:T||!ne,focusableWhenDisabled:!T,onClick:()=>ee(se,!0),icon:e("span",{className:"flex rtl:rotate-180",children:e(d,{})})}),e(s,{size:M,color:$,variant:"text"===C?"text":"outline",label:D.toSource,disabled:T||!ie,focusableWhenDisabled:!T,onClick:()=>ee(re,!1),icon:e("span",{className:"flex rotate-180 rtl:rotate-0",children:e(d,{})})})]}),e(Panel,{title:f(x)?x:D.target,rows:re,arrived:B,ticked:W,onTick:Y,onTickAll:e=>Z(re,e),search:G,onSearch:H,searchable:S,disabled:T,height:oe,emptyMessage:D.empty,searchLabel:D.search,selectAllLabel:D.selectAll,style:ce}),e("span",{role:"status",className:g,children:J}),void 0===j?null:R.map(a=>e("input",{type:"hidden",name:j,value:a,disabled:T,"data-neba-repeats":""},a))]})});

package/dist/components/tree-select/TreeSelect.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import*as a from"react";import{TreeItem as n,TreeView as r}from"../tree-view/TreeView.js";import{PickerShell as t}from"../../internal/picker.js";import{searchHaystack as i,searchText as o}from"../../internal/search.js";import{actionMessages as s,commandMessages as c,comboboxMessages as d,useMessages as u}from"../../internal/i18n.js";import{useStyleDefaults as p}from"../../internal/defaults.js";function h(e,l=new Map){for(const a of e)l.set(a.value,a),a.children&&h(a.children,l);return l}function m(e,l=new Map){for(const a of e)l.set(a,i([a.searchLabel??("string"==typeof a.label?a.label:String(a.value))])),a.children&&m(a.children,l);return l}function f(e,l,a){if(""===l)return e;const n=[];for(const r of e){const e=r.children?f(r.children,l,a):void 0,t=(a.get(r)??"").includes(l);(t||e&&e.length>0)&&n.push({...r,children:t?r.children:e})}return n}function g(e,l=[]){for(const a of e)a.children&&a.children.length>0&&(l.push(a.value),g(a.children,l));return l}export const TreeSelect=/*@__PURE__*/a.forwardRef(function TreeSelect(i,b){const{items:v=[],value:x,defaultValue:y,onValueChange:S,multiple:w=!1,selectableBranches:C=!1,defaultExpanded:j,expanded:N,onExpandedChange:M,open:O,defaultOpen:z,onOpenChange:T,placeholder:V,clearable:E=!1,clearLabel:L,closeOnSelect:k,searchable:A=!1,searchPlaceholder:I,locale:P,format:R,name:B,size:F="md",color:$="primary",readOnly:q=!1,disabled:D=!1,classNames:G,...H}=p(i,["size","density","variant","locale","labelPlacement"]),J=u(d,P),K=u(c,P),Q=u(s,P),U=e=>null==e?[]:Array.isArray(e)?e:[e],[W,X]=a.useState(()=>U(y)),Y=void 0!==x?U(x):W,[Z,_]=a.useState(z??!1),ee=O??Z,[le,ae]=a.useState(""),ne=a.useMemo(()=>h(v),[v]),re=a.useMemo(()=>m(v),[v]),te=o(le),ie=a.useMemo(()=>f(v,te,re),[v,te,re]),oe=a.useMemo(()=>""===te?void 0:g(ie),[te,ie]),[se,ce]=a.useState(()=>j??[]),de=oe??N??se,ue=e=>{e&&(q||D)||(void 0===O&&_(e),e||ae(""),T?.(e))},pe=e=>{void 0===x&&X(e),S?.(e)},he=e=>e.selectable??(!(e.children&&e.children.length>0)||C),me=Y.map(e=>ne.get(e)).filter(e=>void 0!==e),fe=0===me.length?V??"":R?R(me):me.map(e=>e.label).reduce((e,l,a)=>0===a?[l]:[...e,", ",l],[]),ge=l=>l.map(l=>e(n,{value:l.value,label:l.label,startIcon:l.startIcon,disabled:l.disabled,selectable:he(l),className:G?.item,children:l.children?ge(l.children):null},l.value));return e(t,{...H,size:F,color:$,readOnly:q,disabled:D,triggerRef:b,display:fe,empty:0===me.length,clearable:E,onClear:()=>pe([]),open:ee,onOpenChange:ue,clearLabel:L??Q.clear,popupClassName:G?.popup,initialFocus:!0,hiddenValues:B?Y.map(e=>({name:B,value:String(e)})):void 0,repeats:w,children:l("div",{className:"flex max-h-80 w-64 flex-col gap-2 overflow-hidden",children:[A?e("input",{type:"text",value:le,placeholder:I??K.search,"aria-label":I??K.search,onChange:e=>ae(e.currentTarget.value),className:"neba-input w-full shrink-0 bg-transparent px-1 py-1 [font:inherit] text-(--neba-fg) [outline:none] placeholder:text-(--neba-muted-fg)"}):null,e("div",{className:"min-h-0 flex-1 overflow-auto",children:0===ie.length?e("p",{className:`px-1 py-2 text-(--neba-muted-fg) ${G?.empty??""}`,children:J.empty}):e(r,{size:F,color:$,multiple:w,selected:Y,onSelectedChange:e=>{const l=e.filter(e=>{const l=ne.get(e);return void 0!==l&&he(l)&&!l.disabled});pe(w?l:l.slice(-1)),(k??!w)&&ue(!1)},expanded:de,onExpandedChange:oe?()=>{}:e=>{void 0===N&&ce(e),M?.(e)},className:G?.tree,children:ge(ie)})})]})})});
+"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import*as a from"react";import{TreeItem as n,TreeView as r}from"../tree-view/TreeView.js";import{PickerShell as t}from"../../internal/picker.js";import{searchHaystack as i,searchText as o}from"../../internal/search.js";import{actionMessages as s,commandMessages as c,comboboxMessages as d,useMessages as u}from"../../internal/i18n.js";import{useStyleDefaults as p}from"../../internal/defaults.js";function h(e,l=new Map){for(const a of e)l.set(a.value,a),a.children&&h(a.children,l);return l}function m(e,l=new Map){for(const a of e)l.set(a,i([a.searchLabel??("string"==typeof a.label?a.label:String(a.value))])),a.children&&m(a.children,l);return l}function f(e,l,a){if(""===l)return e;const n=[];for(const r of e){const e=r.children?f(r.children,l,a):void 0,t=(a.get(r)??"").includes(l);(t||e&&e.length>0)&&n.push({...r,children:t?r.children:e})}return n}function b(e,l=[]){for(const a of e)a.children&&a.children.length>0&&(l.push(a.value),b(a.children,l));return l}export const TreeSelect=/*@__PURE__*/a.forwardRef(function TreeSelect(i,g){const{items:v=[],value:x,defaultValue:y,onValueChange:C,multiple:S=!1,selectableBranches:w=!1,defaultExpanded:j,expanded:N,onExpandedChange:M,open:O,defaultOpen:V,onOpenChange:z,placeholder:T,clearable:k=!1,clearLabel:E,closeOnSelect:L,searchable:A=!1,searchPlaceholder:I,locale:P,format:R,name:B,size:D="md",color:F="primary",readOnly:$=!1,disabled:q=!1,classNames:G,...H}=p(i,["size","density","variant","locale","labelPlacement"]),J=u(d,P),K=u(c,P),Q=u(s,P),U=e=>null==e?[]:Array.isArray(e)?e:[e],[W,X]=a.useState(()=>U(y)),Y=void 0!==x?U(x):W,[Z,_]=a.useState(V??!1),ee=O??Z,[le,ae]=a.useState(""),ne=a.useMemo(()=>h(v),[v]),re=a.useMemo(()=>m(v),[v]),te=a.useDeferredValue(le),ie=o(te),oe=a.useMemo(()=>f(v,ie,re),[v,ie,re]),se=a.useMemo(()=>""===ie?void 0:b(oe),[ie,oe]),[ce,de]=a.useState(()=>j??[]),ue=se??N??ce,pe=e=>{e&&($||q)||(void 0===O&&_(e),e||ae(""),z?.(e))},he=e=>{void 0===x&&X(e),C?.(e)},me=a.useCallback(e=>e.selectable??(!(e.children&&e.children.length>0)||w),[w]),fe=Y.map(e=>ne.get(e)).filter(e=>void 0!==e),be=0===fe.length?T??"":R?R(fe):fe.map(e=>e.label).reduce((e,l,a)=>0===a?[l]:[...e,", ",l],[]),ge=G?.item,ve=a.useMemo(()=>{const l=a=>a.map(a=>e(n,{value:a.value,label:a.label,startIcon:a.startIcon,disabled:a.disabled,selectable:me(a),className:ge,children:a.children?l(a.children):null},a.value));return l(oe)},[oe,me,ge]);return e(t,{...H,size:D,color:F,readOnly:$,disabled:q,triggerRef:g,display:be,empty:0===fe.length,clearable:k,onClear:()=>he([]),open:ee,onOpenChange:pe,clearLabel:E??Q.clear,popupClassName:G?.popup,initialFocus:!0,hiddenValues:B?Y.map(e=>({name:B,value:String(e)})):void 0,repeats:S,children:l("div",{className:"flex max-h-80 w-64 flex-col gap-2 overflow-hidden",children:[A?e("input",{type:"text",value:le,placeholder:I??K.search,"aria-label":I??K.search,onChange:e=>ae(e.currentTarget.value),className:"neba-input w-full shrink-0 bg-transparent px-1 py-1 [font:inherit] text-(--neba-fg) [outline:none] placeholder:text-(--neba-muted-fg)"}):null,e("div",{className:"min-h-0 flex-1 overflow-auto",children:0===oe.length?e("p",{className:`px-1 py-2 text-(--neba-muted-fg) ${G?.empty??""}`,children:J.empty}):e(r,{size:D,color:F,multiple:S,selected:Y,onSelectedChange:e=>{const l=e.filter(e=>{const l=ne.get(e);return void 0!==l&&me(l)&&!l.disabled});he(S?l:l.slice(-1)),(L??!S)&&pe(!1)},expanded:ue,onExpandedChange:se?()=>{}:e=>{void 0===N&&de(e),M?.(e)},className:G?.tree,children:ve})})]})})});

package/dist/components/tree-view/TreeView.js

@@ -1 +1 @@
-"use client";import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import*as r from"react";import{inertValue as a}from"../../internal/inert.js";import{safeHref as l}from"../../internal/link.js";import{searchText as s}from"../../internal/search.js";import{ChevronIcon as o}from"../../internal/icons.js";import{controlTextClasses as i,cx as d,gapClasses as c,hasContent as u,iconClasses as m,radiusClasses as p,surfaceClasses as f,surfaceSlots as g,transitionClasses as x}from"../../internal/styles.js";import{useStyleDefaults as b}from"../../internal/defaults.js";const h=/*@__PURE__*/r.createContext({size:"md",density:"default",disabled:!1,multiple:!1,keepMounted:!1,expandedKeys:new Set,selectedKeys:new Set,activeKey:null,toggle:()=>{},select:()=>{},activate:()=>{},register:()=>()=>{}}),v=/*@__PURE__*/r.createContext(!1),y={solid:[f,"text-(--neba-fg) bg-(--n-panel-hover)","[box-shadow:var(--n-elev),var(--neba-plate-solid)]"].join(" "),outline:[f,"border text-(--neba-fg) bg-(--n-panel)","[border-color:var(--n-line)]","[box-shadow:var(--n-elev),var(--neba-plate-glass)]"].join(" "),text:"text-(--neba-fg) bg-transparent"},w={xs:"0.875rem",sm:"1rem",md:"1.25rem",lg:"1.5rem",xl:"1.75rem"},k={xs:"1.375rem",sm:"1.625rem",md:"2rem",lg:"2.5rem",xl:"3rem"},C={default:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3",xl:"px-3.5"},compact:{xs:"px-1",sm:"px-1",md:"px-1.5",lg:"px-2",xl:"px-2.5"}},S={xs:"rounded-[0.3125rem]",sm:"rounded-[0.375rem]",md:"rounded-[0.5rem]",lg:"rounded-[0.625rem]",xl:"rounded-[0.75rem]"},E={none:"",simple:"neba-tree-simple",folder:"neba-tree-folder"};function N(e){return Array.from(e.querySelectorAll('[role="treeitem"]')).filter(e=>null===e.closest("[data-closing]"))}const j=e=>String(e);export const TreeView=/*@__PURE__*/r.forwardRef(function TreeView(t,n){const{variant:a="outline",size:l="md",color:o="primary",density:i="default",elevation:c=0,lines:u="simple",expanded:m,defaultExpanded:f,onExpandedChange:v,selected:C,defaultSelected:S,onSelectedChange:K,multiple:A=!1,disabled:V=!1,label:D,keepMounted:R=!1,className:M,style:I,children:P,onKeyDown:T,..._}=b(t,["size","density","variant"]),[z,q]=r.useState(f??[]),[F,L]=r.useState(S??[]),[H,O]=r.useState(null),U=m??z,W=C??F,B=r.useRef(null),G=r.useCallback(e=>{B.current=e,"function"==typeof n?n(e):n&&(n.current=e)},[n]),J=r.useRef({expandedValues:U,selectedValues:W,controlledExpanded:void 0!==m,controlledSelected:void 0!==C,multiple:A,onExpandedChange:v,onSelectedChange:K});J.current={expandedValues:U,selectedValues:W,controlledExpanded:void 0!==m,controlledSelected:void 0!==C,multiple:A,onExpandedChange:v,onSelectedChange:K};const Q=r.useCallback(e=>{const{expandedValues:t,controlledExpanded:n,onExpandedChange:r}=J.current,a=j(e),l=t.some(e=>j(e)===a)?t.filter(e=>j(e)!==a):[...t,e];n||q(l),r?.(l)},[]),X=r.useCallback(e=>{const{selectedValues:t,controlledSelected:n,multiple:r,onSelectedChange:a}=J.current,l=j(e),s=t.some(e=>j(e)===l),o=r?s?t.filter(e=>j(e)!==l):[...t,e]:[e];n||L(o),a?.(o)},[]),Y=r.useRef(new Map),Z=r.useCallback((e,t)=>(Y.current.set(e,t),()=>{Y.current.delete(e)}),[]),$=r.useMemo(()=>U.map(j).join("\0"),[U]),ee=r.useMemo(()=>W.map(j).join("\0"),[W]),te=r.useMemo(()=>({size:l,density:i,disabled:V,multiple:A,keepMounted:R,expandedKeys:new Set(U.map(j)),selectedKeys:new Set(W.map(j)),activeKey:H,toggle:Q,select:X,activate:O,register:Z}),[l,i,V,A,R,$,ee,H,Q,X,Z]);r.useEffect(()=>{if(null!==H&&Y.current.has(H))return;const e=B.current;if(!e)return;const t=N(e);if(0===t.length)return;const n=t.find(e=>"true"===e.getAttribute("aria-selected"))??t[0];O(n.dataset.nebaValue??null)});const ne=d("flex list-none flex-col p-1",p[l],y[a],x,E[u],M);return e(h.Provider,{value:te,children:e("ul",{ref:G,role:"tree","aria-label":D,"aria-multiselectable":A||void 0,className:ne,style:{...g(o,c),"--n-tree-indent":w[l],"--n-tree-row":k[l],...I},onKeyDown:function(e){if(T?.(e),e.defaultPrevented)return;const t=B.current,n=e.target?.closest?.('[role="treeitem"]');if(!t||!n||!t.contains(n))return;if(e.target!==n)return;const r=N(t),a=r.indexOf(n);if(-1===a)return;const l=t=>{t&&(e.preventDefault(),O(t.dataset.nebaValue??null),t.focus())},o=e=>{const t=e.dataset.nebaValue;t&&Y.current.get(t)?.toggle()},i="rtl"===getComputedStyle(t).direction,d=i?"ArrowLeft":"ArrowRight",c=i?"ArrowRight":"ArrowLeft",u=n.getAttribute("aria-expanded");switch(e.key){case"ArrowDown":l(r[a+1]);break;case"ArrowUp":l(r[a-1]);break;case"Home":l(r[0]);break;case"End":l(r[r.length-1]);break;case d:"false"===u?(e.preventDefault(),o(n)):"true"===u&&l(r[a+1]);break;case c:"true"===u?(e.preventDefault(),o(n)):l(n.parentElement?.closest('[role="treeitem"]'));break;case"Enter":case" ":e.preventDefault();(("Enter"===e.key?n.querySelector(":scope > div > a[href]"):null)??n).click();break;default:if(1===[...e.key].length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey){const t=s(e.key);l([...r.slice(a+1),...r.slice(0,a)].find(e=>s(e.querySelector("[data-neba-label]")?.textContent??"").startsWith(t)))}}},..._,children:P})})});export const TreeItem=/*@__PURE__*/r.forwardRef(function TreeItem({value:s,label:p,startIcon:f,endIcon:g,action:b,href:y,expandable:w,disabled:k=!1,selectable:E=!0,className:N,children:K,onClick:A,...V},D){const{size:R,density:M,disabled:I,expandedKeys:P,selectedKeys:T,activeKey:_,toggle:z,select:q,activate:F,register:L,multiple:H,keepMounted:O}=r.useContext(h),U=r.useId(),W=s??U,B=j(W),G=r.useRef(null),J=r.useCallback(e=>{G.current=e,"function"==typeof D?D(e):D&&(D.current=e)},[D]),Q=r.Children.toArray(K),X=w??Q.length>0,Y=X&&P.has(B),Z=T.has(B),$=k||I,ee=r.useRef({toggle:()=>{}});ee.current.toggle=()=>{!$&&X&&z(W)};const te=r.useContext(v);r.useEffect(()=>te?void 0:L(B,ee.current),[te,B,L]);const[ne,re]=r.useState(Y),[ae,le]=r.useState(Y),se=r.useRef(null);r.useEffect(()=>{if(Y){re(!0);const e=requestAnimationFrame(()=>le(!0));return()=>cancelAnimationFrame(e)}le(!1);const e=se.current;(null===e||getComputedStyle(e).transitionDuration.split(",").every(e=>0===parseFloat(e)))&&re(!1)},[Y]);const oe=d("flex min-w-0 flex-1 cursor-pointer items-center text-start","h-(--n-tree-row)",C[M][R],S[R],c[R],i[R],x,m,"group-focus-visible/tree-item:[outline:2px_solid_var(--n-ring)]","group-focus-visible/tree-item:outline-offset-[-2px]",$?"cursor-not-allowed text-(--neba-disabled-fg)":Z?"bg-(--n-soft-press) font-medium text-(--n-on-tint) hover:bg-(--n-soft-press)":"hover:bg-(--n-soft)"),ie=n(t,{children:[e("span",{"aria-hidden":"true",onClick:e=>{!$&&X&&(e.stopPropagation(),e.preventDefault(),G.current?.focus(),F(B),z(W))},className:d("flex h-[1lh] w-[1.15em] shrink-0 items-center justify-center","[transition:rotate_var(--neba-duration)_var(--neba-ease)]",X?"text-(--neba-muted-fg)":"",Y?"rotate-0":"-rotate-90 rtl:rotate-90"),children:X?e(o,{}):null}),u(f)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:f}):null,e("span",{"data-neba-label":"",className:"min-w-0 flex-1 truncate",children:p}),u(g)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:g}):null]});return n("li",{ref:J,role:"treeitem","aria-expanded":X?Y:void 0,"aria-selected":!!Z||(!H||!E)&&void 0,"aria-disabled":$||void 0,"data-neba-value":B,tabIndex:_===B?0:-1,className:d("group/tree-item relative block [outline:none]",N),onClick:function(e){e.stopPropagation(),$?e.preventDefault():(G.current?.focus(),F(B),A?.(e),e.defaultPrevented||(X&&z(W),E&&q(W)))},...V,children:[n("div",{className:"flex w-full items-center",children:[void 0===l(y)||$?e("div",{className:oe,children:ie}):e("a",{href:l(y),tabIndex:-1,className:oe,"aria-current":Z?"page":void 0,children:ie}),u(b)?e("span",{className:d("flex shrink-0 items-center",C[M][R]),onClick:e=>e.stopPropagation(),children:b}):null]}),X&&(ne||O)&&Q.length>0?e("div",{ref:se,"data-closing":Y?void 0:"",inert:a(!Y),className:d("grid [transition:grid-template-rows_var(--neba-duration)_var(--neba-ease)]",ae?"[grid-template-rows:1fr]":"[grid-template-rows:0fr] pointer-events-none"),onTransitionEnd:e=>{e.target!==e.currentTarget||"grid-template-rows"!==e.propertyName||Y||re(!1)},children:e("ul",{role:"group",className:"min-h-0 list-none overflow-hidden ps-(--n-tree-indent)",children:e(v.Provider,{value:te||!Y,children:K})})}):null]})});
+"use client";import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import*as n from"react";import{useMergedRef as l}from"../../internal/refs.js";import{inertValue as a}from"../../internal/inert.js";import{safeHref as s}from"../../internal/link.js";import{searchText as o}from"../../internal/search.js";import{ChevronIcon as i}from"../../internal/icons.js";import{controlTextClasses as d,cx as c,gapClasses as u,hasContent as m,iconClasses as p,radiusClasses as f,surfaceClasses as x,surfaceSlots as g,transitionClasses as h}from"../../internal/styles.js";import{useStyleDefaults as v}from"../../internal/defaults.js";const b=/*@__PURE__*/n.createContext({size:"md",density:"default",disabled:!1,multiple:!1,keepMounted:!1,expandedKeys:new Set,selectedKeys:new Set,activeKey:null,toggle:()=>{},select:()=>{},activate:()=>{},register:()=>()=>{}}),y=/*@__PURE__*/n.createContext(!1),w=/*@__PURE__*/n.createContext(!1),k={solid:x+" text-(--neba-fg) bg-(--n-panel-hover) [box-shadow:var(--n-elev),var(--neba-plate-solid)]",outline:x+" border text-(--neba-fg) bg-(--n-panel) [border-color:var(--n-line)] [box-shadow:var(--n-elev),var(--neba-plate-glass)]",text:"text-(--neba-fg) bg-transparent"},C={xs:"0.875rem",sm:"1rem",md:"1.25rem",lg:"1.5rem",xl:"1.75rem"},S={xs:"1.375rem",sm:"1.625rem",md:"2rem",lg:"2.5rem",xl:"3rem"},E={default:{xs:"px-1.5",sm:"px-2",md:"px-2.5",lg:"px-3",xl:"px-3.5"},compact:{xs:"px-1",sm:"px-1",md:"px-1.5",lg:"px-2",xl:"px-2.5"}},N={xs:"rounded-[0.3125rem]",sm:"rounded-[0.375rem]",md:"rounded-[0.5rem]",lg:"rounded-[0.625rem]",xl:"rounded-[0.75rem]"},A={none:"",simple:"neba-tree-simple",folder:"neba-tree-folder"};function K(e){return Array.from(e.querySelectorAll('[role="treeitem"]')).filter(e=>null===e.closest("[data-closing]"))}const j=e=>String(e);export const TreeView=/*@__PURE__*/n.forwardRef(function TreeView(t,r){const{variant:a="outline",size:s="md",color:i="primary",density:d="default",elevation:u=0,lines:m="simple",expanded:p,defaultExpanded:x,onExpandedChange:y,selected:E,defaultSelected:N,onSelectedChange:V,multiple:R=!1,disabled:D=!1,label:P,keepMounted:M=!1,className:z,style:I,children:T,onKeyDown:_,...q}=v(t,["size","density","variant"]),[F,L]=n.useState(x??[]),[H,O]=n.useState(N??[]),[U,W]=n.useState(null),B=p??F,G=E??H,J=n.useRef(null),Q=l(J,r),X=n.useRef({expandedValues:B,selectedValues:G,controlledExpanded:void 0!==p,controlledSelected:void 0!==E,multiple:R,onExpandedChange:y,onSelectedChange:V});X.current={expandedValues:B,selectedValues:G,controlledExpanded:void 0!==p,controlledSelected:void 0!==E,multiple:R,onExpandedChange:y,onSelectedChange:V};const Y=n.useCallback(e=>{const{expandedValues:t,controlledExpanded:r,onExpandedChange:n}=X.current,l=j(e),a=t.some(e=>j(e)===l)?t.filter(e=>j(e)!==l):[...t,e];r||L(a),n?.(a)},[]),Z=n.useCallback(e=>{const{selectedValues:t,controlledSelected:r,multiple:n,onSelectedChange:l}=X.current,a=j(e),s=t.some(e=>j(e)===a),o=n?s?t.filter(e=>j(e)!==a):[...t,e]:[e];r||O(o),l?.(o)},[]),$=n.useRef(new Map),ee=n.useRef(new Set),te=n.useCallback((e,t,r)=>($.current.set(e,t),r&&ee.current.add(e),()=>{$.current.delete(e),ee.current.delete(e)}),[]),re=n.useMemo(()=>B.map(j).join("\0"),[B]),ne=n.useMemo(()=>G.map(j).join("\0"),[G]),le=n.useMemo(()=>({size:s,density:d,disabled:D,multiple:R,keepMounted:M,expandedKeys:new Set(B.map(j)),selectedKeys:new Set(G.map(j)),activeKey:U,toggle:Y,select:Z,activate:W,register:te}),[s,d,D,R,M,re,ne,U,Y,Z,te]);n.useEffect(()=>{if(null!==U&&$.current.has(U))return;if(null===U&&0===G.length&&1===ee.current.size)return;const e=J.current;if(!e)return;const t=K(e);if(0===t.length)return;const r=t.find(e=>"true"===e.getAttribute("aria-selected"))??t[0];W(r.dataset.nebaValue??null)});const ae=c("flex list-none flex-col p-1",f[s],k[a],h,A[m],z);return e(b.Provider,{value:le,children:e("ul",{ref:Q,role:"tree","aria-label":P,"aria-multiselectable":R||void 0,className:ae,style:{...g(i,u),"--n-tree-indent":C[s],"--n-tree-row":S[s],...I},onKeyDown:function(e){if(_?.(e),e.defaultPrevented)return;const t=J.current,r=e.target?.closest?.('[role="treeitem"]');if(!t||!r||!t.contains(r))return;if(e.target!==r)return;const n=K(t),l=n.indexOf(r);if(-1===l)return;const a=t=>{t&&(e.preventDefault(),W(t.dataset.nebaValue??null),t.focus())},s=e=>{const t=e.dataset.nebaValue;t&&$.current.get(t)?.toggle()},i="rtl"===getComputedStyle(t).direction,d=i?"ArrowLeft":"ArrowRight",c=i?"ArrowRight":"ArrowLeft",u=r.getAttribute("aria-expanded");switch(e.key){case"ArrowDown":a(n[l+1]);break;case"ArrowUp":a(n[l-1]);break;case"Home":a(n[0]);break;case"End":a(n[n.length-1]);break;case d:"false"===u?(e.preventDefault(),s(r)):"true"===u&&a(n[l+1]);break;case c:"true"===u?(e.preventDefault(),s(r)):a(r.parentElement?.closest('[role="treeitem"]'));break;case"Enter":case" ":e.preventDefault();(("Enter"===e.key?r.querySelector(":scope > div > a[href]"):null)??r).click();break;default:if(1===[...e.key].length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey){const t=o(e.key);a([...n.slice(l+1),...n.slice(0,l)].find(e=>o(e.querySelector("[data-neba-label]")?.textContent??"").startsWith(t)))}}},...q,children:n.Children.toArray(T).map((t,r)=>e(w.Provider,{value:0===r,children:t},n.isValidElement(t)&&null!==t.key?t.key:r))})})});export const TreeItem=/*@__PURE__*/n.forwardRef(function TreeItem({value:o,label:f,startIcon:x,endIcon:g,action:v,href:k,expandable:C,disabled:S=!1,selectable:A=!0,className:K,children:V,onClick:R,...D},P){const{size:M,density:z,disabled:I,expandedKeys:T,selectedKeys:_,activeKey:q,toggle:F,select:L,activate:H,register:O,multiple:U,keepMounted:W}=n.useContext(b),B=n.useId(),G=o??B,J=j(G),Q=n.useRef(null),X=l(Q,P),Y=n.Children.toArray(V),Z=C??Y.length>0,$=Z&&T.has(J),ee=_.has(J),te=S||I,re=n.useRef({toggle:()=>{}});re.current.toggle=()=>{!te&&Z&&F(G)};const ne=n.useContext(y),le=n.useContext(w)&&null===q&&0===_.size;n.useEffect(()=>ne?void 0:O(J,re.current,le),[ne,J,O,le]);const[ae,se]=n.useState($),[oe,ie]=n.useState($),de=n.useRef(null);n.useEffect(()=>{if($){se(!0);const e=requestAnimationFrame(()=>ie(!0));return()=>cancelAnimationFrame(e)}ie(!1);const e=de.current;(null===e||getComputedStyle(e).transitionDuration.split(",").every(e=>0===parseFloat(e)))&&se(!1)},[$]);const ce=c("flex min-w-0 flex-1 cursor-pointer items-center text-start no-underline","h-(--n-tree-row)",E[z][M],N[M],u[M],d[M],h,p,"group-focus-visible/tree-item:[outline:2px_solid_var(--n-ring)]","group-focus-visible/tree-item:outline-offset-[-2px]",te?"cursor-not-allowed text-(--neba-disabled-fg)":ee?"bg-(--n-soft-press) font-medium text-(--n-on-tint) hover:bg-(--n-soft-press)":"text-inherit hover:bg-(--n-soft)"),ue=r(t,{children:[e("span",{"aria-hidden":"true",onClick:e=>{!te&&Z&&(e.stopPropagation(),e.preventDefault(),Q.current?.focus(),H(J),F(G))},className:c("flex h-[1lh] w-[1.15em] shrink-0 items-center justify-center","[transition:rotate_var(--neba-duration)_var(--neba-ease)]",Z?"text-(--neba-muted-fg)":"",$?"rotate-0":"-rotate-90 rtl:rotate-90"),children:Z?e(i,{}):null}),m(x)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:x}):null,e("span",{"data-neba-label":"",className:"min-w-0 flex-1 truncate",children:f}),m(g)?e("span",{className:"flex h-[1lh] shrink-0 items-center text-(--neba-muted-fg)",children:g}):null]});return r("li",{ref:X,role:"treeitem","aria-expanded":Z?$:void 0,"aria-selected":!!ee||(!U||!A)&&void 0,"aria-disabled":te||void 0,"data-neba-value":J,tabIndex:q===J||le?0:-1,className:c("group/tree-item relative block [outline:none]",K),onClick:function(e){e.stopPropagation(),te?e.preventDefault():(Q.current?.focus(),H(J),R?.(e),e.defaultPrevented||(Z&&F(G),A&&L(G)))},...D,children:[r("div",{className:"flex w-full items-center",children:[void 0===s(k)||te?e("div",{className:ce,children:ue}):e("a",{href:s(k),tabIndex:-1,className:ce,"aria-current":ee?"page":void 0,children:ue}),m(v)?e("span",{className:c("flex shrink-0 items-center",E[z][M]),onClick:e=>e.stopPropagation(),children:v}):null]}),Z&&(ae||W)&&Y.length>0?e("div",{ref:de,"data-closing":$?void 0:"",inert:a(!$),className:c("grid [transition:grid-template-rows_var(--neba-duration)_var(--neba-ease)]",oe?"[grid-template-rows:1fr]":"[grid-template-rows:0fr] pointer-events-none"),onTransitionEnd:e=>{e.target!==e.currentTarget||"grid-template-rows"!==e.propertyName||$||se(!1)},children:e("ul",{role:"group",className:"min-h-0 list-none overflow-hidden ps-(--n-tree-indent)",children:e(y.Provider,{value:ne||!$,children:e(w.Provider,{value:!1,children:V})})})}):null]})});

package/dist/components/window-pane/WindowPane.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as i from"react";import{useLayoutEffectOnClient as o}from"../../internal/layout-effect.js";import{useRender as r}from"@base-ui/react/use-render";import{beginPointerDrag as s,drawnScale as a}from"../../internal/drag.js";import{actionMessages as l,useMessages as d,windowMessages as c}from"../../internal/i18n.js";import{cx as u,hasContent as h,iconClasses as m,surfaceClasses as f}from"../../internal/styles.js";import{WindowControls as g,orderControls as w,windowChrome as p,windowMetrics as b,windowSlots as x}from"../../internal/window.js";import{inertValue as v}from"../../internal/inert.js";import{useStyleDefaults as y}from"../../internal/defaults.js";function z(e,t,n){const[o,r]=i.useState(t),s=void 0!==e;return[s?e:o,i.useCallback(e=>{s||r(e),n?.(e)},[s,n])]}const M=[{edge:"n",className:"inset-x-3 top-0 h-1.5 cursor-ns-resize"},{edge:"s",className:"inset-x-3 bottom-0 h-1.5 cursor-ns-resize"},{edge:"w",className:"inset-y-3 left-0 w-1.5 cursor-ew-resize"},{edge:"e",className:"inset-y-3 right-0 w-1.5 cursor-ew-resize"},{edge:"nw",className:"top-0 left-0 size-3 cursor-nwse-resize"},{edge:"ne",className:"top-0 right-0 size-3 cursor-nesw-resize"},{edge:"sw",className:"bottom-0 left-0 size-3 cursor-nesw-resize"},{edge:"se",className:"right-0 bottom-0 size-3 cursor-nwse-resize"}],E=[];export const WindowPane=/*@__PURE__*/i.forwardRef(function WindowPane(N,S){const{os:H="macos",title:k,icon:C,actions:L,controls:j=!0,size:W="md",color:I="primary",accent:P=!1,transparency:D=0,active:T,elevation:A=2,position:O="static",draggable:R=!1,resizable:B=!1,width:X,height:$,minWidth:F=180,minHeight:Y,offset:_,defaultOffset:q,onOffsetChange:K,onResize:U,open:G,defaultOpen:J=!0,onOpenChange:Q,minimized:V,defaultMinimized:Z=!1,onMinimizedChange:ee,maximized:te,defaultMaximized:ne=!1,onMaximizedChange:ie,scroll:oe=!0,locale:re,minimizeLabel:se,maximizeLabel:ae,restoreLabel:le,closeLabel:de,resizeLabel:ce,render:ue,className:he,style:me,children:fe,...ge}=y(N,["size","locale"]),we=d(c,re),pe=i.useId(),be=d(l,re),xe=p(H),ve=b(H,W),ye=i.useId(),[ze,Me]=z(G,J,Q),[Ee,Ne]=z(V,Z,ee),[Se,He]=z(te,ne,ie),[ke,Ce]=z(_,q??{x:0,y:0},K),[Le,je]=i.useState(null),[We,Ie]=i.useState({width:X,height:$});We.width===X&&We.height===$||(Ie({width:X,height:$}),je(null));const[Pe,De]=i.useState(!0),Te=T??Pe,[Ae,Oe]=i.useState(null),[Re,Be]=i.useState(null),[Xe,$e]=i.useState(!1),[Fe,Ye]=i.useState(!1),[_e,qe]=i.useState(ze);_e!==ze&&(qe(ze),Ye(!ze)),i.useEffect(()=>{if(!Fe)return;const e=window.setTimeout(()=>Ye(!1),260);return()=>window.clearTimeout(e)},[Fe]);const Ke=i.useRef(null),Ue=i.useCallback(e=>{Ke.current=e,"function"==typeof S?S(e):S&&(S.current=e)},[S]);i.useEffect(()=>{if(void 0!==T||!ze)return;const e=Ke.current;if(!e)return;const t=e=>De(e);E.push(t);const n=n=>{const i=n.target;if(!(i instanceof Node))return;if(e.contains(i))return E.splice(E.indexOf(t),1),E.push(t),void De(!0);const o=i instanceof Element?i:i.parentElement;o?.closest(".neba-window")&&De(!1)};return document.addEventListener("pointerdown",n,!0),document.addEventListener("focusin",n,!0),()=>{document.removeEventListener("pointerdown",n,!0),document.removeEventListener("focusin",n,!0);const e=E.indexOf(t),i=e===E.length-1;E.splice(e,1),i&&E[E.length-1]?.(!0)}},[T,ze]);const Ge=i.useRef(null);function Je(e,t){if(0!==e.button)return;Ge.current?.();const n=e.currentTarget,i=e.clientX,o=e.clientY,r=Ke.current,l=r?a(r):{x:1,y:1};$e(!0);const d=()=>{Ge.current=null,$e(!1)},c=s({target:n,pointerId:e.pointerId,onMove:e=>t((e.clientX-i)/l.x,(e.clientY-o)/l.y),onEnd:d});Ge.current=()=>{c(),d()}}i.useEffect(()=>()=>Ge.current?.(),[]);const Qe={width:Math.max(0,F),height:Math.max(ve.bar,Y??ve.bar)};function Ve(e){je(e),U?.(e)}const Ze=w(H,!0===j?["minimize","maximize","close"]:!1===j?[]:j),et=Ze.includes("maximize");o(()=>{if(!Ee||null!==Ae)return;const e=Ke.current,t=e?.firstElementChild;e&&t instanceof HTMLElement&&Oe(t.offsetHeight+(e.offsetHeight-e.clientHeight))},[Ee,Ae]),i.useEffect(()=>{if(Ee||null===Re)return;const e=window.setTimeout(()=>Be(null),400);return()=>window.clearTimeout(e)},[Ee,Re]);const tt={minimize:se??we.minimize,maximize:ae??we.maximize,restore:le??we.restore,close:de??be.close},nt=e(g,{os:H,metrics:ve,controls:Ze,maximized:Se,active:Te,labels:tt,onCommand:function(e){"close"===e?Me(!1):"minimize"===e?function(e){const t=Ke.current,n=t?.firstElementChild;if(t&&n instanceof HTMLElement&&Oe(n.offsetHeight+(t.offsetHeight-t.clientHeight)),e&&void 0===(Le?.height??$)&&t)return Be(t.offsetHeight),void requestAnimationFrame(()=>Ne(!0));Ne(e)}(!Ee):He(!Se)}}),it=h(k)?e("span",{id:ye,className:"min-w-0 truncate",children:k}):null,ot=h(C)?e("span",{className:"flex shrink-0 items-center",children:C}):null,rt=t("div",{className:u("relative flex shrink-0 items-center select-none",m,R&&!Se?"cursor-grab touch-none active:cursor-grabbing":""),style:{height:ve.bar,textShadow:"var(--n-window-bar-shadow)",fontWeight:ve.weight,paddingInlineStart:ve.padX,paddingInlineEnd:ve.padEnd,gap:Math.round(.7*ve.title),fontSize:ve.title,backgroundColor:"var(--n-window-bar)",backgroundImage:"var(--n-window-bar-image)",color:"var(--n-window-bar-fg)",borderBlockEnd:xe.rule?"1px solid var(--n-window-line)":void 0},onPointerDown:function(e){if(!R||Se)return;const t={...ke},n=Ke.current,i="fixed"===O?{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}:"absolute"===O&&n?.offsetParent instanceof HTMLElement?{width:n.offsetParent.clientWidth,height:n.offsetParent.clientHeight}:null,o=n?.offsetWidth??0,r=Math.min(o,48);Je(e,(e,n)=>{const s=t.x+e,a=t.y+n;Ce(i?{x:Math.min(Math.max(s,r-o),i.width-r),y:Math.min(Math.max(a,0),Math.max(0,i.height-ve.bar))}:{x:s,y:a})})},onDoubleClick:et?()=>He(!Se):void 0,children:["start"===xe.controlsSide?nt:null,"center"===xe.titleAlign?e("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 flex items-center justify-center",style:{paddingInline:ve.controlsWidth(Ze.length)+2*ve.padX},children:t("span",{className:"flex min-w-0 items-center",style:{gap:Math.round(.5*ve.title)},children:[ot,it]})}):t(n,{children:[ot,it]}),e("span",{className:"flex-1"}),h(L)?e("span",{className:"flex shrink-0 items-center",style:{gap:Math.round(.5*ve.title)},onPointerDown:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:L}):null,"end"===xe.controlsSide?nt:null]}),st=Se?{left:0,top:0,width:"100%",height:"100%"}:{left:ke.x,top:ke.y,width:Le?.width??X,height:Ee?Ae??ve.bar:Le?.height??$??Re??void 0},at=r({render:ue,ref:Ue,props:{role:"group","aria-labelledby":it?ye:void 0,className:u("neba-window relative flex min-w-0 flex-col overflow-hidden",D>0?f:"",xe.glass&&0===D?"[backdrop-filter:var(--neba-blur)]":"","[transition-property:left,top,width,height,opacity,box-shadow,background-color,border-color,border-radius]","[transition-duration:var(--neba-duration-window)]","[transition-timing-function:var(--neba-ease)]","motion-reduce:[transition-duration:0ms]","data-[gesture]:[transition-property:none]",he),"data-gesture":Xe?"":void 0,inert:v(!ze),style:{opacity:ze?void 0:0,...x({os:H,color:I,accent:P,transparency:D,active:Te,elevation:A}),position:"static"===O?"relative":O,...st,borderRadius:Se?0:`${ve.radius}px ${ve.radius}px ${ve.radiusBottom}px ${ve.radiusBottom}px`,borderStyle:"solid",borderWidth:ve.frame,borderColor:"var(--n-window-line)",backgroundColor:"var(--n-window-band)",boxShadow:"var(--n-window-shadow), var(--neba-plate-glass)",...me},children:t(n,{children:[rt,e("div",{className:u("min-h-0 flex-1",oe?"overflow-auto":"overflow-hidden"),style:{backgroundColor:"var(--n-window-body)",marginInline:ve.band.side,marginBottom:ve.band.bottom,boxShadow:ve.band.side>0?"inset 0 0 0 1px rgb(0 0 0 / 0.12)":void 0},inert:v(Ee),children:fe}),!B||Se||Ee?null:e("span",{id:pe,hidden:!0,children:we.resizeHint}),!B||Se||Ee?null:M.map(t=>{const n="se"===t.edge;return e("div",{role:n?"button":void 0,tabIndex:n?0:void 0,"aria-label":n?ce??we.resize:void 0,"aria-describedby":n?pe:void 0,"aria-hidden":n?void 0:"true",className:u("absolute z-10 touch-none",t.className,n?"neba-hit":"",n?"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:[outline-offset:-2px]":""),onPointerDown:e=>function(e,t){const n=Ke.current;if(!n||Se)return;const i={width:n.offsetWidth,height:n.offsetHeight,x:ke.x,y:ke.y},o=e.includes("e"),r=e.includes("w"),s=e.includes("n"),a=e.includes("s");Je(t,(e,t)=>{let{width:n,height:l}=i,{x:d,y:c}=i;o&&(n=Math.max(Qe.width,i.width+e)),a&&(l=Math.max(Qe.height,i.height+t)),r&&(n=Math.max(Qe.width,i.width-e),d=i.x+(i.width-n)),s&&(l=Math.max(Qe.height,i.height-t),c=i.y+(i.height-l)),Ve({width:n,height:l}),(r||s)&&Ce({x:d,y:c})})}(t.edge,e),onKeyDown:n?e=>{const t={ArrowRight:[16,0],ArrowLeft:[-16,0],ArrowDown:[0,16],ArrowUp:[0,-16]}[e.key];t&&(e.preventDefault(),function(e,t){const n=Ke.current;n&&Ve({width:Math.max(Qe.width,n.offsetWidth+e),height:Math.max(Qe.height,n.offsetHeight+t)})}(t[0],t[1]))}:void 0},t.edge)})]}),...ge}});return ze||Fe?at:null});
+"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as i from"react";import{useMergedRef as o}from"../../internal/refs.js";import{useLayoutEffectOnClient as r}from"../../internal/layout-effect.js";import{useRender as s}from"@base-ui/react/use-render";import{beginPointerDrag as a,drawnScale as l}from"../../internal/drag.js";import{actionMessages as d,useMessages as c,windowMessages as u}from"../../internal/i18n.js";import{cx as h,hasContent as m,iconClasses as f,surfaceClasses as g}from"../../internal/styles.js";import{WindowControls as w,orderControls as p,windowChrome as b,windowMetrics as x,windowSlots as v}from"../../internal/window.js";import{inertValue as z}from"../../internal/inert.js";import{useStyleDefaults as y}from"../../internal/defaults.js";function M(e,t,n){const[o,r]=i.useState(t),s=void 0!==e;return[s?e:o,i.useCallback(e=>{s||r(e),n?.(e)},[s,n])]}const E=[{edge:"n",className:"inset-x-3 top-0 h-1.5 cursor-ns-resize"},{edge:"s",className:"inset-x-3 bottom-0 h-1.5 cursor-ns-resize"},{edge:"w",className:"inset-y-3 left-0 w-1.5 cursor-ew-resize"},{edge:"e",className:"inset-y-3 right-0 w-1.5 cursor-ew-resize"},{edge:"nw",className:"top-0 left-0 size-3 cursor-nwse-resize"},{edge:"ne",className:"top-0 right-0 size-3 cursor-nesw-resize"},{edge:"sw",className:"bottom-0 left-0 size-3 cursor-nesw-resize"},{edge:"se",className:"right-0 bottom-0 size-3 cursor-nwse-resize"}],N=[];export const WindowPane=/*@__PURE__*/i.forwardRef(function WindowPane(S,H){const{os:k="macos",title:C,icon:L,actions:j,controls:W=!0,size:I="md",color:P="primary",accent:D=!1,transparency:T=0,active:A,elevation:O=2,position:R="static",draggable:B=!1,resizable:X=!1,width:$,height:F,minWidth:Y=180,minHeight:_,offset:q,defaultOffset:K,onOffsetChange:U,onResize:G,open:J,defaultOpen:Q=!0,onOpenChange:V,minimized:Z,defaultMinimized:ee=!1,onMinimizedChange:te,maximized:ne,defaultMaximized:ie=!1,onMaximizedChange:oe,scroll:re=!0,locale:se,minimizeLabel:ae,maximizeLabel:le,restoreLabel:de,closeLabel:ce,resizeLabel:ue,render:he,className:me,style:fe,children:ge,...we}=y(S,["size","locale"]),pe=c(u,se),be=i.useId(),xe=c(d,se),ve=b(k),ze=x(k,I),ye=i.useId(),[Me,Ee]=M(J,Q,V),[Ne,Se]=M(Z,ee,te),[He,ke]=M(ne,ie,oe),[Ce,Le]=M(q,K??{x:0,y:0},U),[je,We]=i.useState(null),[Ie,Pe]=i.useState({width:$,height:F});Ie.width===$&&Ie.height===F||(Pe({width:$,height:F}),We(null));const[De,Te]=i.useState(!0),Ae=A??De,[Oe,Re]=i.useState(null),[Be,Xe]=i.useState(null),[$e,Fe]=i.useState(!1),[Ye,_e]=i.useState(!1),[qe,Ke]=i.useState(Me);qe!==Me&&(Ke(Me),_e(!Me)),i.useEffect(()=>{if(!Ye)return;const e=window.setTimeout(()=>_e(!1),260);return()=>window.clearTimeout(e)},[Ye]);const Ue=i.useRef(null),Ge=o(Ue,H);i.useEffect(()=>{if(void 0!==A||!Me)return;const e=Ue.current;if(!e)return;const t=e=>Te(e);N.push(t);const n=n=>{const i=n.target;if(!(i instanceof Node))return;if(e.contains(i))return N.splice(N.indexOf(t),1),N.push(t),void Te(!0);const o=i instanceof Element?i:i.parentElement;o?.closest(".neba-window")&&Te(!1)};return document.addEventListener("pointerdown",n,!0),document.addEventListener("focusin",n,!0),()=>{document.removeEventListener("pointerdown",n,!0),document.removeEventListener("focusin",n,!0);const e=N.indexOf(t),i=e===N.length-1;N.splice(e,1),i&&N[N.length-1]?.(!0)}},[A,Me]);const Je=i.useRef(null);function Qe(e,t){if(0!==e.button)return;Je.current?.();const n=e.currentTarget,i=e.clientX,o=e.clientY,r=Ue.current,s=r?l(r):{x:1,y:1};Fe(!0);const d=()=>{Je.current=null,Fe(!1)},c=a({target:n,pointerId:e.pointerId,onMove:e=>t((e.clientX-i)/s.x,(e.clientY-o)/s.y),onEnd:d});Je.current=()=>{c(),d()}}i.useEffect(()=>()=>Je.current?.(),[]);const Ve={width:Math.max(0,Y),height:Math.max(ze.bar,_??ze.bar)};function Ze(e){We(e),G?.(e)}const et=p(k,!0===W?["minimize","maximize","close"]:!1===W?[]:W),tt=et.includes("maximize");r(()=>{if(!Ne||null!==Oe)return;const e=Ue.current,t=e?.firstElementChild;e&&t instanceof HTMLElement&&Re(t.offsetHeight+(e.offsetHeight-e.clientHeight))},[Ne,Oe]),i.useEffect(()=>{if(Ne||null===Be)return;const e=window.setTimeout(()=>Xe(null),400);return()=>window.clearTimeout(e)},[Ne,Be]);const nt={minimize:ae??pe.minimize,maximize:le??pe.maximize,restore:de??pe.restore,close:ce??xe.close},it=e(w,{os:k,metrics:ze,controls:et,maximized:He,active:Ae,labels:nt,onCommand:function(e){"close"===e?Ee(!1):"minimize"===e?function(e){const t=Ue.current,n=t?.firstElementChild;if(t&&n instanceof HTMLElement&&Re(n.offsetHeight+(t.offsetHeight-t.clientHeight)),e&&void 0===(je?.height??F)&&t)return Xe(t.offsetHeight),void requestAnimationFrame(()=>Se(!0));Se(e)}(!Ne):ke(!He)}}),ot=m(C)?e("span",{id:ye,className:"min-w-0 truncate",children:C}):null,rt=m(L)?e("span",{className:"flex shrink-0 items-center",children:L}):null,st=t("div",{className:h("relative flex shrink-0 items-center select-none",f,B&&!He?"cursor-grab touch-none active:cursor-grabbing":""),style:{height:ze.bar,textShadow:"var(--n-window-bar-shadow)",fontWeight:ze.weight,paddingInlineStart:ze.padX,paddingInlineEnd:ze.padEnd,gap:Math.round(.7*ze.title),fontSize:ze.title,backgroundColor:"var(--n-window-bar)",backgroundImage:"var(--n-window-bar-image)",color:"var(--n-window-bar-fg)",borderBlockEnd:ve.rule?"1px solid var(--n-window-line)":void 0},onPointerDown:function(e){if(!B||He)return;const t={...Ce},n=Ue.current,i="fixed"===R?{width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}:"absolute"===R&&n?.offsetParent instanceof HTMLElement?{width:n.offsetParent.clientWidth,height:n.offsetParent.clientHeight}:null,o=n?.offsetWidth??0,r=Math.min(o,48);Qe(e,(e,n)=>{const s=t.x+e,a=t.y+n;Le(i?{x:Math.min(Math.max(s,r-o),i.width-r),y:Math.min(Math.max(a,0),Math.max(0,i.height-ze.bar))}:{x:s,y:a})})},onDoubleClick:tt?()=>ke(!He):void 0,children:["start"===ve.controlsSide?it:null,"center"===ve.titleAlign?e("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 flex items-center justify-center",style:{paddingInline:ze.controlsWidth(et.length)+2*ze.padX},children:t("span",{className:"flex min-w-0 items-center",style:{gap:Math.round(.5*ze.title)},children:[rt,ot]})}):t(n,{children:[rt,ot]}),e("span",{className:"flex-1"}),m(j)?e("span",{className:"flex shrink-0 items-center",style:{gap:Math.round(.5*ze.title)},onPointerDown:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:j}):null,"end"===ve.controlsSide?it:null]}),at=He?{left:0,top:0,width:"100%",height:"100%"}:{left:Ce.x,top:Ce.y,width:je?.width??$,height:Ne?Oe??ze.bar:je?.height??F??Be??void 0},lt=s({render:he,ref:Ge,props:{role:"group","aria-labelledby":ot?ye:void 0,className:h("neba-window relative flex min-w-0 flex-col overflow-hidden",T>0?g:"",ve.glass&&0===T?"[backdrop-filter:var(--neba-blur)]":"","[transition-property:left,top,width,height,opacity,box-shadow,background-color,border-color,border-radius]","[transition-duration:var(--neba-duration-window)]","[transition-timing-function:var(--neba-ease)]","motion-reduce:[transition-duration:0ms]","data-[gesture]:[transition-property:none]",me),"data-gesture":$e?"":void 0,inert:z(!Me),style:{opacity:Me?void 0:0,...v({os:k,color:P,accent:D,transparency:T,active:Ae,elevation:O}),position:"static"===R?"relative":R,...at,borderRadius:He?0:`${ze.radius}px ${ze.radius}px ${ze.radiusBottom}px ${ze.radiusBottom}px`,borderStyle:"solid",borderWidth:ze.frame,borderColor:"var(--n-window-line)",backgroundColor:"var(--n-window-band)",boxShadow:"var(--n-window-shadow), var(--neba-plate-glass)",...fe},children:t(n,{children:[st,e("div",{className:h("min-h-0 flex-1",re?"overflow-auto":"overflow-hidden"),style:{backgroundColor:"var(--n-window-body)",marginInline:ze.band.side,marginBottom:ze.band.bottom,boxShadow:ze.band.side>0?"inset 0 0 0 1px rgb(0 0 0 / 0.12)":void 0},inert:z(Ne),children:ge}),!X||He||Ne?null:e("span",{id:be,hidden:!0,children:pe.resizeHint}),!X||He||Ne?null:E.map(t=>{const n="se"===t.edge;return e("div",{role:n?"button":void 0,tabIndex:n?0:void 0,"aria-label":n?ue??pe.resize:void 0,"aria-describedby":n?be:void 0,"aria-hidden":n?void 0:"true",className:h("absolute z-10 touch-none",t.className,n?"neba-hit":"",n?"focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:[outline-offset:-2px]":""),onPointerDown:e=>function(e,t){const n=Ue.current;if(!n||He)return;const i={width:n.offsetWidth,height:n.offsetHeight,x:Ce.x,y:Ce.y},o=e.includes("e"),r=e.includes("w"),s=e.includes("n"),a=e.includes("s");Qe(t,(e,t)=>{let{width:n,height:l}=i,{x:d,y:c}=i;o&&(n=Math.max(Ve.width,i.width+e)),a&&(l=Math.max(Ve.height,i.height+t)),r&&(n=Math.max(Ve.width,i.width-e),d=i.x+(i.width-n)),s&&(l=Math.max(Ve.height,i.height-t),c=i.y+(i.height-l)),Ze({width:n,height:l}),(r||s)&&Le({x:d,y:c})})}(t.edge,e),onKeyDown:n?e=>{const t={ArrowRight:[16,0],ArrowLeft:[-16,0],ArrowDown:[0,16],ArrowUp:[0,-16]}[e.key];t&&(e.preventDefault(),function(e,t){const n=Ue.current;n&&Ze({width:Math.max(Ve.width,n.offsetWidth+e),height:Math.max(Ve.height,n.offsetHeight+t)})}(t[0],t[1]))}:void 0},t.edge)})]}),...we}});return Me||Ye?lt:null});

package/dist/internal/animate.d.ts

@@ -193,6 +193,29 @@ export interface AnimationRunOptions {
      */
     caller?: TriggerHandlers;
 }
+/**
+ * The threshold a `visible` trigger watches with, settled once when the watch
+ * starts.
+ *
+ * An `IntersectionObserver` measures the element as it is drawn, and two things
+ * about an entrance that is waiting made the answer one that could never come.
+ *
+ * **An element larger than the screen.** A threshold is a share of the
+ * element, so `0.2` of something six screens tall is more than a screen of it,
+ * which no screen can show, and it stayed on its first frame for good. The share is
+ * scaled down by how much of the element a screen can hold at most, which keeps
+ * the meaning the same for a tall element as for a short one: a fifth of the
+ * screen filled by it. Rounded down to a hundredth, so a page of tall elements
+ * shares a few observers rather than one each.
+ *
+ * **A first frame somewhere else.** A slide waits on its first frame, a full
+ * width away for the default distance, and a full-width element moved a full
+ * width sideways is never on the screen at all, nor is one moved out of a box
+ * with `overflow: hidden`. So an entrance that moves is drawn where it belongs,
+ * unseen, while it waits — see `data-waiting` in `useAnimateElement` — and
+ * needs nothing here.
+ */
+export declare function visibilityWatch(element: HTMLElement, threshold: number): number;
 /** The events a `hover` trigger listens to. */
 type TriggerHandlers = Pick<React.HTMLAttributes<HTMLElement>, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur'>;
 export interface AnimationRun {
@@ -239,7 +262,16 @@ export interface AnimationRun {
  * would restart the animation by unmounting the children, taking their state
  * with it. Clearing `animation-name`, reading a layout property to force the
  * style to settle, and putting it back is the one move that rewinds the element
- * and leaves everything inside it alone.
+ * and leaves everything inside it alone. It is made only for a replay: an
+ * animation that has been paused since it was drawn is still on its first
+ * frame, letting it go is the whole of starting it, and so the first start of
+ * a `visible`, `hover` or `manual` effect forces no layout at all.
+ *
+ * The rewind stays a reflow rather than a seek through `getAnimations()`.
+ * Setting `currentTime` back to `0` on an animation that has finished moves it
+ * from its last phase to its first, which Chromium and WebKit report as an
+ * `animationstart` and an `animationend` at once when there is a `delay` — and
+ * a pattern that unmounts on `animationend` would take that for the end.
  */
 export declare function useAnimationRun({ trigger, play, once, threshold, paused, infinite, caller, parts }: AnimationRunOptions): AnimationRun;
 export interface AnimateElementParams extends AnimationSlotOptions, AnimationRunOptions {
@@ -281,7 +313,7 @@ export interface AnimateElement {
  * Marquee, Headline, Appear, Split, Scramble and Counter — call
  * `useAnimationRun` directly and put the classes where their own structure
  * needs them. `effect` may be `null` for the one effect component, Lighting,
- * whose keyframe runs on a pseudo-element rather than on its root.
+ * whose keyframe runs on the light it draws inside the root rather than on the root.
  *
  * `data-neba-animation` and `data-state` are here rather than in each component
  * because they are the same two facts every time, and because a test that has

package/dist/internal/animate.js

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as n from"react";import{useLayoutEffectOnClient as t}from"./layout-effect.js";import{observeVisibility as a}from"./observe.js";import{cx as r}from"./styles.js";export const animationClasses={fade:"neba-anim-fade",grow:"neba-anim-scale",slide:"neba-anim-slide",zoom:"neba-anim-scale",rotate:"neba-anim-rotate",blink:"neba-anim-blink",reveal:"neba-anim-reveal"};export const animBaseClass="neba-anim";export const childAnimations=":scope > .neba-anim";export const defaultDurations={fade:320,grow:340,slide:380,zoom:340,rotate:460,blink:900,reveal:620};export function revealClip(e){switch(e){case"top":return"inset(0 0 100% 0)";case"bottom":return"inset(100% 0 0 0)";case"right":return"inset(0 0 0 100%)";default:return"inset(0 100% 0 0)"}}export function lengthValue(e){return"number"==typeof e?`${e}px`:e}export function isInfinite(e){return"infinite"===e}export function animationSlots(e){const n={"--n-anim-duration":`${e.duration}ms`,"--n-anim-delay":`${e.delay}ms`,"--n-anim-repeat":(r=e.repeat,"infinite"===r?"infinite":String(r)),"--n-anim-direction":(t=e.mode??"in",a=e.alternate,"out"===t?a?"alternate-reverse":"reverse":a?"alternate":"normal")};var t,a,r;return e.easing&&(n["--n-anim-ease"]=e.easing),void 0!==e.opacity&&(n["--n-anim-opacity"]=String(e.opacity)),void 0!==e.scale&&(n["--n-anim-scale"]=String(e.scale)),void 0!==e.x&&(n["--n-anim-x"]=e.x),void 0!==e.y&&(n["--n-anim-y"]=e.y),void 0!==e.angle&&(n["--n-anim-angle"]=e.angle),void 0!==e.angleTo&&(n["--n-anim-angle-to"]=e.angleTo),void 0!==e.clip&&(n["--n-anim-clip"]=e.clip),"view"===e.timeline&&(n["--n-anim-timeline"]="view()",n["--n-anim-range"]=e.range??"entry 0% cover 45%"),n}export function slideOffsets(e,n){const t=lengthValue(n),a="number"==typeof n?-n+"px":`calc(-1 * ${t})`;switch(e){case"top":return{x:"0px",y:a};case"bottom":return{x:"0px",y:t};case"left":return{x:a,y:"0px"};default:return{x:t,y:"0px"}}}export function staggers({stagger:e,durationStep:n}){return 0!==e||0!==n}export function staggerChildren(t,a,i,{stagger:o,durationStep:s,reverse:l}){const c=n.Children.toArray(t);return c.map((t,u)=>{const m=l?c.length-1-u:u,f=animationSlots({...i,delay:i.delay+m*o,duration:Math.max(0,i.duration+m*s)});if(!n.isValidElement(t))return e("span",{className:a,style:f,children:t},u);const d=t.props;return n.cloneElement(t,{className:r(a,d.className),style:{...f,...d.style}})})}export const MIN_BLINK_DURATION=334;export function transitionProps(e){const n=transitionParts(e);return n?{className:`neba-anim ${animationClasses[n.effect]}`,style:{...animationSlots(n.slots),"--n-anim-state":"running"}}:{className:"",style:{}}}export function transitionParts(e){if(!e)return null;const n="string"==typeof e?{type:e}:e,{type:t}=n,a=n.duration??defaultDurations[t],r={duration:"blink"===t?Math.max(a,334):a,delay:n.delay??0,easing:n.easing,repeat:n.repeat??("blink"===t?"infinite":1),alternate:n.alternate,timeline:n.timeline,range:n.range};if("grow"!==t&&"zoom"!==t||(r.scale=n.scale??("zoom"===t?.4:.8)),"slide"===t){const{x:e,y:t}=slideOffsets(n.from??"bottom",n.distance??"100%");r.x=e,r.y=t}return"rotate"===t&&(r.angle=`${n.angle??-180}deg`),"reveal"===t&&(r.clip=revealClip(n.side??"left")),{effect:t,slots:r}}export{usePrefersReducedMotion}from"./media.js";export function useAnimationRun({trigger:e,play:r,once:i,threshold:o,paused:s,infinite:l,caller:c,parts:u}){const m=n.useRef(null),[f,d]=n.useState("mount"===e),[p,g]=n.useState(0),[y,x]=n.useState(!1),v=n.useCallback(()=>{d(!0),g(e=>e+1)},[]);t(()=>{const e=m.current;if(!e||0===p)return;const n=[e,...u?e.querySelectorAll(u):[]];for(const e of n)e.style.animationName="none";e.offsetWidth;for(const e of n)e.style.animationName=""},[p,u]),n.useEffect(()=>{if("visible"!==e)return;const n=m.current;if(!n)return;let t=null;if(t=a(n,o,e=>{e?(v(),i&&(t?.(),t=null)):i||d(!1)}),t)return()=>t?.();d(!0)},[e,i,o,v]),n.useEffect(()=>{const e=m.current;if(l&&e)return a(e,0,e=>x(!e))??void 0},[l]),n.useEffect(()=>{"manual"===e&&(r?v():d(!1))},[e,r,v]);const b=e=>e.relatedTarget instanceof Node&&e.currentTarget.contains(e.relatedTarget),h="hover"===e?{onPointerEnter:e=>{c?.onPointerEnter?.(e),v()},onFocus:e=>{c?.onFocus?.(e),b(e)||v()},onPointerLeave:e=>{c?.onPointerLeave?.(e),l&&d(!1)},onBlur:e=>{c?.onBlur?.(e),l&&!b(e)&&d(!1)}}:{};return{ref:n.useCallback(e=>{m.current=e},[]),state:!f||s||l&&y?"paused":"running",started:f,run:p,handlers:h,offscreen:l&&y}}export function useAnimateElement(e){const{effect:n,trigger:t,play:a,once:r,threshold:i,paused:o,infinite:s,caller:l,children:c,stagger:u=0,durationStep:m=0,reverse:f=!1,effectClass:d,name:p,...g}=e,y=n?animationClasses[n]:d,x=y?`neba-anim ${y}`:"",v=""!==x&&staggers({stagger:u,durationStep:m,reverse:f}),b=useAnimationRun({trigger:t,play:a,once:r,threshold:i,paused:o,infinite:s,caller:l,parts:v?childAnimations:void 0}),h="view"===g.timeline?"running":b.state;return{ref:b.ref,className:v?"":x,style:v?{"--n-anim-state":h}:{...animationSlots(g),"--n-anim-state":h},props:{...b.handlers,"data-neba-animation":p??n??void 0,"data-state":h},children:v?staggerChildren(c,x,g,{stagger:u,durationStep:m,reverse:f}):c}}
+"use client";import{jsx as e}from"react/jsx-runtime";import*as n from"react";import{useLayoutEffectOnClient as t}from"./layout-effect.js";import{observeVisibility as a}from"./observe.js";import{cx as i}from"./styles.js";export const animationClasses={fade:"neba-anim-fade",grow:"neba-anim-scale",slide:"neba-anim-slide",zoom:"neba-anim-scale",rotate:"neba-anim-rotate",blink:"neba-anim-blink",reveal:"neba-anim-reveal"};export const animBaseClass="neba-anim";export const childAnimations=":scope > .neba-anim";export const defaultDurations={fade:320,grow:340,slide:380,zoom:340,rotate:460,blink:900,reveal:620};export function revealClip(e){switch(e){case"top":return"inset(0 0 100% 0)";case"bottom":return"inset(100% 0 0 0)";case"right":return"inset(0 0 0 100%)";default:return"inset(0 100% 0 0)"}}export function lengthValue(e){return"number"==typeof e?`${e}px`:e}export function isInfinite(e){return"infinite"===e}export function animationSlots(e){const n={"--n-anim-duration":`${e.duration}ms`,"--n-anim-delay":`${e.delay}ms`,"--n-anim-repeat":(i=e.repeat,"infinite"===i?"infinite":String(i)),"--n-anim-direction":(t=e.mode??"in",a=e.alternate,"out"===t?a?"alternate-reverse":"reverse":a?"alternate":"normal")};var t,a,i;return e.easing&&(n["--n-anim-ease"]=e.easing),void 0!==e.opacity&&(n["--n-anim-opacity"]=String(e.opacity)),void 0!==e.scale&&(n["--n-anim-scale"]=String(e.scale)),void 0!==e.x&&(n["--n-anim-x"]=e.x),void 0!==e.y&&(n["--n-anim-y"]=e.y),void 0!==e.angle&&(n["--n-anim-angle"]=e.angle),void 0!==e.angleTo&&(n["--n-anim-angle-to"]=e.angleTo),void 0!==e.clip&&(n["--n-anim-clip"]=e.clip),"view"===e.timeline&&(n["--n-anim-timeline"]="view()",n["--n-anim-range"]=e.range??"entry 0% cover 45%"),n}export function slideOffsets(e,n){const t=lengthValue(n),a="number"==typeof n?-n+"px":`calc(-1 * ${t})`;switch(e){case"top":return{x:"0px",y:a};case"bottom":return{x:"0px",y:t};case"left":return{x:a,y:"0px"};default:return{x:t,y:"0px"}}}export function staggers({stagger:e,durationStep:n}){return 0!==e||0!==n}export function staggerChildren(t,a,r,{stagger:o,durationStep:s,reverse:l}){const c=n.Children.toArray(t);return c.map((t,u)=>{const m=l?c.length-1-u:u,d=animationSlots({...r,delay:r.delay+m*o,duration:Math.max(0,r.duration+m*s)});if(!n.isValidElement(t))return e("span",{className:a,style:d,children:t},u);const f=t.props;return n.cloneElement(t,{className:i(a,f.className),style:{...d,...f.style}})})}export const MIN_BLINK_DURATION=334;export function transitionProps(e){const n=transitionParts(e);return n?{className:`neba-anim ${animationClasses[n.effect]}`,style:{...animationSlots(n.slots),"--n-anim-state":"running"}}:{className:"",style:{}}}export function transitionParts(e){if(!e)return null;const n="string"==typeof e?{type:e}:e,{type:t}=n,a=n.duration??defaultDurations[t],i={duration:"blink"===t?Math.max(a,334):a,delay:n.delay??0,easing:n.easing,repeat:n.repeat??("blink"===t?"infinite":1),alternate:n.alternate,timeline:n.timeline,range:n.range};if("grow"!==t&&"zoom"!==t||(i.scale=n.scale??("zoom"===t?.4:.8)),"slide"===t){const{x:e,y:t}=slideOffsets(n.from??"bottom",n.distance??"100%");i.x=e,i.y=t}return"rotate"===t&&(i.angle=`${n.angle??-180}deg`),"reveal"===t&&(i.clip=revealClip(n.side??"left")),{effect:t,slots:i}}export{usePrefersReducedMotion}from"./media.js";export function visibilityWatch(e,n){const t=document.documentElement.clientWidth||window.innerWidth,a=document.documentElement.clientHeight||window.innerHeight,i=Math.min(1,t/Math.max(1,e.offsetWidth))*Math.min(1,a/Math.max(1,e.offsetHeight));return i<1?Math.floor(n*i*100)/100:n}export function useAnimationRun({trigger:e,play:i,once:r,threshold:o,paused:s,infinite:l,caller:c,parts:u}){const m=n.useRef(null),[d,f]=n.useState("mount"===e),[p,g]=n.useState(0),[y,h]=n.useState(!1),x=n.useCallback(()=>{f(!0),g(e=>e+1)},[]),v=!d||s||l&&y?"paused":"running",b=n.useRef(!1);t(()=>{const e=m.current;if(!e||0===p||!b.current)return;const n=[e,...u?e.querySelectorAll(u):[]];for(const e of n)e.style.animationName="none";e.offsetWidth;for(const e of n)e.style.animationName=""},[p,u]),t(()=>{"running"===v&&(b.current=!0)},[v]),n.useEffect(()=>{if("visible"!==e)return;const n=m.current;if(!n)return;const t=visibilityWatch(n,o);let i=null;if(i=a(n,t,e=>{e?(x(),r&&(i?.(),i=null)):r||f(!1)}),i)return()=>i?.();f(!0)},[e,r,o,x]),n.useEffect(()=>{const e=m.current;if(l&&e)return a(e,0,e=>h(!e))??void 0},[l]),n.useEffect(()=>{"manual"===e&&(i?x():f(!1))},[e,i,x]);const w=e=>e.relatedTarget instanceof Node&&e.currentTarget.contains(e.relatedTarget),S="hover"===e?{onPointerEnter:e=>{c?.onPointerEnter?.(e),x()},onFocus:e=>{c?.onFocus?.(e),w(e)||x()},onPointerLeave:e=>{c?.onPointerLeave?.(e),l&&f(!1)},onBlur:e=>{c?.onBlur?.(e),l&&!w(e)&&f(!1)}}:{};return{ref:n.useCallback(e=>{m.current=e},[]),state:v,started:d,run:p,handlers:S,offscreen:l&&y}}export function useAnimateElement(e){const{effect:n,trigger:t,play:a,once:i,threshold:r,paused:o,infinite:s,caller:l,children:c,stagger:u=0,durationStep:m=0,reverse:d=!1,effectClass:f,name:p,...g}=e,y=n?animationClasses[n]:f,h=y?`neba-anim ${y}`:"",x=""!==h&&staggers({stagger:u,durationStep:m,reverse:d}),v="visible"===t&&!x&&"view"!==g.timeline&&"in"===(g.mode??"in")&&("slide"===n||"grow"===n||"zoom"===n||"rotate"===n),b=useAnimationRun({trigger:t,play:a,once:i,threshold:r,paused:o,infinite:s,caller:l,parts:x?childAnimations:void 0}),w="view"===g.timeline?"running":b.state;return{ref:b.ref,className:x?"":h,style:x?{"--n-anim-state":w}:{...animationSlots(g),"--n-anim-state":w},props:{...b.handlers,"data-neba-animation":p??n??void 0,"data-state":w,"data-waiting":v&&!b.started&&0===b.run?0===(g.opacity??0)?"":"shown":void 0},children:x?staggerChildren(c,h,g,{stagger:u,durationStep:m,reverse:d}):c}}

package/dist/internal/cache.d.ts

@@ -19,6 +19,12 @@
  * One rule comes with the shape: a store must not hold `undefined` as a value,
  * or every read of that key misses and builds again. All five hold an object, a
  * number or `null`.
+ *
+ * A store keyed on something far more numerous names a ceiling of its own.
+ * Highlight's folded characters are the one: a text in Hangul or Han has
+ * hundreds of different characters in ordinary use, and at the default a store
+ * of them emptied itself every few dozen characters and cost more than it
+ * saved.
  */
 /** Reads `key` out of `store`, filling it in with `build` on a miss. */
-export declare function memoise<K, V>(store: Map<K, V>, key: K, build: () => V): V;
+export declare function memoise<K, V>(store: Map<K, V>, key: K, build: () => V, limit?: number): V;

package/dist/internal/cache.js

@@ -1 +1 @@
-export function memoise(e,t,n){const o=e.get(t);if(void 0!==o)return o;e.size>=64&&e.clear();const r=n();return e.set(t,r),r}
+export function memoise(e,t,n,o=64){const r=e.get(t);if(void 0!==r)return r;e.size>=o&&e.clear();const i=n();return e.set(t,i),i}

package/dist/internal/calendar.d.ts

@@ -36,6 +36,38 @@ export type PickerLabels = PickerMessages;
  * say so.
  */
 export declare function usePickerLabels(overrides: Partial<PickerLabels> | undefined, locale: string | undefined): PickerLabels;
+/**
+ * A caller's `shouldDisableDate`, as a new function on every render of the
+ * component the caller rendered.
+ *
+ * The day grid works out which days can be chosen once per month and asks
+ * again only when this changes identity, which is what keeps a moving range
+ * band from calling it sixty times per cell crossed. Handed the caller's own
+ * function, that memo would also stop asking when the caller's tree renders
+ * again with the same function reading data that has since changed — a
+ * `useCallback` with a dependency missing, or a module-level function over a
+ * set the page mutates — and a day that used to grey out on that render would
+ * stay choosable. A wrapper made here is new whenever the Calendar or picker
+ * renders, so the grid asks exactly as often as it did before it kept the
+ * answers, while a band moving inside the popup, which renders below this,
+ * leaves it alone.
+ */
+export declare function askOnEveryRender(check: ((date: Date) => boolean) | undefined): ((date: Date) => boolean) | undefined;
+/**
+ * Every string a picker's trigger could show, for the `WidthSizer` that holds
+ * it at the widest of them.
+ *
+ * With no `locale`, the server and the hydrating render write `en-US` and every
+ * render after that writes the runtime's language — see `useIntlLocale`. Sized
+ * by the second set alone, a trigger that is not `fullWidth` took the width of
+ * the first in the server's HTML and gave it up the moment the page hydrated,
+ * and everything after it in a row of controls moved sideways. So a picker that
+ * came through hydration keeps the `en-US` samples beside the runtime's. It can
+ * still grow then, where the reader's language writes a longer date, but it
+ * never shrinks. A picker first mounted in the browser never had an `en-US`
+ * width to keep, and a named locale is the same on both sides.
+ */
+export declare function usePickerSamples(locale: string | undefined, options: Intl.DateTimeFormatOptions): string[];
 export interface CalendarProps {
     size: NebaSize;
     color: NebaColor;
@@ -83,6 +115,13 @@ export interface CalendarProps {
     renderDay?: (date: Date) => React.ReactNode;
     /** Takes the focus on mount — the popup has just opened. */
     autoFocus?: boolean;
+    /**
+     * `month` is the month a server drew, and moves on to the reader's own in
+     * the render after hydration ends. An inline Calendar with no month of its
+     * own does that; the tab stop waits for the month it moves to rather than
+     * settling on the 1st of the one about to leave the screen.
+     */
+    monthFromClock?: boolean;
     /**
      * More than one cell can be selected at once — a `multiple` calendar or a
      * range — which a screen reader is told on the grid a pick is made in.
@@ -114,7 +153,7 @@ export interface CalendarProps {
  * grid instead of walking forty-two cells — the pattern the ARIA date-picker
  * practice describes, and the reason none of the cells is a `disabled` button.
  */
-export declare function Calendar({ size, color, locale: callerLocale, weekStartsOn, month, onMonthChange, selected, rangeStart, rangeEnd, onSelect, granularity, renderDay, onPreviewChange, minDate, maxDate, shouldDisableDate, showOutsideDays, autoFocus, multiselectable, showPreviousButton, showNextButton, labels, className }: CalendarProps): React.JSX.Element;
+export declare function Calendar({ size, color, locale: callerLocale, weekStartsOn, month, onMonthChange, selected, rangeStart, rangeEnd, onSelect, granularity, renderDay, onPreviewChange, minDate, maxDate, shouldDisableDate, showOutsideDays, autoFocus, monthFromClock, multiselectable, showPreviousButton, showNextButton, labels, className }: CalendarProps): React.JSX.Element;
 export type { TimeUnit };
 export interface TimeGridProps {
     size: NebaSize;

package/dist/internal/calendar.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as r from"react";import{useLayoutEffectOnClient as o}from"./layout-effect.js";import{Button as l}from"../components/button/Button.js";import{ChevronIcon as a}from"./icons.js";import{controlHeightClasses as s,controlTextClasses as i,cx as c,gapClasses as d,metaTextClasses as u,pressTransitionClasses as m,srOnlyClasses as h,transitionClasses as f}from"./styles.js";import{addDays as g,addMonths as b,addYears as p,calendarWeeks as y,compareDay as v,isDayOutside as x,isMonthBeforeYear as w,isSameDay as D,isSameMonth as N,isUnitOutside as S,isValidDate as M,makeDate as C,meridiemLabels as k,monthLabels as z,startOfDay as P,startOfMonth as A,today as j,weekdayLabels as Y,withTime as B,YEAR_PAGE_SIZE as E,yearPageStart as F}from"./date.js";import{dateFormatter as T}from"./format.js";import{pickerMessages as H,useMessages as R}from"./i18n.js";import{useHydrated as I,useIntlLocale as K}from"./media.js";export function usePickerLabels(e,t){const n=R(H,t);return r.useMemo(()=>e?{...n,...e}:n,[n,e])}const G={xs:"1.375rem",sm:"1.625rem",md:"2rem",lg:"2.5rem",xl:"3rem"},O={xs:"rounded-(--neba-radius-xs)",sm:"rounded-(--neba-radius-xs)",md:"rounded-(--neba-radius-sm)",lg:"rounded-(--neba-radius-md)",xl:"rounded-(--neba-radius-lg)"},U={xs:"rounded-s-(--neba-radius-xs)",sm:"rounded-s-(--neba-radius-xs)",md:"rounded-s-(--neba-radius-sm)",lg:"rounded-s-(--neba-radius-md)",xl:"rounded-s-(--neba-radius-lg)"},q={xs:"rounded-e-(--neba-radius-xs)",sm:"rounded-e-(--neba-radius-xs)",md:"rounded-e-(--neba-radius-sm)",lg:"rounded-e-(--neba-radius-md)",xl:"rounded-e-(--neba-radius-lg)"},$=["neba-calendar-cell relative flex select-none items-center justify-center tabular-nums","[-webkit-tap-highlight-color:transparent] [touch-action:manipulation]",f,m,"focus-visible:z-10 focus-visible:[outline:2px_solid_var(--n-ring)]","focus-visible:[outline-offset:-2px]"].join(" ");function Cell({children:n,label:r,selected:o,inRange:l=!1,rangeEdge:a=null,current:s=!1,muted:i=!1,disabled:d=!1,focused:u=!1,size:m,className:h,onClick:f,onPointerEnter:g,onKeyDown:b}){return t("button",{type:"button",role:"gridcell","aria-label":r,"aria-selected":o,"aria-current":s?"date":void 0,"aria-disabled":d||void 0,tabIndex:u?0:-1,"data-focus-target":u?"true":void 0,className:c($,"start"===a?U[m]:"end"===a?q[m]:"middle"===a?"rounded-none":O[m],d?"cursor-not-allowed text-(--neba-disabled-fg)":o?"cursor-pointer bg-(--n-fill) font-semibold text-(--n-on-solid) hover:bg-(--n-fill-hover) active:bg-(--n-fill-active)":l?"cursor-pointer bg-(--n-soft) text-(--neba-fg) hover:bg-(--n-soft-hover) active:bg-(--n-soft-press)":s?"cursor-pointer font-semibold text-(--n-on-tint) hover:bg-(--n-soft) active:bg-(--n-soft-press)":i?"cursor-pointer text-(--neba-muted-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)":"cursor-pointer text-(--neba-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)",h),onClick:()=>{d||f()},onPointerEnter:g,onKeyDown:b,children:[n,s?e("span",{"aria-hidden":"true",className:"absolute bottom-[0.18em] size-[0.22em] rounded-full bg-current"}):null]})}function Header({size:r,color:o,view:u,month:m,locale:f,labels:g,showPreviousButton:b,showNextButton:p,captionId:y,onStep:v,onViewChange:x}){const D=z(f,"long")[m.getMonth()],N=String(m.getFullYear()),S=w(f),M=F(m.getFullYear()),C=`${M}–${M+E-1}`,k="day"===u?[g.previousMonth,g.nextMonth]:"month"===u?[g.previousYear,g.nextYear]:[g.previousYears,g.nextYears],P=(t,n)=>n?e(l,{variant:"text",size:r,color:o,density:"compact","aria-label":k[-1===t?0:1],onClick:()=>v(t),startIcon:e("span",{className:c("flex items-center",-1===t?"rotate-90 rtl:-rotate-90":"-rotate-90 rtl:rotate-90"),children:e(a,{})})}):e("span",{"aria-hidden":"true",className:c(s[r],"w-(--n-cell)")}),A=t=>e("span",{className:c("flex items-center text-(--neba-muted-fg)","[transition:rotate_var(--neba-duration)_var(--neba-ease)]",t&&"rotate-180"),children:e(a,{})}),j=e(l,{variant:"text",size:r,color:o,density:"compact","aria-describedby":`${y}-month`,"aria-expanded":"month"===u,onClick:()=>x("month"===u?"day":"month"),endIcon:A("month"===u),children:D},"month"),Y=e(l,{variant:"text",size:r,color:o,density:"compact",className:"tabular-nums","aria-describedby":`${y}-year`,"aria-expanded":"year"===u,onClick:()=>x("year"===u?"day":"year"),endIcon:A("year"===u),children:N},"year");return t("div",{className:"flex items-center justify-between gap-1",children:[e("span",{id:y,className:h,"aria-live":"polite",children:"day"===u?T(f,{year:"numeric",month:"long"}).format(m):"month"===u?N:C}),e("span",{id:`${y}-month`,hidden:!0,children:g.chooseMonth}),e("span",{id:`${y}-year`,hidden:!0,children:g.chooseYear}),P(-1,b),e("div",{className:c("flex min-w-0 flex-1 items-center justify-center",d[r]),children:"year"===u?e("span",{className:c("flex items-center font-medium tabular-nums text-(--neba-fg)",s[r],i[r]),children:C}):"month"===u?Y:t(n,S?{children:[j,Y]}:{children:[Y,j]})}),P(1,p)]})}const L={day:0,month:1,year:2};export function Calendar({size:n,color:l,locale:a,weekStartsOn:s,month:i,onMonthChange:u,selected:m,rangeStart:h=null,rangeEnd:f=null,onSelect:g,granularity:y="day",renderDay:v,onPreviewChange:w,minDate:S,maxDate:k,shouldDisableDate:z,showOutsideDays:Y=!0,autoFocus:B=!1,multiselectable:F=!1,showPreviousButton:T=!0,showNextButton:H=!0,labels:R,className:O}){const U=K(a),q=r.useId(),[$,_]=r.useState(y),V=L[$]<L[y]?y:$,J=r.useMemo(()=>m.filter(M),[m]),Q=I(),[W,X]=r.useState(()=>{const e=J.find(e=>N(e,i));return e?P(e):Q&&N(j(),i)?j():A(i)}),Z=r.useRef(!Q);r.useEffect(()=>{Q&&Z.current&&(Z.current=!1,X(e=>D(e,A(i))&&N(j(),i)&&!J.some(e=>N(e,i))?j():e))},[Q]);const ee=r.useRef(B),te=r.useRef(null);r.useEffect(()=>{X(e=>N(e,i)?e:A(i))},[i]),o(()=>{ee.current&&(ee.current=!1,te.current?.querySelector('[data-focus-target="true"]')?.focus({preventScroll:!0}))});const ne=r.useCallback(e=>x(e,S,k)||(z?.(e)??!1),[S,k,z]),re=e=>{ee.current=!0,_(e)},oe=e=>{ee.current=!0,u(e)};return t("div",{ref:te,className:c("flex flex-col",d[n],O),style:{"--n-cell":G[n]},onPointerLeave:()=>w?.(null),children:[e(Header,{size:n,color:l,view:V,month:i,locale:U,labels:R,showPreviousButton:T,showNextButton:H,captionId:q,onStep:e=>{u("day"===V?b(i,e):p(i,"month"===V?e:e*E))},onViewChange:re}),e("div",{className:"h-[calc(var(--n-cell)*7)] w-[calc(var(--n-cell)*7)]",children:"day"===V?e(DayGrid,{labelledBy:q,multiselectable:F&&"day"===y,size:n,locale:U,weekStartsOn:s,month:i,chosen:J,rangeStart:h,rangeEnd:f,focusedDate:W,renderDay:v,showOutsideDays:Y,isDisabled:ne,onSelect:e=>{X(e),g(e)},onPreviewChange:w,onMoveFocus:e=>{ee.current=!0,X(e),N(e,i)||u(A(e))}}):"month"===V?e(MonthGrid,{labelledBy:q,multiselectable:F&&"month"===y,size:n,locale:U,month:i,chosen:J,minDate:S,maxDate:k,shouldDisable:"month"===y?z:void 0,onMoveCursor:oe,onPick:e=>{const t=C(i.getFullYear(),e,1);u(t),"month"===y?g(t):(X(e=>N(e,t)?e:t),re("day"))}}):e(YearGrid,{labelledBy:q,multiselectable:F&&"year"===y,size:n,month:i,chosen:J,minDate:S,maxDate:k,shouldDisable:"year"===y?z:void 0,onMoveCursor:oe,onPick:e=>{if("year"===y){const t=C(e,0,1);return u(t),void g(t)}u(C(e,i.getMonth(),1)),re("month")}})})]})}function _(e){return"rtl"===getComputedStyle(e).direction}function DayGrid({labelledBy:n,multiselectable:r,size:o,locale:l,weekStartsOn:a,month:s,chosen:d,rangeStart:m,rangeEnd:h,focusedDate:f,renderDay:p,showOutsideDays:x,isDisabled:w,onSelect:S,onPreviewChange:C,onMoveFocus:k}){const z=y(s,a),P=Y(l,a,"short"),A=Y(l,a,"long"),B=T(l,{dateStyle:"full"}),E=(H=h,M(F=m)&&M(H)?v(F,H)<=0?[F,H]:[H,F]:null);var F,H;const R=I()?j():null;return t("div",{role:"grid","aria-labelledby":n,"aria-multiselectable":r||void 0,className:"flex h-full flex-col",children:[e("div",{role:"row",className:"grid grid-cols-7",children:P.map((t,n)=>e("span",{role:"columnheader","aria-label":A[n],className:c("flex h-(--n-cell) items-center justify-center font-medium text-(--neba-muted-fg) select-none",u[o]),children:t},n))}),z.map((n,r)=>e("div",{role:"row",className:"grid grid-cols-7",children:n.map(n=>{const r=!N(n,s);if(r&&!x)return e("span",{role:"gridcell","aria-hidden":"true",className:"size-(--n-cell)"},n.getTime());const l=d.some(e=>D(e,n)),u=null!==E&&v(n,E[0])>=0&&v(n,E[1])<=0,m=null!==E&&u&&D(n,E[0]),h=null!==E&&u&&D(n,E[1]);return t(Cell,{size:o,label:B.format(n),selected:l,inRange:u&&!l,rangeEdge:u?m&&h?"both":m?"start":h?"end":"middle":null,current:null!==R&&D(n,R),muted:r,disabled:w(n),focused:D(n,f),className:c("size-(--n-cell)",i[o]),onClick:()=>S(n),onPointerEnter:()=>C?.(n),onKeyDown:e=>((e,t)=>{const n=(t.getDay()-a+7)%7,r=_(e.currentTarget)?-1:1,o={ArrowLeft:()=>g(t,-r),ArrowRight:()=>g(t,r),ArrowUp:()=>g(t,-7),ArrowDown:()=>g(t,7),Home:()=>g(t,-n),End:()=>g(t,6-n),PageUp:()=>b(t,e.shiftKey?-12:-1),PageDown:()=>b(t,e.shiftKey?12:1)}[e.key];o&&(e.preventDefault(),k(o()))})(e,n),children:[n.getDate(),p?p(n):null]},n.getTime())})},r))]})}function MonthGrid({labelledBy:t,multiselectable:n,size:r,locale:o,month:l,chosen:a,minDate:s,maxDate:d,shouldDisable:u,onMoveCursor:m,onPick:h}){const f=z(o,"short"),g=T(o,{year:"numeric",month:"long"}),p=l.getFullYear(),y=I()?new Date:null,v=e=>{const t=_(e.currentTarget)?-1:1,n={ArrowLeft:-t,ArrowRight:t,ArrowUp:-3,ArrowDown:3,PageUp:-12,PageDown:12}[e.key];void 0!==n&&(e.preventDefault(),m(b(A(l),n)))};return e("div",{role:"grid","aria-labelledby":t,"aria-multiselectable":n||void 0,className:"flex h-full flex-col justify-evenly",children:[0,1,2,3].map(t=>e("div",{role:"row",className:"grid grid-cols-3 gap-1",children:[0,1,2].map(n=>{const o=3*t+n,m=C(p,o,1);return e(Cell,{size:r,label:g.format(m),selected:a.some(e=>e.getFullYear()===p&&e.getMonth()===o),current:null!==y&&y.getFullYear()===p&&y.getMonth()===o,disabled:S(m,"month",s,d)||(u?.(m)??!1),focused:o===l.getMonth(),className:c("h-(--n-cell) w-full",i[r]),onClick:()=>h(o),onKeyDown:v,children:f[o]},o)})},t))})}function YearGrid({labelledBy:t,multiselectable:n,size:r,month:o,chosen:l,minDate:a,maxDate:s,shouldDisable:d,onMoveCursor:u,onPick:m}){const h=F(o.getFullYear()),f=I()?(new Date).getFullYear():null,g=e=>{const t=_(e.currentTarget)?-1:1,n={ArrowLeft:-t,ArrowRight:t,ArrowUp:-4,ArrowDown:4,PageUp:-E,PageDown:E}[e.key];void 0!==n&&(e.preventDefault(),u(p(A(o),n)))};return e("div",{role:"grid","aria-labelledby":t,"aria-multiselectable":n||void 0,className:"flex h-full flex-col justify-evenly",children:[0,1,2].map(t=>e("div",{role:"row",className:"grid grid-cols-4 gap-1",children:[0,1,2,3].map(n=>{const u=h+4*t+n,b=C(u,0,1);return e(Cell,{size:r,label:String(u),selected:l.some(e=>e.getFullYear()===u),current:u===f,disabled:S(b,"year",a,s)||(d?.(b)??!1),focused:u===o.getFullYear(),className:c("h-(--n-cell) w-full",i[r]),onClick:()=>m(u),onKeyDown:g,children:u},u)})},t))})}function V(e){const t=e.parentElement;if(!t)return;const n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.top-r.top-t.clientTop+t.scrollTop,l=o+n.height;o<t.scrollTop?t.scrollTop=o:l>t.scrollTop+t.clientHeight&&(t.scrollTop=l-t.clientHeight)}export function TimeGrid({size:n,density:o,locale:l,value:a,referenceDate:d,onChange:u,hour12:m,showSeconds:f,hourStep:g,minuteStep:b,secondStep:p,shouldDisableTime:y,autoFocus:v=!1,labels:x,className:w}){const D=K(l),N=a??d,S=r.useRef(null),[M,C]=r.useMemo(()=>k(D),[D]);r.useEffect(()=>{const e=S.current;if(e?.querySelectorAll('[data-chosen="true"]').forEach(V),v){const t=e?.querySelector('[role="listbox"]');(t?.querySelector('[data-chosen="true"]')??t?.querySelector('[role="option"]'))?.focus({preventScroll:!0})}},[v]);const z=r.useMemo(()=>{const e=Math.ceil((m?12:24)/g),t=Array.from({length:e},(e,t)=>t*g);return m?t.map(e=>0===e?12:e):t},[m,g]),P=r.useMemo(()=>Array.from({length:Math.ceil(60/b)},(e,t)=>t*b),[b]),A=r.useMemo(()=>Array.from({length:Math.ceil(60/p)},(e,t)=>t*p),[p]),j=e=>String(e).padStart(2,"0"),Y=m?N.getHours()%12||12:N.getHours(),E=e=>{const t=Array.from(e.currentTarget.querySelectorAll('[role="option"]')),n=t.indexOf(e.target);if(n<0)return;const r="ArrowDown"===e.key?n+1:"ArrowUp"===e.key?n-1:"Home"===e.key?0:"End"===e.key?t.length-1:null;if(null===r)return;e.preventDefault();const o=t[Math.min(t.length-1,Math.max(0,r))];o.focus({preventScroll:!0}),V(o)},F=(t,r,o,l,d)=>{const h=Math.max(0,null===a?0:o.findIndex(l));return e("div",{role:"listbox","aria-label":r,onKeyDown:E,className:c("flex flex-col gap-0.5 overflow-y-auto overscroll-contain","h-[calc(var(--n-cell)*7)] w-[calc(var(--n-cell)*2)]","scroll-py-0.5 [scrollbar-width:thin]"),children:o.map((r,o)=>{const f=((e,t)=>B(N,"hour"===e?{hours:m?t%12+(N.getHours()>=12?12:0):t}:"minute"===e?{minutes:t}:"second"===e?{seconds:t}:{hours:N.getHours()%12+12*t}))(t,r),g=null!==a&&l(r),b=y?.(f,t)??!1;return e("button",{type:"button",role:"option","aria-selected":g,"aria-disabled":b||void 0,"data-chosen":g?"true":void 0,tabIndex:o===h?0:-1,className:c($,O[n],s[n],i[n],"w-full shrink-0",b?"cursor-not-allowed text-(--neba-disabled-fg)":g?"cursor-pointer bg-(--n-fill) font-semibold text-(--n-on-solid) hover:bg-(--n-fill-hover) active:bg-(--n-fill-active)":"cursor-pointer text-(--neba-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)"),onClick:()=>{b||u(f)},children:d(r)},r)})},t)};return t("div",{ref:S,className:c("flex","compact"===o?"gap-0.5":"gap-1",w),style:{"--n-cell":G[n]},children:[F("hour",x.hour,z,e=>e===Y,e=>m?String(e):j(e)),F("minute",x.minute,P,e=>e===N.getMinutes(),j),f?F("second",x.second,A,e=>e===N.getSeconds(),j):null,m?F("meridiem",x.meridiem,[0,1],e=>(N.getHours()>=12?1:0)===e,e=>0===e?M:C):null,e("span",{className:h,"aria-live":"polite",children:null===a?"":T(D,{hour:"numeric",minute:"2-digit",...f?{second:"2-digit"}:{}}).format(a)})]})}
+"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as r from"react";import{useLayoutEffectOnClient as o}from"./layout-effect.js";import{Button as l}from"../components/button/Button.js";import{ChevronIcon as a}from"./icons.js";import{controlHeightClasses as s,controlTextClasses as i,cx as c,gapClasses as u,metaTextClasses as d,pressTransitionClasses as m,srOnlyClasses as h,transitionClasses as f}from"./styles.js";import{addDays as g,addMonths as b,addYears as p,calendarWeeks as v,compareDay as y,displaySamples as x,isDayOutside as w,isMonthBeforeYear as D,isSameDay as S,isSameMonth as N,isUnitOutside as k,isValidDate as M,makeDate as C,meridiemLabels as z,monthLabels as P,startOfDay as A,startOfMonth as E,today as j,weekdayLabels as R,withTime as Y,YEAR_PAGE_SIZE as F,yearPageStart as B}from"./date.js";import{dateFormatter as T}from"./format.js";import{pickerMessages as H,useMessages as I}from"./i18n.js";import{HYDRATION_LOCALE as K,useHydrated as O,useIntlLocale as $}from"./media.js";export function usePickerLabels(e,t){const n=I(H,t);return r.useMemo(()=>e?{...n,...e}:n,[n,e])}export function askOnEveryRender(e){return e?t=>e(t):void 0}export function usePickerSamples(e,t){const n=$(e),o=O(),[l]=r.useState(()=>!o),a=x(n,t),s=l&&o&&void 0===e?x(K,t):null;return r.useMemo(()=>null===s?a:[...new Set([...s,...a])],[s,a])}const G={xs:"1.375rem",sm:"1.625rem",md:"2rem",lg:"2.5rem",xl:"3rem"},U={xs:"rounded-(--neba-radius-xs)",sm:"rounded-(--neba-radius-xs)",md:"rounded-(--neba-radius-sm)",lg:"rounded-(--neba-radius-md)",xl:"rounded-(--neba-radius-lg)"},q={xs:"rounded-s-(--neba-radius-xs)",sm:"rounded-s-(--neba-radius-xs)",md:"rounded-s-(--neba-radius-sm)",lg:"rounded-s-(--neba-radius-md)",xl:"rounded-s-(--neba-radius-lg)"},L={xs:"rounded-e-(--neba-radius-xs)",sm:"rounded-e-(--neba-radius-xs)",md:"rounded-e-(--neba-radius-sm)",lg:"rounded-e-(--neba-radius-md)",xl:"rounded-e-(--neba-radius-lg)"},V=`neba-calendar-cell relative flex select-none items-center justify-center tabular-nums [-webkit-tap-highlight-color:transparent] [touch-action:manipulation] ${f} ${m} focus-visible:z-10 focus-visible:[outline:2px_solid_var(--n-ring)] focus-visible:[outline-offset:-2px]`;function Cell({children:n,label:r,selected:o,inRange:l=!1,rangeEdge:a=null,current:s=!1,muted:i=!1,disabled:u=!1,focused:d=!1,size:m,className:h,onClick:f,onPointerEnter:g,onKeyDown:b}){return t("button",{type:"button",role:"gridcell","aria-label":r,"aria-selected":o,"aria-current":s?"date":void 0,"aria-disabled":u||void 0,tabIndex:d?0:-1,"data-focus-target":d?"true":void 0,className:c(V,"start"===a?q[m]:"end"===a?L[m]:"middle"===a?"rounded-none":U[m],u?"cursor-not-allowed text-(--neba-disabled-fg)":o?"cursor-pointer bg-(--n-fill) font-semibold text-(--n-on-solid) hover:bg-(--n-fill-hover) active:bg-(--n-fill-active)":l?"cursor-pointer bg-(--n-soft) text-(--neba-fg) hover:bg-(--n-soft-hover) active:bg-(--n-soft-press)":s?"cursor-pointer font-semibold text-(--n-on-tint) hover:bg-(--n-soft) active:bg-(--n-soft-press)":i?"cursor-pointer text-(--neba-muted-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)":"cursor-pointer text-(--neba-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)",h),onClick:()=>{u||f()},onPointerEnter:g,onKeyDown:b,children:[n,s?e("span",{"aria-hidden":"true",className:"absolute bottom-[0.18em] size-[0.22em] rounded-full bg-current"}):null]})}const _=/*@__PURE__*/r.memo(function Header({size:r,color:o,view:d,month:m,locale:f,labels:g,showPreviousButton:b,showNextButton:p,captionId:v,actions:y}){const x=P(f,"long")[m.getMonth()],w=String(m.getFullYear()),S=D(f),N=B(m.getFullYear()),k=`${N}–${N+F-1}`,M="day"===d?[g.previousMonth,g.nextMonth]:"month"===d?[g.previousYear,g.nextYear]:[g.previousYears,g.nextYears],C=(t,n)=>n?e(l,{variant:"text",size:r,color:o,density:"compact","aria-label":M[-1===t?0:1],onClick:()=>y.current.step(t),startIcon:e("span",{className:c("flex items-center",-1===t?"rotate-90 rtl:-rotate-90":"-rotate-90 rtl:rotate-90"),children:e(a,{})})}):e("span",{"aria-hidden":"true",className:c(s[r],"w-(--n-cell)")}),z=t=>e("span",{className:c("flex items-center text-(--neba-muted-fg)","[transition:rotate_var(--neba-duration)_var(--neba-ease)]",t&&"rotate-180"),children:e(a,{})}),A=e(l,{variant:"text",size:r,color:o,density:"compact","aria-describedby":`${v}-month`,"aria-expanded":"month"===d,onClick:()=>y.current.changeView("month"===d?"day":"month"),endIcon:z("month"===d),children:x},"month"),E=e(l,{variant:"text",size:r,color:o,density:"compact",className:"tabular-nums","aria-describedby":`${v}-year`,"aria-expanded":"year"===d,onClick:()=>y.current.changeView("year"===d?"day":"year"),endIcon:z("year"===d),children:w},"year");return t("div",{className:"flex items-center justify-between gap-1",children:[e("span",{id:v,className:h,"aria-live":"polite",children:"day"===d?T(f,{year:"numeric",month:"long"}).format(m):"month"===d?w:k}),e("span",{id:`${v}-month`,hidden:!0,children:g.chooseMonth}),e("span",{id:`${v}-year`,hidden:!0,children:g.chooseYear}),C(-1,b),e("div",{className:c("flex min-w-0 flex-1 items-center justify-center",u[r]),children:"year"===d?e("span",{className:c("flex items-center font-medium tabular-nums text-(--neba-fg)",s[r],i[r]),children:k}):"month"===d?E:t(n,S?{children:[A,E]}:{children:[E,A]})}),C(1,p)]})}),J={day:0,month:1,year:2};export function Calendar({size:n,color:l,locale:a,weekStartsOn:s,month:i,onMonthChange:d,selected:m,rangeStart:h=null,rangeEnd:f=null,onSelect:g,granularity:v="day",renderDay:y,onPreviewChange:x,minDate:D,maxDate:k,shouldDisableDate:z,showOutsideDays:P=!0,autoFocus:R=!1,monthFromClock:Y=!1,multiselectable:B=!1,showPreviousButton:T=!0,showNextButton:H=!0,labels:I,className:K}){const U=$(a),q=r.useId(),[L,V]=r.useState(v),Q=J[L]<J[v]?v:L,W=r.useMemo(()=>m.filter(M),[m]),X=O(),[Z,ee]=r.useState(()=>{const e=W.find(e=>N(e,i));return e?A(e):X&&N(j(),i)?j():E(i)}),te=r.useRef(!X),ne=r.useRef(!1);r.useEffect(()=>{X&&te.current&&(te.current=!1,ne.current=Y&&!N(j(),i),ee(e=>S(e,E(i))&&N(j(),i)&&!W.some(e=>N(e,i))?j():e))},[X]);const re=r.useRef(R),oe=r.useRef(null);r.useEffect(()=>{const e=ne.current;ne.current=!1,ee(t=>N(t,i)?t:e&&N(j(),i)?j():E(i))},[i]),o(()=>{re.current&&(re.current=!1,oe.current?.querySelector('[data-focus-target="true"]')?.focus({preventScroll:!0}))});const le=r.useCallback(e=>w(e,D,k)||(z?.(e)??!1),[D,k,z]),ae=e=>{d("day"===Q?b(i,e):p(i,"month"===Q?e:e*F))},se=e=>{re.current=!0,V(e)},ie=e=>{re.current=!0,d(e)},ce=r.useRef({step:ae,changeView:se});return o(()=>{ce.current={step:ae,changeView:se}}),t("div",{ref:oe,className:c("flex flex-col",u[n],K),style:{"--n-cell":G[n]},onPointerLeave:()=>x?.(null),children:[e(_,{size:n,color:l,view:Q,month:i,locale:U,labels:I,showPreviousButton:T,showNextButton:H,captionId:q,actions:ce}),e("div",{className:"h-[calc(var(--n-cell)*7)] w-[calc(var(--n-cell)*7)]",children:"day"===Q?e(DayGrid,{labelledBy:q,multiselectable:B&&"day"===v,size:n,locale:U,weekStartsOn:s,month:i,chosen:W,rangeStart:h,rangeEnd:f,focusedDate:Z,renderDay:y,showOutsideDays:P,isDisabled:le,onSelect:e=>{ee(e),g(e)},onPreviewChange:x,onMoveFocus:e=>{re.current=!0,ee(e),N(e,i)||d(E(e))}}):"month"===Q?e(MonthGrid,{labelledBy:q,multiselectable:B&&"month"===v,size:n,locale:U,month:i,chosen:W,minDate:D,maxDate:k,shouldDisable:"month"===v?z:void 0,onMoveCursor:ie,onPick:e=>{const t=C(i.getFullYear(),e,1);d(t),"month"===v?g(t):(ee(e=>N(e,t)?e:t),se("day"))}}):e(YearGrid,{labelledBy:q,multiselectable:B&&"year"===v,size:n,month:i,chosen:W,minDate:D,maxDate:k,shouldDisable:"year"===v?z:void 0,onMoveCursor:ie,onPick:e=>{if("year"===v){const t=C(e,0,1);return d(t),void g(t)}d(C(e,i.getMonth(),1)),se("month")}})})]})}function Q(e){return"rtl"===getComputedStyle(e).direction}const W=/*@__PURE__*/r.memo(function DayCell({date:e,extra:n,actions:r,label:o,selected:l,inRange:a,rangeEdge:s,current:u,muted:d,disabled:m,focused:h,size:f}){return t(Cell,{label:o,selected:l,inRange:a,rangeEdge:s,current:u,muted:d,disabled:m,focused:h,size:f,className:c("size-(--n-cell)",i[f]),onClick:()=>r.current.select(e),onPointerEnter:()=>r.current.preview(e),onKeyDown:t=>r.current.keyDown(t,e),children:[e.getDate(),n]})});function DayGrid({labelledBy:n,multiselectable:l,size:a,locale:s,weekStartsOn:i,month:u,chosen:m,rangeStart:h,rangeEnd:f,focusedDate:p,renderDay:x,showOutsideDays:w,isDisabled:D,onSelect:k,onPreviewChange:C,onMoveFocus:z}){const P=R(s,i,"short"),A=R(s,i,"long"),E=(F=f,M(Y=h)&&M(F)?y(Y,F)<=0?[Y,F]:[F,Y]:null);var Y,F;const B=O()?j():null,H=u.getTime(),I=r.useMemo(()=>{const e=T(s,{dateStyle:"full"}),t=new Date(H);return v(t,i).map(n=>n.map(n=>{const r=!N(n,t),o=r&&!w;return{date:n,outside:r,hole:o,label:o?"":e.format(n),disabled:!o&&D(n)}}))},[H,i,s,w,D]),K=(e,t)=>{const n=(t.getDay()-i+7)%7,r=Q(e.currentTarget)?-1:1,o={ArrowLeft:()=>g(t,-r),ArrowRight:()=>g(t,r),ArrowUp:()=>g(t,-7),ArrowDown:()=>g(t,7),Home:()=>g(t,-n),End:()=>g(t,6-n),PageUp:()=>b(t,e.shiftKey?-12:-1),PageDown:()=>b(t,e.shiftKey?12:1)}[e.key];o&&(e.preventDefault(),z(o()))},$=r.useRef({select:k,preview:e=>C?.(e),keyDown:K});return o(()=>{$.current={select:k,preview:e=>C?.(e),keyDown:K}}),t("div",{role:"grid","aria-labelledby":n,"aria-multiselectable":l||void 0,className:"flex h-full flex-col",children:[e("div",{role:"row",className:"grid grid-cols-7",children:P.map((t,n)=>e("span",{role:"columnheader","aria-label":A[n],className:c("flex h-(--n-cell) items-center justify-center font-medium text-(--neba-muted-fg) select-none",d[a]),children:t},n))}),I.map((t,n)=>e("div",{role:"row",className:"grid grid-cols-7",children:t.map(({date:t,outside:n,hole:r,label:o,disabled:l})=>{if(r)return e("span",{role:"gridcell","aria-hidden":"true",className:"size-(--n-cell)"},t.getTime());const s=m.some(e=>S(e,t)),i=null!==E&&y(t,E[0])>=0&&y(t,E[1])<=0,c=null!==E&&i&&S(t,E[0]),u=null!==E&&i&&S(t,E[1]);return e(W,{date:t,size:a,label:o,selected:s,inRange:i&&!s,rangeEdge:i?c&&u?"both":c?"start":u?"end":"middle":null,current:null!==B&&S(t,B),muted:n,disabled:l,focused:S(t,p),extra:x?x(t):null,actions:$},t.getTime())})},n))]})}function MonthGrid({labelledBy:t,multiselectable:n,size:r,locale:o,month:l,chosen:a,minDate:s,maxDate:u,shouldDisable:d,onMoveCursor:m,onPick:h}){const f=P(o,"short"),g=T(o,{year:"numeric",month:"long"}),p=l.getFullYear(),v=O()?new Date:null,y=e=>{const t=Q(e.currentTarget)?-1:1,n={ArrowLeft:-t,ArrowRight:t,ArrowUp:-3,ArrowDown:3,PageUp:-12,PageDown:12}[e.key];void 0!==n&&(e.preventDefault(),m(b(E(l),n)))};return e("div",{role:"grid","aria-labelledby":t,"aria-multiselectable":n||void 0,className:"flex h-full flex-col justify-evenly",children:[0,1,2,3].map(t=>e("div",{role:"row",className:"grid grid-cols-3 gap-1",children:[0,1,2].map(n=>{const o=3*t+n,m=C(p,o,1);return e(Cell,{size:r,label:g.format(m),selected:a.some(e=>e.getFullYear()===p&&e.getMonth()===o),current:null!==v&&v.getFullYear()===p&&v.getMonth()===o,disabled:k(m,"month",s,u)||(d?.(m)??!1),focused:o===l.getMonth(),className:c("h-(--n-cell) w-full",i[r]),onClick:()=>h(o),onKeyDown:y,children:f[o]},o)})},t))})}function YearGrid({labelledBy:t,multiselectable:n,size:r,month:o,chosen:l,minDate:a,maxDate:s,shouldDisable:u,onMoveCursor:d,onPick:m}){const h=B(o.getFullYear()),f=O()?(new Date).getFullYear():null,g=e=>{const t=Q(e.currentTarget)?-1:1,n={ArrowLeft:-t,ArrowRight:t,ArrowUp:-4,ArrowDown:4,PageUp:-F,PageDown:F}[e.key];void 0!==n&&(e.preventDefault(),d(p(E(o),n)))};return e("div",{role:"grid","aria-labelledby":t,"aria-multiselectable":n||void 0,className:"flex h-full flex-col justify-evenly",children:[0,1,2].map(t=>e("div",{role:"row",className:"grid grid-cols-4 gap-1",children:[0,1,2,3].map(n=>{const d=h+4*t+n,b=C(d,0,1);return e(Cell,{size:r,label:String(d),selected:l.some(e=>e.getFullYear()===d),current:d===f,disabled:k(b,"year",a,s)||(u?.(b)??!1),focused:d===o.getFullYear(),className:c("h-(--n-cell) w-full",i[r]),onClick:()=>m(d),onKeyDown:g,children:d},d)})},t))})}function X(e){const t=e.parentElement;if(!t)return;const n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.top-r.top-t.clientTop+t.scrollTop,l=o+n.height;o<t.scrollTop?t.scrollTop=o:l>t.scrollTop+t.clientHeight&&(t.scrollTop=l-t.clientHeight)}export function TimeGrid({size:n,density:o,locale:l,value:a,referenceDate:u,onChange:d,hour12:m,showSeconds:f,hourStep:g,minuteStep:b,secondStep:p,shouldDisableTime:v,autoFocus:y=!1,labels:x,className:w}){const D=$(l),S=a??u,N=r.useRef(null),[k,M]=r.useMemo(()=>z(D),[D]);r.useEffect(()=>{const e=N.current;if(e?.querySelectorAll('[data-chosen="true"]').forEach(X),y){const t=e?.querySelector('[role="listbox"]');(t?.querySelector('[data-chosen="true"]')??t?.querySelector('[role="option"]'))?.focus({preventScroll:!0})}},[y]);const C=r.useMemo(()=>{const e=Math.ceil((m?12:24)/g),t=Array.from({length:e},(e,t)=>t*g);return m?t.map(e=>0===e?12:e):t},[m,g]),P=r.useMemo(()=>Array.from({length:Math.ceil(60/b)},(e,t)=>t*b),[b]),A=r.useMemo(()=>Array.from({length:Math.ceil(60/p)},(e,t)=>t*p),[p]),E=e=>String(e).padStart(2,"0"),j=m?S.getHours()%12||12:S.getHours(),R=e=>{const t=Array.from(e.currentTarget.querySelectorAll('[role="option"]')),n=t.indexOf(e.target);if(n<0)return;const r="ArrowDown"===e.key?n+1:"ArrowUp"===e.key?n-1:"Home"===e.key?0:"End"===e.key?t.length-1:null;if(null===r)return;e.preventDefault();const o=t[Math.min(t.length-1,Math.max(0,r))];o.focus({preventScroll:!0}),X(o)},F=(t,r,o,l,u)=>{const h=Math.max(0,null===a?0:o.findIndex(l));return e("div",{role:"listbox","aria-label":r,onKeyDown:R,className:c("flex flex-col gap-0.5 overflow-y-auto overscroll-contain","h-[calc(var(--n-cell)*7)] w-[calc(var(--n-cell)*2)]","scroll-py-0.5 [scrollbar-width:thin]"),children:o.map((r,o)=>{const f=((e,t)=>Y(S,"hour"===e?{hours:m?t%12+(S.getHours()>=12?12:0):t}:"minute"===e?{minutes:t}:"second"===e?{seconds:t}:{hours:S.getHours()%12+12*t}))(t,r),g=null!==a&&l(r),b=v?.(f,t)??!1;return e("button",{type:"button",role:"option","aria-selected":g,"aria-disabled":b||void 0,"data-chosen":g?"true":void 0,tabIndex:o===h?0:-1,className:c(V,U[n],s[n],i[n],"w-full shrink-0",b?"cursor-not-allowed text-(--neba-disabled-fg)":g?"cursor-pointer bg-(--n-fill) font-semibold text-(--n-on-solid) hover:bg-(--n-fill-hover) active:bg-(--n-fill-active)":"cursor-pointer text-(--neba-fg) hover:bg-(--n-soft) active:bg-(--n-soft-press)"),onClick:()=>{b||d(f)},children:u(r)},r)})},t)};return t("div",{ref:N,className:c("flex","compact"===o?"gap-0.5":"gap-1",w),style:{"--n-cell":G[n]},children:[F("hour",x.hour,C,e=>e===j,e=>m?String(e):E(e)),F("minute",x.minute,P,e=>e===S.getMinutes(),E),f?F("second",x.second,A,e=>e===S.getSeconds(),E):null,m?F("meridiem",x.meridiem,[0,1],e=>(S.getHours()>=12?1:0)===e,e=>0===e?k:M):null,e("span",{className:h,"aria-live":"polite",children:null===a?"":T(D,{hour:"numeric",minute:"2-digit",...f?{second:"2-digit"}:{}}).format(a)})]})}