altum 0.0.2 → 0.0.4

package/dist/components/LineChart/LineChart.js

@@ -1 +1 @@
-"use client";import{jsxs as x,jsx as s}from"react/jsx-runtime";import{forwardRef as j,useRef as I,useId as O,useState as W}from"react";import y from"./LineChart.module.css.js";import{composeRefs as _}from"../../utils/composeRefs.js";import{useChartContainerSize as z}from"../../base/ChartBase/ChartBase.utils.js";import{linearYTicks as F,ChartBase as U,ChartYGrid as X,DEFAULT_CHART_PADDING as Z,chartCategoryClassName as q,ChartHoverBubble as J,ChartLegend as K,chartPlotRect as Q}from"../../base/ChartBase/ChartBase.js";const k=j(function({categories:g,datasets:d,height:R=300,className:A,...G},S){const C=I(null),N=O().replace(/:/g,""),h=z(C,R),[o,v]=W(null),m={...Z,right:20},{width:T,height:L}=Q(h.width,h.height,m),b=d.flatMap(e=>e.data),M=b.length?Math.max(...b):100,Y=F(M),n=e=>{const t=Math.max(1,g.length-1);return m.left+T/t*e},i=e=>m.top+L-e/(M||1)*L,B=e=>{if(e.length===0)return"";let t=`M ${n(0)} ${i(e[0])}`;for(let a=0;a<e.length-1;a++){const r=n(a),l=i(e[a]),f=n(a+1),c=i(e[a+1]),$=r+(f-r)/2,p=l,u=r+(f-r)/2;t+=` C ${$} ${p}, ${u} ${c}, ${f} ${c}`}return t},D=e=>{if(e.length===0)return"";const t=n(0),a=i(e[0]),r=i(0);let l=`M ${t} ${r} L ${t} ${a}`;for(let c=0;c<e.length-1;c++){const $=n(c),p=i(e[c]),u=n(c+1),w=i(e[c+1]),E=$+(u-$)/2,H=p,P=$+(u-$)/2;l+=` C ${E} ${H}, ${P} ${w}, ${u} ${w}`}const f=n(e.length-1);return l+=` L ${f} ${r} Z`,l};return x(U,{containerRef:_(S,C),className:A,...G,children:[x("svg",{className:y.chartSvg,width:h.width,height:h.height,children:[s("defs",{children:d.map((e,t)=>x("linearGradient",{id:`${N}-${t}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[s("stop",{offset:"0%",stopColor:e.color,stopOpacity:"0.25"}),s("stop",{offset:"100%",stopColor:e.color,stopOpacity:"0.0"})]},t))}),s(X,{ticks:Y,getY:i,x1:m.left,x2:h.width-m.right,labelX:m.left-10}),g.map((e,t)=>{const a=n(t);return s("text",{className:q(),x:a,y:h.height-m.bottom+20,textAnchor:"middle",children:e},t)}),d.map((e,t)=>s("path",{d:D(e.data),fill:`url(#${N}-${t})`},`area-${e.name}`)),d.map((e,t)=>s("path",{className:y.chartLine,d:B(e.data),style:{stroke:e.color}},e.name)),d.map(e=>e.data.map((t,a)=>{const r=n(a),l=i(t);return s("circle",{className:y.nodePoint,cx:r,cy:l,r:o?.x===r&&o?.y===l?6:4,fill:e.color,stroke:"var(--altum-color-surface)",strokeWidth:o?.x===r&&o?.y===l?3:1,onMouseEnter:f=>{v({x:r,y:l,label:g[a],datasetName:e.name,value:t,color:e.color})},onMouseLeave:()=>v(null)},`${e.name}-${a}`)})),o&&s(J,{x:o.x,y:o.y,canvasWidth:h.width,color:o.color,label:`${o.label} \xB7 ${o.datasetName}: ${o.value}`})]}),s(K,{items:d})]})});k.displayName="LineChart";export{k as LineChart};
+"use client";import{jsx as l,jsxs as p,Fragment as X}from"react/jsx-runtime";import{forwardRef as b,useId as M,useState as Y}from"react";import C from"./LineChart.module.css.js";import n from"../../styles/chartSeries.module.css.js";import{cn as h}from"../../utils/cn.js";import{ChartCartesian as w}from"../../base/ChartBase/ChartCartesian.js";import{chartPointX as P}from"../../base/ChartBase/cartesian.js";import{ChartHoverBubble as j}from"../../base/ChartBase/ChartHoverBubble.js";function v(t,r,a){let c="";for(let i=0;i<t.length-1;i++){const m=r(i),d=r(i+1),e=(m+d)/2;c+=`C${e} ${a(t[i])} ${e} ${a(t[i+1])} ${d} ${a(t[i+1])}`}return c}function B(t,r,a){return t.length===0?"":`M${r(0)} ${a(t[0])}${v(t,r,a)}`}function O(t,r,a){if(t.length===0)return"";const c=r(0),i=r(t.length-1),m=a(0);return`M${c} ${m}L${c} ${a(t[0])}${v(t,r,a)}L${i} ${m}Z`}const L=b(function({categories:t,datasets:r,height:a=300,className:c,...i},m){const d=M().replace(/:/g,""),[e,x]=Y(null);return l(w,{ref:m,categories:t,datasets:r,height:a,className:c,getX:P,onPlotLeave:()=>x(null),...i,children:o=>{const $=e&&r[e[0]];return p(X,{children:[l("defs",{children:r.map((f,s)=>p("linearGradient",{id:`${d}-${s}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[l("stop",{offset:"0%",stopColor:o.items[s].color,stopOpacity:"0.25"}),l("stop",{offset:"100%",stopColor:o.items[s].color,stopOpacity:"0"})]},s))}),r.map((f,s)=>{const u=e?.[0]===s;return p("g",{children:[l("path",{d:O(f.data,o.getX,o.getY),fill:`url(#${d}-${s})`,className:h(e&&!u&&n.dimmed)}),l("path",{className:h(C.line,n.item,e&&!u&&n.dimmed,u&&n.active),d:B(f.data,o.getX,o.getY),style:{stroke:o.items[s].color}}),f.data.map((N,g)=>{const y=u&&e?.[1]===g;return l("circle",{className:h(C.node,n.item,e&&!y&&n.dimmed,y&&n.active),cx:o.getX(g),cy:o.getY(N),r:4,fill:o.items[s].color,onMouseEnter:()=>x([s,g])},g)})]},f.name)}),$&&e&&l(j,{x:o.getX(e[1]),y:o.getY($.data[e[1]]),canvasWidth:o.width,color:o.items[e[0]].color,label:`${t[e[1]]} \xB7 ${$.name}: ${$.data[e[1]]}`})]})}})});L.displayName="LineChart";export{L as LineChart};

package/dist/components/LineChart/LineChart.module.css.js

@@ -1 +1 @@
-"use client";var n=".bH88c{display:block;height:100%;overflow:visible;width:100%}.uGMTd{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease-in-out}.-sTy4{cursor:pointer;transition:r .25s cubic-bezier(.175,.885,.32,1.275),stroke-width .25s}.-sTy4:hover:not(:disabled){stroke-width:4}";const o={chartSvg:"bH88c",chartLine:"uGMTd",nodePoint:"-sTy4"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(n);export{o as default};
+"use client";import{injectCss as r}from"../../utils/injectCss.js";var t=".FChLN{fill:none;stroke-width:3;stroke-linecap:round}.pcK6S{stroke:var(--altum-color-surface);stroke-width:1;r:4;cursor:pointer;transition:r var(--altum-transition-smooth),stroke-width var(--altum-transition-smooth)}.pcK6S:hover{stroke-width:3;r:6}@media (prefers-reduced-motion:reduce){.pcK6S{transition:none}}";const o={line:"FChLN",node:"pcK6S"};r(t);export{o as default};

package/dist/components/Link/Link.js

@@ -1 +1 @@
-"use client";import{jsx as f}from"react/jsx-runtime";import{forwardRef as u}from"react";import r from"./Link.module.css.js";import{cn as k}from"../../utils/cn.js";import{Slot as N}from"../../utils/slot.js";const c=u(function({variant:d="primary",status:p="default",size:a,weight:t,className:g,children:i,asChild:h=!1,target:e,rel:l,...n},o){const m=k(r.link,r[d],p==="danger"?r.danger:"",a&&r[a],t&&r[t],g),s=e==="_blank"?l??"noopener noreferrer":l;return h?f(N,{ref:o,className:m,target:e,rel:s,...n,children:i}):f("a",{ref:o,className:m,target:e,rel:s,...n,children:i})});c.displayName="Link";export{c as Link};
+"use client";import{forwardRef as g,isValidElement as k,Children as h,createElement as L}from"react";import N from"../../styles/unstyledControl.module.css.js";import w from"../../styles/textLink.module.css.js";import m from"../../styles/type.module.css.js";import e from"./Link.module.css.js";import{cn as x}from"../../utils/cn.js";import{Slot as y}from"../../utils/slot.js";const a=g(function({variant:l="primary",status:f="default",size:o,weight:t,className:s,children:r,target:n,rel:i,...c},p){const d=k(r)&&h.count(r)===1,u=n==="_blank"?i??"noopener noreferrer":i;return L(d?y:"a",{ref:p,className:x(N.control,w.link,e.link,e[l],f==="danger"&&e.danger,o&&m[o],t&&m[t],s),target:n,rel:u,...c},r)});a.displayName="Link";export{a as Link};

package/dist/components/Link/Link.module.css.js

@@ -1 +1 @@
-"use client";var t=".Ly-e3{cursor:pointer;font-family:var(--altum-g-font-family-ui);font-size:inherit;font-weight:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,#0000);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out}.Ly-e3:hover:not(:disabled){text-decoration:underline;text-decoration-color:initial;text-decoration-thickness:1px;text-underline-offset:3px}.Ly-e3:focus-visible{border-radius:var(--altum-g-radius-sm);outline:var(--altum-focus-ring-width) solid var(--altum-color-link-focus-ring);outline-offset:var(--altum-focus-ring-offset)}.Ly-e3._37pZm{color:var(--altum-color-link-color)}.Ly-e3._37pZm:hover:not(:disabled){color:var(--altum-color-link-color-hover)}.Ly-e3.b3Bpu{color:var(--altum-color-link-secondary)}.Ly-e3.b3Bpu:hover:not(:disabled){color:var(--altum-color-link-secondary-hover)}.Ly-e3.fS2v1{color:var(--altum-color-link-muted)}.Ly-e3.fS2v1:hover:not(:disabled){color:var(--altum-color-link-muted-hover)}.Ly-e3.Dh-RB{color:var(--altum-color-link-danger)}.Ly-e3.Dh-RB:hover:not(:disabled){color:var(--altum-color-link-danger-hover)}.Ly-e3.xpmpu{font-size:var(--altum-g-font-size-xs);line-height:1.35}.Ly-e3.np-gG{font-size:var(--altum-g-font-size-sm);line-height:1.35}.Ly-e3.TaT8T{font-size:var(--altum-g-font-size-base);line-height:1.45}.Ly-e3.Cbhwq{font-size:var(--altum-g-font-size-lg);line-height:1.45}.Ly-e3.qpMzS{font-size:var(--altum-g-font-size-xl);line-height:1.4}.Ly-e3.-u2KQ{font-weight:var(--altum-g-font-weight-normal)}.Ly-e3.s0zjJ{font-weight:var(--altum-g-font-weight-medium)}.Ly-e3.uRl49{font-weight:var(--altum-g-font-weight-bold)}";const r={link:"Ly-e3",primary:"_37pZm",secondary:"b3Bpu",muted:"fS2v1",danger:"Dh-RB",xs:"xpmpu",sm:"np-gG",md:"TaT8T",lg:"Cbhwq",xl:"qpMzS",normal:"-u2KQ",medium:"s0zjJ",bold:"uRl49"};(function(o){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=o,document.head.appendChild(e)}})(t);export{r as default};
+"use client";import{injectCss as o}from"../../utils/injectCss.js";var r=".Ly-e3._37pZm{color:var(--altum-color-link-color)}.Ly-e3._37pZm:hover:not(:disabled){color:var(--altum-color-link-color-hover)}.Ly-e3.b3Bpu{color:var(--altum-color-link-secondary)}.Ly-e3.b3Bpu:hover:not(:disabled){color:var(--altum-color-link-secondary-hover)}.Ly-e3.fS2v1{color:var(--altum-color-link-muted)}.Ly-e3.fS2v1:hover:not(:disabled){color:var(--altum-color-link-muted-hover)}.Ly-e3.Dh-RB{color:var(--altum-color-link-danger)}.Ly-e3.Dh-RB:hover:not(:disabled){color:var(--altum-color-link-danger-hover)}";const l={link:"Ly-e3",primary:"_37pZm",secondary:"b3Bpu",muted:"fS2v1",danger:"Dh-RB"};o(r);export{l as default};

package/dist/components/Listbox/Listbox.js

@@ -1 +1 @@
-"use client";import{jsx as o,jsxs as te}from"react/jsx-runtime";import be,{forwardRef as ve,useId as fe,useRef as A,useMemo as T,useCallback as u,useEffect as ie,useImperativeHandle as xe}from"react";import{resolveListboxGroups as Ie,flattenResolvedListboxGroups as we,moveListboxHighlight as Le,findEnabledListboxIndex as le,getListboxOptionDomId as W,getListboxOptionText as Se}from"../../utils/listboxOptions.js";import{handleListHighlightKeyDown as ye}from"../../utils/keyboard.js";import{IconCheckmark as De}from"../../icons/icons/IconCheckmark.js";import{VirtualList as Ne}from"../VirtualList/VirtualList.js";import{cn as q}from"../../utils/cn.js";import{composeEventHandlers as He}from"../../utils/composeEvents.js";import n from"./Listbox.module.css.js";import{useControlledStateWithCallback as Me}from"../../hooks/useControlledState.js";import{useLocale as Oe}from"../../locales/localeContext.js";const ke=100,Ce=40,Pe=be.memo(function({option:a,index:r,listboxId:D,isSelected:b,isHighlighted:p,disabled:v,showCheck:N,multiline:H,preventOptionMouseDown:E,onHighlight:f,onSelect:G,registerOptionRef:M,wrapAsListItem:c=!0,tabIndex:K=-1}){const F=W(D,r),R=Se(a),x=te("button",{...a.buttonProps,ref:s=>M?.(r,s),id:F,role:"option","aria-selected":b,"aria-disabled":v||void 0,"aria-label":a.buttonProps?.["aria-label"]??(typeof a.label!="string"?R:void 0),tabIndex:K,disabled:v,className:q(n.option,b&&n.selected,p&&n.highlighted,H&&n.multiline,N?n.optionWithCheck:"",a.buttonProps?.className),onMouseDown:s=>{E&&s.preventDefault()},onMouseEnter:()=>f(r),onMouseLeave:s=>{s.currentTarget.contains(document.activeElement)||f(-1)},onFocus:()=>f(r),onClick:()=>{v||G?.(a.value)},children:[N&&o("span",{className:n.optionCheck,"aria-hidden":"true",children:b?o(De,{size:14}):null}),o("span",{className:q(n.label,H&&n.labelMultiline),children:a.label})]});return c?o("li",{role:"presentation",children:x}):x}),ne=ve(function({options:a,groups:r,value:D=[],multiple:b=!1,onSelect:p,id:v,"aria-label":N,"aria-labelledby":H,noOptionsText:E,loading:f=!1,className:G="",showCheck:M=!1,navigation:c="roving",highlightedIndex:K,defaultHighlightedIndex:F=-1,onHighlightChange:R,preventOptionMouseDown:x=!1,disabled:s=!1,multiline:J=!1,virtualized:oe,onKeyDown:ae,...se},re){const{t:de}=Oe(),Q=E??de("listbox.noOptions"),ue=fe(),h=v??ue,X=A(null),ce=A(null),V=A(new Map),I=!!(r&&r.length>0),w=T(()=>I?Ie(a,r):null,[r,I,a]),l=T(()=>w?we(w):a,[a,w]),[i,d]=Me(K,F,R),Y=u((t,e)=>{if(e){V.current.set(t,e);return}V.current.delete(t)},[]),O=u(t=>V.current.get(t)??null,[]);ie(()=>{if(l.length===0){i!==-1&&d(-1);return}i>=l.length&&d(l.length-1)},[i,l.length,d]),ie(()=>{i<0||O(i)?.scrollIntoView({block:"nearest"})},[l.length,O,i]);const g=u(t=>{t<0||O(t)?.focus({preventScroll:!0})},[O]),L=u(t=>!!l[t]?.disabled,[l]),m=c==="roving",S=u(t=>{const e=Le(i,l.length,t,{isDisabled:L});e<0||(d(e),c==="roving"&&g(e))},[g,i,L,c,l.length,d]),$=u(t=>{if(s)return;const e=l[t];if(!(!e||e.disabled))return p?.(e.value),e.value},[s,p,l]),y=u(t=>{const e=le(l.length,t,L);e<0||(d(e),c==="roving"&&g(e))},[g,L,c,l.length,d]);xe(re,()=>({highlightNext:()=>S(1),highlightPrev:()=>S(-1),highlightFirst:()=>y("start"),highlightLast:()=>y("end"),selectHighlighted:()=>$(i),getHighlightedIndex:()=>i,getActiveDescendantId:()=>!m&&i>=0?W(h,i):void 0,focusOption:g}),[g,y,i,m,h,S,$]);const he=t=>{s||l.length===0||ye(t,{onNext:()=>S(1),onPrev:()=>S(-1),onFirst:()=>y("start"),onLast:()=>y("end"),onSelect:i>=0?()=>$(i):void 0,includeSpace:!0})},Z=T(()=>new Set(D),[D]),B=m?i>=0?i:le(l.length,"start",L):-1,j=u((t,e,k=!0)=>{const C=Z.has(t.value),P=e===i,z=s||!!t.disabled;return o(Pe,{option:t,index:e,listboxId:h,isSelected:C,isHighlighted:P,disabled:z,showCheck:M,multiline:J,preventOptionMouseDown:x,onHighlight:d,onSelect:p,registerOptionRef:Y,wrapAsListItem:k,tabIndex:m&&!z&&e===B?0:-1},`${t.value}-${e}`)},[s,i,m,h,J,p,x,Y,B,Z,d,M]),pe=()=>{if(!w)return null;let t=-1;return w.map(e=>{if(e.options.length===0)return null;const k=`${h}-group-${e.id}`,C=e.label!=null,P=typeof e.label=="string"?e.label:void 0;return o("li",{role:"presentation",className:n.group,children:te("div",{role:"group","aria-label":P,"aria-labelledby":C&&!P?k:void 0,children:[C?o("div",{id:k,className:n.groupLabel,children:e.label}):null,o("ul",{className:n.groupOptions,role:"presentation",children:e.options.map(z=>(t+=1,j(z,t)))})]})},e.id)})},_=l.length===0,U=!I&&(oe??l.length>ke),ge=q(n.listbox,I&&n.listboxGrouped,U&&n.listboxVirtualized,G),me=_?o("li",{role:"presentation",children:o("div",{className:n.emptyState,"aria-live":"polite",children:Q})}):I?pe():l.map((t,e)=>j(t,e)),ee={id:h,className:ge,...se,role:"listbox","aria-label":N,"aria-labelledby":H,"aria-multiselectable":b||void 0,"aria-busy":f||void 0,"aria-disabled":s||void 0,"aria-activedescendant":!m&&i>=0?W(h,i):void 0,tabIndex:-1,onKeyDown:He(ae,he)};return U?o("div",{...ee,ref:X,children:_?o("div",{className:n.emptyState,"aria-live":"polite",children:Q}):o(Ne,{scrollElement:X,items:l,estimateSize:Ce,gap:4,getItemKey:t=>t.value,className:n.virtualList,renderItem:({item:t,index:e})=>j(t,e,!1)})}):o("ul",{...ee,ref:ce,children:me})});ne.displayName="Listbox";export{ne as Listbox};
+"use client";import{jsx as u,jsxs as se}from"react/jsx-runtime";import{forwardRef as de,useRef as F,useMemo as z,useCallback as v,useEffect as K,useImperativeHandle as ue,createElement as ce}from"react";import{resolveListboxGroups as me,flattenResolvedListboxGroups as he,getListboxOptionDomId as L,moveListboxHighlight as ge,findEnabledListboxIndex as O,getListboxOptionText as pe}from"../../utils/listboxOptions.js";import{handleListHighlightKeyDown as be}from"../../utils/keyboard.js";import{IconCheckmark as fe}from"../../icons/icons/IconCheckmark.js";import{VirtualList as ve}from"../VirtualList/VirtualList.js";import{cn as H}from"../../utils/cn.js";import{composeEventHandlers as xe}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as Ie}from"../../hooks/useControlledState.js";import{useFallbackId as ye}from"../../hooks/useFallbackId.js";import{useLocale as Le}from"../../locales/localeContext.js";import Ne from"../../styles/unstyledControl.module.css.js";import o from"./Listbox.module.css.js";const ke=100,we=40,R=de(function({options:x,groups:I,value:T=[],multiple:$=!1,onSelect:N,id:G,"aria-label":V,"aria-labelledby":j,noOptionsText:A,loading:W=!1,className:q,showCheck:D=!1,navigation:B="roving",highlightedIndex:Y,defaultHighlightedIndex:J=-1,onHighlightChange:Q,preventOptionMouseDown:U=!1,disabled:m=!1,multiline:X=!1,virtualized:Z,onKeyDown:_,...ee},te){const{t:le}=Le(),ie=A??le("listbox.noOptions"),s=ye(G),S=F(null),M=F(null),h=!!(I&&I.length>0),g=z(()=>h?me(x,I):null,[I,h,x]),i=z(()=>g?he(g):x,[x,g]),[l,n]=Ie(Y,J,Q),r=B==="roving",d=v((e,t)=>{e<0||(M.current?.scrollToIndex(e),requestAnimationFrame(()=>{const a=document.getElementById(L(s,e));if(t){a?.focus({preventScroll:!0});return}a?.scrollIntoView({block:"nearest"})}))},[s]);K(()=>{if(i.length===0){l!==-1&&n(-1);return}l>=i.length&&n(i.length-1)},[l,i.length,n]),K(()=>{l<0||d(l,!1)},[i.length,l,d]);const p=v(e=>!!i[e]?.disabled,[i]),b=v(e=>{const t=ge(l,i.length,e,{isDisabled:p});t<0||(n(t),d(t,r))},[i.length,l,p,r,d,n]),k=v(e=>{if(m)return;const t=i[e];if(!(!t||t.disabled))return N?.(t.value),t.value},[m,N,i]),f=v(e=>{const t=O(i.length,e,p);t<0||(n(t),d(t,r))},[i.length,p,r,d,n]);ue(te,()=>({highlightNext:()=>b(1),highlightPrev:()=>b(-1),highlightFirst:()=>f("start"),highlightLast:()=>f("end"),selectHighlighted:()=>k(l),getHighlightedIndex:()=>l,getActiveDescendantId:()=>!r&&l>=0?L(s,l):void 0,focusOption:e=>d(e,!0)}),[f,l,r,s,b,k,d]);const oe=new Set(T),ne=r?l>=0?l:O(i.length,"start",p):-1,w=(e,t)=>{const a=m||!!e.disabled,c=oe.has(e.value),y=t===l,C=pe(e);return ce("button",{...e.buttonProps,key:`${e.value}-${t}`,id:L(s,t),type:"button",role:"option","aria-selected":c,"aria-disabled":a||void 0,"aria-label":e.buttonProps?.["aria-label"]??(typeof e.label!="string"?C:void 0),tabIndex:r&&!a&&t===ne?0:-1,disabled:a,className:H(Ne.control,o.option,c&&o.selected,y&&o.highlighted,D&&o.optionWithCheck,e.buttonProps?.className),onMouseDown:E=>{U&&E.preventDefault()},onMouseEnter:()=>n(t),onMouseLeave:E=>{E.currentTarget.contains(document.activeElement)||n(-1)},onFocus:()=>n(t),onClick:()=>{a||N?.(e.value)}},D?u("span",{className:o.optionCheck,"aria-hidden":"true",children:c?u(fe,{size:14}):null}):null,u("span",{className:H(o.label,X&&o.labelMultiline),children:e.label}))},ae=()=>{if(!g)return null;let e=-1;return g.map(t=>{if(t.options.length===0)return null;const a=`${s}-group-${t.id}`,c=t.label!=null,y=typeof t.label=="string"?t.label:void 0;return se("div",{role:"group",className:o.group,"aria-label":y,"aria-labelledby":c&&!y?a:void 0,children:[c?u("div",{id:a,className:o.groupLabel,children:t.label}):null,t.options.map(C=>(e+=1,w(C,e)))]},t.id)})},re=i.length===0,P=!h&&(Z??i.length>ke);return u("div",{...ee,ref:S,id:s,className:H(o.listbox,h&&o.listboxGrouped,P&&o.listboxVirtualized,q),role:"listbox","aria-label":V,"aria-labelledby":j,"aria-multiselectable":$||void 0,"aria-busy":W||void 0,"aria-disabled":m||void 0,"aria-activedescendant":!r&&l>=0?L(s,l):void 0,tabIndex:-1,onKeyDown:xe(_,e=>{m||i.length===0||be(e,{onNext:()=>b(1),onPrev:()=>b(-1),onFirst:()=>f("start"),onLast:()=>f("end"),onSelect:l>=0?()=>k(l):void 0,includeSpace:!0})}),children:re?u("div",{className:o.emptyState,"aria-live":"polite",children:ie}):P?u(ve,{ref:M,scrollElement:S,items:i,estimateSize:we,gap:4,getItemKey:e=>e.value,className:o.virtualList,renderItem:({item:e,index:t})=>w(e,t)}):h?ae():i.map((e,t)=>w(e,t))})});R.displayName="Listbox";export{R as Listbox};

package/dist/components/Listbox/Listbox.module.css.js

@@ -1 +1 @@
-"use client";var l=".lSHQo{display:flex;flex-direction:column;gap:var(--altum-g-space-1);list-style:none;margin:0;padding:var(--altum-g-space-1)}.lSHQo.wgWhM{gap:var(--altum-g-space-2)}.lSHQo._4FYkP{max-height:min(320px,50vh);overflow:auto}.lSHQo .aL5VO,.lSHQo .maiGW{display:flex;flex-direction:column;gap:var(--altum-g-space-1)}.lSHQo .maiGW{list-style:none;margin:0;padding:0}.lSHQo .Knz6J{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium);line-height:var(--altum-g-line-height-2xs);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.lSHQo ._2QZ9E{color:var(--altum-field-label);font-size:var(--altum-g-font-size-base);padding:var(--altum-g-space-3) var(--altum-g-space-4);text-align:center}.lSHQo .COEgV{gap:var(--altum-g-space-2)}.lSHQo .CnY3o{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--altum-g-font-size-2xs);justify-content:center;line-height:1;width:1em}.lSHQo .d7ICC{width:100%}.sCJLx{align-items:center;appearance:none;background:#0000;border:none;border-radius:var(--altum-g-radius-sm);box-sizing:border-box;color:var(--altum-color-control-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--altum-g-font-size-base);min-width:100%;padding:var(--altum-option-padding-y) var(--altum-option-padding-x);text-align:left;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);width:max-content}.sCJLx:disabled{cursor:not-allowed;opacity:var(--altum-opacity-disabled)}.sCJLx:focus-visible:not(:disabled),.sCJLx:hover:not(:disabled){background-color:var(--altum-color-option-hover)}.sCJLx:focus-visible:not(:disabled){outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:calc(var(--altum-focus-ring-offset)*-1)}.-i50u{align-items:center}.ctvla{background-color:var(--altum-color-option-hover)}.zx1V4{background-color:var(--altum-color-selection-fill);color:var(--altum-color-selection-fill-fg)}.zx1V4.ctvla:not(:disabled),.zx1V4:focus-visible:not(:disabled),.zx1V4:hover:not(:disabled){background-color:var(--altum-color-selection-fill-emphasis);color:var(--altum-color-selection-fill-fg)}.MNwcg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LUJ-R{align-items:center;display:flex;flex:1 1 auto;gap:var(--altum-g-space-2);overflow:visible;text-overflow:unset;white-space:normal}";const a={listbox:"lSHQo",listboxGrouped:"wgWhM",listboxVirtualized:"_4FYkP",group:"aL5VO",groupOptions:"maiGW",groupLabel:"Knz6J",emptyState:"_2QZ9E",optionWithCheck:"COEgV",optionCheck:"CnY3o",virtualList:"d7ICC",option:"sCJLx",multiline:"-i50u",highlighted:"ctvla",selected:"zx1V4",label:"MNwcg",labelMultiline:"LUJ-R"};(function(e){if(!(typeof document>"u")){var o=document.createElement("style");o.textContent=e,document.head.appendChild(o)}})(l);export{a as default};
+"use client";import{injectCss as l}from"../../utils/injectCss.js";var o=".lSHQo{display:flex;flex-direction:column;gap:var(--altum-g-space-1);margin:0;padding:var(--altum-g-space-1)}.lSHQo.wgWhM{gap:var(--altum-g-space-2)}.lSHQo._4FYkP{max-height:min(320px,50vh);overflow:auto}.lSHQo .aL5VO{display:flex;flex-direction:column;gap:var(--altum-g-space-1)}.lSHQo .Knz6J{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium);line-height:var(--altum-g-line-height-2xs);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.lSHQo ._2QZ9E{color:var(--altum-field-label);font-size:var(--altum-g-font-size-base);padding:var(--altum-g-space-3) var(--altum-g-space-4);text-align:center}.lSHQo .COEgV{gap:var(--altum-g-space-2)}.lSHQo .CnY3o{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--altum-g-font-size-2xs);justify-content:center;line-height:1;width:1em}.lSHQo .d7ICC{width:100%}.sCJLx{align-items:center;border-radius:var(--altum-g-radius-sm);color:var(--altum-color-control-text-color);display:flex;min-width:100%;padding:var(--altum-option-padding-y) var(--altum-option-padding-x);text-align:left;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);width:max-content}.sCJLx:disabled{opacity:var(--altum-opacity-disabled)}.sCJLx:focus-visible:not(:disabled),.sCJLx:hover:not(:disabled){background-color:var(--altum-color-option-hover)}.sCJLx:focus-visible:not(:disabled){outline-offset:calc(var(--altum-focus-ring-offset)*-1)}.ctvla{background-color:var(--altum-color-option-hover)}.zx1V4{background-color:var(--altum-color-selection-fill);color:var(--altum-color-selection-fill-fg)}.zx1V4.ctvla:not(:disabled),.zx1V4:focus-visible:not(:disabled),.zx1V4:hover:not(:disabled){background-color:var(--altum-color-selection-fill-emphasis);color:var(--altum-color-selection-fill-fg)}.MNwcg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LUJ-R{align-items:center;display:flex;flex:1 1 auto;gap:var(--altum-g-space-2);overflow:visible;text-overflow:unset;white-space:normal}";const a={listbox:"lSHQo",listboxGrouped:"wgWhM",listboxVirtualized:"_4FYkP",group:"aL5VO",groupLabel:"Knz6J",emptyState:"_2QZ9E",optionWithCheck:"COEgV",optionCheck:"CnY3o",virtualList:"d7ICC",option:"sCJLx",highlighted:"ctvla",selected:"zx1V4",label:"MNwcg",labelMultiline:"LUJ-R"};l(o);export{a as default};

package/dist/components/LocaleProvider/LocaleProvider.js

@@ -1 +1 @@
-"use client";import{jsx as c}from"react/jsx-runtime";import{useMemo as i}from"react";import{LocaleContext as n,defaultLocaleContext as u}from"../../locales/localeContext.js";import{useLocale as h,useT as C}from"../../locales/localeContext.js";import{deepMergeMessages as d,translate as p,builtInMessages as f}from"../../locales/translate.js";const s=({locale:e="ru",messages:r,children:t})=>{const a=i(()=>{const o=d(f[e]??u.messages,r);return{locale:e,messages:o,t:(l,m)=>p(o,l,m)}},[e,r]);return c(n.Provider,{value:a,children:t})};s.displayName="LocaleProvider";export{s as LocaleProvider,h as useLocale,C as useT};
+"use client";import{jsx as i}from"react/jsx-runtime";import{useMemo as c}from"react";import{builtInMessages as n}from"../../locales/messages.js";import{deepMergeMessages as d,translate as p}from"../../locales/translate.js";import{LocaleContext as u,defaultLocaleContext as f}from"../../locales/localeContext.js";const s=({locale:e="ru",messages:r,children:t})=>{const a=c(()=>{const o=d(n[e]??f.messages,r);return{locale:e,messages:o,t:(l,m)=>p(o,l,m)}},[e,r]);return i(u.Provider,{value:a,children:t})};s.displayName="LocaleProvider";export{s as LocaleProvider};

package/dist/components/Marker/Marker.js

@@ -1 +1 @@
-"use client";import{jsxs as s,jsx as a}from"react/jsx-runtime";import{forwardRef as f}from"react";import r from"./Marker.module.css.js";import{cn as l}from"../../utils/cn.js";const m=f(function({children:n,icon:i,shimmer:t=!1,variant:e="default",className:c,role:o,...d},p){return s("div",{ref:p,className:l(r.marker,r[e],c),"data-variant":e,...d,role:o,children:[e==="separator"&&a("span",{className:r.line,"aria-hidden":!0}),s("div",{className:r.inner,children:[i!=null&&a("span",{className:r.icon,"aria-hidden":!0,children:i}),n!=null&&a("span",{className:l(r.content,t?r.shimmer:""),children:n})]}),e==="separator"&&a("span",{className:r.line,"aria-hidden":!0})]})});m.displayName="Marker";export{m as Marker};
+"use client";import{jsxs as d,jsx as n}from"react/jsx-runtime";import{forwardRef as f}from"react";import r from"./Marker.module.css.js";import{cn as i}from"../../utils/cn.js";const s=f(function({children:e,icon:a,shimmer:m=!1,variant:l="default",className:c,...o},t){return d("div",{ref:t,className:i(r.marker,r[l],c),...o,children:[a!=null&&n("span",{className:r.icon,"aria-hidden":!0,children:a}),e!=null&&n("span",{className:i(r.content,m&&r.shimmer),children:e})]})});s.displayName="Marker";export{s as Marker};

package/dist/components/Marker/Marker.module.css.js

@@ -1 +1 @@
-"use client";var e=".SYkQ9{box-sizing:border-box;color:var(--altum-color-muted);display:flex;font-family:var(--altum-g-font-family-ui);justify-content:center;width:100%}.SYkQ9,.SYkQ9 ._6uiTL{align-items:center;gap:var(--altum-g-space-2);min-width:0}.SYkQ9 ._6uiTL{display:inline-flex;max-width:100%}.SYkQ9.G2GiA ._6uiTL,.SYkQ9.LsI6O ._6uiTL{border-radius:var(--altum-g-radius);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.SYkQ9.G2GiA ._6uiTL{background:var(--altum-color-brand-tint);color:var(--altum-color-brand-tint-text)}.SYkQ9.zT5lO ._6uiTL{background:var(--altum-color-surface);border:1px solid var(--altum-color-border);border-radius:var(--altum-g-radius);color:var(--altum-color-input-text);justify-content:flex-start;padding:var(--altum-g-space-2) var(--altum-g-space-3);width:100%}.SYkQ9.lV2uw{gap:var(--altum-g-space-3)}.SYkQ9 ._0MdSQ{background:var(--altum-color-border);flex:1 1 auto;height:1px;min-width:var(--altum-g-space-4)}.SYkQ9 ._03s40{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;justify-content:center}.SYkQ9 .Q-vUs{font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium);line-height:1.35;min-width:0}.SYkQ9 .nuR4k{animation:nuR4k 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--altum-color-muted) 0,color-mix(in srgb,var(--altum-color-input-text) 70%,#0000) 50%,var(--altum-color-muted) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000}@media (prefers-reduced-motion:reduce){.SYkQ9 .nuR4k{animation:none;background:none;color:var(--altum-color-muted)}}@keyframes nuR4k{0%{background-position:100% 0}to{background-position:-100% 0}}";const r={marker:"SYkQ9",inner:"_6uiTL",default:"LsI6O",note:"G2GiA",row:"zT5lO",separator:"lV2uw",line:"_0MdSQ",icon:"_03s40",content:"Q-vUs",shimmer:"nuR4k"};(function(a){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=a,document.head.appendChild(t)}})(e);export{r as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var a='.SYkQ9{align-items:center;box-sizing:border-box;color:var(--altum-color-muted);display:flex;font-family:var(--altum-g-font-family-ui);font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium);gap:var(--altum-g-space-2);justify-content:center;line-height:1.35;margin-inline:auto;max-width:100%;min-width:0;width:fit-content}.SYkQ9.G2GiA,.SYkQ9.LsI6O{border-radius:var(--altum-g-radius);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.SYkQ9.G2GiA{background:var(--altum-color-brand-tint);color:var(--altum-color-brand-tint-text)}.SYkQ9.zT5lO{background:var(--altum-color-surface);border:1px solid var(--altum-color-border);border-radius:var(--altum-g-radius);color:var(--altum-color-input-text);justify-content:flex-start;padding:var(--altum-g-space-2) var(--altum-g-space-3)}.SYkQ9.lV2uw,.SYkQ9.zT5lO{margin-inline:0;width:100%}.SYkQ9.lV2uw{gap:var(--altum-g-space-3)}.SYkQ9.lV2uw:after,.SYkQ9.lV2uw:before{background:var(--altum-color-border);content:"";flex:1 1 auto;height:1px;min-width:var(--altum-g-space-4)}.SYkQ9 ._03s40{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;justify-content:center}.SYkQ9 .Q-vUs{min-width:0}.SYkQ9 .nuR4k{animation:nuR4k 1.4s ease-in-out infinite;background:linear-gradient(90deg,var(--altum-color-muted) 0,color-mix(in srgb,var(--altum-color-input-text) 70%,#0000) 50%,var(--altum-color-muted) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000}@media (prefers-reduced-motion:reduce){.SYkQ9 .nuR4k{animation:none;background:none;color:var(--altum-color-muted)}}@keyframes nuR4k{0%{background-position:100% 0}to{background-position:-100% 0}}';const r={marker:"SYkQ9",default:"LsI6O",note:"G2GiA",row:"zT5lO",separator:"lV2uw",icon:"_03s40",content:"Q-vUs",shimmer:"nuR4k"};t(a);export{r as default};

package/dist/components/MaskedField/MaskedField.js

@@ -1 +1 @@
-"use client";import{jsxs as de,jsx as D}from"react/jsx-runtime";import{forwardRef as me,useState as T,useRef as j,useLayoutEffect as ge}from"react";import{TextField as pe}from"../TextField/TextField.js";import o from"./MaskedField.module.css.js";import{cn as B}from"../../utils/cn.js";import{composeEventHandlers as h}from"../../utils/composeEvents.js";import{getFormattedValue as k,getRemainingGuides as S,getStaticDigitsPrefix as L}from"./MaskedField.utils.js";const M=me(function({mask:t,value:f,onChange:y,onClear:w,clearLabel:W,onFocus:z,onBlur:K,onKeyDown:A,disabled:d,readOnly:C,size:G="md",width:N="full",labelPlacement:b="inline",maskAsPlaceholder:H=!1,placeholder:V,prefix:X,postfix:Y,wrapperClassName:Z="",onClick:_,className:$,...q},m){const[J,F]=T(!1),O=j(null),u=j(null),[Q,U]=T(0),E=!!C&&!d,I=f.replace(/\D/g,""),v=e=>{u.current=e,U(r=>r+1)};ge(()=>{const e=O.current;e&&u.current!==null&&(e.setSelectionRange(u.current,u.current),u.current=null)},[f,Q]);const ee=e=>{if(d||E)return;const r=e.target,a=r.selectionStart||0,g=r.value;let n=g.replace(/\D/g,"");const i=L(t);i&&n.startsWith(i)&&(n=n.slice(i.length));const l=t.replace(/[^9]/g,"").length,s=n.slice(0,l),p=k(s,t);a>=g.length-1?v(p.length):v(a),y(s)},le=e=>{if(d||E)return;const r=e.currentTarget,a=r.selectionStart,g=r.selectionEnd,n=a!==null&&a===g,i=l=>{let s=0;for(let x=0;x<l;x++)t[x]==="9"&&s++;const p=f.replace(/\D/g,""),R=p.slice(0,s)+p.slice(s+1),fe=k(R.slice(0,s),t).length;v(fe),y(R)};if(e.key==="Backspace"&&n&&a!==null&&a>0){let l=a-1;for(;l>=0&&t[l]!=="9";)l--;e.preventDefault(),l>=0&&i(l)}if(e.key==="Delete"&&n&&a!==null&&a<t.length){let l=a;for(;l<t.length&&t[l]!=="9";)l++;l<t.length&&(e.preventDefault(),i(l))}},te=()=>{F(!0)},re=()=>{F(!1)},ae=e=>{const r=e.currentTarget;r.selectionStart!==null&&r.selectionStart>c.length&&r.setSelectionRange(c.length,c.length)},c=I?k(f,t):"",P=S(c,t),ne=H?S("",t):V,se=()=>{y(""),w?.()},oe=e=>{O.current=e,typeof m=="function"?m(e):m&&(m.current=e)},ce=b!=="inline",ie=B(o.maskedWrapper,ce?o.centered:"",N==="full"?o.fullWidth:"",Z),ue=J&&P.length>0?de("div",{className:o.maskOverlay,"aria-hidden":"true","data-testid":"masked-overlay",children:[D("span",{className:o.maskOffset,children:c}),D("span",{className:o.guideChar,children:P})]}):null;return D(pe,{...q,ref:oe,type:"text",value:c,disabled:d,readOnly:C,size:G,width:N,labelPlacement:b,prefix:X,postfix:Y,onChange:ee,onKeyDown:h(A,le),onFocus:h(z,te),onBlur:h(K,re),onClick:h(_,ae),placeholder:ne,onClear:w?se:void 0,clearLabel:W,wrapperClassName:ie,controlOverlay:ue,className:B(o.input,$)})});M.displayName="MaskedField";export{M as MaskedField,k as getFormattedValue,S as getRemainingGuides,L as getStaticDigitsPrefix};
+"use client";import{jsx as a,jsxs as C}from"react/jsx-runtime";import{forwardRef as v}from"react";import{TextField as x}from"../TextField/TextField.js";import d from"./MaskedField.module.css.js";import{composeEventHandlers as s}from"../../utils/composeEvents.js";import{composeRefs as O}from"../../utils/composeRefs.js";import{useDigitMask as b}from"../../hooks/useDigitMask.js";import{getRemainingGuides as t}from"./MaskedField.utils.js";import{getFormattedValue as A,getStaticDigitsPrefix as E}from"./MaskedField.utils.js";import{fieldOverlayClassName as D}from"../../base/FieldBase/FieldBase.js";const m=v(function({mask:l,value:c,onChange:r,onClear:i,clearLabel:p,onKeyDown:f,disabled:o,readOnly:n,maskAsPlaceholder:h=!1,placeholder:u,onClick:g,...y},k){const e=b({mask:l,value:c,disabled:o,readOnly:n,onChange:r});return a(x,{...y,ref:O(k,e.inputRef),type:"text",value:e.displayVal,disabled:o,readOnly:n,onChange:e.handleChange,onKeyDown:s(f,e.handleKeyDown),onClick:s(g,e.handleClick),placeholder:h?t("",l):u,onClear:i?()=>{r(""),i()}:void 0,clearLabel:p,controlOverlay:e.remainingGuides.length>0?C("div",{className:D(),"aria-hidden":"true","data-testid":"masked-overlay",children:[a("span",{className:d.maskOffset,children:e.displayVal}),a("span",{className:d.guideChar,children:e.remainingGuides})]}):null})});m.displayName="MaskedField";export{m as MaskedField,A as getFormattedValue,t as getRemainingGuides,E as getStaticDigitsPrefix};

package/dist/components/MaskedField/MaskedField.module.css.js

@@ -1 +1 @@
-"use client";var i=".VQCHI{--altum-masked-field-line-height:1.25;--altum-masked-field-control-border-width:1px;position:relative;width:100%}.Ft9cB,.VQCHI .kKp2m{font-family:inherit;line-height:var(--altum-masked-field-line-height)}.Ft9cB{border:var(--altum-masked-field-control-border-width) solid #0000;box-sizing:border-box;font-size:var(--altum-field-font-size,var(--altum-g-font-size-base));inset:0;overflow:hidden;padding:var(--altum-field-pad-top) var(--altum-field-padding-end) var(--altum-field-pad-bottom) var(--altum-field-padding-start);pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:pre;z-index:var(--altum-g-z-local)}.PXj85 .Ft9cB{align-items:center;display:flex;padding-bottom:0;padding-top:0}.PXj85 .Ft9cB,.PXj85 .kKp2m{line-height:var(--altum-field-line-height,var(--altum-masked-field-line-height))}.b-Y4s,.cdqMI{white-space:pre}.b-Y4s{color:#0000}.cdqMI{color:var(--altum-field-label);opacity:.6}.vI7Bt{flex-shrink:1;max-width:100%;min-width:0}";const a={maskedWrapper:"VQCHI",input:"kKp2m",maskOverlay:"Ft9cB",centered:"PXj85",maskOffset:"b-Y4s",guideChar:"cdqMI",fullWidth:"vI7Bt"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(i);export{a as default};
+"use client";import{injectCss as s}from"../../utils/injectCss.js";var e=".b-Y4s{color:#0000}.b-Y4s,.cdqMI{white-space:pre}.cdqMI{color:var(--altum-field-label);opacity:.6}";const c={maskOffset:"b-Y4s",guideChar:"cdqMI"};s(e);export{c as default};

package/dist/components/Media/Media.js

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{forwardRef as v}from"react";import{AspectRatio as N}from"../AspectRatio/AspectRatio.js";import e from"./Media.module.css.js";import{cn as r}from"../../utils/cn.js";const l=v(function({src:a,alt:i="",as:s="img",poster:m,fit:t="cover",rounded:c=!0,ratio:d=16/9,className:n,...f},p){const u=s==="video"?void 0:i;return o(N,{ref:p,ratio:d,className:r(e.media,c?e.rounded:"",n),...f,children:s==="video"?o("video",{src:a,poster:m,className:r(e.el,e[t]),controls:!1,muted:!0,playsInline:!0,"aria-label":i||void 0}):o("img",{src:a,alt:u??"",className:r(e.el,e[t]),loading:"lazy",decoding:"async"})})});l.displayName="Media";export{l as Media};
+"use client";import{jsx as t}from"react/jsx-runtime";import{forwardRef as v}from"react";import e from"./Media.module.css.js";import{cn as a}from"../../utils/cn.js";import{mergeStyles as N}from"../../utils/mergeStyles.js";const i=v(function({src:s,alt:r="",as:l="img",poster:m,fit:d="cover",rounded:c=!0,ratio:n=16/9,className:f,style:p,...u},y){const o=l==="video",g=o?"video":"img";return t("div",{ref:y,className:a(e.media,c&&e.rounded,f),style:N({aspectRatio:n},p),...u,children:t(g,{src:s,className:a(e.el,e[d]),...o?{poster:m,muted:!0,playsInline:!0,controls:!1,"aria-label":r||void 0}:{alt:r,loading:"lazy",decoding:"async"}})})});i.displayName="Media";export{i as Media};

package/dist/components/Media/Media.module.css.js

@@ -1 +1 @@
-"use client";var o=".FudYc{background-color:var(--altum-color-option-hover)}.S50m2{border-radius:var(--altum-g-radius-md)}.JFEg4{display:block;height:100%;width:100%}.xMVBo{object-fit:cover}.QsNjj{object-fit:contain}";const d={media:"FudYc",rounded:"S50m2",el:"JFEg4",cover:"xMVBo",contain:"QsNjj"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(o);export{d as default};
+"use client";import{injectCss as o}from"../../utils/injectCss.js";var t=".FudYc{aspect-ratio:16/9;background-color:var(--altum-color-option-hover);overflow:hidden;position:relative;width:100%}.S50m2{border-radius:var(--altum-g-radius-md)}.JFEg4{display:block;height:100%;inset:0;position:absolute;width:100%}.xMVBo{object-fit:cover}.QsNjj{object-fit:contain}";const e={media:"FudYc",rounded:"S50m2",el:"JFEg4",cover:"xMVBo",contain:"QsNjj"};o(t);export{e as default};

package/dist/components/Menu/Menu.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as x,Fragment as W}from"react/jsx-runtime";import{forwardRef as X,useState as Y,useRef as q,useCallback as z,useLayoutEffect as G}from"react";import{Dropdown as m}from"../Dropdown/Dropdown.js";import{ActionList as J}from"../ActionList/ActionList.js";import{Box as Q}from"../Box/Box.js";import{Overlay as U}from"../Overlay/Overlay.js";import{clampToViewport as Z}from"../../utils/anchorPosition.js";import T from"./Menu.module.css.js";import{cn as _}from"../../utils/cn.js";import{composeEventHandlers as w}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as $}from"../../hooks/useControlledState.js";import{useLocale as ee}from"../../locales/localeContext.js";const y=X(function({trigger:f,children:v,items:M,groups:L,open:O,onOpenChange:R,align:k="right",widthMode:D="content",mobileTitle:E,filterable:N=!1,filterPlaceholder:A,emptyText:B,onAction:p,className:u,tabIndex:F,"aria-label":K,onContextMenu:S,onKeyDown:j,...d},g){const{t:h}=ee(),i=f==="context",H=K??h(i?"menu.contextAriaLabel":"menu.ariaLabel"),[a,n]=$(O,!1,R),[o,c]=Y({top:0,left:0}),s=q(null),I=z(e=>{p?.(e),n(!1)},[p,n]),P=w(S,e=>{e.preventDefault();let t=e.clientX,l=e.clientY;if(!t&&!l){const C=e.currentTarget.getBoundingClientRect();t=C.left,l=C.bottom}c({top:l,left:t}),n(!0)}),V=w(j,e=>{if(!(e.key==="ContextMenu"||e.shiftKey&&e.key==="F10"))return;e.preventDefault();const t=document.activeElement,l=(t instanceof HTMLElement&&e.currentTarget.contains(t)?t:e.currentTarget).getBoundingClientRect();c({top:l.bottom,left:l.left}),n(!0)});G(()=>{if(!i||!a||!s.current)return;const e=s.current.getBoundingClientRect(),t=Z(o.left,o.top,e.width,e.height);(t.top!==o.top||t.left!==o.left)&&c(t)},[o.left,o.top,i,a]);const b=r(J,{"aria-label":H,items:M,groups:L,filterable:N,filterPlaceholder:A,emptyText:B,onAction:I});return i?x(W,{children:[r("div",{ref:g,className:_(T.target,u),...d,tabIndex:F??0,onContextMenu:P,onKeyDown:V,children:v}),r(U,{variant:"floating",purpose:"dropdown",open:a,onClose:()=>n(!1),role:"presentation",style:{top:o.top,left:o.left},trapFocus:!0,closeOnOutsideClick:!0,closeOnEscape:!0,asChild:!0,children:r(Q,{ref:s,variant:"floating",border:!0,shadow:"md",padding:"none",radius:"md",className:T.menu,children:b})})]}):r("div",{ref:g,className:u,...d,children:x(m,{open:a,onOpenChange:n,onClose:()=>n(!1),popupRole:"none",children:[r(m.Trigger,{asChild:!0,children:f}),r(m.Content,{align:k,widthMode:D,mobileTitle:E??h("menu.mobileTitle"),children:b})]})})});y.displayName="Menu";export{y as Menu};
+"use client";import{jsx as r,jsxs as X,Fragment as Y}from"react/jsx-runtime";import{forwardRef as q,useState as z,useCallback as G}from"react";import{Dropdown as T}from"../Dropdown/Dropdown.js";import{ActionList as J}from"../ActionList/ActionList.js";import l from"./Menu.module.css.js";import{cn as Q}from"../../utils/cn.js";import{composeEventHandlers as y}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as U}from"../../hooks/useControlledState.js";import{useLocale as V}from"../../locales/localeContext.js";import{renderChildren as Z}from"../../utils/renderChildren.js";const M=q(function({trigger:i,children:w,items:N,groups:R,open:v,onOpenChange:D,align:L="right",widthMode:a="content",mobileTitle:k,filterable:A=!1,filterPlaceholder:B,emptyText:E,onAction:m,className:s,tabIndex:F,"aria-label":I,onContextMenu:K,onKeyDown:O,...c},p){const{t:f}=V(),d=i==="context",S=I??f(d?"menu.contextAriaLabel":"menu.ariaLabel"),u=k??f("menu.mobileTitle"),[g,o]=U(v,!1,D),[h,j]=z({top:0,left:0}),H=G(e=>{m?.(e),o(!1)},[m,o]),b=(e,t)=>{j({top:e,left:t}),o(!0)},P=y(K,e=>{e.preventDefault();let t=e.clientX,n=e.clientY;if(!t&&!n){const x=e.currentTarget.getBoundingClientRect();t=x.left,n=x.bottom}b(n,t)}),W=y(O,e=>{if(!(e.key==="ContextMenu"||e.shiftKey&&e.key==="F10"))return;e.preventDefault();const t=document.activeElement,n=(t instanceof HTMLElement&&e.currentTarget.contains(t)?t:e.currentTarget).getBoundingClientRect();b(n.bottom,n.left)}),C=r(J,{"aria-label":S,items:N,groups:R,filterable:A,filterPlaceholder:B,emptyText:E,onAction:H});return d?X(Y,{children:[r("div",{ref:p,className:Q(l.target,s),...c,tabIndex:F??0,onContextMenu:P,onKeyDown:W,children:w}),r(T,{className:l.host,open:g,onOpenChange:o,popupRole:"none",align:"left",widthMode:a,mobileTitle:u,panelClassName:l.menu,renderTrigger:(e,t)=>r("span",{...e,ref:t,tabIndex:-1,className:l.anchor,style:{top:h.top,left:h.left}}),children:C})]}):r(T,{ref:p,className:s,open:g,onOpenChange:o,popupRole:"none",align:L,widthMode:a,mobileTitle:u,renderTrigger:(e,t)=>Z({children:i,props:e,contentRef:t}),...c,children:C})});M.displayName="Menu";export{M as Menu};

package/dist/components/Menu/Menu.module.css.js

@@ -1 +1 @@
-"use client";var a="._8xAyJ{min-width:0}._8xAyJ:focus{outline:none}._8xAyJ:focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.uj3BS{--altum-menu-min-width:180px;--altum-menu-max-width:320px;--altum-menu-max-height:360px;max-height:min(var(--altum-menu-max-height),calc(100vh - var(--altum-g-space-4)));max-width:min(var(--altum-menu-max-width),calc(100vw - var(--altum-g-space-4)));min-width:var(--altum-menu-min-width);overflow:auto}";const u={target:"_8xAyJ",menu:"uj3BS"};(function(e){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=e,document.head.appendChild(t)}})(a);export{u as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._8xAyJ{min-width:0}._8xAyJ:focus{outline:none}._8xAyJ:focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.Xefa6.Xefa6{display:contents}._8Lv6-{height:0;pointer-events:none;position:fixed;width:0}.uj3BS{--altum-menu-min-width:180px;--altum-menu-max-width:320px;--altum-menu-max-height:360px;max-height:min(var(--altum-menu-max-height),calc(100vh - var(--altum-g-space-4)));max-width:min(var(--altum-menu-max-width),calc(100vw - var(--altum-g-space-4)));min-width:var(--altum-menu-min-width);overflow:auto}";const i={target:"_8xAyJ",host:"Xefa6",anchor:"_8Lv6-",menu:"uj3BS"};t(a);export{i as default};

package/dist/components/Modal/Modal.js

@@ -1 +1 @@
-"use client";import{jsx as o,jsxs as w}from"react/jsx-runtime";import d,{forwardRef as n,useId as P}from"react";import{Layout as R}from"../Layout/Layout.js";import{Box as q}from"../Box/Box.js";import{Overlay as z}from"../Overlay/Overlay.js";import t from"./Modal.module.css.js";import{cn as h}from"../../utils/cn.js";import{composeEventHandlers as A}from"../../utils/composeEvents.js";import{useLocale as D}from"../../locales/localeContext.js";import{DialogBase as s}from"../../base/DialogBase/DialogBase.js";function G(a){return a.type===d.Fragment}function m(a,e){d.Children.forEach(a,l=>{if(!d.isValidElement(l))return;if(G(l)){m(l.props.children,e);return}e(l);const i=l.props.children;i!=null&&m(i,e)})}function S(a){let e=!1;return m(a,l=>{l.type===c&&(e=!0)}),e}const C=n(function({open:a,onClose:e,onOpenChange:l,children:i,className:H,id:x,style:f,"aria-labelledby":u,"aria-label":p,"aria-describedby":L,onClick:T,...j},k){const{t:E}=D(),I=P(),y=u??I,N=u!=null||S(i),b=()=>{e(),l?.(!1)};return o(z,{ref:k,variant:"modal",purpose:"modal",open:a,onClose:b,"aria-labelledby":p||!N?void 0:y,"aria-label":p??(N?void 0:E("modal.ariaLabel")),"aria-describedby":L,asChild:!1,children:(r,O)=>o(q,{as:"div",variant:"floating",ref:O,role:r.role,"aria-modal":r["aria-modal"],"aria-labelledby":r["aria-labelledby"],"aria-label":r["aria-label"],"aria-describedby":r["aria-describedby"],className:h(t.modalContent,r.className,H),id:x,style:r.style?{...r.style,...f}:f,...j,onClick:A(T,r.onClick),children:o(s.Provider,{onClose:b,titleId:y,children:o(R,{className:t.modalLayout,children:i})})})})}),F=n(function({className:a,...e},l){return o(s.Header,{ref:l,className:a,...e})}),c=n(function({className:a,...e},l){return o(s.Title,{ref:l,className:a,...e})}),v=n(function(a,e){return o(s.Close,{...a,ref:e})}),g=n(function({className:a,...e},l){return o(s.Body,{ref:l,className:a,...e})}),M=n(function({className:a,...e},l){return o(s.Footer,{ref:l,className:a,...e})}),B=({className:a="",message:e,align:l,children:i})=>w(s.Footer,{align:l??(e!=null?"space-between":"end"),className:h(t.formFooter,a),children:[e!=null&&o("div",{className:t.formFooterStatus,role:"status",children:e}),i!=null&&o("div",{className:t.formFooterActions,children:i})]});C.displayName="Modal",F.displayName="Modal.Header",c.displayName="Modal.Title",v.displayName="Modal.Close",g.displayName="Modal.Body",M.displayName="Modal.Footer",B.displayName="Modal.FormFooter";const V=Object.assign(C,{Header:F,Title:c,Close:v,Body:g,Footer:M,FormFooter:B});export{V as Modal};
+"use client";import{jsx as l,jsxs as v}from"react/jsx-runtime";import{forwardRef as C,useId as O}from"react";import{Overlay as j}from"../Overlay/Overlay.js";import{useLocale as x}from"../../locales/localeContext.js";import i from"./Modal.module.css.js";import{cn as c}from"../../utils/cn.js";import{treeContainsDialogTitle as B}from"../../utils/visitElementTree.js";import{DialogBase as e}from"../../base/DialogBase/DialogBase.js";const f=C(function({open:s,onOpenChange:o,children:a,className:r,id:u,style:b,"aria-labelledby":t,"aria-label":n,"aria-describedby":g,...y},F){const{t:h}=x(),N=O(),d=t??N,m=t!=null||B(a);return l(j,{variant:"modal",purpose:"modal",open:s,onOpenChange:o,"aria-labelledby":n||!m?void 0:d,"aria-label":n??(m?void 0:h("modal.ariaLabel")),"aria-describedby":g,children:l(e.Surface,{ref:F,variant:"floating",radius:"lg",className:c(i.modalContent,r),id:u,style:b,onClose:()=>o(!1),titleId:d,...y,children:a})})}),p=({className:s="",message:o,align:a,children:r})=>v(e.Footer,{align:a??(o!=null?"space-between":"end"),className:c(i.formFooter,s),children:[o!=null&&l("div",{className:i.formFooterStatus,role:"status",children:o}),r!=null&&l("div",{className:i.formFooterActions,children:r})]});f.displayName="Modal",p.displayName="Modal.FormFooter";const M=Object.assign(f,{Header:e.Header,Title:e.Title,Close:e.Close,Body:e.Body,Footer:e.Footer,FormFooter:p});export{M as Modal};

package/dist/components/Modal/Modal.module.css.js

@@ -1 +1 @@
-"use client";var o=".QNpBm{display:flex;flex-direction:column;font-family:var(--altum-g-font-family-ui);max-height:var(--altum-dialog-max-height);max-width:var(--altum-dialog-max-width-md);overflow:hidden;pointer-events:auto;position:relative;width:90%}.QNpBm .MBFBb{min-height:0}._0Ksyn{width:100%}._0Ksyn .KZy2r{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-sm);line-height:1.4}._0Ksyn .X5ScN{align-items:center;display:flex;flex-shrink:0;gap:var(--altum-g-space-3)}";const a={modalContent:"QNpBm",modalLayout:"MBFBb",formFooter:"_0Ksyn",formFooterStatus:"KZy2r",formFooterActions:"X5ScN"};(function(e){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=e,document.head.appendChild(t)}})(o);export{a as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".QNpBm{font-family:var(--altum-g-font-family-ui);max-height:var(--altum-dialog-max-height);max-width:var(--altum-dialog-max-width-md);position:relative;width:90%}._0Ksyn{width:100%}._0Ksyn .KZy2r{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-sm);line-height:1.4}._0Ksyn .X5ScN{align-items:center;display:flex;flex-shrink:0;gap:var(--altum-g-space-3)}";const o={modalContent:"QNpBm",formFooter:"_0Ksyn",formFooterStatus:"KZy2r",formFooterActions:"X5ScN"};t(a);export{o as default};

package/dist/components/Notification/Notification.js

@@ -1 +1 @@
-"use client";import{jsx as i,jsxs as B}from"react/jsx-runtime";import M,{forwardRef as v,useContext as F,useState as b,useRef as C,useCallback as A,useEffect as k,useMemo as S,createContext as O}from"react";import{IconCross as j}from"../../icons/icons/IconCross.js";import e from"./Notification.module.css.js";import{cn as p}from"../../utils/cn.js";import{composeEventHandlers as L}from"../../utils/composeEvents.js";import{createLibraryPortal as q}from"../../utils/portal.js";import{useDocumentKeyDown as z}from"../../hooks/useDocumentKeyDown.js";import{matchesKeyboardShortcut as G,formatKeyboardShortcut as J}from"../../utils/keyboardShortcut.js";import{useLocale as Q}from"../../locales/localeContext.js";const U={"top-left":e.posTopLeft,"top-right":e.posTopRight,"top-center":e.posTopCenter,"bottom-left":e.posBottomLeft,"bottom-right":e.posBottomRight,"bottom-center":e.posBottomCenter},W={"top-left":e.enterLeft,"top-right":e.enterRight,"top-center":e.enterTop,"bottom-left":e.enterLeft,"bottom-right":e.enterRight,"bottom-center":e.enterBottom},X={"top-left":e.exitLeft,"top-right":e.exitRight,"top-center":e.exitTop,"bottom-left":e.exitLeft,"bottom-right":e.exitRight,"bottom-center":e.exitBottom};function Y(t){return t.startsWith("top-")}const $=O({position:"bottom-right"}),H=v(function({children:t,stacked:r=!0,stackDepth:n=3,position:o="bottom-right",className:a,...s},u){const m=Y(o),d=S(()=>({position:o}),[o]);return q(i($.Provider,{value:d,children:i("div",{ref:u,className:p(e.notificationsContainer,U[o],m?e.anchorTop:e.anchorBottom,a),"data-position":o,...s,children:i(Z,{stacked:r,stackDepth:n,fromTop:m,children:t})})}))}),Z=({children:t,stacked:r,stackDepth:n,fromTop:o})=>{const[a,s]=b(!r),u=C(null),[m,d]=b(64),f=M.Children.toArray(t),h=Math.max(1,n);return k(()=>{s(!r)},[r]),k(()=>{const c=u.current;if(!c)return;const l=()=>d(c.getBoundingClientRect().height);l();const N=new ResizeObserver(l);return N.observe(c),()=>N.disconnect()},[f.length]),i("div",{className:p(e.stack,a?e.stackExpanded:e.stackCollapsed,o?e.stackFromTop:e.stackFromBottom),style:{"--altum-stack-depth":String(h),"--altum-stack-front-h":`${m}px`},onMouseEnter:()=>{r&&s(!0)},onMouseLeave:()=>{r&&s(!1)},onFocusCapture:()=>{r&&s(!0)},onBlurCapture:c=>{r&&!c.currentTarget.contains(c.relatedTarget)&&s(!1)},children:f.map((c,l)=>i("div",{ref:l===0?u:void 0,className:p(e.stackItem,l>=h?e.stackItemHidden:""),style:{"--altum-stack-i":String(l)},children:c},M.isValidElement(c)?c.key??l:l))})},I=O(null);function _(t){const r=F(I);if(!r)throw new Error(`${t} \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0443\u0442\u0440\u0438 Notification.Root`);return r}const tt=({duration:t,paused:r,onComplete:n})=>{const[o,a]=b(t),s=C(t),u=C(null),m=C(n);m.current=n,k(()=>{s.current=t,a(t),u.current=null},[t]),k(()=>{if(t<=0)return;let f=0;const h=c=>{if(u.current==null&&(u.current=c),!r){const l=c-u.current;if(s.current=Math.max(0,s.current-l),a(s.current),s.current<=0){m.current?.();return}}u.current=c,f=requestAnimationFrame(h)};return f=requestAnimationFrame(h),()=>cancelAnimationFrame(f)},[t,r]);const d=t>0?o/t:0;return i("div",{className:e.progressTrack,"aria-hidden":!0,children:i("div",{className:e.progressBar,style:{transform:`scaleX(${d})`}})})},T=v(function({variant:t="info",duration:r=3e3,progress:n=r>0,pauseOnHover:o=!0,onClose:a,children:s,className:u,onMouseEnter:m,onMouseLeave:d,...f},h){const{position:c}=F($),[l,N]=b(!1),[y,P]=b(!1),g=C(null),x=A(()=>{y||(P(!0),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{a?.()},200))},[y,a]);k(()=>()=>{g.current&&clearTimeout(g.current)},[]);const K=S(()=>({close:x}),[x]),V=n&&r>0&&!y;return i(I.Provider,{value:K,children:B("div",{ref:h,className:p(e.notification,e[t],y?X[c]:W[c],u),"data-variant":t,onMouseEnter:L(m,()=>{o&&N(!0)}),onMouseLeave:L(d,()=>{o&&N(!1)}),...f,role:t==="error"?"alert":"status","aria-live":t==="error"||t==="warning"?"assertive":"polite",children:[s,V&&i(tt,{duration:r,paused:l,onComplete:x})]})})}),R=v(function({className:t,...r},n){return i("div",{ref:n,className:p(e.title,t),...r})}),D=v(function({className:t,...r},n){return i("div",{ref:n,className:p(e.description,t),...r})}),E=v(function({className:t,...r},n){return i("div",{ref:n,className:p(e.actions,t),...r})}),w=v(function({className:t,onClick:r,"aria-label":n,...o},a){const{close:s}=_("Notification.Close"),{t:u}=Q();return i("button",{ref:a,type:"button",className:p(e.close,t),...o,"aria-label":n??u("common.close"),onClick:L(r,()=>{s()}),children:i(j,{size:16})})});T.displayName="Notification",H.displayName="Notification.Viewport",R.displayName="Notification.Title",D.displayName="Notification.Description",E.displayName="Notification.Actions",w.displayName="Notification.Close";const et=Object.assign(T,{Root:T,Viewport:H,Title:R,Description:D,Actions:E,Close:w}),rt=({item:t,onClose:r})=>{const n=A(()=>r(t.id),[t.id,r]);return z(o=>{if(!o.defaultPrevented){for(const a of t.actions??[])if(!(!a.shortcut||!G(o,a.shortcut))){o.preventDefault(),a.onClick(),n();return}}}),B(T,{variant:t.variant,duration:t.duration,progress:t.progress,pauseOnHover:t.pauseOnHover,onClose:n,children:[i(R,{children:t.title}),t.description&&i(D,{children:t.description}),i(w,{}),t.actions?.length?i(E,{children:t.actions.map((o,a)=>B("button",{type:"button",className:p(e.actionBtn,o.variant==="secondary"&&e.actionBtnSecondary),onClick:()=>{o.onClick(),n()},children:[o.label,(o.shortcutLabel??o.shortcut)&&i("span",{className:e.actionShortcut,children:o.shortcutLabel??J(o.shortcut)})]},`${o.label}-${a}`))}):null]})};export{et as Notification,rt as NotificationItemRenderer};
+"use client";import{jsxs as M,jsx as r}from"react/jsx-runtime";import D,{forwardRef as E,useContext as z,useState as C,useRef as L,useCallback as R,useEffect as y,useMemo as K,createContext as V}from"react";import{IconCross as A}from"../../icons/icons/IconCross.js";import{Button as F}from"../Button/Button.js";import{ButtonIcon as q}from"../ButtonIcon/ButtonIcon.js";import X from"../../styles/overlayClose.module.css.js";import o from"./Notification.module.css.js";import{cn as N}from"../../utils/cn.js";import{composeEventHandlers as S}from"../../utils/composeEvents.js";import{useLocale as G}from"../../locales/localeContext.js";import{createLibraryPortal as J}from"../../utils/portal.js";import{useDocumentKeyDown as Q}from"../../hooks/useDocumentKeyDown.js";import{formatKeyboardShortcut as U}from"../../utils/keyboardShortcut.js";import{matchesKeyboardShortcut as W}from"../../utils/keyboardShortcut.match.js";const T=V({position:"bottom-right"}),b=E(function({children:e,stacked:t=!0,stackDepth:s=3,position:i="bottom-right",className:n,...m},u){const d=K(()=>({position:i}),[i]);return J(r(T.Provider,{value:d,children:r("div",{ref:u,className:N(o.notificationsContainer,n),"data-position":i,...m,children:r(Y,{stacked:t,stackDepth:s,children:e})})}))}),Y=({children:e,stacked:t,stackDepth:s})=>{const[i,n]=C(!t),m=L(null),[u,d]=C(64),f=D.Children.toArray(e),h=Math.max(1,s);return y(()=>{n(!t)},[t]),y(()=>{const a=m.current;if(!a)return;const c=()=>d(a.getBoundingClientRect().height);c();const v=new ResizeObserver(c);return v.observe(a),()=>v.disconnect()},[f.length]),r("div",{className:N(o.stack,i?o.stackExpanded:o.stackCollapsed),style:{"--altum-stack-depth":String(h),"--altum-stack-front-h":`${u}px`},onMouseEnter:()=>{t&&n(!0)},onMouseLeave:()=>{t&&n(!1)},onFocusCapture:()=>{t&&n(!0)},onBlurCapture:a=>{t&&!a.currentTarget.contains(a.relatedTarget)&&n(!1)},children:f.map((a,c)=>r("div",{ref:c===0?m:void 0,className:N(o.stackItem,c>=h&&o.stackItemHidden),style:{"--altum-stack-i":String(c)},children:a},D.isValidElement(a)?a.key??c:c))})},w=E(function({variant:e="info",duration:t=3e3,progress:s=t>0,pauseOnHover:i=!0,onClose:n,title:m,description:u,actions:d,className:f,onMouseEnter:h,onMouseLeave:a,...c},v){const{position:H}=z(T),{t:O}=G(),[P,x]=C(!1),[k,$]=C(!1),p=L(null),g=R(()=>{k||($(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{n?.()},200))},[k,n]);return y(()=>()=>{p.current&&clearTimeout(p.current)},[]),M("div",{ref:v,className:N(o.notification,o[e],k&&o.exit,f),"data-variant":e,"data-position":H,onMouseEnter:S(h,()=>{i&&x(!0)}),onMouseLeave:S(a,()=>{i&&x(!1)}),...c,role:e==="error"?"alert":"status","aria-live":e==="error"||e==="warning"?"assertive":"polite",children:[r("div",{className:o.title,children:m}),u!=null&&u!==""?r("div",{className:o.description,children:u}):null,r(q,{appearance:"diskClose",className:o.close,"aria-label":O("common.close"),icon:r(A,{className:X.icon,size:16,"aria-hidden":!0}),onClick:g}),d?.length?r("div",{className:o.actions,children:d.map((l,j)=>M(F,{size:"sm",variant:l.variant==="secondary"?"secondary":"primary",onClick:()=>{l.onClick(),g()},children:[l.label,(l.shortcutLabel??l.shortcut)&&r("span",{className:o.actionShortcut,children:l.shortcutLabel??U(l.shortcut)})]},`${l.label}-${j}`))}):null,s&&t>0&&!k&&r("div",{className:o.progressTrack,"aria-hidden":!0,children:r("div",{className:o.progressBar,style:{animationDuration:`${t}ms`,animationPlayState:P?"paused":"running"},onAnimationEnd:g})})]})});w.displayName="Notification",b.displayName="Notification.Viewport";const I=Object.assign(w,{Viewport:b}),B=({item:e,onClose:t})=>{const s=R(()=>t(e.id),[e.id,t]);return Q(i=>{if(!i.defaultPrevented){for(const n of e.actions??[])if(!(!n.shortcut||!W(i,n.shortcut))){i.preventDefault(),n.onClick(),s();return}}}),r(I,{variant:e.variant,duration:e.duration,progress:e.progress,pauseOnHover:e.pauseOnHover,onClose:s,title:e.title,description:e.description,actions:e.actions})},Z=({notifications:e,onClose:t,...s})=>r(b,{...s,children:e.slice().reverse().map(i=>r(B,{item:i,onClose:t},i.id))});export{I as Notification,Z as NotificationContainer,B as NotificationItemRenderer};

package/dist/components/Notification/Notification.module.css.js

@@ -1 +1 @@
-"use client";var a=".dUTtK{--altum-notification-max-width:360px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--altum-g-space-3);max-width:var(--altum-notification-max-width);pointer-events:none;position:fixed;width:min(var(--altum-notification-max-width),calc(100vw - var(--altum-g-space-8)));z-index:var(--altum-g-z-notification)}.O5YM7{bottom:auto;top:max(var(--altum-g-space-6),env(safe-area-inset-top,0px))}.CqVk2{bottom:max(calc(var(--altum-g-space-6) + env(safe-area-inset-bottom, 0px)),calc(var(--altum-notification-anchor-inset) + env(safe-area-inset-bottom, 0px) + var(--altum-g-space-3)));top:auto}.G7DUl,._72TWO{left:max(var(--altum-g-space-6),env(safe-area-inset-left,0px));right:auto}.GPjZR,.KSoDR{left:auto;right:max(var(--altum-g-space-6),env(safe-area-inset-right,0px))}.N2Otg,.qfZLM{left:50%;right:auto;transform:translateX(-50%)}.FMsLf{display:flex;flex-direction:column;gap:0;pointer-events:auto;position:relative;transition:gap .2s cubic-bezier(.16,1,.3,1);width:100%}._2rI42{gap:var(--altum-g-space-3)}._2rI42 .h-79S{left:auto;margin-top:0;position:relative;right:auto;top:auto;transform:none}._2rI42 .gKRWG,._2rI42 .h-79S{height:auto;opacity:1;overflow:visible;pointer-events:auto;visibility:visible}.h-79S{transform-origin:center top;transition:transform .2s cubic-bezier(.16,1,.3,1),margin-top .2s cubic-bezier(.16,1,.3,1),opacity .2s ease;width:100%;will-change:transform,margin-top}.b9NXd .h-79S:not(:first-child):not(.gKRWG){margin-top:calc(var(--altum-badge-overhang) - var(--altum-stack-front-h, var(--altum-notification-stack-front)));pointer-events:none;transform:scale(calc(1 - var(--altum-stack-i, 1)*.035))}.b9NXd.JAmav .h-79S:not(:first-child):not(.gKRWG){transform-origin:center top}.b9NXd._8pShX .h-79S:not(:first-child):not(.gKRWG){transform-origin:center bottom}.b9NXd .gKRWG{height:0;left:0;margin-top:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform:scale(.92);visibility:hidden}.JgJp1{align-items:start;background-color:var(--altum-color-fill-floating-bg);border:1px solid var(--altum-box-border-color,var(--altum-color-border));border-left:4px solid var(--altum-color-brand);border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown,var(--altum-shadow-surface));box-sizing:border-box;color:var(--altum-color-fill-floating-fg);display:grid;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-2) var(--altum-g-space-3);grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:var(--altum-g-space-3) var(--altum-g-space-4);pointer-events:auto;position:relative;transition:var(--altum-transition-smooth);width:100%}.JgJp1 .t-yqI{font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);grid-column:1;grid-row:1;line-height:var(--altum-g-line-height-base)}.JgJp1 ._376uQ,.JgJp1 .t-yqI{margin:0;overflow:visible;text-overflow:unset;white-space:normal}.JgJp1 ._376uQ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-sm);grid-column:1/-1;line-height:var(--altum-g-line-height-sm)}.JgJp1 .zS2CB{align-items:center;background-color:initial;border:none;border-radius:var(--altum-g-radius-sm);box-sizing:border-box;color:var(--altum-color-muted);cursor:pointer;display:inline-flex;font-size:var(--altum-g-font-size-base);grid-column:2;grid-row:1;height:var(--altum-overlay-close-size);justify-content:center;margin:calc(var(--altum-g-space-1)*-1) calc(var(--altum-g-space-1)*-1) 0 0;padding:0;transition:var(--altum-transition-smooth);width:var(--altum-overlay-close-size)}:is(.JgJp1 .zS2CB):hover:not(:disabled){background-color:var(--altum-color-option-hover);color:var(--altum-color-input-text)}:is(.JgJp1 .zS2CB):focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.JgJp1 .o7oIJ{display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);grid-column:1/-1;margin-left:0;margin-top:0}.JgJp1 .G-87Q{background-color:var(--altum-color-brand);border:1px solid var(--altum-color-brand-border);border-radius:var(--altum-g-radius-sm);color:var(--altum-color-brand-text);cursor:pointer;font-size:var(--altum-g-font-size-xs);font-weight:var(--altum-g-font-weight-medium);padding:var(--altum-g-space-1) var(--altum-g-space-3);transition:var(--altum-transition-smooth)}:is(.JgJp1 .G-87Q):hover:not(:disabled){background-color:var(--altum-color-brand-hover)}:is(.JgJp1 .G-87Q):focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.JgJp1 ._4-aCP{background-color:var(--altum-color-surface);border-color:var(--altum-color-border);color:var(--altum-color-text-secondary)}:is(.JgJp1 ._4-aCP):hover:not(:disabled){background-color:var(--altum-color-option-hover)}.JgJp1 .qTnaw{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;margin-left:var(--altum-g-space-1);opacity:.75}.JgJp1 ._2NUo9{background-color:var(--altum-color-surface);bottom:0;height:var(--altum-g-space-1);left:0;overflow:hidden;position:absolute;right:0}.JgJp1 .jHvMZ{background-color:color-mix(in srgb,var(--altum-color-input-text) 22%,#0000);height:100%;transform-origin:left center;transition:transform .1s linear;width:100%}.JgJp1._2MPLO{border-left-color:var(--altum-color-status-info)}.JgJp1._3NQub{border-left-color:var(--altum-color-status-success)}.JgJp1._06Yjl{border-left-color:var(--altum-color-status-warning)}.JgJp1.fLVyG{border-left-color:var(--altum-color-status-error)}.JXhwV,.VeIla,.bbTiu,.qcWNJ{--altum-notify-from-x:0;--altum-notify-from-y:0;animation:hvvqa .2s cubic-bezier(.16,1,.3,1)}.VeIla{--altum-notify-from-x:var(--altum-g-space-6)}.qcWNJ{--altum-notify-from-x:calc(var(--altum-g-space-6)*-1)}.JXhwV{--altum-notify-from-y:calc(var(--altum-g-space-5)*-1)}.bbTiu{--altum-notify-from-y:var(--altum-g-space-5)}.BK1nB,.XTo1h,.jGqP-,.onBWI{--altum-notify-to-x:0;--altum-notify-to-y:0;animation:m-WRQ .2s cubic-bezier(.16,1,.3,1) forwards}.XTo1h{--altum-notify-to-x:var(--altum-g-space-6)}.jGqP-{--altum-notify-to-x:calc(var(--altum-g-space-6)*-1)}.BK1nB{--altum-notify-to-y:calc(var(--altum-g-space-5)*-1)}.onBWI{--altum-notify-to-y:var(--altum-g-space-5)}@keyframes hvvqa{0%{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes m-WRQ{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--altum-notify-to-x),var(--altum-notify-to-y)) scale(.96)}}@media (prefers-reduced-motion:reduce){.BK1nB,.JXhwV,.JgJp1,.VeIla,.XTo1h,.bbTiu,.jGqP-,.onBWI,.qcWNJ{animation:none}.FMsLf,.h-79S,.jHvMZ{transition:none}}";const r={notificationsContainer:"dUTtK",anchorTop:"O5YM7",anchorBottom:"CqVk2",posTopLeft:"_72TWO",posBottomLeft:"G7DUl",posTopRight:"GPjZR",posBottomRight:"KSoDR",posTopCenter:"N2Otg",posBottomCenter:"qfZLM",stack:"FMsLf",stackExpanded:"_2rI42",stackItem:"h-79S",stackItemHidden:"gKRWG",stackCollapsed:"b9NXd",stackFromTop:"JAmav",stackFromBottom:"_8pShX",notification:"JgJp1",title:"t-yqI",description:"_376uQ",close:"zS2CB",actions:"o7oIJ",actionBtn:"G-87Q",actionBtnSecondary:"_4-aCP",actionShortcut:"qTnaw",progressTrack:"_2NUo9",progressBar:"jHvMZ",info:"_2MPLO",success:"_3NQub",warning:"_06Yjl",error:"fLVyG",enterRight:"VeIla",enterLeft:"qcWNJ",enterTop:"JXhwV",enterBottom:"bbTiu",notificationSlideIn:"hvvqa",exitRight:"XTo1h",exitLeft:"jGqP-",exitTop:"BK1nB",exitBottom:"onBWI",notificationSlideOut:"m-WRQ"};(function(o){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=o,document.head.appendChild(t)}})(a);export{r as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".dUTtK{--altum-notification-max-width:360px;--altum-notify-from-x:0;--altum-notify-from-y:0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--altum-g-space-3);max-width:var(--altum-notification-max-width);pointer-events:none;position:fixed;width:min(var(--altum-notification-max-width),calc(100vw - var(--altum-g-space-8)));z-index:var(--altum-g-z-notification)}.dUTtK[data-position^=top]{--altum-notify-from-y:calc(var(--altum-g-space-5)*-1);bottom:auto;top:max(var(--altum-g-space-6),env(safe-area-inset-top,0px))}.dUTtK[data-position^=bottom]{--altum-notify-from-y:var(--altum-g-space-5);bottom:max(calc(var(--altum-g-space-6) + env(safe-area-inset-bottom, 0px)),calc(var(--altum-notification-anchor-inset) + env(safe-area-inset-bottom, 0px) + var(--altum-g-space-3)));top:auto}.dUTtK[data-position$=left]{--altum-notify-from-x:calc(var(--altum-g-space-6)*-1);--altum-notify-from-y:0;left:max(var(--altum-g-space-6),env(safe-area-inset-left,0px));right:auto}.dUTtK[data-position$=right]{--altum-notify-from-x:var(--altum-g-space-6);--altum-notify-from-y:0;left:auto;right:max(var(--altum-g-space-6),env(safe-area-inset-right,0px))}.dUTtK[data-position$=center]{left:50%;right:auto;transform:translateX(-50%)}.dUTtK[data-position^=top] .b9NXd .h-79S:not(:first-child):not(.gKRWG){transform-origin:center top}.dUTtK[data-position^=bottom] .b9NXd .h-79S:not(:first-child):not(.gKRWG){transform-origin:center bottom}.FMsLf{display:flex;flex-direction:column;gap:0;pointer-events:auto;position:relative;transition:gap .2s cubic-bezier(.16,1,.3,1);width:100%}._2rI42{gap:var(--altum-g-space-3)}._2rI42 .h-79S{left:auto;margin-top:0;position:relative;right:auto;top:auto;transform:none}._2rI42 .gKRWG,._2rI42 .h-79S{height:auto;opacity:1;overflow:visible;pointer-events:auto;visibility:visible}.h-79S{transform-origin:center top;transition:transform .2s cubic-bezier(.16,1,.3,1),margin-top .2s cubic-bezier(.16,1,.3,1),opacity .2s ease;width:100%;will-change:transform,margin-top}.b9NXd .h-79S:not(:first-child):not(.gKRWG){margin-top:calc(var(--altum-badge-overhang) - var(--altum-stack-front-h, var(--altum-notification-stack-front)));pointer-events:none;transform:scale(calc(1 - var(--altum-stack-i, 1)*.035))}.b9NXd .gKRWG{height:0;left:0;margin-top:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform:scale(.92);visibility:hidden}.JgJp1{align-items:start;animation:hvvqa .2s cubic-bezier(.16,1,.3,1);background-color:var(--altum-color-fill-floating-bg);border:1px solid var(--altum-box-border-color,var(--altum-color-border));border-left:4px solid var(--altum-color-brand);border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown,var(--altum-shadow-surface));box-sizing:border-box;color:var(--altum-color-fill-floating-fg);display:grid;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-2) var(--altum-g-space-3);grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:var(--altum-g-space-3) var(--altum-g-space-4);pointer-events:auto;position:relative;transition:var(--altum-transition-smooth);width:100%}.JgJp1.jdQ3k{animation:m-WRQ .2s cubic-bezier(.16,1,.3,1) forwards}.JgJp1 .t-yqI{font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);grid-column:1;grid-row:1;line-height:var(--altum-g-line-height-base)}.JgJp1 ._376uQ,.JgJp1 .t-yqI{margin:0;overflow:visible;text-overflow:unset;white-space:normal}.JgJp1 ._376uQ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-sm);grid-column:1/-1;line-height:var(--altum-g-line-height-sm)}.JgJp1 .zS2CB{grid-column:2;grid-row:1}.JgJp1 .o7oIJ{display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);grid-column:1/-1}.JgJp1 .qTnaw{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;margin-left:var(--altum-g-space-1);opacity:.75}.JgJp1 ._2NUo9{background-color:var(--altum-color-surface);bottom:0;height:var(--altum-g-space-1);left:0;overflow:hidden;position:absolute;right:0}.JgJp1 .jHvMZ{animation:OOqmp linear forwards;background-color:color-mix(in srgb,var(--altum-color-input-text) 22%,#0000);height:100%;transform-origin:left center;width:100%}.JgJp1._2MPLO{border-left-color:var(--altum-color-status-info)}.JgJp1._3NQub{border-left-color:var(--altum-color-status-success)}.JgJp1._06Yjl{border-left-color:var(--altum-color-status-warning)}.JgJp1.fLVyG{border-left-color:var(--altum-color-status-error)}@keyframes hvvqa{0%{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes m-WRQ{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}}@keyframes OOqmp{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.JgJp1,.JgJp1.jdQ3k,.jHvMZ{animation:none}.FMsLf,.h-79S{transition:none}}";const o={notificationsContainer:"dUTtK",stackCollapsed:"b9NXd",stackItem:"h-79S",stackItemHidden:"gKRWG",stack:"FMsLf",stackExpanded:"_2rI42",notification:"JgJp1",notificationSlideIn:"hvvqa",exit:"jdQ3k",notificationSlideOut:"m-WRQ",title:"t-yqI",description:"_376uQ",close:"zS2CB",actions:"o7oIJ",actionShortcut:"qTnaw",progressTrack:"_2NUo9",progressBar:"jHvMZ",notificationProgress:"OOqmp",info:"_2MPLO",success:"_3NQub",warning:"_06Yjl",error:"fLVyG"};t(a);export{o as default};

package/dist/components/Notification/toast.js

@@ -1 +1 @@
-"use client";import{jsxs as D,jsx as m}from"react/jsx-runtime";import{useState as p,useEffect as v,useMemo as h,useCallback as x,useContext as C,createContext as P}from"react";import{Notification as w,NotificationItemRenderer as k}from"./Notification.js";function B(){let t=0,i=[];const s=new Set,n=()=>{s.forEach(u=>u(i))};return{subscribe:u=>(s.add(u),u(i),()=>{s.delete(u)}),notify:u=>{const e=typeof u=="string"?{title:u}:u,a=e.id??`toast-${Date.now()}-${t+=1}`,d={duration:3e3,variant:"info",...e,id:a};return i=[...i,d],n(),a},dismiss:u=>{i=i.filter(e=>e.id!==u),n()},dismissAll:()=>{i=[],n()}}}const c=[];function j(t){return c.push(t),()=>{const i=c.indexOf(t);i>=0&&c.splice(i,1)}}function F(){return c.length>0?c[c.length-1]:null}const M="notify() \u0442\u0440\u0435\u0431\u0443\u0435\u0442 NotificationProvider \u0432 \u0434\u0435\u0440\u0435\u0432\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432. \u041E\u0431\u0435\u0440\u043D\u0438\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0432 <NotificationProvider>.";function O(t){const i=(s=>t.notify(s));return i.info=(s,n,u)=>i({...u,title:s,description:n,variant:"info"}),i.success=(s,n,u)=>i({...u,title:s,description:n,variant:"success"}),i.warning=(s,n,u)=>i({...u,title:s,description:n,variant:"warning"}),i.error=(s,n,u)=>i({...u,title:s,description:n,variant:"error"}),i.dismiss=s=>t.dismiss(s),i.dismissAll=()=>t.dismissAll(),i}function l(){const t=F();if(!t)throw new Error(M);return t}function g(t){l().dismiss(t)}function y(){l().dismissAll()}function r(t){return l().notify(t)}r.info=(t,i,s)=>r({...s,title:t,description:i,variant:"info"}),r.success=(t,i,s)=>r({...s,title:t,description:i,variant:"success"}),r.warning=(t,i,s)=>r({...s,title:t,description:i,variant:"warning"}),r.error=(t,i,s)=>r({...s,title:t,description:i,variant:"error"}),r.dismiss=g,r.dismissAll=y;const E=P(null),f=({children:t,maxVisible:i=5,stacked:s=!0,stackDepth:n=3,position:u="bottom-right"})=>{const[e]=p(()=>B()),[a,d]=p([]);v(()=>j(e),[e]),v(()=>e.subscribe(d),[e]);const N=h(()=>a.slice(-Math.max(1,i)),[i,a]),b=h(()=>({notify:O(e),dismiss:o=>e.dismiss(o),dismissAll:()=>e.dismissAll()}),[e]),A=x(o=>{e.dismiss(o)},[e]);return D(E.Provider,{value:b,children:[t,m(w.Viewport,{stacked:s,stackDepth:n,position:u,children:N.slice().reverse().map(o=>m(k,{item:o,onClose:A},o.id))})]})};f.displayName="Notification.Provider",Object.assign(w,{Provider:f});function S(){const t=C(E);if(!t)throw new Error("useNotify \u0434\u043E\u043B\u0436\u0435\u043D \u0432\u044B\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0443\u0442\u0440\u0438 NotificationProvider");return t}export{f as NotificationProvider,g as dismiss,y as dismissAll,r as notify,S as useNotify};
+"use client";import{jsxs as D,jsx as g}from"react/jsx-runtime";import{useState as l,useEffect as m,useMemo as p,useCallback as x,useContext as A,createContext as C}from"react";import{NotificationContainer as P,Notification as k}from"./Notification.js";function B(){let i=0,s=[];const o=new Set,n=()=>{o.forEach(u=>u(s))};return{subscribe:u=>(o.add(u),u(s),()=>{o.delete(u)}),notify:u=>{const t=typeof u=="string"?{title:u}:u,e=t.id??`toast-${Date.now()}-${i+=1}`,c={duration:3e3,variant:"info",...t,id:e};return s=[...s,c],n(),e},dismiss:u=>{s=s.filter(t=>t.id!==u),n()},dismissAll:()=>{s=[],n()}}}const r=[];function j(i){return r.push(i),()=>{const s=r.indexOf(i);s>=0&&r.splice(s,1)}}function F(){return r.length>0?r[r.length-1]:null}const M="notify() \u0442\u0440\u0435\u0431\u0443\u0435\u0442 NotificationProvider \u0432 \u0434\u0435\u0440\u0435\u0432\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432. \u041E\u0431\u0435\u0440\u043D\u0438\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0432 <NotificationProvider>.";function v(i,s){const o=i;return o.info=(n,u,t)=>i({...t,title:n,description:u,variant:"info"}),o.success=(n,u,t)=>i({...t,title:n,description:u,variant:"success"}),o.warning=(n,u,t)=>i({...t,title:n,description:u,variant:"warning"}),o.error=(n,u,t)=>i({...t,title:n,description:u,variant:"error"}),o.dismiss=n=>s.dismiss(n),o.dismissAll=()=>s.dismissAll(),o}function O(i){return v(s=>i.notify(s),i)}function d(){const i=F();if(!i)throw new Error(M);return i}function h(i){d().dismiss(i)}function y(){d().dismissAll()}const S=v(i=>d().notify(i),{dismiss:h,dismissAll:y}),E=C(null),f=({children:i,maxVisible:s=5,stacked:o=!0,stackDepth:n=3,position:u="bottom-right"})=>{const[t]=l(()=>B()),[e,c]=l([]);m(()=>j(t),[t]),m(()=>t.subscribe(c),[t]);const N=p(()=>e.slice(-Math.max(1,s)),[s,e]),b=p(()=>({notify:O(t),dismiss:a=>t.dismiss(a),dismissAll:()=>t.dismissAll()}),[t]),w=x(a=>{t.dismiss(a)},[t]);return D(E.Provider,{value:b,children:[i,g(P,{notifications:N,onClose:w,stacked:o,stackDepth:n,position:u})]})};f.displayName="Notification.Provider",Object.assign(k,{Provider:f});function $(){const i=A(E);if(!i)throw new Error("useNotify \u0434\u043E\u043B\u0436\u0435\u043D \u0432\u044B\u0437\u044B\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0443\u0442\u0440\u0438 NotificationProvider");return i}export{f as NotificationProvider,h as dismiss,y as dismissAll,S as notify,$ as useNotify};

package/dist/components/NumberField/NumberField.js

@@ -1 +1 @@
-"use client";import{jsx as s,jsxs as V}from"react/jsx-runtime";import{forwardRef as A,useState as H}from"react";import f from"./NumberField.module.css.js";import{TextField as J}from"../TextField/TextField.js";import{ButtonGroup as N}from"../ButtonGroup/ButtonGroup.js";import{IconMinus as K}from"../../icons/icons/IconMinus.js";import{IconPlus as Q}from"../../icons/icons/IconPlus.js";import{getFormControlState as U}from"../../utils/formControl.js";import{cn as B}from"../../utils/cn.js";import{useLocale as X}from"../../locales/localeContext.js";function l(m,i,e){let t=m;return i!==void 0&&(t=Math.max(i,t)),e!==void 0&&(t=Math.min(e,t)),t}const I=A(function({value:m,min:i,max:e,step:t=1,onChange:o,onClear:C,onBlur:O,clearLabel:L,postfix:h,disabled:n,readOnly:x,size:c="md",wrapperClassName:W="",className:j,...k},G){const{t:b}=X(),[F,g]=H(null),a=m!==void 0?l(m,i,e):void 0,M=F!==null?F:a!==void 0?String(a):"",S=a??i??0,{isReadOnly:d}=U({disabled:n,readOnly:x}),w=a!==void 0&&i!==void 0&&S<=i,y=a!==void 0&&e!==void 0&&S>=e,R=()=>{if(!(d||n||y)){if(a===void 0){o?.(l(i??t,i,e));return}o?.(l(a+t,i,e))}},q=()=>{if(!(d||n||w)){if(a===void 0){o?.(l(i??0,i,e));return}o?.(l(a-t,i,e))}},D=p=>{if(d||n)return;const r=p.target.value;if(g(r),r===""||r==="-"||r==="."||r==="-."){o?.(void 0);return}if(r.endsWith(".")||r.endsWith("-"))return;const u=parseFloat(r);Number.isNaN(u)||o?.(l(u,i,e))},E=p=>{if(g(null),!d&&!n){const r=p.target.value.trim();if(r!==""&&r!=="-"&&r!=="."&&r!=="-."){const u=parseFloat(r);if(!Number.isNaN(u)){const z=l(u,i,e);z!==m&&o?.(z)}}}O?.(p)},P=()=>{o?.(void 0),C?.()},v=!n&&!d&&!h,T=v?s("span",{className:f.spinSlot,children:V(N,{size:c,focusable:!1,variant:"ghost",borderless:!0,className:f.spinControls,"aria-label":b("numberField.group"),children:[s(N.Item,{icon:s(K,{}),"aria-label":b("numberField.decrement"),disabled:w,onClick:q}),s(N.Item,{icon:s(Q,{}),"aria-label":b("numberField.increment"),disabled:y,onClick:R})]})}):null;return s(J,{ref:G,...k,size:c,type:"number",className:B(f.numberInput,j),min:i,max:e,step:t,disabled:n,readOnly:x,value:M,onChange:D,onBlur:E,onClear:C?P:void 0,clearLabel:L,postfix:h||T||void 0,wrapperClassName:B(v?f.withSpinButtons:"",v&&c==="sm"?f.spinSizeSm:"",W)})});I.displayName="NumberField";export{I as NumberField};
+"use client";import{jsx as i,jsxs as E,Fragment as H}from"react/jsx-runtime";import{forwardRef as J,useState as P}from"react";import T from"./NumberField.module.css.js";import{TextField as V}from"../TextField/TextField.js";import{IconMinus as $}from"../../icons/icons/IconMinus.js";import{IconPlus as q}from"../../icons/icons/IconPlus.js";import{getFormControlState as z}from"../../utils/formControl.js";import{clamp as A}from"../../utils/clamp.js";import{cn as D}from"../../utils/cn.js";import{useLocale as G}from"../../locales/localeContext.js";import{FieldBaseButton as B}from"../../base/FieldBase/FieldBase.js";const K=/^(?:|-|\.|-\.)$/,I=J(function({value:a,min:r,max:n,step:l=1,onChange:t,onClear:c,onBlur:L,clearLabel:O,postfix:S,disabled:m,readOnly:f,className:R,...j},k){const{t:p}=G(),[b,v]=P(null),d=e=>A(e,r??-1/0,n??1/0),o=a!==void 0?d(a):void 0,M=b!==null?b:o!==void 0?String(o):"",F=o??r??0,{isReadOnly:W}=z({disabled:m,readOnly:f}),g=o!==void 0&&r!==void 0&&F<=r,N=o!==void 0&&n!==void 0&&F>=n,s=W||m,x=e=>{s||(e>0?N:g)||t?.(d(o===void 0?e>0?r??l:r??0:o+e*l))},y=(e,u=!1)=>{if(s)return;const w=e.trim();if(K.test(w)){u||t?.(void 0);return}if(!u&&(e.endsWith(".")||e.endsWith("-")))return;const C=parseFloat(e);if(Number.isNaN(C))return;const h=d(C);(!u||h!==a)&&t?.(h)};return i(V,{ref:k,...j,type:"number",className:D(T.numberInput,R),min:r,max:n,step:l,disabled:m,readOnly:f,value:M,onChange:e=>{v(e.target.value),y(e.target.value)},onBlur:e=>{v(null),y(e.target.value,!0),L?.(e)},onClear:c?()=>{t?.(void 0),c()}:void 0,clearLabel:O,postfix:S||(s?void 0:E(H,{children:[i(B,{"aria-label":p("numberField.decrement"),disabled:g,onClick:()=>x(-1),icon:i($,{})}),i(B,{"aria-label":p("numberField.increment"),disabled:N,onClick:()=>x(1),icon:i(q,{})})]}))})});I.displayName="NumberField";export{I as NumberField};

package/dist/components/NumberField/NumberField.module.css.js

@@ -1 +1 @@
-"use client";var e=".zjmzH{--altum-number-field-hit-size:var(--altum-field-affix-size);--altum-field-postfix-actions-width:calc(var(--altum-number-field-hit-size)*2 + var(--altum-g-space-1));--altum-field-postfix-gap:var(--altum-g-space-1)}.LMvuW{--altum-field-affix-inset:var(--altum-g-space-1)}.df4n4{align-items:center;align-self:stretch;box-sizing:border-box;display:flex;height:100%;justify-content:center}.df4n4 .wbhfX{align-items:center!important;background:#0000!important;border:none!important;box-sizing:border-box!important;display:inline-flex!important;gap:var(--altum-g-space-1)!important;height:auto!important;max-width:none!important;padding:0!important;pointer-events:all}.df4n4 .wbhfX button{align-self:center;aspect-ratio:auto;box-sizing:border-box;flex:0 0 auto;height:var(--altum-number-field-hit-size)!important;max-height:var(--altum-number-field-hit-size)!important;max-width:var(--altum-number-field-hit-size)!important;min-height:var(--altum-number-field-hit-size)!important;min-width:var(--altum-number-field-hit-size)!important;padding:0!important;width:var(--altum-number-field-hit-size)!important}.df4n4 .wbhfX svg{height:var(--altum-field-icon-size)!important;width:var(--altum-field-icon-size)!important}.PbtH1{-moz-appearance:textfield}.PbtH1::-webkit-inner-spin-button,.PbtH1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";const n={withSpinButtons:"zjmzH",spinSizeSm:"LMvuW",spinSlot:"df4n4",spinControls:"wbhfX",numberInput:"PbtH1"};(function(i){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=i,document.head.appendChild(t)}})(e);export{n as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".PbtH1{-moz-appearance:textfield}.PbtH1::-webkit-inner-spin-button,.PbtH1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";const n={numberInput:"PbtH1"};t(e);export{n as default};

package/dist/components/Overflow/Overflow.js

@@ -1 +1 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import f,{forwardRef as n}from"react";import{OverflowMode as m,OverflowItem as i}from"./OverflowActionsMode.js";import{OverflowMeasure as s}from"./OverflowMeasure.js";function a(e){let r=!1;return f.Children.forEach(e,o=>{f.isValidElement(o)&&o.type===i&&(r=!0)}),r}const l=Object.assign(n(function(e,r){return a(e.children)?t(m,{ref:r,...e}):t(s,{ref:r,...e})}),{Item:i});l.displayName="Overflow";export{l as Overflow};
+"use client";import{jsx as c,jsxs as p}from"react/jsx-runtime";import h,{forwardRef as u}from"react";import{OverflowMode as T,OverflowItem as d}from"./OverflowActionsMode.js";import{OverflowMeasure as N}from"./OverflowMeasure.js";import{ActionSheetTrigger as x}from"../ActionSheetTrigger/ActionSheetTrigger.js";function M(s){const o=[],e=[];return h.Children.forEach(s,r=>{h.isValidElement(r)&&r.type===d?o.push(r):r!=null&&r!==!1&&e.push(r)}),{items:o,extra:e}}const g=Object.assign(u(function(s,o){const{longPress:e=!1,longPressMs:r,moveThreshold:v,showOverflowTrigger:w,children:t,className:l,...n}=s,{items:f,extra:O}=M(t),m=f.length>0,i=w??!e,a=m?c(T,{ref:e?void 0:o,...n,showOverflowTrigger:i,className:e?void 0:l,children:f}):c(N,{ref:e?void 0:o,...n,showOverflowTrigger:i,className:e?void 0:l,children:t});return e?p(x,{ref:o,className:l,showOverflowTrigger:i,longPressMs:r,moveThreshold:v,children:[m?O:null,a]}):a}),{Item:d});g.displayName="Overflow";export{g as Overflow};

package/dist/components/Overflow/Overflow.module.css.js

@@ -1 +1 @@
-"use client";var t=".Nu1Q-{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-1);min-width:0;position:relative}.A5qXm{flex-shrink:0}.Pf6FU{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.Pf6FU:focus-visible{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.s-Z8e{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;max-width:100%;min-width:0;position:relative}.LAkSp{width:max-content}.EfjIo{align-self:stretch;height:100%;width:100%}.EfjIo .Ua-VV{align-items:stretch;height:100%}.EfjIo .eKBSM{align-items:stretch;display:flex}.EfjIo .yVeqT{align-items:stretch;margin-inline-start:auto}.EfjIo ._2mRCF{align-self:stretch;background-color:initial!important;border:none!important;border-radius:calc(var(--altum-g-radius) - 2px);box-shadow:none!important;height:auto!important;min-height:0!important;opacity:.75}.EfjIo ._2mRCF:hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-field-label) 8%,#0000)!important;opacity:1}.EfjIo ._2mRCF:focus-visible{opacity:1}.Ua-VV{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;min-width:0;width:100%}._3wb7k,.eKBSM{flex-shrink:0}.Kfxom{pointer-events:none;position:absolute;visibility:hidden}.yVeqT{align-items:center;display:flex;flex-shrink:0}.TwrfM{gap:var(--altum-g-space-1)}.WOShp{gap:var(--altum-g-space-2)}.eKcBZ{gap:var(--altum-g-space-3)}._2mRCF{flex-shrink:0}.Cq3Em{box-sizing:border-box!important;max-width:min(20rem,calc(100vw - var(--altum-g-space-8)));overflow-x:hidden!important;overflow-y:auto!important}.GeIJ-{flex-direction:column;gap:var(--altum-g-space-2);overflow-x:hidden;padding:var(--altum-g-space-2);width:max-content}.GeIJ-,.fhHa6{align-items:stretch;box-sizing:border-box;display:flex;max-width:100%}.fhHa6{flex-shrink:0;min-width:0}.fhHa6>*{box-sizing:border-box;max-width:100%}.fhHa6>.Ch2i-{height:auto!important;min-height:var(--altum-control-height-sm);width:100%}";const a={actionsRoot:"Nu1Q-",visibleAction:"A5qXm",overflowTrigger:"_2mRCF",srOnlyTrigger:"Pf6FU",measureRoot:"s-Z8e",fitContent:"LAkSp",fitContainer:"EfjIo",row:"Ua-VV",item:"eKBSM",moreSlot:"yVeqT",measureItem:"_3wb7k",moreMeasure:"Kfxom",gapSm:"TwrfM",gapMd:"WOShp",gapLg:"eKcBZ",menuPanel:"Cq3Em",menuStack:"GeIJ-",menuItem:"fhHa6",menuItemControl:"Ch2i-"};(function(i){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=i,document.head.appendChild(e)}})(t);export{a as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var t=".Kkant{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;position:relative}.Kkant.x97pZ{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-1)}.Kkant.LAkSp{max-width:100%;width:max-content}.Kkant.EfjIo{align-self:stretch;height:100%;width:100%}.Kkant.EfjIo .Ua-VV{align-items:stretch;height:100%}.Kkant.EfjIo .eKBSM{align-items:stretch;display:flex}.Kkant.EfjIo .yVeqT{align-items:stretch;margin-inline-start:auto}.Kkant.EfjIo .COxju{align-self:stretch;aspect-ratio:auto;background-color:initial;border:none;border-radius:calc(var(--altum-g-radius) - 2px);box-shadow:none;height:auto;min-height:0;opacity:.75}:is(.Kkant.EfjIo .COxju):hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-field-label) 8%,#0000);opacity:1}:is(.Kkant.EfjIo .COxju):focus-visible{opacity:1}.Kkant .Ua-VV{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;width:100%}.Kkant .bb2Tq,.Kkant .eKBSM{flex-shrink:0}.Kkant .Kfxom{pointer-events:none;position:absolute;visibility:hidden}.Kkant .yVeqT{align-items:center;display:flex;flex-shrink:0}.Kkant .TwrfM{gap:var(--altum-g-space-1)}.Kkant .WOShp{gap:var(--altum-g-space-2)}.Kkant .eKcBZ{gap:var(--altum-g-space-3)}.Kkant .Cq3Em{max-width:min(20rem,calc(100vw - var(--altum-g-space-8)));overflow-x:hidden;overflow-y:auto}.Kkant .GeIJ-{align-items:stretch;display:flex;flex-direction:column;gap:var(--altum-g-space-2);max-width:100%;overflow-x:hidden;padding:var(--altum-g-space-2);width:max-content}:is(.Kkant .GeIJ-)>*{height:auto;max-width:100%;min-height:var(--altum-control-height-sm);width:100%}:is(.Kkant .MCd7o):focus-visible{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}";const e={root:"Kkant",actions:"x97pZ",fitContent:"LAkSp",fitContainer:"EfjIo",row:"Ua-VV",item:"eKBSM",moreSlot:"yVeqT",bare:"COxju",more:"bb2Tq",moreMeasure:"Kfxom",gapSm:"TwrfM",gapMd:"WOShp",gapLg:"eKcBZ",menuPanel:"Cq3Em",menuStack:"GeIJ-",srFocus:"MCd7o"};a(t);export{e as default};

package/dist/components/Overflow/OverflowActionsMode.js

@@ -1 +1 @@
-"use client";import{jsxs as O,jsx as r}from"react/jsx-runtime";import S,{forwardRef as X,useId as Z,useState as _,useMemo as x,useCallback as N}from"react";import{Dropdown as v}from"../Dropdown/Dropdown.js";import{ActionList as $}from"../ActionList/ActionList.js";import{Button as q}from"../Button/Button.js";import{ButtonIcon as k}from"../ButtonIcon/ButtonIcon.js";import{IconDots3 as J}from"../../icons/icons/IconDots3.js";import{cn as f}from"../../utils/cn.js";import{useActionSheetContext as Q}from"../ActionSheetTrigger/actionSheetContext.js";import c from"./Overflow.module.css.js";import{useLocale as U}from"../../locales/localeContext.js";const W=new Set(["id","icon","label","textValue","disabled","onSelect","className","key"]);function Y(e){return S.isValidElement(e)&&e.type===u}function ee(e){const l=[];return S.Children.forEach(e,(i,t)=>{if(!Y(i))return;const n=i.props.id??`action-${t}`;l.push({...i.props,id:n,key:String(i.key??n)})}),l}function C(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id??e.key}function z(e){const l={};for(const[i,t]of Object.entries(e))W.has(i)||t!==void 0&&(l[i]=t);return l}const u=()=>null;u.displayName="Overflow.Item";function oe({item:e,display:l,size:i}){const t=C(e),n=l==="icon"&&e.icon!=null,a=z(e);return n?r(k,{...a,type:"button",variant:"ghost",size:i,icon:e.icon,id:e.id,"aria-label":a["aria-label"]??(a["aria-labelledby"]?void 0:t),disabled:e.disabled,className:f(c.visibleAction,e.className),onClick:()=>e.onSelect?.()}):r(q,{...a,type:"button",variant:"ghost",size:i,iconStart:e.icon,id:e.id,disabled:e.disabled,className:f(c.visibleAction,e.className),onClick:()=>e.onSelect?.(),children:e.label})}const V=X(function({children:e,visibleCount:l,display:i="icon-label",showOverflowTrigger:t,size:n="sm",mobileTitle:a,className:I,"aria-label":T,gap:le,fit:te,maxVisible:ne,align:re,moreLabel:ae,...A},M){const{t:d}=U(),w=T??d("overflow.ariaLabel"),j=a??d("overflow.title"),L=Z(),s=Q(),[B,E]=_(!1),b=x(()=>ee(e),[e]),y=l===void 0||!Number.isFinite(l)?b.length:Math.max(0,Math.floor(l)),R=b.slice(0,y),p=b.slice(y),g=p.length>0,D=!(t??s?.shouldShowOverflowTrigger??!0),h=s!=null&&g,F=h?s.overflowOpen:B,m=N(o=>{h?s.setOverflowOpen(o):E(o)},[h,s]),G=x(()=>p.map(o=>({id:o.id??o.key,groupId:"overflow",label:o.label,textValue:C(o),icon:o.icon,disabled:o.disabled,onSelect:o.onSelect,buttonProps:z(o)})),[p]),H=N(o=>{o.onSelect?.(),m(!1)},[m]),K=g&&!D,P=g;return O("div",{ref:M,className:f(c.actionsRoot,I),...A,role:"toolbar","aria-label":w,children:[R.map(o=>r(oe,{item:o,display:i,size:n},o.key)),P&&O(v,{open:F,onOpenChange:m,onClose:()=>m(!1),popupRole:"listbox",children:[r(v.Trigger,{asChild:!0,children:r(k,{type:"button",variant:"ghost",size:n,icon:r(J,{size:n==="sm"?16:18}),"aria-label":d("overflow.more"),className:f(c.overflowTrigger,K?"":c.srOnlyTrigger)})}),r(v.Content,{align:"right",widthMode:"content",mobileTitle:j,children:r($,{id:L,"aria-label":w,items:G,groups:[{id:"overflow",label:d("overflow.title")}],onAction:H})})]})]})});V.displayName="Overflow";const ie=Object.assign(V,{Item:u});export{u as OverflowItem,ie as OverflowMode};
+"use client";import{jsxs as q,jsx as s}from"react/jsx-runtime";import y,{forwardRef as D,useId as F,useState as G,useMemo as O,useCallback as S}from"react";import{ActionList as J}from"../ActionList/ActionList.js";import{Button as Q}from"../Button/Button.js";import{ButtonIcon as X}from"../ButtonIcon/ButtonIcon.js";import{cn as x}from"../../utils/cn.js";import{useActionSheetContext as Z}from"../ActionSheetTrigger/actionSheetContext.js";import b from"./Overflow.module.css.js";import{useLocale as _}from"../../locales/localeContext.js";import{OverflowMore as $}from"./OverflowMore.js";const H=new Set(["id","icon","label","textValue","disabled","onSelect","className","key"]);function K(e){return y.isValidElement(e)&&e.type===v}function U(e){const l=[];return y.Children.forEach(e,(i,t)=>{if(!K(i))return;const r=i.props.id??`action-${t}`;l.push({...i.props,id:r,key:String(i.key??r)})}),l}function N(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id??e.key}function k(e){const l={};for(const[i,t]of Object.entries(e))H.has(i)||t===void 0||(l[i]=t);return l}const v=()=>null;v.displayName="Overflow.Item";function W({item:e,display:l,size:i}){const t=N(e),r=l==="icon"&&e.icon!=null,n=k(e),c={...n,type:"button",variant:"ghost",size:i,id:e.id,disabled:e.disabled,className:x(b.item,e.className),onClick:()=>e.onSelect?.()};return r?s(X,{...c,icon:e.icon,"aria-label":n["aria-label"]??(n["aria-labelledby"]?void 0:t)}):s(Q,{...c,iconStart:e.icon,children:e.label})}const V=D(function({children:e,visibleCount:l,display:i="icon-label",showOverflowTrigger:t,size:r="sm",mobileTitle:n,className:c,"aria-label":C,gap:Y,fit:ee,maxVisible:oe,align:le,moreLabel:ie,...M},z){const{t:m}=_(),h=C??m("overflow.ariaLabel"),I=n??m("overflow.title"),L=F(),a=Z(),[T,j]=G(!1),f=O(()=>U(e),[e]),w=l===void 0||!Number.isFinite(l)?f.length:Math.max(0,Math.floor(l)),A=f.slice(0,w),d=f.slice(w),g=d.length>0,E=!(t??a?.shouldShowOverflowTrigger??!0),u=a!=null&&g,R=u?a.overflowOpen:T,p=S(o=>{u?a.setOverflowOpen(o):j(o)},[u,a]),B=O(()=>d.map(o=>({id:o.id??o.key,groupId:"overflow",label:o.label,textValue:N(o),icon:o.icon,disabled:o.disabled,onSelect:o.onSelect,buttonProps:k(o)})),[d]),P=S(o=>{o.onSelect?.(),p(!1)},[p]);return q("div",{ref:z,className:x(b.root,b.actions,c),...M,role:"toolbar","aria-label":h,children:[A.map(o=>s(W,{item:o,display:i,size:r},o.key)),g&&s($,{open:R,onOpenChange:p,size:r,mobileTitle:I,ariaLabel:m("overflow.more"),hidden:E,children:s(J,{id:L,"aria-label":h,items:B,groups:[{id:"overflow",label:m("overflow.title")}],onAction:P})})]})});V.displayName="Overflow";export{v as OverflowItem,V as OverflowMode};

package/dist/components/Overflow/OverflowMeasure.js

@@ -1 +1 @@
-"use client";import{jsx as i,jsxs as F}from"react/jsx-runtime";import L,{forwardRef as ae,useMemo as P,useState as E,useRef as f,useCallback as q,useLayoutEffect as se,useEffect as ce}from"react";import{composeRefs as ue}from"../../utils/composeRefs.js";import{Dropdown as W}from"../Dropdown/Dropdown.js";import{ButtonIcon as B}from"../ButtonIcon/ButtonIcon.js";import{IconDots3 as K}from"../../icons/icons/IconDots3.js";import{cn as T}from"../../utils/cn.js";import n from"./Overflow.module.css.js";import{useLocale as me}from"../../locales/localeContext.js";function fe(e){return L.Children.toArray(e).filter(l=>L.isValidElement(l))}function k(e,l){return e.key!=null?String(e.key):`overflow-item-${l}`}function de(e){switch(e){case"sm":return 16;case"lg":return 20;default:return 18}}function pe(e){return e==="sm"?n.gapSm:e==="lg"?n.gapLg:n.gapMd}function Q(e){if(!e)return 0;const l=getComputedStyle(e).columnGap||getComputedStyle(e).gap,s=Number.parseFloat(l);return Number.isFinite(s)?s:0}function Y(e,l,s,d,u){const c=l.length;if(c===0||e<=0)return 0;const v=o=>{if(o<=0)return 0;let m=0;for(let w=0;w<o;w+=1)m+=l[w]??0;return m+d*Math.max(0,o-1)},$=v(c),b=u!==void 0?Math.min(c,Math.max(0,Math.floor(u))):c;if($<=e&&b>=c)return c;for(let o=b;o>=0;o-=1){const m=v(o);if((o<c?m+(o>0?d:0)+s:m)<=e)return o}return 0}const Z=ae(function({children:e,gap:l="md",size:s="md",fit:d="content",maxVisible:u,align:c="right",moreLabel:v,mobileTitle:$,className:b,"aria-label":o,visibleCount:m,display:w,showOverflowTrigger:ge,...H},J){const{t:z}=me(),a=P(()=>fe(e),[e]),p=`${P(()=>a.map((r,t)=>k(r,t)).join("\0"),[a])}|${l}|${s}|${d}|${u??""}`,[I,U]=E(""),[N,X]=E(a.length),[_,j]=E(!1),C=f(null),O=f(null),A=f(null),y=f([]),M=f([]),S=f(0),g=I!==p,ee=o??z("overflow.groupAriaLabel"),D=v??z("overflow.groupMore"),re=$??z("overflow.groupTitle"),te=pe(l),G=de(s),x=q(r=>{X(t=>t===r?t:r)},[]),R=q(()=>{const r=C.current,t=O.current;if(!r||!t||M.current.length===0)return;const h=Y(r.clientWidth,M.current,S.current,Q(t),u);x(h)},[x,u]);se(()=>{const r=C.current,t=O.current;if(!(!r||!t)){if(g){y.current=y.current.slice(0,a.length),M.current=a.map((he,le)=>y.current[le]?.offsetWidth??0),S.current=A.current?.offsetWidth??0;const h=Y(r.clientWidth,M.current,S.current,Q(t),u);x(h),U(p);return}R()}},[x,a.length,u,p,g,R]),ce(()=>{const r=C.current;if(!r||typeof ResizeObserver>"u")return;const t=new ResizeObserver(()=>{I===p&&R()});return t.observe(r),()=>t.disconnect()},[p,R,I]);const V=!g&&N<a.length,ne=g?a.length:N,oe=a.slice(0,ne),ie=V?a.slice(N):[];return i("div",{ref:ue(J,C),className:T(n.measureRoot,d==="container"?n.fitContainer:n.fitContent,b),role:"group","aria-label":ee,...H,children:F("div",{ref:O,className:T(n.row,te),children:[oe.map((r,t)=>i("div",{ref:h=>{y.current[t]=h},className:n.item,children:r},k(r,t))),g&&i("div",{ref:A,className:T(n.measureItem,n.moreMeasure),"aria-hidden":!0,children:i(B,{type:"button",variant:"ghost",size:s,icon:i(K,{size:G}),"aria-label":D,className:n.overflowTrigger,tabIndex:-1})}),V&&i("div",{className:n.moreSlot,children:F(W,{open:_,onOpenChange:j,onClose:()=>j(!1),popupRole:"none",children:[i(W.Trigger,{asChild:!0,children:i(B,{type:"button",variant:"ghost",size:s,icon:i(K,{size:G}),"aria-label":D,className:n.overflowTrigger})}),i(W.Content,{className:n.menuPanel,align:c,widthMode:"content",mobileTitle:re,children:i("div",{className:n.menuStack,children:ie.map((r,t)=>i("div",{className:n.menuItem,children:L.cloneElement(r,{className:T(n.menuItemControl,r.props.className)})},k(r,N+t)))})})]})})]})})});Z.displayName="Overflow";export{Z as OverflowMeasure};
+"use client";import{jsx as s,jsxs as te}from"react/jsx-runtime";import z,{forwardRef as ne,useMemo as V,useState as T,useRef as d,useCallback as P,useLayoutEffect as oe,useEffect as ie}from"react";import{composeRefs as le}from"../../utils/composeRefs.js";import{cn as W}from"../../utils/cn.js";import{useLocale as ae}from"../../locales/localeContext.js";import n from"./Overflow.module.css.js";import{OverflowMore as ue}from"./OverflowMore.js";function ce(e){return z.Children.toArray(e).filter(i=>z.isValidElement(i))}function k(e,i){return e.key!=null?String(e.key):`overflow-item-${i}`}function se(e){return e==="sm"?n.gapSm:e==="lg"?n.gapLg:n.gapMd}function fe(e){return`var(--altum-control-height-${e})`}function q(e){if(!e)return 0;const i=getComputedStyle(e).columnGap||getComputedStyle(e).gap,u=Number.parseFloat(i);return Number.isFinite(u)?u:0}function D(e,i,u,f,c){const a=i.length;if(a===0||e<=0)return 0;const g=o=>{if(o<=0)return 0;let m=0;for(let b=0;b<o;b+=1)m+=i[b]??0;return m+f*Math.max(0,o-1)},R=g(a),v=c!==void 0?Math.min(a,Math.max(0,Math.floor(c))):a;if(R<=e&&v>=a)return a;for(let o=v;o>=0;o-=1){const m=g(o);if((o<a?m+(o>0?f:0)+u:m)<=e)return o}return 0}const G=ne(function({children:e,gap:i="md",size:u="md",fit:f="content",maxVisible:c,align:a="right",moreLabel:g,mobileTitle:R,className:v,"aria-label":o,visibleCount:m,display:b,showOverflowTrigger:me,...J},K){const{t:S}=ae(),l=V(()=>ce(e),[e]),p=`${V(()=>l.map((r,t)=>k(r,t)).join("\0"),[l])}|${i}|${u}|${f}|${c??""}`,[$,Q]=T(""),[w,U]=T(l.length),[X,Y]=T(!1),N=d(null),x=d(null),E=d(null),y=d([]),C=d([]),L=d(0),h=$!==p,Z=o??S("overflow.groupAriaLabel"),_=g??S("overflow.groupMore"),B=R??S("overflow.groupTitle"),F=fe(u),M=P(r=>{U(t=>t===r?t:r)},[]),O=P(()=>{const r=N.current,t=x.current;!r||!t||C.current.length===0||M(D(r.clientWidth,C.current,L.current,q(t),c))},[M,c]);oe(()=>{const r=N.current,t=x.current;if(!(!r||!t)){if(h){y.current=y.current.slice(0,l.length),C.current=l.map((A,re)=>y.current[re]?.offsetWidth??0),L.current=E.current?.offsetWidth??0,M(D(r.clientWidth,C.current,L.current,q(t),c)),Q(p);return}O()}},[M,l.length,c,p,h,O]),ie(()=>{const r=N.current;if(!r||typeof ResizeObserver>"u")return;const t=new ResizeObserver(()=>{$===p&&O()});return t.observe(r),()=>t.disconnect()},[p,O,$]);const j=!h&&w<l.length,H=h?l.length:w,I=l.slice(0,H),ee=j?l.slice(w):[];return s("div",{ref:le(K,N),className:W(n.root,f==="container"?n.fitContainer:n.fitContent,v),role:"group","aria-label":Z,...J,children:te("div",{ref:x,className:W(n.row,se(i)),children:[I.map((r,t)=>s("div",{ref:A=>{y.current[t]=A},className:n.item,children:r},k(r,t))),h&&s("div",{ref:E,className:W(n.more,n.moreMeasure),style:{width:F,height:F},"aria-hidden":!0}),j&&s("div",{className:n.moreSlot,children:s(ue,{open:X,onOpenChange:Y,size:u,align:a,mobileTitle:B,ariaLabel:_,popupRole:"none",panelClassName:n.menuPanel,triggerClassName:f==="container"?n.bare:void 0,children:s("div",{className:n.menuStack,children:ee.map((r,t)=>s(z.Fragment,{children:r},k(r,w+t)))})})})]})})});G.displayName="Overflow";export{G as OverflowMeasure};

package/dist/components/Overflow/OverflowMore.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{Dropdown as d}from"../Dropdown/Dropdown.js";import{ButtonIcon as h}from"../ButtonIcon/ButtonIcon.js";import{IconDots3 as b}from"../../icons/icons/IconDots3.js";import{cn as C}from"../../utils/cn.js";import N from"../../styles/srOnly.module.css.js";import n from"./Overflow.module.css.js";function O({open:i,onOpenChange:t,size:a,align:l="right",mobileTitle:m,ariaLabel:p,hidden:e,panelClassName:s,popupRole:c="listbox",triggerClassName:f,children:g}){return o(d,{open:i,onOpenChange:t,popupRole:c,align:l,widthMode:"content",mobileTitle:m,panelClassName:s,renderTrigger:(r,u)=>o(h,{...r,ref:u,type:"button",variant:"ghost",size:a,icon:o(b,{}),"aria-label":p,className:C(n.more,f,e&&N.srOnly,e&&n.srFocus,r.className)}),children:g})}export{O as OverflowMore};

package/dist/components/Overlay/Overlay.Dismiss.js

@@ -1 +1 @@
-"use client";import{useRef as O,useEffect as k,useCallback as M}from"react";import{useEscapeKey as S}from"../../hooks/useEscapeKey.js";import{useOutsideClick as z}from"../../hooks/useOutsideClick.js";import{useOverlay as q}from"../../hooks/useOverlay.js";import{claimHoverTriggerOpen as A,releaseHoverTrigger as X,registerHoverTrigger as Y,createHoverTriggerId as j}from"../../utils/hoverTriggerGroup.js";function B(t,n,c,o=0){return n>=t.left-o&&n<=t.right+o&&c>=t.top-o&&c<=t.bottom+o}function I({enabled:t,open:n,targetRef:c,contentRef:o,triggerMode:r,purpose:E,openDelay:u,closeDelay:p,requestOpen:s}){const g=O(null),h=O(null),L=O(null),a=O(null),T=O(s);k(()=>{T.current=s},[s]);const v=E==="tooltip"&&r==="hover",f=M(()=>{h.current!=null&&(window.clearTimeout(h.current),h.current=null),L.current!=null&&(window.clearTimeout(L.current),L.current=null)},[]),d=M(e=>{v&&a.current&&(e?A(a.current,0):X(a.current)),T.current(e)},[v]);return k(()=>{if(!v)return;const e=j();a.current=e;const m=Y(e,()=>{f(),T.current(!1)});return()=>{m(),a.current=null}},[f,v]),k(()=>{if(!t||r==="manual")return;const e=c.current;if(!e)return;const m=(i,R)=>{g.current={x:i,y:R}},l=()=>{if(f(),r!=="hover"){s(!0);return}let i=u;if(v&&a.current&&(i=A(a.current,u)),i<=0){d(!0);return}h.current=window.setTimeout(()=>d(!0),i)},w=()=>{if(f(),r!=="hover"){s(!1);return}L.current=window.setTimeout(()=>d(!1),p)},b=()=>{r==="click"&&s(!n)},C=i=>{r==="hover"&&(m(i.clientX,i.clientY),l())},y=()=>{r==="hover"&&w()},H=i=>{r==="hover"&&m(i.clientX,i.clientY)},x=()=>{r==="hover"&&l()},D=i=>{if(r!=="hover")return;const R=i.relatedTarget;R&&(e.contains(R)||o.current?.contains(R))||w()};return r==="click"?e.addEventListener("click",b):(e.addEventListener("pointerenter",C),e.addEventListener("pointerleave",y),e.addEventListener("pointermove",H),e.addEventListener("focusin",x),e.addEventListener("focusout",D)),()=>{f(),e.removeEventListener("click",b),e.removeEventListener("pointerenter",C),e.removeEventListener("pointerleave",y),e.removeEventListener("pointermove",H),e.removeEventListener("focusin",x),e.removeEventListener("focusout",D)}},[f,p,o,t,n,u,d,s,c,r,v]),k(()=>{if(!t||!n||r!=="hover")return;const e=()=>{const m=c.current,l=g.current;if(!m||!l||B(m.getBoundingClientRect(),l.x,l.y,1))return;const w=o.current;w&&B(w.getBoundingClientRect(),l.x,l.y,1)||d(!1)};return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[o,t,n,d,c,r]),{pointerRef:g,clearTimers:f,closeTimerRef:L,openHover:d,useHoverMutex:v}}function K({open:t,targetRef:n,contentRef:c,triggerMode:o,closeOnOutsideClick:r,closeOnEscape:E,requestOpen:u}){const p=r??o==="click",s=E??o!=="hover";z([n,c],()=>u(!1),{enabled:t&&p}),S(()=>u(!1),{enabled:t&&s})}function P({open:t,onClose:n,contentRef:c,rootRef:o,backdrop:r,closeOnOutsideClick:E,closeOnEscape:u,lockScroll:p}){const s=E??r,g=p??r;return S(n,{enabled:u!==!1&&t}),z([c],n,{enabled:s&&!r&&t}),q(n,{open:t&&(r||g),closeOnEscape:!1,lockScroll:g&&t,rootRef:r?o:void 0}),{resolvedCloseOnOutside:s}}function F({open:t,onClose:n,rootRef:c}){q(n,{open:t,rootRef:c,lockScroll:t})}export{K as useAnchorDismiss,I as useAnchorTrigger,F as useModalDismiss,P as useScrimLayerDismiss};
+"use client";import{useRef as h,useEffect as k,useCallback as z}from"react";import{useEscapeKey as M}from"../../hooks/useEscapeKey.js";import{useOutsideClick as S}from"../../hooks/useOutsideClick.js";import{useOverlay as B}from"../../hooks/useOverlay.js";import{claimHoverTriggerOpen as q,releaseHoverTrigger as X,registerHoverTrigger as Y,createHoverTriggerId as j}from"../../utils/hoverTriggerGroup.js";function A(t,o,s,n=0){return o>=t.left-n&&o<=t.right+n&&s>=t.top-n&&s<=t.bottom+n}function I({enabled:t,open:o,targetRef:s,contentRef:n,triggerMode:r,purpose:E,openDelay:u,closeDelay:p,requestOpen:i}){const g=h(null),R=h(null),L=h(null),a=h(null),T=h(i);k(()=>{T.current=i},[i]);const v=E==="tooltip"&&r==="hover",d=z(()=>{R.current!=null&&(window.clearTimeout(R.current),R.current=null),L.current!=null&&(window.clearTimeout(L.current),L.current=null)},[]),f=z(e=>{v&&a.current&&(e?q(a.current,0):X(a.current)),T.current(e)},[v]);return k(()=>{if(!v)return;const e=j();a.current=e;const m=Y(e,()=>{d(),T.current(!1)});return()=>{m(),a.current=null}},[d,v]),k(()=>{if(!t||r==="manual")return;const e=s.current;if(!e)return;const m=(c,O)=>{g.current={x:c,y:O}},l=()=>{if(d(),r!=="hover"){i(!0);return}let c=u;if(v&&a.current&&(c=q(a.current,u)),c<=0){f(!0);return}R.current=window.setTimeout(()=>f(!0),c)},w=()=>{if(d(),r!=="hover"){i(!1);return}L.current=window.setTimeout(()=>f(!1),p)},b=()=>{r==="click"&&i(!o)},y=c=>{r==="hover"&&(m(c.clientX,c.clientY),l())},C=()=>{r==="hover"&&w()},H=c=>{r==="hover"&&m(c.clientX,c.clientY)},x=()=>{r==="hover"&&l()},D=c=>{if(r!=="hover")return;const O=c.relatedTarget;O&&(e.contains(O)||n.current?.contains(O))||w()};return r==="click"?e.addEventListener("click",b):(e.addEventListener("pointerenter",y),e.addEventListener("pointerleave",C),e.addEventListener("pointermove",H),e.addEventListener("focusin",x),e.addEventListener("focusout",D)),()=>{d(),e.removeEventListener("click",b),e.removeEventListener("pointerenter",y),e.removeEventListener("pointerleave",C),e.removeEventListener("pointermove",H),e.removeEventListener("focusin",x),e.removeEventListener("focusout",D)}},[d,p,n,t,o,u,f,i,s,r,v]),k(()=>{if(!t||!o||r!=="hover")return;const e=()=>{const m=s.current,l=g.current;if(!m||!l||A(m.getBoundingClientRect(),l.x,l.y,1))return;const w=n.current;w&&A(w.getBoundingClientRect(),l.x,l.y,1)||f(!1)};return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[n,t,o,f,s,r]),{pointerRef:g,clearTimers:d,closeTimerRef:L,openHover:f,useHoverMutex:v}}function K({open:t,targetRef:o,contentRef:s,triggerMode:n,closeOnOutsideClick:r,closeOnEscape:E,requestOpen:u}){const p=r??n==="click",i=E??n!=="hover";S([o,s],()=>u(!1),{enabled:t&&p}),M(()=>u(!1),{enabled:t&&i})}function P({open:t,onClose:o,contentRef:s,rootRef:n,backdrop:r,closeOnOutsideClick:E,closeOnEscape:u,lockScroll:p}){const i=E??r,g=p??r;return M(o,{enabled:u!==!1&&t}),S([s],o,{enabled:i&&!r&&t}),B(o,{open:t&&(r||g),closeOnEscape:!1,lockScroll:g&&t,rootRef:r?n:void 0}),{resolvedCloseOnOutside:i}}export{K as useAnchorDismiss,I as useAnchorTrigger,P as useScrimLayerDismiss};

package/dist/components/Overlay/Overlay.Positioner.js

@@ -1 +1 @@
-"use client";import{useRef as g,useState as T,useCallback as x,useLayoutEffect as N}from"react";import{computeAnchorPosition as ee}from"../../utils/anchorPosition.js";import{cn as te}from"../../utils/cn.js";import{composeRefs as ie}from"../../utils/composeRefs.js";import{renderChildren as re}from"../../utils/renderChildren.js";import{useAnchorDismiss as ne}from"./Overlay.Dismiss.js";import o from"./Overlay.module.css.js";function oe(e){return e==="bottom"?"top center":e==="top"?"bottom center":e==="left"?"center right":"center left"}function de(e){const i=e.style.width,s=e.style.maxWidth,n=e.style.minWidth;e.style.width="max-content",e.style.maxWidth="none",e.style.minWidth="0";const l=Math.ceil(e.getBoundingClientRect().width);return e.style.width=i,e.style.maxWidth=s,e.style.minWidth=n,l}function se(e,i,s){const n=Math.ceil(i.getBoundingClientRect().width),l=Math.max(0,window.innerWidth-16);if(e==="trigger"){const c=Math.min(n,l);return{width:c,maxWidth:c}}if(e==="trigger-fit"){const c=de(s),h=Math.min(Math.max(n,c),l);return{width:h,maxWidth:h}}return{width:void 0,maxWidth:l}}function ce(e,i){return e.position===i.position&&e.top===i.top&&e.left===i.left&&e.width===i.width&&e.maxWidth===i.maxWidth&&e.minWidth===i.minWidth&&e.transformOrigin===i.transformOrigin}function A({variant:e,purpose:i,open:s,targetRef:n,contentRef:l,triggerMode:c,side:h,align:v,sideOffset:W,widthMode:m,children:b,asChild:B,className:I,presented:y,layerStyle:S,closeDelay:k,closeOnOutsideClick:q,closeOnEscape:z,clearTimers:M,closeTimerRef:F,pointerRef:H,requestOpen:V,openHover:O,"aria-label":$,"aria-labelledby":D,"aria-describedby":X,role:Y}){const a=g(null),_=ie(l,a),[R,j]=T({position:"fixed",top:-9999,left:-9999}),[p,G]=T(h),L=g(R),E=g(p),u=g(0);ne({open:s,targetRef:n,contentRef:a,triggerMode:c,closeOnOutsideClick:q,closeOnEscape:z,requestOpen:V});const C=x(()=>{const t=n.current,r=a.current;if(!t||!r)return null;let d=null;e==="dropdown"&&(d=se(m,t,r),r.style.width=d.width!=null?`${d.width}px`:"max-content",r.style.maxWidth=`${d.maxWidth}px`,r.style.minWidth=m==="trigger-fit"||m==="trigger"?`${Math.min(Math.ceil(t.getBoundingClientRect().width),d.maxWidth)}px`:"");const f=ee(t,r,h,v,W),U=Math.ceil(t.getBoundingClientRect().width),Z={position:f.position,top:f.top,left:f.left,width:d?.width,maxWidth:d?.maxWidth,minWidth:m==="trigger-fit"||m==="trigger"?Math.min(U,d?.maxWidth??Number.POSITIVE_INFINITY):void 0,transformOrigin:oe(f.side)};return{side:f.side,coords:Z}},[v,a,h,W,n,e,m]),w=x(()=>{const t=C();if(!t)return;const r=t.side!==E.current,d=!ce(t.coords,L.current);r&&(E.current=t.side,G(t.side)),d&&(L.current=t.coords,j(t.coords))},[C]),P=x(()=>{u.current||(u.current=requestAnimationFrame(()=>{u.current=0,w()}))},[w]);N(()=>{s&&w()},[s,w,b,y]),N(()=>{if(!s)return;const t=()=>P(),r=new ResizeObserver(t);return n.current&&r.observe(n.current),a.current&&r.observe(a.current),window.addEventListener("resize",t),window.addEventListener("scroll",t,!0),()=>{r.disconnect(),window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0),u.current&&(cancelAnimationFrame(u.current),u.current=0)}},[a,s,n,P]);const J=e==="dropdown"?y?o.dropdownVisible:o.dropdownHidden:y?o.popoverVisible:o.popoverHidden,K=p==="top"?o.originBottom:p==="left"?o.originRight:p==="right"?o.originLeft:o.originTop,Q={className:te(o.anchorLayer,i==="tooltip"&&o.anchorTooltip,e==="dropdown"&&o.dropdownLayer,J,e==="dropdown"&&K,I),style:{...R,...S},role:Y??(e==="dropdown"?"listbox":"dialog"),"data-side":p,"aria-label":$,"aria-labelledby":D,"aria-describedby":X,onPointerEnter:c==="hover"?()=>{M(),O(!0)}:void 0,onPointerLeave:c==="hover"?()=>{M(),F.current=window.setTimeout(()=>O(!1),k)}:void 0,onPointerMove:c==="hover"?t=>{H.current={x:t.clientX,y:t.clientY}}:void 0};return re({asChild:B,children:b,props:Q,contentRef:_})}A.displayName="Overlay.Positioner";export{A as AnchorLayer};
+"use client";import{useRef as x,useState as N,useCallback as v,useLayoutEffect as B}from"react";import{computeAnchorPosition as rt}from"../../utils/anchorPosition.js";import{cn as nt}from"../../utils/cn.js";import{composeRefs as ot}from"../../utils/composeRefs.js";import{renderChildren as dt}from"../../utils/renderChildren.js";import{useAnchorDismiss as st}from"./Overlay.Dismiss.js";import c from"./Overlay.module.css.js";function at(t){return t==="bottom"?"top center":t==="top"?"bottom center":t==="left"?"center right":"center left"}function ct(t){const i=t.style.width,s=t.style.maxWidth,n=t.style.minWidth;t.style.width="max-content",t.style.maxWidth="none",t.style.minWidth="0";const l=Math.ceil(t.getBoundingClientRect().width);return t.style.width=i,t.style.maxWidth=s,t.style.minWidth=n,l}function lt(t,i,s){const n=Math.ceil(i.getBoundingClientRect().width),l=Math.max(0,window.innerWidth-16);if(t==="trigger"){const a=Math.min(n,l);return{width:a,maxWidth:a}}if(t==="trigger-fit"){const a=ct(s),m=Math.min(Math.max(n,a),l);return{width:m,maxWidth:m}}return{width:void 0,maxWidth:l}}function ht(t,i){return t.position===i.position&&t.top===i.top&&t.left===i.left&&t.width===i.width&&t.maxWidth===i.maxWidth&&t.minWidth===i.minWidth&&t.transformOrigin===i.transformOrigin&&t["--altum-anchor-arrow-along"]===i["--altum-anchor-arrow-along"]}function I({variant:t,purpose:i,open:s,targetRef:n,contentRef:l,triggerMode:a,side:m,align:W,sideOffset:b,widthMode:u,children:M,className:S,presented:O,layerStyle:$,closeDelay:k,closeOnOutsideClick:q,closeOnEscape:z,clearTimers:R,closeTimerRef:F,pointerRef:D,requestOpen:H,openHover:E,"aria-label":V,"aria-labelledby":X,"aria-describedby":Y,role:_}){const h=x(null),G=ot(l,h),[L,J]=N({position:"fixed",top:-9999,left:-9999}),[f,K]=N(m),P=x(L),C=x(f),p=x(0);st({open:s,targetRef:n,contentRef:h,triggerMode:a,closeOnOutsideClick:q,closeOnEscape:z,requestOpen:H});const T=v(()=>{const e=n.current,r=h.current;if(!e||!r)return null;let d=null;t==="dropdown"&&(d=lt(u,e,r),r.style.width=d.width!=null?`${d.width}px`:"max-content",r.style.maxWidth=`${d.maxWidth}px`,r.style.minWidth=u==="trigger-fit"||u==="trigger"?`${Math.min(Math.ceil(e.getBoundingClientRect().width),d.maxWidth)}px`:"");const o=rt(e,r,m,W,b),g=e.getBoundingClientRect(),j=Math.ceil(g.width),U=o.side==="top"||o.side==="bottom"?g.left+g.width/2-o.left:g.top+g.height/2-o.top,tt=o.side==="top"||o.side==="bottom"?r.offsetWidth:r.offsetHeight,y=10,et=Math.round(Math.min(Math.max(U,y),Math.max(y,tt-y))),it={position:o.position,top:o.top,left:o.left,width:d?.width,maxWidth:d?.maxWidth,minWidth:u==="trigger-fit"||u==="trigger"?Math.min(j,d?.maxWidth??Number.POSITIVE_INFINITY):void 0,transformOrigin:at(o.side),"--altum-anchor-arrow-along":`${et}px`};return{side:o.side,coords:it}},[W,h,m,b,n,t,u]),w=v(()=>{const e=T();if(!e)return;const r=e.side!==C.current,d=!ht(e.coords,P.current);r&&(C.current=e.side,K(e.side)),d&&(P.current=e.coords,J(e.coords))},[T]),A=v(()=>{p.current||(p.current=requestAnimationFrame(()=>{p.current=0,w()}))},[w]);B(()=>{s&&w()},[s,w,M,O]),B(()=>{if(!s)return;const e=()=>A(),r=new ResizeObserver(e);return n.current&&r.observe(n.current),h.current&&r.observe(h.current),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{r.disconnect(),window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0),p.current&&(cancelAnimationFrame(p.current),p.current=0)}},[h,s,n,A]);const Q=f==="top"?c.originBottom:f==="left"?c.originRight:f==="right"?c.originLeft:c.originTop,Z={className:nt(c.anchor,i==="tooltip"&&c.anchorTooltip,i==="popover"&&c.anchorPopover,t==="dropdown"&&c.dropdown,t==="dropdown"&&Q,S),"data-presented":O?"":void 0,style:{...L,...$},role:_??(t==="dropdown"?"listbox":"dialog"),"data-side":f,"aria-label":V,"aria-labelledby":X,"aria-describedby":Y,onPointerEnter:a==="hover"?()=>{R(),E(!0)}:void 0,onPointerLeave:a==="hover"?()=>{R(),F.current=window.setTimeout(()=>E(!1),k)}:void 0,onPointerMove:a==="hover"?e=>{D.current={x:e.clientX,y:e.clientY}}:void 0};return dt({children:M,props:Z,contentRef:G})}I.displayName="Overlay.Positioner";export{I as AnchorLayer};

package/dist/components/Overlay/Overlay.js

@@ -1 +1 @@
-"use client";import{jsx as a}from"react/jsx-runtime";import f from"react";import{OverlayRoot as m}from"./Overlay.Root.js";const r=f.forwardRef((o,e)=>a(m,{...o,forwardedRef:e}));r.displayName="Overlay";export{r as Overlay};
+"use client";import{jsx as p,jsxs as U}from"react/jsx-runtime";import X,{useRef as x,useCallback as Y}from"react";import{Backdrop as G}from"../Backdrop/Backdrop.js";import{FocusTrap as J}from"../FocusTrap/FocusTrap.js";import{usePresence as K}from"../../hooks/usePresence.js";import{useOverlayStackZIndex as Q,OverlayStackProvider as W,elevateAboveOverlayStack as $}from"../../utils/overlayStack.js";import{OVERLAY_Z_INDEX_DEFAULT as ee,resolveStackedOverlayZIndex as oe}from"../../utils/overlayZIndex.js";import{resolveOverlayPurposeSideOffset as re,resolveOverlayPurposeZIndex as ae}from"../../utils/overlayPurpose.js";import{createLibraryPortal as le}from"../../utils/portal.js";import{composeRefs as j}from"../../utils/composeRefs.js";import{cn as te}from"../../utils/cn.js";import{renderChildren as se}from"../../utils/renderChildren.js";import{useAnchorTrigger as ie,useScrimLayerDismiss as de}from"./Overlay.Dismiss.js";import{AnchorLayer as ne}from"./Overlay.Positioner.js";import{PRESENCE_MS as ce,HOVER_CLOSE_DELAY as q,resolveOverlayDismiss as I,HOVER_OPEN_DELAY as pe}from"./Overlay.types.js";import P from"./Overlay.module.css.js";const me={modal:"modal",floating:"modal",sheet:"sheet",dropdown:"dropdown",popover:"popover"};function ue(e){e.stopPropagation()}function M({kind:e,side:R,open:o,presented:t,onClose:i,children:m,className:_,style:d,layerStyle:O,backdrop:r=!1,backdropVariant:A="default",backdropBlur:B="sm",closeOnOutsideClick:u,closeOnEscape:f=!0,lockScroll:l,trapFocus:n=!0,contentRef:b,"aria-label":S,"aria-labelledby":k,"aria-describedby":L,role:C="dialog"}){const y=x(null),E=x(null),w=j(b,E),{resolvedCloseOnOutside:F}=de({open:o,onClose:i,contentRef:E,rootRef:y,backdrop:e==="modal"||r,closeOnOutsideClick:e==="modal"?!0:u,closeOnEscape:e==="modal"?!0:f,lockScroll:e==="modal"?!0:e==="sheet"?r:l}),c=e==="modal"||r,N=e!=="floating"||c||n,g=e==="floating"?c?d:{...O,...d}:void 0,v={className:te(P.panel,_),style:g,role:C,"aria-modal":e==="modal"||c||e==="floating"&&(l??r)?!0:void 0,"aria-label":S,"aria-labelledby":k,"aria-describedby":L,"data-kind":e,"data-side":R,"data-presented":t?"":void 0,onClick:ue},a=se({children:m,props:v,contentRef:w});if(!N)return a;const s=e==="sheet"?o&&r:e==="modal"?o:o&&n;return U("div",{ref:y,className:P.scrim,style:c||e!=="floating"?O:void 0,role:"presentation","data-kind":e,"data-side":R,"data-open":o?"":void 0,"data-presented":t?"":void 0,children:[c&&p(G,{position:"absolute",variant:A,blur:B,onClick:o&&(e==="modal"||F)?i:void 0,className:P.fade}),e==="floating"&&!n?a:p(J,{active:!!s,restoreFocus:!1,className:P.trap,children:a})]})}const z=X.forwardRef(function(e,R){const{variant:o,open:t,onOpenChange:i,className:m,purpose:_,children:d}=e,O=Q(),r=_??me[o],A=r==="tooltip"?0:ce,{shouldRender:B,presented:u}=K(t,A),f=o==="popover"||o==="dropdown",l=f?e:null,n=l?.targetRef,b=l?.triggerMode??"manual",S=x(null),k=j(R,S),L=x(null),C=Y(V=>{i(V)},[i]),y=Y(()=>{i(!1)},[i]),{pointerRef:E,clearTimers:w,closeTimerRef:F,openHover:c}=ie({enabled:f,open:t,targetRef:n??L,contentRef:S,triggerMode:b,purpose:r,openDelay:l?.openDelay??pe,closeDelay:l?.closeDelay??q,requestOpen:C}),N=oe(void 0,e.zIndex??ae(r),O),g=f?$(O)??N:N,v=g!=null?{zIndex:g}:void 0;if(!B)return null;const a=e,s=e,T=I(a.dismiss,{outside:!!a.backdrop,escape:!0}),H=I(s.dismiss,{outside:!!s.backdrop,escape:!0}),Z=I(l?.dismiss,{outside:b==="click",escape:b!=="hover"}),D={"aria-label":e["aria-label"],"aria-labelledby":e["aria-labelledby"],"aria-describedby":e["aria-describedby"],role:e.role};let h=null;if(o==="modal"){const V=e;h=p(M,{kind:"modal",open:t,onClose:y,presented:u,className:m,layerStyle:v,backdropVariant:V.backdropVariant??(r==="lightbox"?"strong":void 0),backdropBlur:V.backdropBlur??(r==="lightbox"?"md":void 0),contentRef:k,...D,children:d})}else o==="floating"?h=p(M,{kind:"floating",open:t,onClose:y,presented:u,className:m,style:a.style,layerStyle:v,backdrop:a.backdrop,backdropVariant:a.backdropVariant,backdropBlur:a.backdropBlur,closeOnOutsideClick:T.outside,closeOnEscape:T.escape,lockScroll:a.lockScroll,trapFocus:a.trapFocus,contentRef:k,...D,children:d}):o==="sheet"?h=p(M,{kind:"sheet",side:s.side??"bottom",open:t,presented:u,onClose:y,className:m,layerStyle:v,backdrop:s.backdrop,backdropVariant:s.backdropVariant,backdropBlur:s.backdropBlur,closeOnOutsideClick:H.outside,closeOnEscape:H.escape,contentRef:k,...D,children:d}):f&&n&&(h=p(ne,{variant:o,purpose:r,open:t,targetRef:n,contentRef:k,triggerMode:b,side:l?.side??"bottom",align:l?.align??"start",sideOffset:re(r),widthMode:o==="dropdown"?e.widthMode??"trigger-fit":"content",presented:u,className:m,layerStyle:v,closeDelay:l?.closeDelay??q,closeOnOutsideClick:Z.outside,closeOnEscape:Z.escape,clearTimers:w,closeTimerRef:F,pointerRef:E,requestOpen:C,openHover:c,...D,children:d}));return le(p(W,{value:g??ee,children:h}))});z.displayName="Overlay";export{z as Overlay};