altum 0.0.2 → 0.0.4

package/dist/components/DonutChart/DonutChart.js

@@ -1 +1 @@
-"use client";import{jsxs as h,jsx as c}from"react/jsx-runtime";import{forwardRef as V,useState as z,useMemo as A}from"react";import n from"./DonutChart.module.css.js";import{cn as W}from"../../utils/cn.js";import{useLocale as K}from"../../locales/localeContext.js";import{chartSeriesColor as O}from"../../base/ChartBase/ChartBase.utils.js";import{ChartBase as q,ChartLegend as F}from"../../base/ChartBase/ChartBase.js";const b=6;function S(s,r,l,u){const i=(u-90)*Math.PI/180;return{x:s+l*Math.cos(i),y:r+l*Math.sin(i)}}function D(s,r,l,u,i){const v=S(s,r,l,i),k=S(s,r,l,u),t=i-u>180?1:0;return`M ${v.x} ${v.y} A ${l} ${l} 0 ${t} 0 ${k.x} ${k.y}`}const E=V(function({segments:s,size:r=160,thickness:l=22,centerLabel:u,centerValue:i,className:v,showLegend:k=!0,hoverExpand:t=!0,...I},P){const{t:R}=K(),[f,N]=z(null),d=A(()=>s.reduce((e,a)=>e+Math.max(0,a.value),0),[s]),$=(r-l)/2-(t?b:0),x=r/2,M=r/2,L=s.reduce((e,a,g)=>{const m=Math.max(0,a.value),y=d>0?m/d*360:0,p=e.angle,H=p+y,B=a.id??`${a.label}-${g}`;return{angle:H,list:[...e.list,{...a,key:B,start:p,end:y>=359.9?p+359.9:H,color:O(g,a.color),value:m,percent:d>0?Math.round(m/d*100):0}]}},{list:[],angle:0}).list,o=L.find(e=>e.key===f)??null,w=o&&t?o.value:i,C=o&&t?o.label:u,j=w!=null||C!=null||t&&o!=null;return h(q,{containerRef:P,className:W(n.root,v),...I,children:[h("div",{className:n.chartWrap,style:{width:r,height:r},children:[h("svg",{width:r,height:r,role:"img","aria-label":R("charts.donut"),onMouseLeave:()=>N(null),children:[c("circle",{cx:x,cy:M,r:$,fill:"none",stroke:"var(--altum-color-border)",strokeWidth:l,className:n.track}),d>0&&L.map(e=>{const a=t&&f===e.key,g=t&&f!=null&&!a,m=a?$+b/2:$,y=a?l+b:l,p=D(x,M,$,e.start,e.end);return h("g",{children:[t&&c("path",{d:p,fill:"none",stroke:"transparent",strokeWidth:l+b,strokeLinecap:"butt",className:n.segmentHit,onMouseEnter:()=>N(e.key),children:c("title",{children:`${e.label}: ${e.value}`})}),c("path",{d:D(x,M,m,e.start,e.end),fill:"none",stroke:e.color,strokeWidth:y,strokeLinecap:"butt",pointerEvents:t?"none":"auto",className:W(n.segment,a&&n.active,g&&n.dimmed),children:!t&&c("title",{children:`${e.label}: ${e.value}`})})]},e.key)})]}),j&&h("div",{className:W(n.center,o&&t&&n.centerHover),children:[w!=null&&c("span",{className:n.centerValue,children:w}),C!=null&&c("span",{className:n.centerLabel,children:C}),o&&t&&h("span",{className:n.centerPercent,children:[o.percent,"%"]})]})]}),k&&c(F,{layout:"stack",showWhenSingle:!0,onItemHover:t?N:void 0,items:L.map(e=>({id:e.key,name:e.label,color:e.color,active:t&&f===e.key,detail:d>0?`${e.value} \xB7 ${e.percent}%`:String(e.value)}))})]})});E.displayName="DonutChart";export{E as DonutChart};
+"use client";import{jsxs as d,jsx as h}from"react/jsx-runtime";import{forwardRef as P,useState as j}from"react";import l from"./DonutChart.module.css.js";import M from"../../styles/chartSeries.module.css.js";import{cn as W}from"../../utils/cn.js";import{chartSeriesColor as B}from"../../base/ChartBase/colors.js";import{ChartBase as H}from"../../base/ChartBase/ChartBase.js";import{ChartLegend as V}from"../../base/ChartBase/ChartLegend.js";const q=Math.PI/180;function A(n,r,t,u){const c=(u-90)*q;return[n+t*Math.cos(c),r+t*Math.sin(c)]}function z(n,r,t,u,c){const[f,v]=A(n,r,t,c),[a,k]=A(n,r,t,u);return`M${f} ${v}A${t} ${t} 0 ${c-u>180?1:0} 0 ${a} ${k}`}const D=P(function({segments:n,size:r=160,thickness:t=22,centerLabel:u,centerValue:c,className:f,showLegend:v=!0,hoverExpand:a=!0,...k},E){const[p,g]=j(null),i=n.reduce((e,o)=>e+Math.max(0,o.value),0),x=(r-t)/2,C=r/2,w=r/2;let y=0;const N=n.map((e,o)=>{const m=Math.max(0,e.value),L=i>0?m/i*360:0,S=y;return y+=L,{key:e.id??`${e.label}-${o}`,label:e.label,value:m,start:S,end:L>=359.9?S+359.9:y,color:B(o,e.color),percent:i>0?Math.round(m/i*100):0}}),s=N.find(e=>e.key===p)??null,$=s&&a?s.value:c,b=s&&a?s.label:u,I=$!=null||b!=null||a&&s!=null;return d(H,{ref:E,className:W(l.root,f),...k,children:[d("div",{className:l.chartWrap,style:{width:r,height:r},role:"img","aria-label":"\u041A\u0440\u0443\u0433\u043E\u0432\u0430\u044F \u0434\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430",children:[d("svg",{width:r,height:r,"aria-hidden":!0,onMouseLeave:()=>g(null),children:[h("circle",{cx:C,cy:w,r:x,fill:"none",stroke:"var(--altum-color-border)",strokeWidth:t,className:l.track}),i>0&&N.map(e=>{const o=a&&p===e.key,m=a&&p!=null&&!o;return h("path",{d:z(C,w,x,e.start,e.end),fill:"none",stroke:e.color,strokeWidth:t,strokeLinecap:"butt",className:W(M.item,l.segment,o&&M.active,o&&l.grow,m&&M.dimmed),onMouseEnter:a?()=>g(e.key):void 0},e.key)})]}),I&&d("div",{className:l.center,children:[$!=null&&h("span",{className:l.centerValue,children:$}),b!=null&&h("span",{className:l.centerLabel,children:b}),s&&a&&d("span",{className:l.centerPercent,children:[s.percent,"%"]})]})]}),v&&h(V,{className:l.legendStack,layout:"stack",showWhenSingle:!0,onItemHover:a?g:void 0,items:N.map(e=>({id:e.key,name:e.label,color:e.color,active:a&&p===e.key,detail:i>0?`${e.value} \xB7 ${e.percent}%`:String(e.value)}))})]})});D.displayName="DonutChart";export{D as DonutChart};

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

@@ -1 +1 @@
-"use client";var n=".vNsqB{align-items:center;display:flex;flex-wrap:wrap;font-family:inherit;gap:var(--altum-g-space-4)}.vNsqB ._3FvZg{flex-shrink:0;overflow:visible;position:relative}:is(.vNsqB ._3FvZg) svg{display:block;overflow:visible}.vNsqB .x3rS8{pointer-events:none}.vNsqB .u0cWz{cursor:pointer}.vNsqB .mtR7l{transition:stroke-width .2s ease-in-out,opacity .2s ease-in-out}._0Mq0b:is(.vNsqB .mtR7l){opacity:.35}._7s144:is(.vNsqB .mtR7l){opacity:1}@media (prefers-reduced-motion:reduce){.vNsqB .mtR7l{transition:none}}.vNsqB .D1uwS{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:var(--altum-g-space-3);pointer-events:none;position:absolute;text-align:center;transition:opacity .2s ease-in-out}.vNsqB .Mo0eE .VQrr2,.vNsqB .VQrr2{color:var(--altum-color-input-text)}.vNsqB .VQrr2{font-size:var(--altum-control-icon-size-lg);font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-bold);line-height:1.1}.vNsqB ._0nK7f{font-size:var(--altum-g-font-size-xs)}.vNsqB ._0nK7f,.vNsqB .v8-uq{color:var(--altum-color-muted);margin-top:var(--altum-g-space-1)}.vNsqB .v8-uq{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-semibold)}";const i={root:"vNsqB",chartWrap:"_3FvZg",track:"x3rS8",segmentHit:"u0cWz",segment:"mtR7l",dimmed:"_0Mq0b",active:"_7s144",center:"D1uwS",centerHover:"Mo0eE",centerValue:"VQrr2",centerLabel:"_0nK7f",centerPercent:"v8-uq"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(n);export{i as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".vNsqB{align-items:center;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-4)}._3FvZg{flex-shrink:0;overflow:visible;position:relative}.x3rS8{pointer-events:none}.mtR7l{transform-box:view-box;transform-origin:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.mtR7l{transition:none}}._3T5Xw{transform:scale(1.04)}.D1uwS{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:var(--altum-g-space-3);pointer-events:none;position:absolute;text-align:center}.VQrr2{color:var(--altum-color-input-text);font-size:var(--altum-control-icon-size-lg);font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-bold);line-height:1.1}._0nK7f{font-size:var(--altum-g-font-size-xs)}._0nK7f,.v8-uq{color:var(--altum-color-muted);margin-top:var(--altum-g-space-1)}.v8-uq{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-semibold)}._6sEf6{--altum-chart-swatch-size:10px;flex:1;flex-wrap:nowrap;margin-top:0;min-width:var(--altum-chart-legend-min-width)}";const n={root:"vNsqB",chartWrap:"_3FvZg",track:"x3rS8",segment:"mtR7l",grow:"_3T5Xw",center:"D1uwS",centerValue:"VQrr2",centerLabel:"_0nK7f",centerPercent:"v8-uq",legendStack:"_6sEf6"};t(e);export{n as default};

package/dist/components/Dropdown/Dropdown.js

@@ -1 +1 @@
-"use client";import{jsx as b}from"react/jsx-runtime";import{forwardRef as P,useRef as T,useId as V,useCallback as O,useEffect as B,useMemo as U,Suspense as W,createContext as Y,useContext as $,lazy as G}from"react";import{composeRefs as _}from"../../utils/composeRefs.js";import{ButtonIcon as J}from"../ButtonIcon/ButtonIcon.js";import C from"./Dropdown.module.css.js";import{focusElement as q}from"../../utils/a11y.js";import{useOutsideClick as X}from"../../hooks/useOutsideClick.js";import{useMediaQuery as ee,MOBILE_MEDIA_QUERY as oe}from"../../hooks/useMediaQuery.js";import{useDocumentKeyDown as re}from"../../hooks/useDocumentKeyDown.js";import{useControlledState as ne}from"../../hooks/useControlledState.js";import{queryFocusableElements as te,FOCUSABLE_WITH_ROLES_SELECTOR as ie,handleTabCycle as le,handleFocusableListNavigation as ae}from"../../utils/focus.js";import{cn as F}from"../../utils/cn.js";import{composeEventHandlers as H}from"../../utils/composeEvents.js";import{useOverlayStackZIndex as ue,elevateAboveOverlayStack as ce}from"../../utils/overlayStack.js";import{Box as se}from"../Box/Box.js";import{Overlay as de}from"../Overlay/Overlay.js";import{renderChildren as pe}from"../../utils/renderChildren.js";import{useLocale as me}from"../../locales/localeContext.js";const fe=G(async()=>({default:(await import("./DropdownMobileSheet.js")).DropdownMobileSheet})),j=Y(null);function z(t){const s=$(j);if(!s)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 Dropdown`);return s}function be(t){return t==="left"||t==="auto"?"start":t==="right"?"end":"center"}const K=P(function({children:t,open:s,onClose:h,onOpenChange:p,popupRole:a="none",triggerMode:g="toggle",className:E,...w},D){const A=ue(),M=ce(A),r=g==="combobox",[o,x]=ne(s,!1),m=ee(oe),i=T(null),c=T(null),v=T(null),S=T(null),y=V(),R=a==="menu",N=O(()=>i.current?i.current.querySelector('[role="combobox"]')??i.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')??i.current:null,[]),l=O(()=>{if(h?.(),p?.(!1),x(!1),r){const n=document.activeElement;if(n instanceof Node&&i.current?.contains(n)||!(n instanceof Node&&(c.current?.contains(n)||v.current?.contains(n))))return}const e=S.current??N();q(e)},[N,r,h,p,x]),u=O(()=>{S.current=document.activeElement,p?.(!0),x(!0)},[p,x]),d=O(()=>{o?l():u()},[l,o,u]),k=O(e=>{if(r){if(o&&(e.key==="Enter"||e.key===" "))return;!o&&(e.key==="Enter"||e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),u());return}if(e.key==="Enter"||e.key===" "){e.preventDefault(),d();return}!o&&(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),u())},[r,o,u,d]);X([i,v],l,{enabled:o&&m}),re(e=>{if(!o||!c.current)return;const n=te(c.current,ie);if(n.length===0||le(e,n,{wrap:R||m,onTabForwardFromLast:R||m?void 0:l}))return;const f=c.current.contains(document.activeElement);r&&!f||ae(e,n)},{enabled:o}),B(()=>{if(!o||r||!c.current)return;const e=c.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="option"]');q(e)},[r,o]),B(()=>{if(!o||!r)return;const e=n=>{const f=n.target;i.current?.contains(f)||c.current?.contains(f)||v.current?.contains(f)||l()};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[l,r,o]);const I=U(()=>({type:"button","aria-haspopup":a==="menu"?"menu":a==="dialog"?"dialog":"listbox","aria-expanded":o,"aria-controls":o?y:void 0,onKeyDown:k,onClick:e=>{if(r){o||u();return}e.preventDefault(),d()}}),[y,k,r,o,u,a,d]),L=U(()=>({isOpen:o,openDropdown:u,closeDropdown:l,toggleDropdown:d,triggerRef:i,dropdownRef:c,sheetRef:v,dropdownId:y,popupRole:a,triggerMode:g,isCombobox:r,isMobile:m,elevatedZIndex:M,handleTriggerKeyDown:k,triggerAttrs:I}),[l,y,M,k,r,m,o,u,a,d,I,g]);return b(j.Provider,{value:L,children:b("div",{ref:D,className:F(C.root,E),...w,children:t})})}),Q=P(function(t,s){const{children:h,asChild:p,className:a}=t,{triggerRef:g,triggerAttrs:E}=z("Dropdown.Trigger"),w=p===!0,D={...E,...w?{tabIndex:0}:{},...a?{className:a}:{}};return pe({asChild:w,children:h,props:D,contentRef:_(s,g)})}),Z=P(function({children:t,className:s,boxProps:h,onClick:p,onMouseDown:a,align:g="auto",widthMode:E="content",panelScroll:w="overlay",mobileTitle:D,mobileLeftControls:A,mobileRightControls:M,...r},o){const{t:x}=me(),{isOpen:m,closeDropdown:i,triggerRef:c,dropdownRef:v,sheetRef:S,dropdownId:y,popupRole:R,isCombobox:N,isMobile:l,elevatedZIndex:u}=z("Dropdown.Content"),d=R==="none"?void 0:R,k=M??(D?b(J,{appearance:"diskClose","aria-label":x("common.close"),onClick:i}):void 0),I=F(l?C.mobilePanel:C.dropdownOverlay,w==="content"?C.dropdownPanelContentScroll:"",s),L={onClick:H(p,e=>e.stopPropagation()),onMouseDown:H(a,e=>{N&&e.preventDefault()})};return l?b(W,{fallback:null,children:b(fe,{sheetRef:S,open:m,onClose:i,zIndex:u,mobileTitle:D,mobileLeftControls:A,mobileRightControls:k,children:b("div",{id:y,ref:_(o,v),role:d,className:I,...r,...L,children:t})})}):b(de,{ref:o,variant:"dropdown",purpose:"dropdown",open:m,onClose:i,targetRef:c,triggerMode:"manual",side:"bottom",align:be(g),widthMode:E,closeOnOutsideClick:!0,closeOnEscape:!0,asChild:!1,children:(e,n)=>b(se,{as:"div",variant:"floating",id:y,ref:f=>{v.current=f,n(f)},role:d,className:F(l?C.mobilePanel:C.dropdownOverlay,w==="content"?C.dropdownPanelContentScroll:"",e.className,s),style:e.style,"data-side":e["data-side"],...h,...r,...L,children:t})})});K.displayName="Dropdown",Q.displayName="Dropdown.Trigger",Z.displayName="Dropdown.Content";const ge=Object.assign(K,{Trigger:Q,Content:Z});export{ge as Dropdown};
+"use client";import{jsx as s,jsxs as Z}from"react/jsx-runtime";import{forwardRef as X,useRef as y,useId as $,useCallback as m,useEffect as N,useMemo as ee,Suspense as oe,lazy as ne}from"react";import{ButtonIcon as te}from"../ButtonIcon/ButtonIcon.js";import{IconCross as re}from"../../icons/icons/IconCross.js";import ae from"../../styles/overlayClose.module.css.js";import g from"./Dropdown.module.css.js";import{focusElement as O}from"../../utils/a11y.js";import{useMediaQuery as ie,MOBILE_MEDIA_QUERY as le}from"../../hooks/useMediaQuery.js";import{useDocumentKeyDown as ce}from"../../hooks/useDocumentKeyDown.js";import{useControlledState as se}from"../../hooks/useControlledState.js";import{queryFocusableElements as ue,handleTabCycle as me,handleFocusableListNavigation as de,FOCUSABLE_WITH_ROLES_SELECTOR as fe}from"../../utils/focus.js";import{cn as I}from"../../utils/cn.js";import{useOverlayStackZIndex as pe,elevateAboveOverlayStack as be}from"../../utils/overlayStack.js";import{Box as ve}from"../Box/Box.js";import{useLocale as ye}from"../../locales/localeContext.js";import{Overlay as ge}from"../Overlay/Overlay.js";const he=ne(async()=>({default:(await import("./DropdownMobileSheet.js")).DropdownMobileSheet}));function we(a){return a==="left"||a==="start"||a==="auto"?"start":a==="right"||a==="end"?"end":"center"}const A=X(function({children:a,renderTrigger:T,open:q,onOpenChange:d,popupRole:u="none",triggerMode:F="toggle",className:_,boxProps:B,align:U="auto",widthMode:z="content",panelScroll:j="overlay",mobileTitle:E,mobileLeftControls:K,mobileRightControls:P,panelClassName:Q,...Y},G){const{t:H}=ye(),J=pe(),V=be(J),n=F==="combobox",[o,f]=se(q,!1),p=ie(le),i=y(null),r=y(null),h=y(null),C=y(null),b=$(),D=u==="menu",S=m(()=>i.current?i.current.querySelector('[role="combobox"]')??i.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')??i.current:null,[]),l=m(()=>{if(d?.(!1),f(!1),n){const t=document.activeElement;if(t instanceof Node&&i.current?.contains(t)||!(t instanceof Node&&(r.current?.contains(t)||h.current?.contains(t))))return}const e=C.current??S();O(e)},[S,n,d,f]),c=m(()=>{C.current=document.activeElement,d?.(!0),f(!0)},[d,f]),v=m(()=>{o?l():c()},[l,o,c]),M=m(e=>{if(n){if(o&&(e.key==="Enter"||e.key===" "))return;!o&&(e.key==="Enter"||e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),c());return}if(e.key==="Enter"||e.key===" "){e.preventDefault(),v();return}!o&&(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),c())},[n,o,c,v]);ce(e=>{if(!o||!r.current)return;const t=ue(r.current,fe);t.length!==0&&(me(e,t,{wrap:D||p,onTabForwardFromLast:D||p?void 0:l})||n&&!r.current.contains(document.activeElement)||de(e,t))},{enabled:o}),N(()=>{!o||n||!r.current||O(r.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="option"]'))},[n,o]),N(()=>{if(!o||!n)return;const e=t=>{const x=t.target;i.current?.contains(x)||r.current?.contains(x)||h.current?.contains(x)||l()};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[l,n,o]);const W=ee(()=>({type:"button","aria-haspopup":u==="menu"?"menu":u==="dialog"?"dialog":"listbox","aria-expanded":o,"aria-controls":o?b:void 0,...n?{}:{tabIndex:0},onKeyDown:M,onClick:e=>{if(n){o||c();return}e.preventDefault(),v()}}),[b,M,n,o,c,u,v]),w=u==="none"?void 0:u,R=I(g.panel,p&&g.mobile,j==="content"&&g.contentScroll,Q),L={onClick:e=>e.stopPropagation(),onMouseDown:e=>{n&&e.preventDefault()}};let k=null;return p?k=s(oe,{fallback:null,children:s(he,{sheetRef:h,open:o,onOpenChange:e=>{e||l()},zIndex:V,mobileTitle:E,mobileLeftControls:K,mobileRightControls:P??(E?s(te,{appearance:"diskClose","aria-label":H("common.close"),icon:s(re,{className:ae.icon,size:16,"aria-hidden":!0}),onClick:l}):void 0),children:s("div",{id:b,ref:r,role:w,className:R,...L,children:a})})}):k=s(ge,{ref:r,variant:"dropdown",purpose:"dropdown",open:o,onOpenChange:e=>{e||l()},targetRef:i,triggerMode:"manual",side:"bottom",align:we(U),widthMode:z,dismiss:"all",role:w??"presentation",children:s(ve,{as:"div",variant:"floating",id:b,role:w,className:R,...B,...L,children:a})}),Z("div",{ref:G,className:I(g.root,_),...Y,children:[T(W,e=>{i.current=e}),k]})});A.displayName="Dropdown";export{A as Dropdown};

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

@@ -1 +1 @@
-"use client";var n=".uVyL0{display:inline-block}.CiE4S,.pSSSn{box-sizing:border-box;color:var(--altum-color-text);overflow-x:hidden;overflow-y:auto}.pSSSn{width:100%}._3ufyC{box-sizing:border-box;padding-block:var(--altum-g-space-1)}._3ufyC,._3ufyC.pSSSn{overflow:hidden}";const t={root:"uVyL0",dropdownOverlay:"CiE4S",mobilePanel:"pSSSn",dropdownPanelContentScroll:"_3ufyC"};(function(o){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=o,document.head.appendChild(e)}})(n);export{t as default};
+"use client";import{injectCss as o}from"../../utils/injectCss.js";var e=".uVyL0{display:inline-block}.TV-Oz{box-sizing:border-box;color:var(--altum-color-text);overflow-x:hidden;overflow-y:auto}.TV-Oz.GXRXz{width:100%}.o8uuM{overflow:hidden;padding-block:var(--altum-g-space-1)}";const l={root:"uVyL0",panel:"TV-Oz",mobile:"GXRXz",contentScroll:"o8uuM"};o(e);export{l as default};

package/dist/components/Dropdown/DropdownMobileSheet.js

@@ -1 +1 @@
-"use client";import{jsxs as f,jsx as l}from"react/jsx-runtime";import{Sheet as o}from"../Sheet/Sheet.js";const i=({sheetRef:r,open:d,onClose:s,zIndex:h,mobileTitle:e,mobileLeftControls:n,mobileRightControls:t,children:p})=>f(o,{ref:r,open:d,onClose:s,mode:"sheet",direction:"end",backdrop:!1,zIndex:h,children:[(e!=null||n!=null||t!=null)&&l(o.Header,{leftControls:n,rightControls:t,children:e==null?null:typeof e=="string"||typeof e=="number"?l(o.Title,{children:e}):e}),l(o.Body,{padding:!1,children:p})]});i.displayName="Dropdown.MobileSheet";export{i as DropdownMobileSheet};
+"use client";import{jsxs as m,jsx as o}from"react/jsx-runtime";import{Sheet as l}from"../Sheet/Sheet.js";const t=({sheetRef:r,open:d,onOpenChange:s,zIndex:h,mobileTitle:e,mobileLeftControls:n,mobileRightControls:i,children:p})=>m(l,{ref:r,open:d,onOpenChange:s,mode:"sheet",direction:"end",backdrop:!1,dismiss:"all",zIndex:h,children:[(e!=null||n!=null||i!=null)&&o(l.Header,{leftControls:n,rightControls:i,children:e==null?null:typeof e=="string"||typeof e=="number"?o(l.Title,{children:e}):e}),o(l.Body,{padding:!1,children:p})]});t.displayName="Dropdown.MobileSheet";export{t as DropdownMobileSheet};

package/dist/components/EmptyState/EmptyState.js

@@ -1 +1 @@
-"use client";import{jsxs as f,jsx as e}from"react/jsx-runtime";import{forwardRef as N}from"react";import t from"./EmptyState.module.css.js";import{cn as h}from"../../utils/cn.js";const r=N(function({icon:i,title:o,description:s,action:c,size:m="md",className:n,style:l,...d},p){const a=m;return f("div",{ref:p,className:h(t.emptyState,t[a],n),style:l,...d,"data-size":a,children:[i&&e("div",{className:t.icon,children:i}),e("h3",{className:t.title,children:o}),s&&e("p",{className:t.description,children:s}),c&&e("div",{className:t.action,children:c})]})});r.displayName="EmptyState";export{r as EmptyState};
+"use client";import{jsxs as d,jsx as t}from"react/jsx-runtime";import{forwardRef as p}from"react";import{Text as f}from"../Text/Text.js";import{Title as N}from"../Title/Title.js";import e from"./EmptyState.module.css.js";import{cn as u}from"../../utils/cn.js";const c=p(function({icon:i,title:m,description:r,action:l,size:o="md",className:s,...a},n){return d("div",{ref:n,className:u(e.emptyState,o!=="md"&&e[o],s),...a,children:[i?t("div",{className:e.icon,children:i}):null,t(N,{level:3,className:e.title,children:m}),r?t(f,{as:"p",color:"secondary",className:e.description,children:r}):null,l?t("div",{className:e.action,children:l}):null]})});c.displayName="EmptyState";export{c as EmptyState};

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

@@ -1 +1 @@
-"use client";var e=".OlmHA{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--altum-g-font-family-ui);justify-content:center;text-align:center}.dTpw9{padding:var(--altum-g-space-8) var(--altum-g-space-6)}.dTpw9 .qVCyh{font-size:calc(var(--altum-g-font-size-4xl)*1.5)}.dTpw9 .xPfUf{font-size:var(--altum-g-font-size-lg)}.cftlu{padding:calc(var(--altum-g-space-8) + var(--altum-g-space-8)) var(--altum-g-space-8)}.cftlu .qVCyh{font-size:calc(var(--altum-g-font-size-4xl)*1.75);margin-bottom:var(--altum-g-space-5)}.cftlu .xPfUf{font-size:var(--altum-g-font-size-xl)}.cftlu .oWwH1{font-size:var(--altum-g-font-size-base);max-width:400px}.bnLtD{padding:var(--altum-g-space-4) var(--altum-g-space-3)}.bnLtD .qVCyh{font-size:calc(var(--altum-g-font-size-3xl) + var(--altum-g-space-1));margin-bottom:var(--altum-g-space-2)}.bnLtD .xPfUf{font-size:var(--altum-g-font-size-sm);margin-bottom:var(--altum-g-space-1)}.bnLtD .oWwH1{font-size:var(--altum-g-font-size-2xs);margin-bottom:var(--altum-g-space-3);max-width:240px}.qVCyh{align-items:center;color:var(--altum-color-empty-icon,var(--altum-color-text-secondary));display:flex;justify-content:center;line-height:0;margin-bottom:var(--altum-g-space-4)}.xPfUf{color:var(--altum-color-ink-default);font-weight:var(--altum-g-font-weight-semibold);margin:0 0 var(--altum-g-space-2)}.oWwH1{color:var(--altum-color-text-secondary);font-size:var(--altum-g-font-size-base);line-height:1.5;margin:0 0 var(--altum-g-space-5);max-width:320px}.dqxw1{margin-top:var(--altum-g-space-1)}";const l={emptyState:"OlmHA",md:"dTpw9",icon:"qVCyh",title:"xPfUf",lg:"cftlu",description:"oWwH1",sm:"bnLtD",action:"dqxw1"};(function(a){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=a,document.head.appendChild(t)}})(e);export{l as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var t=".OlmHA{--altum-es-pad:var(--altum-g-space-8) var(--altum-g-space-6);--altum-es-icon:calc(var(--altum-g-font-size-4xl)*1.5);--altum-es-title:var(--altum-g-font-size-lg);--altum-es-desc:var(--altum-g-font-size-base);--altum-es-desc-w:320px;--altum-es-icon-mb:var(--altum-g-space-4);--altum-es-title-mb:var(--altum-g-space-2);--altum-es-desc-mb:var(--altum-g-space-5);align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--altum-es-pad);text-align:center}.bnLtD{--altum-es-pad:var(--altum-g-space-4) var(--altum-g-space-3);--altum-es-icon:calc(var(--altum-g-font-size-3xl) + var(--altum-g-space-1));--altum-es-title:var(--altum-g-font-size-sm);--altum-es-desc:var(--altum-g-font-size-2xs);--altum-es-desc-w:240px;--altum-es-icon-mb:var(--altum-g-space-2);--altum-es-title-mb:var(--altum-g-space-1);--altum-es-desc-mb:var(--altum-g-space-3)}.cftlu{--altum-es-pad:calc(var(--altum-g-space-8) + var(--altum-g-space-8)) var(--altum-g-space-8);--altum-es-icon:calc(var(--altum-g-font-size-4xl)*1.75);--altum-es-title:var(--altum-g-font-size-xl);--altum-es-desc-w:400px;--altum-es-icon-mb:var(--altum-g-space-5)}.qVCyh{align-items:center;color:var(--altum-color-empty-icon,var(--altum-color-text-secondary));display:flex;font-size:var(--altum-es-icon);justify-content:center;line-height:0;margin-bottom:var(--altum-es-icon-mb)}.xPfUf{color:var(--altum-color-ink-default);font-size:var(--altum-es-title);font-weight:var(--altum-g-font-weight-semibold);margin:0 0 var(--altum-es-title-mb)}.oWwH1{color:var(--altum-color-text-secondary);font-size:var(--altum-es-desc);line-height:var(--altum-g-line-height-base);margin:0 0 var(--altum-es-desc-mb);max-width:var(--altum-es-desc-w)}.dqxw1{margin-top:var(--altum-g-space-1)}";const e={emptyState:"OlmHA",sm:"bnLtD",lg:"cftlu",icon:"qVCyh",title:"xPfUf",description:"oWwH1",action:"dqxw1"};a(t);export{e as default};

package/dist/components/FieldLabel/FieldLabel.js

@@ -1 +1 @@
-"use client";import{jsxs as x,jsx as r}from"react/jsx-runtime";import{forwardRef as F,useId as L}from"react";import{toCssSize as C}from"../../utils/cssSize.js";import e from"./FieldLabel.module.css.js";import{cn as a}from"../../utils/cn.js";import{mergeStyles as S}from"../../utils/mergeStyles.js";const s=F(function({label:d,children:m,layout:l="vertical",size:n="md",htmlFor:i,labelWidth:t,align:c="center",justify:f="start",className:b,style:h,labelClassName:p,contentClassName:v,id:u,...y},N){const z=L(),o=u??z,g=a(e.fieldLabel,e[n],e[l],l==="horizontal"?e[`align_${c}`]:"",l==="horizontal"?e[`justify_${f}`]:"",l==="horizontal"&&t!==void 0?e.fixedLabelWidth:"",b),j=S(t!==void 0?{"--altum-field-label-width":C(t)}:void 0,h);return x("div",{ref:N,className:g,style:j,...y,children:[r(i?"label":"span",{id:i?void 0:o,htmlFor:i,className:a(e.label,p),children:d}),r("div",{className:a(e.content,v),"aria-labelledby":i?void 0:o,children:m})]})});s.displayName="FieldLabel";export{s as FieldLabel};
+"use client";import{jsxs as F,jsx as s}from"react/jsx-runtime";import{forwardRef as v}from"react";import{toCssSize as z}from"../../utils/cssSize.js";import{mergeStyles as j}from"../../utils/mergeStyles.js";import{useFallbackId as C}from"../../hooks/useFallbackId.js";import l from"./FieldLabel.module.css.js";import{cn as o}from"../../utils/cn.js";import{Flex as L}from"../../base/Flex/Flex.js";import{Type as S}from"../../base/Type/Type.js";import{As as k}from"../../base/As/As.js";const A={sm:"xs",md:"sm",lg:"md"},m=v(function({label:n,children:d,layout:c="vertical",size:f="md",htmlFor:r,labelWidth:t,align:p="center",justify:a="start",className:b,style:h,labelClassName:u,contentClassName:y,id:w,...g},x){const N=C(w),i=r?void 0:N,e=c==="horizontal";return F(L,{ref:x,direction:e?"row":"column",gap:e?"lg":"xs",align:e?p:"start",justify:e?a:"start",wrap:!1,className:o(e&&l.horizontal,e&&a==="between"&&l.between,e&&t!==void 0&&l.fixed,b),style:j(t!==void 0?{"--altum-field-label-width":z(t)}:void 0,h),...g,children:[s(S,{as:r?"label":"span",id:i,size:A[f],weight:"medium",className:o(l.label,u),...r?{htmlFor:r}:null,children:n}),s(k,{className:o(l.content,y),"aria-labelledby":i,children:d})]})});m.displayName="FieldLabel";export{m as FieldLabel};

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

@@ -1 +1 @@
-"use client";var i=".mYhbC{--altum-field-label-width:140px;display:flex;font-family:var(--altum-g-font-family-ui);max-width:100%;min-width:0;width:100%}.JHH4i{align-items:flex-start;flex-direction:column;gap:var(--altum-g-space-1)}.JHH4i .Ow6f4,.NMckM{width:100%}.NMckM{flex-direction:row;gap:var(--altum-g-space-4);max-width:100%}.NMckM ._9k-62{flex:0 0 var(--altum-field-label-width);max-width:40%;width:var(--altum-field-label-width)}.NMckM .Ow6f4{flex:1 1 0;min-width:0}.NMckM.DBhNo{justify-content:space-between}.NMckM.DBhNo:not(.LmAub) ._9k-62{flex:0 1 auto;max-width:60%;width:auto}.NMckM.DBhNo .Ow6f4{flex:0 1 auto;margin-left:auto;text-align:end;width:auto}.WJ3bw.NMckM{align-items:flex-start}.ZzMKO.NMckM{align-items:center}._11jpQ.NMckM{align-items:baseline}._11jpQ.NMckM .Ow6f4,._11jpQ.NMckM ._9k-62{line-height:1.35}._9k-62{color:var(--altum-field-label,var(--altum-color-muted));display:block;font-size:calc(var(--altum-g-font-size-base)*.78);font-weight:var(--altum-g-font-weight-medium);line-height:1.25;margin:0;padding:0;transform-origin:left top;transition:var(--altum-transition-smooth)}.C-bgg ._9k-62{font-size:calc(var(--altum-g-font-size-2xs)*.78)}._6g4fZ ._9k-62{font-size:calc(var(--altum-g-font-size-lg)*.78)}.Ow6f4{color:var(--altum-color-input-text);display:block;font-size:var(--altum-g-font-size-base);line-height:1.35;min-width:0;width:100%}.C-bgg .Ow6f4{font-size:var(--altum-g-font-size-2xs,var(--altum-g-font-size-xs));line-height:1.35}._6g4fZ .Ow6f4{font-size:var(--altum-g-font-size-lg)}";const a={fieldLabel:"mYhbC",vertical:"JHH4i",content:"Ow6f4",horizontal:"NMckM",label:"_9k-62",justify_between:"DBhNo",fixedLabelWidth:"LmAub",align_start:"WJ3bw",align_center:"ZzMKO",align_baseline:"_11jpQ",sm:"C-bgg",lg:"_6g4fZ"};(function(e){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=e,document.head.appendChild(t)}})(i);export{a as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".NMckM{--altum-field-label-width:140px}.NMckM ._9k-62{flex:0 0 var(--altum-field-label-width);max-width:40%;width:var(--altum-field-label-width)}.NMckM .Ow6f4{flex:1 1 0;min-width:0}.akPoB:not(.YaEG0) ._9k-62{flex:0 1 auto;max-width:60%;width:auto}.akPoB .Ow6f4{flex:0 1 auto;margin-left:auto;text-align:end;width:auto}._9k-62{color:var(--altum-field-label,var(--altum-color-muted))}";const l={horizontal:"NMckM",label:"_9k-62",content:"Ow6f4",between:"akPoB",fixed:"YaEG0"};t(a);export{l as default};

package/dist/components/Fieldset/Fieldset.js

@@ -1 +1 @@
-"use client";import{jsx as d}from"react/jsx-runtime";import{forwardRef as u,useId as x,createContext as E,useContext as w}from"react";import{Box as B}from"../Box/Box.js";import r from"./Fieldset.module.css.js";import{cn as a}from"../../utils/cn.js";import{mergeStyles as H}from"../../utils/mergeStyles.js";const p=E(null);function f(){const e=w(p);if(!e)throw new Error("\u0412\u043B\u043E\u0436\u0435\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Fieldset \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 Fieldset");return e}const y=u(function({variant:e="default",disabled:s=!1,className:i,style:l,id:n,children:t,...c},o){const C=x(),D=n??C,m=e==="plain";return d(p.Provider,{value:{id:D,disabled:s},children:d(B,{ref:o,as:"div",variant:m?"plain":"outlined",border:!m,shadow:"none",padding:m?"none":"lg",radius:"md",className:a(r.wrapper,r[e],s?r.disabled:"",i),style:l,...c,children:t})})}),N=u(function({children:e,className:s,style:i,"aria-describedby":l,...n},t){const{id:c,disabled:o}=f();return d("fieldset",{ref:t,id:c,className:a(r.fieldset,s),style:i,...n,disabled:o||void 0,"aria-describedby":l,children:e})}),h=u(function({gap:e="var(--altum-g-space-4)",children:s,className:i,style:l,...n},t){const c=H({"--altum-fieldset-gap":typeof e=="number"?`${e}px`:e},l);return d("div",{ref:t,className:a(r.content,i),style:c,...n,children:s})}),F=u(function({children:e,className:s,style:i,...l},n){return e?d("legend",{ref:n,className:a(r.legend,s),style:i,...l,children:e}):null}),b=u(function({children:e,className:s,style:i,...l},n){const{id:t}=f();return e?d("p",{ref:n,id:`${t}-description`,className:a(r.description,s),style:i,...l,children:e}):null}),g=u(function({children:e,className:s,style:i,...l},n){const{id:t}=f();return e?d("p",{ref:n,id:`${t}-hint`,className:a(r.hint,s),style:i,...l,children:e}):null}),v=u(function({children:e,className:s,style:i,...l},n){return e?d("div",{ref:n,className:a(r.footer,s),style:i,...l,children:e}):null});y.displayName="Fieldset",N.displayName="Fieldset.Inner",h.displayName="Fieldset.Content",F.displayName="Fieldset.Legend",b.displayName="Fieldset.Description",g.displayName="Fieldset.Hint",v.displayName="Fieldset.Footer";const I=Object.assign(y,{Inner:N,Content:h,Legend:F,Description:b,Hint:g,Footer:v});export{I as Fieldset};
+"use client";import{jsxs as c,jsx as l}from"react/jsx-runtime";import{forwardRef as w}from"react";import{Box as z}from"../Box/Box.js";import{useFallbackId as k}from"../../hooks/useFallbackId.js";import{cn as p}from"../../utils/cn.js";import{resolveSpacingCss as B}from"../../utils/spacing.js";import f from"../../styles/toggleGroup.module.css.js";import e from"./Fieldset.module.css.js";import{Type as u}from"../../base/Type/Type.js";import{Flex as g}from"../../base/Flex/Flex.js";const h=w(function({variant:v="default",disabled:o=!1,className:N,style:x,id:b,children:y,legend:d,description:i,hint:r,footer:n,gap:F="var(--altum-g-space-4)",...$},j){const a=k(b),t=i?`${a}-description`:void 0,m=r?`${a}-hint`:void 0,s=v==="plain";return c(z,{ref:j,variant:s?"plain":"outlined",padding:s?"none":"lg",className:p(e.root,s&&e.plain,o&&e.disabled,N),style:x,...$,children:[c("fieldset",{id:a,className:f.fieldset,disabled:o||void 0,"aria-describedby":p(t,m)||void 0,children:[d?l("legend",{className:f.legend,children:d}):null,i?l(u,{as:"p",size:"sm",id:t,className:e.lede,children:i}):null,r?l(u,{as:"p",size:"xs",id:m,className:e.lede,children:r}):null,l(g,{direction:"column",wrap:!1,style:{"--altum-flex-gap":B(F)},children:y})]}),n?l(g,{align:"center",gap:"sm",className:e.footer,children:n}):null]})});h.displayName="Fieldset";export{h as Fieldset};

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

@@ -1 +1 @@
-"use client";var t="._52dnI{font-family:var(--altum-g-font-family-ui);width:100%}.XI428,._52dnI{margin:0;min-width:0}.XI428{border:none;box-sizing:border-box;padding:0}.u9wBt{color:var(--altum-color-ink-default);display:block;font-size:var(--altum-form-legend-size,var(--altum-g-font-size-base));font-weight:var(--altum-form-legend-weight,var(--altum-g-font-weight-semibold));line-height:var(--altum-form-legend-line-height,var(--altum-g-line-height-sm));margin:0 0 var(--altum-field-label-gap,var(--altum-g-space-1));padding:0;width:100%}.KGes-{color:var(--altum-color-muted);font-size:var(--altum-form-label-size,var(--altum-g-font-size-sm));line-height:var(--altum-form-label-line-height,var(--altum-g-line-height-sm));margin:0 0 var(--altum-g-space-4)}.KGes-+.KFHGW{margin-top:calc(var(--altum-g-space-3)*-1)}.KFHGW{color:var(--altum-color-muted);font-size:var(--altum-form-helper-size,var(--altum-g-font-size-xs));line-height:var(--altum-form-helper-line-height,var(--altum-g-line-height-xs));margin:0 0 var(--altum-g-space-4)}.uC7JA .KFHGW,.uC7JA .KGes-{margin-bottom:var(--altum-g-space-3)}._0fVjg{display:flex;flex-direction:column;gap:var(--altum-fieldset-gap,var(--altum-g-space-4));min-width:0}.FSexp{align-items:center;border-top:1px solid var(--altum-color-border);display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);margin-top:var(--altum-g-space-4);padding-top:var(--altum-g-space-4)}.uC7JA .FSexp{border-top:none;padding-top:var(--altum-g-space-3)}.DJqMz .FSexp,.tLQGM .FSexp{margin-bottom:calc(var(--altum-g-space-5)*-1);margin-left:calc(var(--altum-g-space-5)*-1);margin-right:calc(var(--altum-g-space-5)*-1);padding-bottom:var(--altum-g-space-5);padding-left:var(--altum-g-space-5);padding-right:var(--altum-g-space-5)}.Nkuom .XI428{cursor:not-allowed;opacity:var(--altum-opacity-disabled)}.Nkuom .KFHGW,.Nkuom .KGes-,.Nkuom .u9wBt{color:var(--altum-color-muted)}";const l={wrapper:"_52dnI",fieldset:"XI428",default:"DJqMz",card:"tLQGM",plain:"uC7JA",legend:"u9wBt",description:"KGes-",hint:"KFHGW",content:"_0fVjg",footer:"FSexp",disabled:"Nkuom"};(function(e){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=e,document.head.appendChild(a)}})(t);export{l as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var r=".uYKLk{min-width:0;width:100%}.brFcN{color:var(--altum-color-muted);margin:0 0 var(--altum-g-space-4)}.brFcN+.brFcN{margin-top:calc(var(--altum-g-space-3)*-1)}.uC7JA .brFcN{margin-bottom:var(--altum-g-space-3)}.FSexp{border-top:1px solid var(--altum-color-border);margin-top:var(--altum-g-space-4);padding-top:var(--altum-g-space-4)}.uC7JA .FSexp{border-top:none;padding-top:var(--altum-g-space-3)}.Nkuom fieldset{cursor:not-allowed;opacity:var(--altum-opacity-disabled)}";const o={root:"uYKLk",lede:"brFcN",plain:"uC7JA",footer:"FSexp",disabled:"Nkuom"};a(r);export{o as default};

package/dist/components/FileList/FileList.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as n}from"react/jsx-runtime";import C,{forwardRef as F}from"react";import{Attachment as i}from"../Attachment/Attachment.js";import{Progress as $}from"../Progress/Progress.js";import{IconDocument as j}from"../../icons/icons/IconDocument.js";import{IconCross as w}from"../../icons/icons/IconCross.js";import{IconTimeReverse as A}from"../../icons/icons/IconTimeReverse.js";import l from"./FileList.module.css.js";import{cn as L}from"../../utils/cn.js";import{useLocale as M}from"../../locales/localeContext.js";function T(e){if(e!=null)return typeof e=="string"?e:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}const u=F(function({id:e,name:s,size:a,progress:t,status:m,error:N,previewUrl:p,onRemove:c,onRetry:d,removeLabel:v,retryLabel:z,attachmentSize:f="sm",className:I,...R},b){const{t:g}=M(),o=m??(t!=null&&t<100?"uploading":"idle"),x=[T(a),o==="uploading"&&t!=null?`${Math.round(t)}%`:void 0,o==="error"?N:void 0].filter(Boolean);return n("li",{ref:b,className:L(l.item,I),"data-status":o,...R,children:[n(i,{size:f,status:o,className:l.attachment,children:[r(i.Media,{children:p?r("img",{src:p,alt:""}):r(j,{size:f==="xs"?14:18,"aria-hidden":!0})}),n(i.Content,{children:[r(i.Title,{children:s}),x.length>0&&r(i.Description,{children:x.map((B,y)=>n(C.Fragment,{children:[y>0&&" \xB7 ",B]},y))})]}),(c||o==="error"&&d)&&n(i.Actions,{children:[o==="error"&&d&&r(i.Action,{"aria-label":z??g("fileList.retry"),onClick:()=>d(e),children:r(A,{size:14,"aria-hidden":!0})}),c&&r(i.Action,{"aria-label":v??g("fileList.remove"),onClick:()=>c(e),children:r(w,{size:14,"aria-hidden":!0})})]})]}),o==="uploading"&&r($,{percentage:t??0,indeterminate:t==null,showValueText:!1,className:l.progress})]})});u.displayName="FileList.Item";const h=F(function({children:e,className:s,style:a,...t},m){return r("ul",{ref:m,className:L(l.list,s),style:a,...t,children:e})});h.displayName="FileList.Root";const k=Object.assign(h,{Root:h,Item:u});export{k as FileList,u as FileListItem};
+"use client";import{jsx as e,jsxs as v,Fragment as k}from"react/jsx-runtime";import{forwardRef as z}from"react";import{Item as w}from"../Item/Item.js";import{ButtonIcon as I}from"../ButtonIcon/ButtonIcon.js";import{Progress as C}from"../Progress/Progress.js";import{Stack as M}from"../Layout/Stack.js";import{IconDocument as S}from"../../icons/icons/IconDocument.js";import{IconCross as T}from"../../icons/icons/IconCross.js";import{IconTimeReverse as D}from"../../icons/icons/IconTimeReverse.js";import l from"./FileList.module.css.js";import{cn as L}from"../../utils/cn.js";import{formatBytes as O}from"../../utils/formatBytes.js";import{useLocale as P}from"../../locales/localeContext.js";const n=z(function({id:t,name:s,size:o,progress:r,status:x,error:y,previewUrl:d,onRemove:a,onRetry:p,removeLabel:N,retryLabel:R,attachmentSize:m="sm",className:b,...F},B){const{t:u}=P(),i=x??(r!=null&&r<100?"uploading":"idle"),f=[typeof o=="string"?o:o!=null?O(o):void 0,i==="uploading"&&r!=null?`${Math.round(r)}%`:void 0,i==="error"?y:void 0].filter(Boolean),g=i==="error"&&p;return v("li",{ref:B,className:L(l.item,b),"data-status":i,...F,children:[e(w,{size:m==="xs"?"sm":m,variant:"ghost",media:d?e("img",{src:d,alt:""}):e(S,{size:m==="xs"?14:18,"aria-hidden":!0}),title:s,description:f.length>0?f.flatMap((h,j)=>j>0?[" \xB7 ",h]:[h]):void 0,actions:a||g?v(k,{children:[g?e(I,{size:"sm","aria-label":R??u("fileList.retry"),icon:e(D,{size:14,"aria-hidden":!0}),onClick:()=>p(t)}):null,a?e(I,{size:"sm","aria-label":N??u("fileList.remove"),icon:e(T,{size:14,"aria-hidden":!0}),onClick:()=>a(t)}):null]}):void 0}),i==="uploading"&&e(C,{percentage:r??0,indeterminate:r==null,showValueText:!1,className:l.progress})]})});n.displayName="FileList.Item";const c=z(function({children:t,className:s,...o},r){return e(M,{ref:r,as:"ul",gap:"sm",className:L(l.list,s),...o,children:t})});c.displayName="FileList.Root";const U=Object.assign(c,{Root:c,Item:n});export{U as FileList,n as FileListItem};

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

@@ -1 +1 @@
-"use client";var o=".UesU8{font-family:inherit;gap:var(--altum-g-space-2);list-style:none;margin:0;padding:0;width:100%}.UesU8,.ja6N-{display:flex;flex-direction:column}.ja6N-{background-color:var(--altum-color-panel-bg);border:1px solid var(--altum-color-panel-border);border-radius:var(--altum-g-radius);gap:0;min-width:0;overflow:hidden}.ja6N-[data-status=error]{background-color:color-mix(in srgb,var(--altum-color-status-error) 8%,var(--altum-color-panel-bg));border-color:color-mix(in srgb,var(--altum-color-status-error) 40%,var(--altum-color-panel-border))}.ja6N-[data-status] .z9l9y{background:#0000;border:none;box-shadow:none;max-width:none;width:100%}:is(.ja6N-[data-status] .z9l9y):hover:not(:disabled){background:#0000}._7l-z1{box-sizing:border-box;padding:0 var(--altum-g-space-3) var(--altum-g-space-2);width:100%}";const e={list:"UesU8",item:"ja6N-",attachment:"z9l9y",progress:"_7l-z1"};(function(r){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=r,document.head.appendChild(a)}})(o);export{e as default};
+"use client";import{injectCss as r}from"../../utils/injectCss.js";var o=".UesU8{list-style:none;margin:0;padding:0}.ja6N-{background-color:var(--altum-color-panel-bg);border:1px solid var(--altum-color-panel-border);border-radius:var(--altum-g-radius);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ja6N-[data-status=error]{background-color:color-mix(in srgb,var(--altum-color-status-error) 8%,var(--altum-color-panel-bg));border-color:color-mix(in srgb,var(--altum-color-status-error) 40%,var(--altum-color-panel-border))}._7l-z1{box-sizing:border-box;padding:0 var(--altum-g-space-3) var(--altum-g-space-2);width:100%}";const a={list:"UesU8",item:"ja6N-",progress:"_7l-z1"};r(o);export{a as default};

package/dist/components/FormMessage/FormMessage.js

@@ -1 +1 @@
-"use client";import{jsx as i}from"react/jsx-runtime";import{forwardRef as t}from"react";import n from"./FormMessage.module.css.js";import{cn as h}from"../../utils/cn.js";const a=t(function({variant:r="hint",children:e,className:o,style:l,role:m,id:d,...c},f){const p=m??(r==="error"?"alert":void 0);return i("p",{ref:f,className:h(n.message,n[r],o),style:l,id:d,...c,"data-variant":r,role:p,children:e})});a.displayName="FormMessage";const s=t(function({children:r,...e},o){return i(a,{ref:o,...e,variant:"error",children:r})});s.displayName="FieldError";export{s as FieldError,a as FormMessage};
+"use client";import{jsx as a}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Text as c}from"../Text/Text.js";import n from"../../styles/fieldMessage.module.css.js";import{cn as f}from"../../utils/cn.js";const l={hint:"muted",error:"error",success:"success"},e=i(function({variant:r="hint",className:o,role:s,...m},t){return a(c,{ref:t,as:"p",size:"xs",...m,color:l[r],className:f(n.message,o),role:s??(r==="error"?"alert":void 0)})});e.displayName="FormMessage";export{e as FormMessage};

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

@@ -1 +1 @@
-"use client";var t=".pBjjI{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:var(--altum-g-space-2) 0 var(--altum-g-space-1)}.-rkH1{--altum-grab-handle-width:36px;--altum-grab-handle-height:var(--altum-g-space-1);background-color:var(--altum-color-input-border);border-radius:var(--altum-g-radius);height:var(--altum-grab-handle-height);width:var(--altum-grab-handle-width)}";const r={handle:"pBjjI",handleBar:"-rkH1"};(function(e){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=e,document.head.appendChild(a)}})(t);export{r as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var r=".pBjjI{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:var(--altum-g-space-2) 0 var(--altum-g-space-1)}.-rkH1{--altum-grab-handle-width:36px;--altum-grab-handle-height:var(--altum-g-space-1);background-color:var(--altum-color-input-border);border-radius:var(--altum-g-radius);height:var(--altum-grab-handle-height);width:var(--altum-grab-handle-width)}";const t={handle:"pBjjI",handleBar:"-rkH1"};a(r);export{t as default};

package/dist/components/Grid/Grid.js

@@ -1 +1 @@
-"use client";import{jsx as f}from"react/jsx-runtime";import{forwardRef as p}from"react";import g from"./Grid.module.css.js";import{cn as v}from"../../utils/cn.js";import{mergeStyles as x}from"../../utils/mergeStyles.js";import{isAdaptiveValue as s,applyAdaptiveVars as u,resolveColumnsTemplate as y,resolveGapCss as G,resolveAutoColumnsTemplate as w,resolveGridRowValue as N,resolveGridColumnValue as I}from"./Grid.utils.js";import{GRID_BREAKPOINTS as W}from"./Grid.utils.js";function A(r,o){if(s(o)){u(r,o,"--altum-grid-cols",y);return}r["--altum-grid-cols-xs"]=y(o)}function R(r,o,t){const i=w(o,t);r["--altum-grid-cols-xs"]=i}function S(r,o){if(s(o)){u(r,o,"--altum-grid-gap",G);return}r["--altum-grid-gap-xs"]=G(o)}const C=p(function({columns:r=1,gap:o="md",mode:t="fixed",minColumnWidth:i=240,children:d,className:l,style:m,as:e="div",...n},c){const a={};return t==="autoFit"||t==="autoFill"?R(a,t,i):A(a,r),S(a,o),f(e,{ref:c,className:v(g.grid,l),style:x(a,m),...n,children:d})});function T(r,o,t,i){const d=(l,m,e,n)=>{const c=I(m,e,n);c!==void 0&&(r[l]=c)};if(s(o)||s(t)||s(i)){for(const l of["xs","sm","md","lg","xl"]){const m=s(o)?o[l]:o,e=s(t)?t[l]:t,n=s(i)?i[l]:i;(m!==void 0||e!==void 0||n!==void 0)&&d(`--altum-grid-item-col-${l}`,m,e,n)}return}d("--altum-grid-item-col-xs",o,t,i)}function V(r,o){if(o===void 0)return;if(s(o)){u(r,o,"--altum-grid-item-row",N);return}const t=N(o);t!==void 0&&(r["--altum-grid-item-row-xs"]=t)}const h=p(function({span:r,colStart:o,colEnd:t,rowSpan:i,children:d,className:l,style:m,as:e="div",...n},c){const a={};return T(a,r,o,t),V(a,i),f(e,{ref:c,className:v(g.gridItem,l),style:x(a,m),...n,children:d})});C.displayName="Grid",h.displayName="GridItem";export{W as GRID_BREAKPOINTS,C as Grid,h as GridItem};
+"use client";import{jsx as u}from"react/jsx-runtime";import{forwardRef as c}from"react";import f from"./Grid.module.css.js";import{cn as g}from"../../utils/cn.js";import{mergeStyles as v}from"../../utils/mergeStyles.js";import{setResponsive as m,setGridItemColumnVars as x,resolveAutoColumnsTemplate as C,resolveColumnsTemplate as R,resolveGapCss as w,resolveGridRowValue as S}from"./Grid.utils.js";import{GRID_BREAKPOINTS as K}from"./Grid.utils.js";import{As as G}from"../../base/As/As.js";const y=c(function({columns:t=1,gap:s="md",mode:e="fixed",minColumnWidth:o=240,className:a,style:l,as:i="div",...d},n){const r={},p="repeat(1, minmax(0, 1fr))";return e==="autoFit"||e==="autoFill"?m(r,"--altum-grid-cols",C(e,o),I=>I,p):m(r,"--altum-grid-cols",t,R,p),m(r,"--altum-grid-gap",s,w,"var(--altum-g-space-3)"),u(G,{ref:n,as:i,className:g(f.grid,a),style:v(r,l),...d})}),N=c(function({span:t,colStart:s,colEnd:e,rowSpan:o,className:a,style:l,as:i="div",...d},n){const r={};return x(r,t,s,e),o!==void 0&&m(r,"--altum-grid-item-row",o,S,"auto"),u(G,{ref:n,as:i,className:g(f.gridItem,a),style:v(r,l),...d})});y.displayName="Grid",N.displayName="GridItem";export{K as GRID_BREAKPOINTS,y as Grid,N as GridItem};

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

@@ -1 +1 @@
-"use client";var m=".h49fk{display:grid;gap:var(--altum-grid-gap-xs,var(--altum-g-space-3));grid-template-columns:var(--altum-grid-cols-xs,repeat(1,minmax(0,1fr)));width:100%}@media (min-width:600px){.h49fk{gap:var(--altum-grid-gap-sm,var(--altum-grid-gap-xs,var(--altum-g-space-3)));grid-template-columns:var(--altum-grid-cols-sm,var(--altum-grid-cols-xs,repeat(1,minmax(0,1fr))))}}@media (min-width:768px){.h49fk{gap:var(--altum-grid-gap-md,var(--altum-grid-gap-sm,var(--altum-grid-gap-xs,var(--altum-g-space-3))));grid-template-columns:var(--altum-grid-cols-md,var(--altum-grid-cols-sm,var(--altum-grid-cols-xs,repeat(1,minmax(0,1fr)))))}}@media (min-width:1024px){.h49fk{gap:var(--altum-grid-gap-lg,var(--altum-grid-gap-md,var(--altum-grid-gap-sm,var(--altum-grid-gap-xs,var(--altum-g-space-3)))));grid-template-columns:var(--altum-grid-cols-lg,var(--altum-grid-cols-md,var(--altum-grid-cols-sm,var(--altum-grid-cols-xs,repeat(1,minmax(0,1fr))))))}}@media (min-width:1280px){.h49fk{gap:var(--altum-grid-gap-xl,var(--altum-grid-gap-lg,var(--altum-grid-gap-md,var(--altum-grid-gap-sm,var(--altum-grid-gap-xs,var(--altum-g-space-3))))));grid-template-columns:var(--altum-grid-cols-xl,var(--altum-grid-cols-lg,var(--altum-grid-cols-md,var(--altum-grid-cols-sm,var(--altum-grid-cols-xs,repeat(1,minmax(0,1fr)))))))}}.P3cvG{grid-column:var(--altum-grid-item-col-xs,auto);grid-row:var(--altum-grid-item-row-xs,auto);min-width:0}@media (min-width:600px){.P3cvG{grid-column:var(--altum-grid-item-col-sm,var(--altum-grid-item-col-xs,auto));grid-row:var(--altum-grid-item-row-sm,var(--altum-grid-item-row-xs,auto))}}@media (min-width:768px){.P3cvG{grid-column:var(--altum-grid-item-col-md,var(--altum-grid-item-col-sm,var(--altum-grid-item-col-xs,auto)));grid-row:var(--altum-grid-item-row-md,var(--altum-grid-item-row-sm,var(--altum-grid-item-row-xs,auto)))}}@media (min-width:1024px){.P3cvG{grid-column:var(--altum-grid-item-col-lg,var(--altum-grid-item-col-md,var(--altum-grid-item-col-sm,var(--altum-grid-item-col-xs,auto))));grid-row:var(--altum-grid-item-row-lg,var(--altum-grid-item-row-md,var(--altum-grid-item-row-sm,var(--altum-grid-item-row-xs,auto))))}}@media (min-width:1280px){.P3cvG{grid-column:var(--altum-grid-item-col-xl,var(--altum-grid-item-col-lg,var(--altum-grid-item-col-md,var(--altum-grid-item-col-sm,var(--altum-grid-item-col-xs,auto)))));grid-row:var(--altum-grid-item-row-xl,var(--altum-grid-item-row-lg,var(--altum-grid-item-row-md,var(--altum-grid-item-row-sm,var(--altum-grid-item-row-xs,auto)))))}}";const t={grid:"h49fk",gridItem:"P3cvG"};(function(r){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=r,document.head.appendChild(a)}})(m);export{t as default};
+"use client";import{injectCss as i}from"../../utils/injectCss.js";var a=".h49fk{display:grid;gap:var(--altum-grid-gap-xs);grid-template-columns:var(--altum-grid-cols-xs);width:100%}@media (min-width:600px){.h49fk{gap:var(--altum-grid-gap-sm);grid-template-columns:var(--altum-grid-cols-sm)}}@media (min-width:768px){.h49fk{gap:var(--altum-grid-gap-md);grid-template-columns:var(--altum-grid-cols-md)}}@media (min-width:1024px){.h49fk{gap:var(--altum-grid-gap-lg);grid-template-columns:var(--altum-grid-cols-lg)}}@media (min-width:1280px){.h49fk{gap:var(--altum-grid-gap-xl);grid-template-columns:var(--altum-grid-cols-xl)}}.P3cvG{grid-column:var(--altum-grid-item-col-xs,auto);grid-row:var(--altum-grid-item-row-xs,auto);min-width:0}@media (min-width:600px){.P3cvG{grid-column:var(--altum-grid-item-col-sm,auto);grid-row:var(--altum-grid-item-row-sm,auto)}}@media (min-width:768px){.P3cvG{grid-column:var(--altum-grid-item-col-md,auto);grid-row:var(--altum-grid-item-row-md,auto)}}@media (min-width:1024px){.P3cvG{grid-column:var(--altum-grid-item-col-lg,auto);grid-row:var(--altum-grid-item-row-lg,auto)}}@media (min-width:1280px){.P3cvG{grid-column:var(--altum-grid-item-col-xl,auto);grid-row:var(--altum-grid-item-row-xl,auto)}}";const m={grid:"h49fk",gridItem:"P3cvG"};i(a);export{m as default};

package/dist/components/Grid/Grid.utils.js

@@ -1 +1 @@
-"use client";const s={xs:0,sm:600,md:768,lg:1024,xl:1280},l=["xs","sm","md","lg","xl"],a={none:"0",xs:"var(--altum-g-space-1)",sm:"var(--altum-g-space-2)",md:"var(--altum-g-space-3)",lg:"var(--altum-g-space-4)",xl:"var(--altum-g-space-6)"};function f(t){return typeof t=="number"?`${t}px`:t in a?a[t]:t}function p(t){return typeof t=="number"?`${t}px`:t}function m(t){return typeof t=="number"?`repeat(${t}, minmax(0, 1fr))`:t}function c(t,r){const o=p(r);return`repeat(${t==="autoFit"?"auto-fit":"auto-fill"}, minmax(${o}, 1fr))`}function v(t,r,o,e){for(const n of l){const u=r[n];if(u!==void 0){const i=e(u);i!==void 0&&(t[`${o}-${n}`]=i)}}}function d(t,r,o){if(r!==void 0&&o!==void 0)return`${r} / ${o}`;if(r!==void 0&&t!==void 0)return`${r} / span ${t}`;if(t!==void 0)return`span ${t}`;if(r!==void 0)return String(r)}function $(t){if(t!==void 0)return`span ${t}`}function x(t){return typeof t=="object"&&t!==null&&!Array.isArray(t)}export{s as GRID_BREAKPOINTS,v as applyAdaptiveVars,x as isAdaptiveValue,c as resolveAutoColumnsTemplate,m as resolveColumnsTemplate,f as resolveGapCss,d as resolveGridColumnValue,$ as resolveGridRowValue};
+"use client";import{resolveSpacingCss as c}from"../../utils/spacing.js";import{toCssSize as v}from"../../utils/cssSize.js";const p={xs:0,sm:600,md:768,lg:1024,xl:1280},a=["xs","sm","md","lg","xl"];function f(o){return typeof o=="object"&&o!==null&&!Array.isArray(o)}function $(o,t,i,r,u){if(!f(i)){const n=r(i)??u;for(const s of a)o[`${t}-${s}`]=n;return}let e=u;for(const n of a){const s=i[n];if(s!==void 0){const l=r(s);l!==void 0&&(e=l)}o[`${t}-${n}`]=e}}function x(o){return typeof o=="number"?`repeat(${o}, minmax(0, 1fr))`:o}function C(o,t){return`repeat(${o==="autoFit"?"auto-fit":"auto-fill"}, minmax(${v(t)}, 1fr))`}function g(o){return c(o)}function d(o,t,i){if(t!==void 0&&i!==void 0)return`${t} / ${i}`;if(t!==void 0&&o!==void 0)return`${t} / span ${o}`;if(o!==void 0)return`span ${o}`;if(t!==void 0)return String(t)}function A(o){if(o!==void 0)return`span ${o}`}function G(o,t,i,r){if(t===void 0&&i===void 0&&r===void 0)return;let u="auto";for(const e of a){const n=f(t)?t[e]:t,s=f(i)?i[e]:i,l=f(r)?r[e]:r,m=d(n,s,l);m!==void 0&&(u=m),o[`--altum-grid-item-col-${e}`]=u}}export{p as GRID_BREAKPOINTS,f as isAdaptiveValue,C as resolveAutoColumnsTemplate,x as resolveColumnsTemplate,g as resolveGapCss,d as resolveGridColumnValue,A as resolveGridRowValue,G as setGridItemColumnVars,$ as setResponsive};

package/dist/components/ImageCrop/ImageCrop.js

@@ -1 +1 @@
-"use client";import{jsx as i,jsxs as v,Fragment as Ve}from"react/jsx-runtime";import{forwardRef as Te,useId as Fe,useRef as X,useState as p,useEffect as E,useMemo as oe,useCallback as D}from"react";import{Box as le}from"../Box/Box.js";import{Button as se}from"../Button/Button.js";import{Layout as Ae}from"../Layout/Layout.js";import{Overlay as Ze}from"../Overlay/Overlay.js";import{cn as ce}from"../../utils/cn.js";import{composeEventHandlers as qe}from"../../utils/composeEvents.js";import{loadImageFromSrc as Ke,getMinCoverScale as We,getDisplaySize as I,clampOffset as T,exportCroppedImage as Ge}from"./ImageCrop.utils.js";import a from"./ImageCrop.module.css.js";import{useLocale as Je}from"../../locales/localeContext.js";import{DialogBase as z}from"../../base/DialogBase/DialogBase.js";const U=1,P=4,me=.1,de=Te(function({open:ue,onClose:pe,onOpenChange:fe,file:N=null,src:he=null,shape:F="circle",cropSize:f=280,outputSize:ge=512,title:we,confirmLabel:ve,cancelLabel:ye,className:Ce,style:be,onCrop:A,onClick:xe,...ke},Le){const h=ue,y=()=>{pe(),fe?.(!1)},{t:l}=Je(),Z=Fe(),Xe=we??l("imageCrop.title"),Ee=ve??l("imageCrop.confirm"),ze=ye??l("imageCrop.cancel"),C=X(null),S=X(null),$=X(null),[q,Ne]=p({width:400,height:400}),[Se,K]=p(null),[n,W]=p(null),[s,b]=p(0),[c,x]=p(0),[m,k]=p(1),[j,G]=p(!1),[H,Y]=p(null),d=Se??he??null;E(()=>{if(!h||!C.current)return;const e=C.current,r=()=>{const o=e.getBoundingClientRect();Ne({width:o.width,height:o.height})};r();const t=new ResizeObserver(r);return t.observe(e),()=>t.disconnect()},[h,d]),E(()=>{if(!h||!N){K(r=>(r&&URL.revokeObjectURL(r),null));return}const e=URL.createObjectURL(N);return K(e),()=>URL.revokeObjectURL(e)},[N,h]),E(()=>{if(!h||!d){W(null),k(1),b(0),x(0),Y(null),S.current=null;return}let e=!1;return Y(null),Ke(d,{errorMessage:l("imageCrop.loadError")}).then(r=>{e||(S.current=r,W({width:r.naturalWidth,height:r.naturalHeight}),k(1),b(0),x(0))}).catch(r=>{e||Y(r instanceof Error?r.message:l("imageCrop.loadError"))}),()=>{e=!0}},[d,h,l]);const g=oe(()=>n?We(n,f):1,[f,n]),O=oe(()=>n?I(n,g,m):{width:0,height:0},[g,n,m]),J=X({natural:n,baseScale:g,cropSize:f}),L=X(m);E(()=>{J.current={natural:n,baseScale:g,cropSize:f},L.current=m});const Q=D(()=>{$.current=null},[]),w=D(e=>{const r=$.current,t=J.current;if(!r||!t.natural)return;if(r.type==="pan"){const je=e.clientX-r.startX,He=e.clientY-r.startY,ie=I(t.natural,t.baseScale,L.current),ae=T(r.originOffsetX+je,r.originOffsetY+He,ie.width,ie.height,t.cropSize);b(ae.offsetX),x(ae.offsetY);return}const o=C.current?.getBoundingClientRect();if(!o)return;const B=o.left+o.width/2+r.originOffsetX,De=o.top+o.height/2+r.originOffsetY,Ie=e.clientX-B,Ue=e.clientY-De,Pe=Math.hypot(r.startVecX,r.startVecY)||1,$e=Math.hypot(Ie,Ue)/Pe,V=Math.min(P,Math.max(U,r.originZoom*$e)),te=I(t.natural,t.baseScale,V),ne=T(r.originOffsetX,r.originOffsetY,te.width,te.height,t.cropSize);k(V),b(ne.offsetX),x(ne.offsetY),L.current=V},[]),u=D(()=>{Q(),window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",u),window.removeEventListener("pointercancel",u)},[Q,w]),_=D(e=>{$.current=e,window.addEventListener("pointermove",w),window.addEventListener("pointerup",u),window.addEventListener("pointercancel",u)},[w,u]);E(()=>()=>{window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",u),window.removeEventListener("pointercancel",u)},[w,u]);const Ye=e=>{e.button!==0||!n||(e.preventDefault(),e.currentTarget.setPointerCapture?.(e.pointerId),_({type:"pan",startX:e.clientX,startY:e.clientY,originOffsetX:s,originOffsetY:c}))},Oe=e=>{if(e.button!==0||!n)return;e.preventDefault(),e.stopPropagation(),e.currentTarget.setPointerCapture?.(e.pointerId);const r=C.current?.getBoundingClientRect();if(!r)return;const t=r.left+r.width/2+s,o=r.top+r.height/2+c;_({type:"scale",startX:e.clientX,startY:e.clientY,originZoom:m,originOffsetX:s,originOffsetY:c,startVecX:e.clientX-t,startVecY:e.clientY-o})},Me=async()=>{if(!n||!S.current||!A){y();return}G(!0);try{const e=await Ge({image:S.current,natural:n,baseScale:g,zoom:m,offsetX:s,offsetY:c,cropSize:f,outputSize:ge,shape:F,exportErrorMessage:l("imageCrop.exportError"),fileName:(()=>{const r=N?.name?.replace(/\.\w+$/,"");return r?`${r}-cropped.png`:"cropped.png"})()});A(e),y()}catch(e){Y(e instanceof Error?e.message:l("imageCrop.cropError"))}finally{G(!1)}},Re=e=>{let r=m;if(e.key==="ArrowUp"||e.key==="ArrowRight")r=m+me;else if(e.key==="ArrowDown"||e.key==="ArrowLeft")r=m-me;else if(e.key==="Home")r=U;else if(e.key==="End")r=P;else return;e.preventDefault();const t=Math.min(P,Math.max(U,r));if(!n){k(t),L.current=t;return}const o=I(n,g,t),B=T(s,c,o.width,o.height,f);k(t),b(B.offsetX),x(B.offsetY),L.current=t},M=O.width/2,R=O.height/2,ee=Math.max(24,q.width/2-10),re=Math.max(24,q.height/2-10),Be=[{key:"nw",x:s-M,y:c-R,cursor:"nwse-resize"},{key:"ne",x:s+M,y:c-R,cursor:"nesw-resize"},{key:"se",x:s+M,y:c+R,cursor:"nwse-resize"},{key:"sw",x:s-M,y:c+R,cursor:"nesw-resize"}].map(e=>({...e,viewX:Math.min(ee,Math.max(-ee,e.x)),viewY:Math.min(re,Math.max(-re,e.y))}));return i(Ze,{ref:Le,variant:"modal",purpose:"lightbox",open:h,onClose:y,backdropVariant:"strong",backdropBlur:"md","aria-labelledby":Z,asChild:!1,children:(e,r)=>i(le,{as:"div",variant:"floating",padding:"none",ref:r,...ke,role:e.role,"aria-modal":e["aria-modal"],"aria-labelledby":e["aria-labelledby"],className:ce(a.panel,e.className,Ce),style:{...e.style,...be},onClick:qe(xe,e.onClick),children:i(z.Provider,{onClose:y,titleId:Z,children:v(Ae,{children:[v(z.Header,{children:[i(z.Title,{as:"h2",children:Xe}),i("p",{className:a.hint,children:l("imageCrop.hint")})]}),i(z.Body,{children:v("div",{ref:C,className:a.stage,style:{"--altum-image-crop-size":`${f}px`},children:[H&&i("div",{className:a.error,role:"alert",children:H}),v(le,{variant:"overlay",padding:"none",className:a.viewport,children:[d&&n&&v(Ve,{children:[i("div",{className:a.imageLayer,style:{width:O.width,height:O.height,transform:`translate(calc(-50% + ${s}px), calc(-50% + ${c}px))`},onPointerDown:Ye,children:i("img",{src:d,alt:"",draggable:!1,className:a.image})}),i("div",{className:ce(a.cropFrame,F==="circle"?a.cropCircle:a.cropSquare),"aria-hidden":!0})]}),!d&&!H&&i("div",{className:a.placeholder,children:l("imageCrop.choose")})]}),d&&n&&i("div",{className:a.handlesLayer,children:Be.map(t=>i("div",{role:"slider",tabIndex:0,className:a.handle,style:{transform:`translate(-50%, -50%) translate(${t.viewX}px, ${t.viewY}px)`,cursor:t.cursor},"aria-label":l("imageCrop.scaleHandle",{corner:t.key}),"aria-valuemin":U,"aria-valuemax":P,"aria-valuenow":Number(m.toFixed(2)),onPointerDown:Oe,onKeyDown:Re},t.key))})]})}),v(z.Footer,{className:a.footer,children:[i(se,{variant:"secondary",size:"sm",onClick:y,disabled:j,children:ze}),i(se,{variant:"primary",size:"sm",onClick:Me,disabled:j||!n,loading:j,children:Ee})]})]})})})})});de.displayName="ImageCrop";export{de as ImageCrop};
+"use client";import{jsx as t,jsxs as f}from"react/jsx-runtime";import{forwardRef as ve,useId as Ce,useRef as P,useState as c,useEffect as G}from"react";import{Button as J}from"../Button/Button.js";import{Overlay as we}from"../Overlay/Overlay.js";import{cn as Q}from"../../utils/cn.js";import{composeEventHandlers as xe}from"../../utils/composeEvents.js";import{loadImageFromSrc as be,getDisplaySize as X,exportCroppedImage as Ne,clampOffset as V,getMinCoverScale as ke}from"./ImageCrop.utils.js";import n from"./ImageCrop.module.css.js";import{useLocale as Le}from"../../locales/localeContext.js";import{DialogBase as g}from"../../base/DialogBase/DialogBase.js";const O=1,S=4,ee=.1,Re=["nw","ne","se","sw"],re=ve(function({open:u,onOpenChange:U,file:y=null,src:te=null,shape:j="circle",cropSize:h=280,outputSize:ae=512,title:oe,confirmLabel:ne,cancelLabel:ie,className:le,style:se,onCrop:H,onClick:ce,...me},pe){const{t:i}=Le(),$=Ce(),z=P(null),v=P(null),D=P(null),[de,A]=c(null),[a,B]=c(null),[m,C]=c(0),[p,w]=c(0),[l,x]=c(1),[I,F]=c(!1),[Y,b]=c(null),d=de??te??null,N=a?ke(a,h):1,k=a?X(a,N,l):{width:0,height:0},L=()=>U(!1);G(()=>{if(!u||!y){A(r=>(r&&URL.revokeObjectURL(r),null));return}const e=URL.createObjectURL(y);return A(e),()=>URL.revokeObjectURL(e)},[y,u]),G(()=>{if(!u||!d){B(null),x(1),C(0),w(0),b(null),v.current=null;return}let e=!1;return b(null),be(d,{errorMessage:i("imageCrop.loadError")}).then(r=>{e||(v.current=r,B({width:r.naturalWidth,height:r.naturalHeight}),x(1),C(0),w(0))}).catch(r=>{e||b(r instanceof Error?r.message:i("imageCrop.loadError"))}),()=>{e=!0}},[d,u,i]);const Z=(e,r,o)=>{const s=Math.min(S,Math.max(O,e));if(!a){x(s);return}const R=X(a,N,s),E=V(r,o,R.width,R.height,h);x(s),C(E.offsetX),w(E.offsetY)},ue=e=>{const r=D.current;if(!r||!a)return;if(r.type==="pan"){const T=X(a,N,l),_=V(r.ox+e.clientX-r.startX,r.oy+e.clientY-r.startY,T.width,T.height,h);C(_.offsetX),w(_.offsetY);return}const o=z.current?.getBoundingClientRect();if(!o)return;const s=e.clientX-(o.left+o.width/2+r.ox),R=e.clientY-(o.top+o.height/2+r.oy),E=Math.hypot(s,R)/(Math.hypot(r.vx,r.vy)||1);Z(r.originZoom*E,r.ox,r.oy)},K=()=>{D.current=null},W=(e,r)=>{e.button!==0||!a||(e.preventDefault(),e.currentTarget.setPointerCapture?.(e.pointerId),D.current=r)},he=e=>{W(e,{type:"pan",startX:e.clientX,startY:e.clientY,ox:m,oy:p})},fe=e=>{e.stopPropagation();const r=z.current?.getBoundingClientRect();if(!r)return;const o=r.left+r.width/2+m,s=r.top+r.height/2+p;W(e,{type:"scale",originZoom:l,ox:m,oy:p,vx:e.clientX-o,vy:e.clientY-s})},ge=e=>{let r=l;if(e.key==="ArrowUp"||e.key==="ArrowRight")r=l+ee;else if(e.key==="ArrowDown"||e.key==="ArrowLeft")r=l-ee;else if(e.key==="Home")r=O;else if(e.key==="End")r=S;else return;e.preventDefault(),Z(r,m,p)},ye=async()=>{if(!a||!v.current||!H){L();return}F(!0);try{const e=await Ne({image:v.current,natural:a,baseScale:N,zoom:l,offsetX:m,offsetY:p,cropSize:h,outputSize:ae,shape:j,exportErrorMessage:i("imageCrop.exportError"),fileName:(()=>{const r=y?.name?.replace(/\.\w+$/,"");return r?`${r}-cropped.png`:"cropped.png"})()});H(e),L()}catch(e){b(e instanceof Error?e.message:i("imageCrop.cropError"))}finally{F(!1)}},M=!!(d&&a),q=`translate(calc(-50% + ${m}px), calc(-50% + ${p}px))`;return t(we,{ref:pe,variant:"modal",purpose:"lightbox",open:u,onOpenChange:U,"aria-labelledby":$,children:(e,r)=>t("div",{...e,...me,ref:r,role:e.role,"aria-modal":e["aria-modal"],"aria-labelledby":e["aria-labelledby"],className:Q(n.panel,e.className,le),style:{...e.style,...se},onClick:xe(ce,e.onClick),children:f(g.Provider,{onClose:L,titleId:$,children:[f(g.Header,{children:[t(g.Title,{as:"h2",children:oe??i("imageCrop.title")}),t("p",{className:n.hint,children:i("imageCrop.hint")})]}),t(g.Body,{children:f("div",{ref:z,className:n.stage,style:{"--altum-image-crop-size":`${h}px`},onPointerMove:ue,onPointerUp:K,onPointerCancel:K,children:[Y&&t("div",{className:Q(n.status,n.error),role:"alert",children:Y}),f("div",{className:n.viewport,children:[M&&t("div",{className:n.imageLayer,style:{width:k.width,height:k.height,transform:q},onPointerDown:he,children:t("img",{src:d,alt:"",draggable:!1,className:n.image})}),M&&t("div",{className:n.cropFrame,"data-shape":j}),!d&&!Y&&t("div",{className:n.status,children:i("imageCrop.choose")})]}),M&&t("div",{className:n.handleLayer,style:{width:k.width,height:k.height,transform:q},children:Re.map(o=>t("div",{role:"slider",tabIndex:0,"data-corner":o,className:n.handle,"aria-label":i("imageCrop.scaleHandle",{corner:o}),"aria-valuemin":O,"aria-valuemax":S,"aria-valuenow":Number(l.toFixed(2)),onPointerDown:fe,onKeyDown:ge},o))})]})}),f(g.Footer,{children:[t(J,{variant:"secondary",size:"sm",onClick:L,disabled:I,children:ie??i("imageCrop.cancel")}),t(J,{variant:"primary",size:"sm",onClick:ye,disabled:I||!a,loading:I,children:ne??i("imageCrop.confirm")})]})]})})})});re.displayName="ImageCrop";export{re as ImageCrop};

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

@@ -1 +1 @@
-"use client";var r=".VsqSJ{box-sizing:border-box;display:flex;flex-direction:column;pointer-events:auto;position:relative;width:min(100%,var(--altum-image-crop-panel-max));z-index:1}.VsqSJ .QNjqO{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-sm);line-height:1.4;margin:0}.VsqSJ .br-aR{aspect-ratio:1;max-height:min(70vh,var(--altum-image-crop-stage-max));position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.VsqSJ .FFs-o{inset:0;overflow:hidden;position:absolute}.VsqSJ .eighF{cursor:grab;left:50%;position:absolute;top:50%;will-change:transform}:is(.VsqSJ .eighF):active{cursor:grabbing}.VsqSJ .LAjrZ{-webkit-user-drag:none;display:block;height:100%;pointer-events:none;width:100%}.VsqSJ .FO4mc{border:2px solid var(--altum-overlay-on-scrim);box-shadow:0 0 0 9999px var(--altum-overlay-scrim-strong);box-sizing:border-box;height:var(--altum-image-crop-size);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--altum-image-crop-size);z-index:1}.VsqSJ .Ec10p{border-radius:50%}.VsqSJ ._3d1Qs{border-radius:var(--altum-g-radius-sm)}.VsqSJ .lNRUd{inset:0;pointer-events:none;position:absolute;z-index:2}.VsqSJ .mBMAL{appearance:none;background-color:var(--altum-color-brand);border:2px solid var(--altum-overlay-on-scrim);border-radius:var(--altum-g-radius-sm);box-shadow:var(--altum-shadow-brand);height:var(--altum-g-space-4);left:50%;margin:0;padding:0;pointer-events:auto;position:absolute;top:50%;transition:background-color .15s ease;width:var(--altum-g-space-4)}:is(.VsqSJ .mBMAL):focus-visible,:is(.VsqSJ .mBMAL):hover{background-color:var(--altum-color-brand-hover);outline:none}@media (prefers-reduced-motion:reduce){.VsqSJ .mBMAL{transition:none}}.VsqSJ .KGGho,.VsqSJ.wGZHl{align-items:center;color:var(--altum-color-muted);display:flex;font-size:var(--altum-g-font-size-base);inset:0;justify-content:center;padding:var(--altum-g-space-4);position:absolute;text-align:center;z-index:3}.VsqSJ.wGZHl{background-color:color-mix(in srgb,var(--altum-color-dropdown-bg) 88%,#0000);color:var(--altum-color-status-error)}.VsqSJ .Tf9YE{display:flex;gap:var(--altum-g-space-2);justify-content:flex-end}";const a={panel:"VsqSJ",hint:"QNjqO",stage:"br-aR",viewport:"FFs-o",imageLayer:"eighF",image:"LAjrZ",cropFrame:"FO4mc",cropCircle:"Ec10p",cropSquare:"_3d1Qs",handlesLayer:"lNRUd",handle:"mBMAL",placeholder:"KGGho",error:"wGZHl",footer:"Tf9YE"};(function(o){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=o,document.head.appendChild(e)}})(r);export{a as default};
+"use client";import{injectCss as r}from"../../utils/injectCss.js";var a=".VsqSJ{background-color:var(--altum-color-fill-floating-bg);border-radius:var(--altum-g-radius);box-sizing:border-box;color:var(--altum-color-fill-floating-fg);display:flex;flex-direction:column;pointer-events:auto;position:relative;width:min(100%,var(--altum-image-crop-panel-max));z-index:var(--altum-g-z-raised)}.VsqSJ .QNjqO{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-sm);line-height:1.4;margin:0}.VsqSJ .br-aR{aspect-ratio:1;max-height:min(70vh,var(--altum-image-crop-stage-max));position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.VsqSJ .FFs-o{background-color:var(--altum-overlay-content-bg);color:var(--altum-overlay-on-scrim);inset:0;overflow:hidden;position:absolute}.VsqSJ .eighF{cursor:grab;left:50%;position:absolute;top:50%;will-change:transform}:is(.VsqSJ .eighF):active{cursor:grabbing}.VsqSJ .LAjrZ{-webkit-user-drag:none;display:block;height:100%;pointer-events:none;width:100%}.VsqSJ .FO4mc{border:2px solid var(--altum-overlay-on-scrim);box-shadow:0 0 0 9999px var(--altum-overlay-scrim-strong);box-sizing:border-box;height:var(--altum-image-crop-size);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--altum-image-crop-size);z-index:var(--altum-g-z-raised)}[data-shape=circle]:is(.VsqSJ .FO4mc){border-radius:50%}[data-shape=square]:is(.VsqSJ .FO4mc){border-radius:var(--altum-g-radius-sm)}.VsqSJ .wTX2-{left:50%;pointer-events:none;position:absolute;top:50%;z-index:calc(var(--altum-g-z-raised) + 1)}.VsqSJ .mBMAL{appearance:none;background-color:var(--altum-color-brand);border:2px solid var(--altum-overlay-on-scrim);border-radius:var(--altum-g-radius-sm);box-shadow:var(--altum-shadow-brand);height:var(--altum-g-space-4);margin:0;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:background-color .15s ease;width:var(--altum-g-space-4)}[data-corner=nw]:is(.VsqSJ .mBMAL){cursor:nwse-resize;left:0;top:0}[data-corner=ne]:is(.VsqSJ .mBMAL){cursor:nesw-resize;left:100%;top:0}[data-corner=se]:is(.VsqSJ .mBMAL){cursor:nwse-resize;left:100%;top:100%}[data-corner=sw]:is(.VsqSJ .mBMAL){cursor:nesw-resize;left:0;top:100%}:is(.VsqSJ .mBMAL):focus-visible,:is(.VsqSJ .mBMAL):hover{background-color:var(--altum-color-brand-hover);outline:none}@media (prefers-reduced-motion:reduce){.VsqSJ .mBMAL{transition:none}}.VsqSJ .BG4TM{align-items:center;color:var(--altum-color-muted);display:flex;font-size:var(--altum-g-font-size-base);inset:0;justify-content:center;padding:var(--altum-g-space-4);position:absolute;text-align:center;z-index:var(--altum-g-z-control)}.VsqSJ .wGZHl{background-color:color-mix(in srgb,var(--altum-color-dropdown-bg) 88%,#0000);color:var(--altum-color-status-error)}";const e={panel:"VsqSJ",hint:"QNjqO",stage:"br-aR",viewport:"FFs-o",imageLayer:"eighF",image:"LAjrZ",cropFrame:"FO4mc",handleLayer:"wTX2-",handle:"mBMAL",status:"BG4TM",error:"wGZHl"};r(a);export{e as default};

package/dist/components/ImageGallery/ImageGallery.js

@@ -1 +1 @@
-"use client";import{jsx as f,jsxs as j}from"react/jsx-runtime";import{forwardRef as I,useState as B,useCallback as G,useMemo as z,useRef as x,useLayoutEffect as le,useEffect as M,createContext as K,useContext as S}from"react";import{ButtonIcon as V}from"../ButtonIcon/ButtonIcon.js";import{IconChevronLeft as oe}from"../../icons/icons/IconChevronLeft.js";import{IconChevronRight as ie}from"../../icons/icons/IconChevronRight.js";import{useDocumentKeyDown as ue}from"../../hooks/useDocumentKeyDown.js";import{useControlledStateWithCallback as me}from"../../hooks/useControlledState.js";import{useMediaQuery as se}from"../../hooks/useMediaQuery.js";import{usePrefersReducedMotion as ce}from"../../hooks/usePrefersReducedMotion.js";import{handleArrowPairKeyDown as de}from"../../utils/keyboard.js";import u from"./ImageGallery.module.css.js";import{cn as b}from"../../utils/cn.js";import{composeEventHandlers as w}from"../../utils/composeEvents.js";import{composeRefs as ge}from"../../utils/composeRefs.js";import{useLocale as E}from"../../locales/localeContext.js";const fe=2e3,ve=420,he="(hover: hover) and (pointer: fine)";function pe(e,n){return e.map((r,a)=>typeof r=="string"?{src:r,alt:n(a+1)}:r)}const _=K(null),q=K(null);function L(e){const n=S(_);if(!n)throw new Error(`${e} \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 ImageGallery.Root`);return n}function O(){return S(q)}const H=I(function({images:e,index:n,defaultIndex:r=0,onIndexChange:a,className:m,enableKeyboard:o=!1,children:v,...h},d){const{t:i}=E(),g=pe(e,N=>i("imageGallery.imageN",{index:N})),p=g.length>1,y=o&&p,[t,l]=me(n,r,a),[c,C]=B("next"),P=G(N=>{N<0||N>=g.length||N===t||(C(N>t?"next":"prev"),l(N))},[t,g.length,l]),T=G(()=>{P(t-1)},[t,P]),D=G(()=>{P(t+1)},[t,P]);ue(N=>{de(N,T,D)},{enabled:y,target:"window"});const R=z(()=>({images:g,index:t,goTo:P,goPrev:T,goNext:D,canGoPrev:t>0,canGoNext:t<g.length-1,slideDirection:c}),[g,t,P,T,D,c]);return f(_.Provider,{value:R,children:f("div",{ref:d,className:b(u.gallery,!g.length&&u.empty,m),...h,children:v})})}),Q=I(function({className:e,onPointerMove:n,onPointerDown:r,onPointerLeave:a,...m},o){const v=x(null),h=x(null),d=x(!1),i=se(he),g=x(i),[p,y]=B(!0);M(()=>{g.current=i},[i]);const t=G(()=>{h.current!=null&&(clearTimeout(h.current),h.current=null)},[]),l=G(()=>{t(),g.current&&(h.current=setTimeout(()=>{h.current=null,!d.current&&(v.current?.querySelector(":focus-visible")||y(!1))},fe))},[t]),c=G(()=>{y(!0),l()},[l]),C=G(()=>{d.current=!0,t(),y(!0)},[t]),P=G(()=>{d.current=!1,l()},[l]),T=G(s=>{n?.(s),!s.defaultPrevented&&c()},[n,c]),D=G(s=>{r?.(s),!s.defaultPrevented&&c()},[r,c]),R=G(s=>{a?.(s),!s.defaultPrevented&&(d.current=!1,l())},[a,l]),N=x({showChrome:c,scheduleHide:l});M(()=>{N.current={showChrome:c,scheduleHide:l}},[l,c]),M(()=>{if(!i){t(),y(!0);return}return l(),t},[t,i,l]);const F=x(null),te=G(s=>{if(F.current?.(),F.current=null,ge(v,o)(s),!s)return;const k=()=>{N.current.showChrome()},A=()=>{N.current.showChrome()},$=()=>{d.current=!1,N.current.scheduleHide()};s.addEventListener("pointermove",k),s.addEventListener("mousemove",k),s.addEventListener("pointerdown",A),s.addEventListener("pointerleave",$),F.current=()=>{s.removeEventListener("pointermove",k),s.removeEventListener("mousemove",k),s.removeEventListener("pointerdown",A),s.removeEventListener("pointerleave",$)}},[o]),ae=z(()=>({pinChrome:C,unpinChrome:P}),[C,P]);return f(q.Provider,{value:ae,children:f("div",{ref:te,className:b(u.mainArea,e),"data-chrome-visible":p?"true":"false",...m,onPointerMove:T,onPointerDown:D,onPointerLeave:R})})}),W=I(function({className:e,onAnimationEnd:n,...r},a){const{images:m,index:o,slideDirection:v}=L("ImageGallery.Image"),{t:h}=E(),d=ce(),i=m[o],g=x(o),[p,y]=B(null),[t,l]=B(!1);return le(()=>{const c=g.current;if(c===o)return;const C=m[c];if(g.current=o,d){y(null),l(!1);return}C&&y({item:C,direction:v}),l(!0)},[m,o,d,v]),M(()=>{if(!p)return;const c=window.setTimeout(()=>{y(null)},ve+60);return()=>window.clearTimeout(c)},[p]),i?f("div",{className:u.slideFrame,children:j("div",{className:u.viewport,children:[p?f("img",{src:p.item.src,alt:"","aria-hidden":!0,className:b(u.mainImage,u.outgoingImage,u[`slideOut_${p.direction}`]),draggable:!1,onAnimationEnd:c=>{c.target===c.currentTarget&&y(null)}},`out-${p.item.src}-${p.direction}`):null,f("img",{ref:a,src:i.src,alt:i.alt??h("imageGallery.imageN",{index:o+1}),className:b(u.mainImage,t&&!d&&u[`slide_${v}`],e),draggable:!1,onAnimationEnd:n,...r},o)]})}):null}),J=I(function({className:e,...n},r){return f("div",{ref:r,className:e,...n})});function U(e,n,r,a,m){return{onPointerEnter:w(n,()=>{e?.pinChrome()}),onPointerLeave:w(r,()=>{e?.unpinChrome()}),onFocus:w(a,()=>{e?.pinChrome()}),onBlur:w(m,()=>{e?.unpinChrome()})}}const X=I(function({className:e,onClick:n,disabled:r,onPointerEnter:a,onPointerLeave:m,onFocus:o,onBlur:v,"aria-label":h,...d},i){const{goPrev:g,canGoPrev:p,images:y}=L("ImageGallery.Prev"),{t}=E(),l=O();return y.length<2?null:f(V,{ref:i,className:b(u.navBtn,u.navPrev,e),variant:"ghost",shape:"circle",size:"md",icon:f(oe,{size:22}),...d,...U(l,a,m,o,v),"aria-label":h??t("imageGallery.prev"),disabled:!p||r,onClick:w(n,()=>{g()})})}),Y=I(function({className:e,onClick:n,disabled:r,onPointerEnter:a,onPointerLeave:m,onFocus:o,onBlur:v,"aria-label":h,...d},i){const{goNext:g,canGoNext:p,images:y}=L("ImageGallery.Next"),{t}=E(),l=O();return y.length<2?null:f(V,{ref:i,className:b(u.navBtn,u.navNext,e),variant:"ghost",shape:"circle",size:"md",icon:f(ie,{size:22}),...d,...U(l,a,m,o,v),"aria-label":h??t("imageGallery.next"),disabled:!p||r,onClick:w(n,()=>{g()})})}),Z=I(function({className:e,...n},r){return f("div",{ref:r,className:b(u.thumbnails,e),...n})}),ee=I(function({index:e,className:n,onClick:r,...a},m){const{images:o,index:v,goTo:h}=L("ImageGallery.Thumb"),{t:d}=E(),i=o[e];return i?f("button",{ref:m,type:"button",className:b(u.thumbnailBtn,e===v&&u.active,n),"aria-label":i.alt??d("imageGallery.imageN",{index:e+1}),"aria-current":e===v?"true":void 0,onClick:w(r,()=>{h(e)}),...a,children:f("img",{src:i.thumbnail??i.src,alt:"",className:u.thumbnailImage,draggable:!1})}):null}),ne=I(function({className:e,...n},r){const{images:a,index:m}=L("ImageGallery.Counter");return a.length<2?null:j("div",{ref:r,className:b(u.counter,e),"aria-live":"polite",...n,children:[m+1," ","/"," ",a.length]})}),re=I(function({className:e,children:n,...r},a){const{images:m}=L("ImageGallery.Empty"),{t:o}=E();return m.length?null:f("span",{ref:a,className:b(u.emptyText,e),...r,children:n??o("imageGallery.empty")})});H.displayName="ImageGallery",Q.displayName="ImageGallery.Viewport",W.displayName="ImageGallery.Image",J.displayName="ImageGallery.Nav",X.displayName="ImageGallery.Prev",Y.displayName="ImageGallery.Next",Z.displayName="ImageGallery.Thumbnails",ee.displayName="ImageGallery.Thumb",ne.displayName="ImageGallery.Counter",re.displayName="ImageGallery.Empty";const ye=Object.assign(H,{Root:H,Viewport:Q,Image:W,Nav:J,Prev:X,Next:Y,Thumbnails:Z,Thumb:ee,Counter:ne,Empty:re});export{ye as ImageGallery};
+"use client";import{jsx as r,jsxs as b,Fragment as R}from"react/jsx-runtime";import{forwardRef as E,useCallback as y}from"react";import{ButtonIcon as F}from"../ButtonIcon/ButtonIcon.js";import{IconChevronLeft as O}from"../../icons/icons/IconChevronLeft.js";import{IconChevronRight as S}from"../../icons/icons/IconChevronRight.js";import{useDocumentKeyDown as V}from"../../hooks/useDocumentKeyDown.js";import{useControlledStateWithCallback as W}from"../../hooks/useControlledState.js";import{handleArrowPairKeyDown as q}from"../../utils/keyboard.js";import l from"./ImageGallery.module.css.js";import{cn as v}from"../../utils/cn.js";import{useLocale as H}from"../../locales/localeContext.js";function J(c,d){return c.map((n,h)=>typeof n=="string"?{src:n,alt:d(h+1)}:n)}const C=E(function({images:c,index:d,defaultIndex:n=0,onIndexChange:h,chrome:I="default",showNav:G,showThumbnails:k,showCounter:z,enableKeyboard:A,className:B,...D},K){const{t:u}=H(),g=a=>u("imageGallery.imageN",{index:a}),t=J(c,g),m=t.length>1,o=I==="default",T=(G??o)&&m,j=(k??o)&&m,L=(z??o)&&m,P=(A??o)&&m,p=t.length-1,[e,N]=W(d,n,h),i=y(a=>{a<0||a>p||a===e||N(a)},[e,p,N]),x=y(()=>i(e-1),[e,i]),w=y(()=>i(e+1),[e,i]);V(a=>{q(a,x,w)},{enabled:P,target:"window"});const f=t[e];return r("div",{ref:K,className:v(l.gallery,!t.length&&l.empty,B),...D,children:f?b(R,{children:[b("div",{className:l.mainArea,children:[T?[0,1].map(a=>r(F,{className:v(l.navBtn,a?l.navNext:l.navPrev),variant:"ghost",shape:"circle",size:"md",icon:a?r(S,{size:22}):r(O,{size:22}),"aria-label":u(a?"imageGallery.next":"imageGallery.prev"),disabled:a?e>=p:e<=0,onClick:a?w:x},a)):null,r("img",{src:f.src,alt:f.alt??g(e+1),className:l.mainImage,draggable:!1},e)]}),j?r("div",{className:l.thumbnails,children:t.map((a,s)=>r("button",{type:"button",className:v(l.thumbnailBtn,s===e&&l.active),"aria-label":a.alt??g(s+1),"aria-current":s===e?"true":void 0,onClick:()=>i(s),children:r("img",{src:a.thumbnail??a.src,alt:"",className:l.thumbnailImage,draggable:!1})},a.src))}):null,L?b("div",{className:l.counter,"aria-live":"polite",children:[e+1," / ",t.length]}):null]}):r("span",{className:l.emptyText,children:u("imageGallery.empty")})})});C.displayName="ImageGallery";export{C as ImageGallery};

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

@@ -1 +1 @@
-"use client";var t="._20B5K{--altum-image-gallery-chrome-in:opacity 0.32s cubic-bezier(0.4,0,0.2,1);--altum-image-gallery-chrome-out:opacity 0.5s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-4);width:100%}._20B5K .viRPM{align-items:center;background-color:var(--altum-color-surface);border:1px dashed var(--altum-color-border);border-radius:var(--altum-g-radius);justify-content:center;min-height:var(--altum-image-gallery-viewport-min)}._20B5K ._9qVXv{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-base)}._20B5K .-FEGS{background-color:var(--altum-image-gallery-viewport-bg,var(--altum-color-surface));border:1px solid var(--altum-image-gallery-viewport-border,var(--altum-color-border));border-radius:var(--altum-g-radius);height:var(--altum-image-gallery-viewport-height,min(60vh,480px));min-width:0;overflow:var(--altum-image-gallery-viewport-overflow,hidden);position:relative;width:100%}._20B5K .ZO-Iv{filter:var(--altum-image-gallery-image-filter,none);height:100%;width:100%}._20B5K .ScF3c{height:100%;overflow:hidden;position:relative;width:100%}._20B5K .kuumv{height:100%;inset:0;object-fit:contain;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:1}._20B5K .q-GWc{pointer-events:none;z-index:0}._20B5K .H6NBE{animation:PAexP .42s cubic-bezier(.16,1,.3,1)}._20B5K .QibNu{animation:Z6aVX .42s cubic-bezier(.16,1,.3,1)}._20B5K .Qw-Ai{animation:_0FP-e .42s cubic-bezier(.16,1,.3,1) forwards}._20B5K ._68yQt{animation:LmUQn .42s cubic-bezier(.16,1,.3,1) forwards}._20B5K .ro8Ub{background-color:var(--altum-image-gallery-nav-bg,var(--altum-color-surface))!important;border:1px solid var(--altum-image-gallery-nav-border,var(--altum-color-border))!important;box-shadow:var(--altum-shadow-surface);color:var(--altum-image-gallery-nav-color,inherit);position:absolute!important;top:50%;translate:0 -50%;z-index:2}:is(._20B5K .ro8Ub):disabled{opacity:.35;pointer-events:none}._20B5K .utab2{left:var(--altum-g-space-3)}._20B5K .QpEtC{right:var(--altum-g-space-3)}@media (hover:hover) and (pointer:fine){._20B5K .ro8Ub{opacity:0;pointer-events:none;transition:var(--altum-image-gallery-chrome-out)}:is(._20B5K .ro8Ub):disabled{opacity:0}._20B5K .-FEGS:focus-within .ro8Ub,._20B5K .-FEGS[data-chrome-visible=true] .ro8Ub{opacity:1;pointer-events:auto;transition:var(--altum-image-gallery-chrome-in)}:is(._20B5K .-FEGS[data-chrome-visible=true] .ro8Ub,._20B5K .-FEGS:focus-within .ro8Ub):disabled{opacity:.35;pointer-events:none}}._20B5K .nCrhJ{display:flex;gap:var(--altum-g-space-2);overflow-x:auto;padding:var(--altum-g-space-1) var(--altum-g-space-1) var(--altum-g-space-2);scroll-behavior:smooth;scrollbar-width:thin}._20B5K .jcfWL{background:none;border:2px solid #0000;border-radius:var(--altum-g-radius-sm);cursor:pointer;flex:0 0 auto;height:var(--altum-image-gallery-thumb-height);opacity:.65;overflow:hidden;padding:0;transition:var(--altum-transition-smooth);width:var(--altum-image-gallery-thumb-width)}:is(._20B5K .jcfWL):hover:not(:disabled){opacity:.9}.obGnC:is(._20B5K .jcfWL){border-color:var(--altum-color-brand);box-shadow:0 0 0 1px var(--altum-color-brand);opacity:1}:is(._20B5K .jcfWL) .DlhBH{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}._20B5K .MdBOx{align-self:center;color:var(--altum-image-gallery-counter-color,var(--altum-color-muted));font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium)}@keyframes PAexP{0%{transform:translateX(var(--altum-g-space-7))}to{transform:translateX(0)}}@keyframes Z6aVX{0%{transform:translateX(calc(var(--altum-g-space-7)*-1))}to{transform:translateX(0)}}@keyframes _0FP-e{0%{opacity:1;transform:translateX(0)}35%{opacity:0}to{opacity:0;transform:translateX(calc(var(--altum-g-space-7)*-1))}}@keyframes LmUQn{0%{opacity:1;transform:translateX(0)}35%{opacity:0}to{opacity:0;transform:translateX(var(--altum-g-space-7))}}@media (prefers-reduced-motion:reduce){.H6NBE,.QibNu,.Qw-Ai,._68yQt{animation:none;transform:none}._20B5K .ro8Ub{transition:none}}";const r={gallery:"_20B5K",empty:"viRPM",emptyText:"_9qVXv",mainArea:"-FEGS",slideFrame:"ZO-Iv",viewport:"ScF3c",mainImage:"kuumv",outgoingImage:"q-GWc",slide_next:"H6NBE",gallerySlideNext:"PAexP",slide_prev:"QibNu",gallerySlidePrev:"Z6aVX",slideOut_next:"Qw-Ai",gallerySlideOutNext:"_0FP-e",slideOut_prev:"_68yQt",gallerySlideOutPrev:"LmUQn",navBtn:"ro8Ub",navPrev:"utab2",navNext:"QpEtC",thumbnails:"nCrhJ",thumbnailBtn:"jcfWL",active:"obGnC",thumbnailImage:"DlhBH",counter:"MdBOx"};(function(e){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=e,document.head.appendChild(a)}})(t);export{r as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var r="._20B5K{--altum-image-gallery-chrome-in:opacity 0.32s cubic-bezier(0.4,0,0.2,1);--altum-image-gallery-chrome-out:opacity 0.5s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-4);width:100%}._20B5K.viRPM{align-items:center;background-color:var(--altum-color-surface);border:1px dashed var(--altum-color-border);border-radius:var(--altum-g-radius);justify-content:center;min-height:var(--altum-image-gallery-viewport-min)}._20B5K ._9qVXv{color:var(--altum-color-muted);font-size:var(--altum-g-font-size-base)}._20B5K .-FEGS{background-color:var(--altum-image-gallery-viewport-bg,var(--altum-color-surface));border:1px solid var(--altum-image-gallery-viewport-border,var(--altum-color-border));border-radius:var(--altum-g-radius);height:var(--altum-image-gallery-viewport-height,min(60vh,480px));min-width:0;overflow:var(--altum-image-gallery-viewport-overflow,hidden);position:relative;width:100%}._20B5K .kuumv{animation:_4V5g9 .32s ease;filter:var(--altum-image-gallery-image-filter,none);height:100%;inset:0;object-fit:contain;position:absolute;-webkit-user-select:none;user-select:none;width:100%;z-index:var(--altum-g-z-raised)}._20B5K .ro8Ub{background-color:var(--altum-image-gallery-nav-bg,var(--altum-color-surface))!important;border:1px solid var(--altum-image-gallery-nav-border,var(--altum-color-border))!important;box-shadow:var(--altum-shadow-surface);color:var(--altum-image-gallery-nav-color,inherit);position:absolute!important;top:50%;translate:0 -50%;z-index:var(--altum-g-z-raised-above)}:is(._20B5K .ro8Ub):disabled{opacity:.35;pointer-events:none}._20B5K .utab2{left:var(--altum-g-space-3)}._20B5K .QpEtC{right:var(--altum-g-space-3)}@media (hover:hover) and (pointer:fine){._20B5K .ro8Ub{opacity:0;pointer-events:none;transition:var(--altum-image-gallery-chrome-out)}:is(._20B5K .ro8Ub):disabled{opacity:0}._20B5K .-FEGS:focus-within .ro8Ub,._20B5K .-FEGS:hover .ro8Ub{opacity:1;pointer-events:auto;transition:var(--altum-image-gallery-chrome-in)}:is(._20B5K .-FEGS:hover .ro8Ub,._20B5K .-FEGS:focus-within .ro8Ub):disabled{opacity:.35;pointer-events:none}}._20B5K .nCrhJ{display:flex;gap:var(--altum-g-space-2);overflow-x:auto;padding:var(--altum-g-space-1) var(--altum-g-space-1) var(--altum-g-space-2);scroll-behavior:smooth;scrollbar-width:thin}._20B5K .jcfWL{background:none;border:2px solid #0000;border-radius:var(--altum-g-radius-sm);cursor:pointer;flex:0 0 auto;height:var(--altum-image-gallery-thumb-height);opacity:.65;overflow:hidden;padding:0;transition:var(--altum-transition-smooth);width:var(--altum-image-gallery-thumb-width)}:is(._20B5K .jcfWL):hover:not(:disabled){opacity:.9}.obGnC:is(._20B5K .jcfWL){border-color:var(--altum-color-brand);box-shadow:0 0 0 1px var(--altum-color-brand);opacity:1}:is(._20B5K .jcfWL) .DlhBH{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}._20B5K .MdBOx{align-self:center;color:var(--altum-image-gallery-counter-color,var(--altum-color-muted));font-size:var(--altum-g-font-size-2xs);font-weight:var(--altum-g-font-weight-medium)}@keyframes _4V5g9{0%{opacity:0}}@media (prefers-reduced-motion:reduce){._20B5K .kuumv{animation:none}._20B5K .ro8Ub{transition:none}}";const e={gallery:"_20B5K",empty:"viRPM",emptyText:"_9qVXv",mainArea:"-FEGS",mainImage:"kuumv",navBtn:"ro8Ub",navPrev:"utab2",navNext:"QpEtC",thumbnails:"nCrhJ",thumbnailBtn:"jcfWL",active:"obGnC",thumbnailImage:"DlhBH",counter:"MdBOx"};a(r);export{e as default};

package/dist/components/ImageLightbox/ImageLightbox.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{forwardRef as y}from"react";import{Overlay as N}from"../Overlay/Overlay.js";import{ImageGallery as a}from"../ImageGallery/ImageGallery.js";import{ButtonIcon as v}from"../ButtonIcon/ButtonIcon.js";import{IconCross as k}from"../../icons/icons/IconCross.js";import{cn as L}from"../../utils/cn.js";import{composeEventHandlers as B}from"../../utils/composeEvents.js";import r from"./ImageLightbox.module.css.js";import{useLocale as j}from"../../locales/localeContext.js";const t=y(function({open:m,onClose:s,onOpenChange:c,images:d,index:g,defaultIndex:p=0,onIndexChange:f,className:h,onClick:x,...b},C){const{t:i}=j(),u=i("imageLightbox.ariaLabel"),n=()=>{s(),c?.(!1)};return e(N,{ref:C,variant:"modal",purpose:"lightbox",open:m,onClose:n,backdropVariant:"strong",backdropBlur:"md","aria-label":u,asChild:!1,children:(o,I)=>l("div",{ref:I,className:L(r.lightboxStage,o.className,h),style:o.style,...b,role:o.role,"aria-modal":o["aria-modal"],"aria-label":o["aria-label"],onClick:B(x,o.onClick),children:[e(v,{className:r.closeBtn,variant:"ghost",shape:"circle",size:"md","aria-label":i("imageLightbox.close"),onClick:n,icon:e(k,{size:20})}),e("div",{className:r.lightboxContent,children:l(a,{images:d,index:g,defaultIndex:p,onIndexChange:f,enableKeyboard:!0,className:r.gallery,children:[l(a.Viewport,{children:[e(a.Prev,{}),e(a.Image,{}),e(a.Next,{})]}),e(a.Counter,{})]})})]})})});t.displayName="ImageLightbox";export{t as ImageLightbox};
+"use client";import{jsx as o,jsxs as x}from"react/jsx-runtime";import{forwardRef as b}from"react";import{Overlay as u}from"../Overlay/Overlay.js";import{ImageGallery as C}from"../ImageGallery/ImageGallery.js";import{ButtonIcon as I}from"../ButtonIcon/ButtonIcon.js";import{IconCross as y}from"../../icons/icons/IconCross.js";import N from"../../styles/overlayClose.module.css.js";import{cn as L}from"../../utils/cn.js";import{composeEventHandlers as k}from"../../utils/composeEvents.js";import a from"./ImageLightbox.module.css.js";import{useLocale as v}from"../../locales/localeContext.js";const n=b(function({open:m,onOpenChange:r,images:l,index:s,defaultIndex:t=0,onIndexChange:c,className:p,onClick:f,...d},g){const{t:i}=v();return o(u,{ref:g,variant:"modal",purpose:"lightbox",open:m,onOpenChange:r,"aria-label":i("imageLightbox.ariaLabel"),children:(e,h)=>x("div",{...e,...d,ref:h,className:L(a.stage,e.className,p),style:e.style,onClick:k(f,e.onClick),children:[o(I,{className:a.close,appearance:"diskClose","aria-label":i("imageLightbox.close"),icon:o(y,{className:N.icon,size:16,"aria-hidden":!0}),onClick:()=>r(!1)}),o(C,{images:l,index:s,defaultIndex:t,onIndexChange:c,enableKeyboard:!0,showThumbnails:!1,className:a.gallery})]})})});n.displayName="ImageLightbox";export{n as ImageLightbox};

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

@@ -1 +1 @@
-"use client";var t=".eOvxn{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:visible;padding:var(--altum-g-space-6);pointer-events:none;width:100%}._0WJys,.eOvxn{position:relative}._0WJys{max-height:calc(100vh - 48px);max-width:100%;min-width:0;pointer-events:auto;width:min(100%,960px);z-index:1}.gfE0G{--altum-image-gallery-counter-color:var(--altum-overlay-text-muted);--altum-image-gallery-viewport-height:min(72vh,640px);--altum-image-gallery-viewport-bg:#0000;--altum-image-gallery-viewport-border:#0000;--altum-image-gallery-viewport-overflow:visible;--altum-image-gallery-image-filter:drop-shadow(var(--altum-overlay-media-shadow));--altum-image-gallery-nav-bg:var(--altum-overlay-control-bg);--altum-image-gallery-nav-border:var(--altum-overlay-control-border);--altum-image-gallery-nav-color:var(--altum-overlay-on-scrim)}.KjbkK{background-color:var(--altum-overlay-control-bg)!important;border:1px solid var(--altum-overlay-control-border)!important;color:var(--altum-overlay-on-scrim);pointer-events:auto;position:absolute!important;right:var(--altum-g-space-5);top:var(--altum-g-space-5);z-index:2}.KjbkK:hover:not(:disabled){background-color:var(--altum-overlay-control-hover)!important}.KjbkK:focus-visible{outline:2px solid var(--altum-overlay-on-scrim);outline-offset:var(--altum-focus-ring-offset)}";const o={lightboxStage:"eOvxn",lightboxContent:"_0WJys",gallery:"gfE0G",closeBtn:"KjbkK"};(function(a){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=a,document.head.appendChild(e)}})(t);export{o as default};
+"use client";import{injectCss as e}from"../../utils/injectCss.js";var a=".RGkCH{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:visible;padding:var(--altum-g-space-6);pointer-events:none;position:relative;width:100%}.gfE0G.gfE0G{--altum-image-gallery-counter-color:var(--altum-overlay-text-muted);--altum-image-gallery-viewport-height:min(72vh,640px);--altum-image-gallery-viewport-bg:#0000;--altum-image-gallery-viewport-border:#0000;--altum-image-gallery-viewport-overflow:visible;--altum-image-gallery-image-filter:drop-shadow(var(--altum-overlay-media-shadow));--altum-image-gallery-nav-bg:var(--altum-overlay-control-bg);--altum-image-gallery-nav-border:var(--altum-overlay-control-border);--altum-image-gallery-nav-color:var(--altum-overlay-on-scrim);max-height:calc(100vh - 48px);min-width:0;pointer-events:auto;width:min(100%,960px)}.NqdYT.NqdYT{pointer-events:auto;position:absolute;right:var(--altum-g-space-5);top:var(--altum-g-space-5);z-index:var(--altum-g-z-raised-above)}";const t={stage:"RGkCH",gallery:"gfE0G",close:"NqdYT"};e(a);export{t as default};

package/dist/components/Item/Item.js

@@ -1 +1 @@
-"use client";import{jsx as r}from"react/jsx-runtime";import{forwardRef as l}from"react";import{Box as D}from"../Box/Box.js";import c from"../../styles/MediaItem.module.css.js";import a from"./Item.module.css.js";import{cn as o}from"../../utils/cn.js";const u=l(function({children:i,size:e="md",variant:n="ghost",interactive:t=!1,as:s,className:m,style:g,onClick:d,role:f,...y},x){const p=s??(t&&d!=null&&f==null?"button":"div"),N=p==="button"?y.type??"button":void 0;return r(D,{ref:x,as:p,variant:n,padding:"none",className:o(c.row,a.item,a[e],t?a.interactive:"",m),style:g,"data-size":e,...N!=null?{type:N}:{},onClick:d,role:f,...y,children:i})}),v=l(function({children:i,variant:e="icon",className:n,style:t,...s},m){return r("div",{ref:m,className:o(c.media,a.media,a[`media_${e}`],n),style:t,"data-variant":e,...s,children:i})}),h=l(function({children:i,className:e,style:n,...t},s){return r("div",{ref:s,className:o(c.content,e),style:n,...t,children:i})}),I=l(function({children:i,className:e,style:n,...t},s){return r("div",{ref:s,className:o(c.title,a.title,e),style:n,...t,children:i})}),b=l(function({children:i,className:e,style:n,...t},s){return r("div",{ref:s,className:o(c.description,a.description,e),style:n,...t,children:i})}),C=l(function({children:i,className:e,style:n,...t},s){return r("div",{ref:s,className:o(c.actions,a.actions,e),style:n,...t,children:i})});u.displayName="Item",v.displayName="Item.Media",h.displayName="Item.Content",I.displayName="Item.Title",b.displayName="Item.Description",C.displayName="Item.Actions";const M=Object.assign(u,{Media:v,Content:h,Title:I,Description:b,Actions:C});export{M as Item};
+"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{forwardRef as $}from"react";import{Box as b}from"../Box/Box.js";import N from"../../styles/flexChild.module.css.js";import t from"../../styles/MediaItem.module.css.js";import i from"./Item.module.css.js";import{cn as e}from"../../utils/cn.js";import{implicitAs as z}from"../../utils/implicitAs.js";import{Flex as s}from"../../base/Flex/Flex.js";const A={sm:"sm",md:"md",lg:"md"},B={sm:"none",md:"var(--altum-control-inset)",lg:"var(--altum-control-inset)"},g=$(function({size:a="md",variant:v="ghost",interactive:m=!1,as:o,media:c,mediaVariant:h="icon",mediaClassName:C,title:n,titleClassName:x,description:r,descriptionClassName:w,actions:d,actionsClassName:k,className:j,onClick:p,role:f,...y},F){const I=m?z(o,p,f):o??"div";return l(b,{ref:F,as:I,variant:v,padding:"none",className:e(i.item,a!=="md"&&i[a],m&&i.interactive,j),onClick:p,role:f,...y,children:u(s,{align:"center",gap:A[a],wrap:!1,children:[c!=null?l("div",{className:e(t.media,i.media,i[`media_${h}`],C),children:c}):null,n!=null||r!=null?u(s,{direction:"column",gap:B[a],wrap:!1,className:e(N.grow,i.body),children:[n!=null?l("div",{className:e(t.title,i.title,x),children:n}):null,r!=null?l("div",{className:e(t.description,i.description,w),children:r}):null]}):null,d!=null?l(s,{align:"center",gap:"xs",wrap:!1,className:e(N.noShrink,i.actions,k),children:d}):null]})})});g.displayName="Item";export{g as Item};

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

@@ -1 +1 @@
-"use client";var e='.c0x-9{--altum-item-media-lg:calc(var(--altum-g-space-8) + var(--altum-g-space-2));border-radius:var(--altum-g-radius);color:var(--altum-color-field-text);font-family:var(--altum-g-font-family-ui);padding:var(--altum-g-space-2) var(--altum-g-space-3);position:relative;text-align:start;transition:var(--altum-transition-smooth)}.c0x-9:is(button){appearance:none;cursor:pointer}.c0x-9.GRryI{gap:var(--altum-g-space-2);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.c0x-9.oB8Iz{gap:var(--altum-g-space-4);padding:var(--altum-g-space-3) var(--altum-g-space-4)}.c0x-9[data-size=sm] ._7dXq9{height:var(--altum-g-space-6);width:var(--altum-g-space-6)}.c0x-9:not([data-size]) ._7dXq9,.c0x-9[data-size=md] ._7dXq9{height:var(--altum-g-space-8);width:var(--altum-g-space-8)}.c0x-9[data-size=lg] ._7dXq9{height:var(--altum-item-media-lg);width:var(--altum-item-media-lg)}.c0x-9.GRryI .L7hoN,.c0x-9.oB8Iz .L7hoN{font-size:var(--altum-g-font-size-sm)}.c0x-9 ._7dXq9{color:var(--altum-field-label)}.c0x-9 .L7hoN{color:var(--altum-color-field-text);font-size:var(--altum-g-font-size-base)}.c0x-9 .B-ruZ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-2xs);line-height:var(--altum-g-line-height-2xs)}.c0x-9 .zgxWz{gap:var(--altum-g-space-1)}._4iApM{cursor:pointer}._4iApM:after{background:#0000;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:background .2s ease-in-out}._4iApM:hover:not(:disabled):after{background:color-mix(in srgb,var(--altum-color-text-secondary) 6%,#0000)}._4iApM:active:not(:disabled):after{background:color-mix(in srgb,var(--altum-color-text-secondary) 10%,#0000)}@media (prefers-reduced-motion:reduce){._4iApM:after{transition:none}}.Z-ge7{background:var(--altum-color-brand-tint);color:var(--altum-color-brand-tint-text)}.Eid4d,.Z-ge7{border-radius:var(--altum-g-radius-sm)}.Eid4d,.xHsEG{background:var(--altum-color-surface-active)}.xHsEG{border-radius:50%}';const r={item:"c0x-9",sm:"GRryI",lg:"oB8Iz",media:"_7dXq9",title:"L7hoN",description:"B-ruZ",actions:"zgxWz",interactive:"_4iApM",media_icon:"Z-ge7",media_image:"Eid4d",media_avatar:"xHsEG"};(function(t){if(!(typeof document>"u")){var a=document.createElement("style");a.textContent=t,document.head.appendChild(a)}})(e);export{r as default};
+"use client";import{injectCss as a}from"../../utils/injectCss.js";var t='.c0x-9{--altum-item-media:var(--altum-g-space-8);color:var(--altum-color-field-text);min-width:0;padding:var(--altum-g-space-2) var(--altum-g-space-3);position:relative;text-align:start;transition:var(--altum-transition-smooth);width:100%}.c0x-9:is(button){appearance:none;cursor:pointer}.c0x-9 ._7dXq9{height:var(--altum-item-media);width:var(--altum-item-media)}.c0x-9 .L7hoN{font-size:var(--altum-g-font-size-base)}.c0x-9 .B-ruZ,.c0x-9 .L7hoN{line-height:var(--altum-g-line-height-2xs)}.c0x-9 .B-ruZ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-2xs)}.c0x-9 .u0ZlD,.c0x-9 .zgxWz{width:auto}.c0x-9.GRryI{--altum-item-media:var(--altum-g-space-6);padding:var(--altum-g-space-1) var(--altum-g-space-2)}.c0x-9.GRryI .L7hoN{font-size:var(--altum-g-font-size-2xs)}.c0x-9.GRryI .B-ruZ{font-size:var(--altum-g-font-size-3xs);line-height:var(--altum-g-line-height-3xs)}.c0x-9.oB8Iz{--altum-item-media:calc(var(--altum-g-space-8) + var(--altum-g-space-2));padding:var(--altum-g-space-2) var(--altum-g-space-3)}.c0x-9.oB8Iz .L7hoN{font-size:var(--altum-g-font-size-lg)}.c0x-9.oB8Iz .B-ruZ,.c0x-9.oB8Iz .L7hoN{line-height:var(--altum-g-line-height-sm)}.c0x-9.oB8Iz .B-ruZ{font-size:var(--altum-g-font-size-sm)}._4iApM{cursor:pointer}._4iApM:after{background:#0000;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:background .2s ease-in-out}._4iApM:hover:not(:disabled):after{background:color-mix(in srgb,var(--altum-color-text-secondary) 6%,#0000)}._4iApM:active:not(:disabled):after{background:color-mix(in srgb,var(--altum-color-text-secondary) 10%,#0000)}@media (prefers-reduced-motion:reduce){._4iApM:after{transition:none}}.Z-ge7{background:var(--altum-color-brand-tint);border-radius:var(--altum-g-radius-sm);color:var(--altum-color-brand-tint-text)}.Eid4d,.xHsEG{background:var(--altum-color-surface-active)}.Eid4d{border-radius:var(--altum-g-radius-sm)}.xHsEG{border-radius:50%}';const e={item:"c0x-9",media:"_7dXq9",title:"L7hoN",description:"B-ruZ",body:"u0ZlD",actions:"zgxWz",sm:"GRryI",lg:"oB8Iz",interactive:"_4iApM",media_icon:"Z-ge7",media_image:"Eid4d",media_avatar:"xHsEG"};a(t);export{e as default};

package/dist/components/Kbd/Kbd.js

@@ -1 +1 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{forwardRef as m}from"react";import t from"./Kbd.module.css.js";import{cn as c}from"../../utils/cn.js";const p=/^[↑↓←→⟵⟶⇧⌃⌥⌘]$/u,d=m(function({children:r,symbol:o,className:e,...s},a){const l=o??(typeof r=="string"&&p.test(r.trim()));return n("kbd",{ref:a,className:c(t.kbd,l?t.kbdSymbol:"",e),...s,children:r})});d.displayName="Kbd";const i=m(function({children:r,className:o,...e},s){return n("span",{ref:s,className:c(t.kbdGroup,o),...e,role:"group",children:r})});i.displayName="KbdGroup";export{d as Kbd,i as KbdGroup};
+"use client";import{jsx as d}from"react/jsx-runtime";import{forwardRef as n}from"react";import s from"./Kbd.module.css.js";import{cn as a}from"../../utils/cn.js";const c=n(function({children:r,symbol:o,className:e,...m},i){return d("kbd",{ref:i,className:a(s.kbd,o&&s.kbdSymbol,e),...m,children:r})});c.displayName="Kbd";const l=n(function({children:r,className:o,...e},m){return d("span",{ref:m,className:a(s.kbdGroup,o),...e,role:"group",children:r})});l.displayName="KbdGroup";export{c as Kbd,l as KbdGroup};

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

@@ -1 +1 @@
-"use client";var a=".jgbYx{align-items:center;background:var(--altum-color-panel-bg);border:1px solid var(--altum-color-panel-border);border-radius:var(--altum-g-radius-sm);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--altum-color-panel-border) 80%,#0000);box-sizing:border-box;color:var(--altum-color-field-text);display:inline-flex;font-family:var(--altum-g-font-family-mono);font-size:var(--altum-g-font-size-xs);font-weight:var(--altum-g-font-weight-medium);justify-content:center;line-height:1;min-height:var(--altum-g-space-5);min-width:var(--altum-g-space-5);padding:0 var(--altum-g-space-1);-webkit-user-select:none;user-select:none;white-space:nowrap}.LCuSl{transform:translateY(.5px)}.qCORQ{align-items:center;color:var(--altum-color-ink-muted);display:inline-flex;font-size:var(--altum-g-font-size-2xs);gap:var(--altum-g-space-1);line-height:var(--altum-g-line-height-2xs);vertical-align:middle}";const n={kbd:"jgbYx",kbdSymbol:"LCuSl",kbdGroup:"qCORQ"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(a);export{n as default};
+"use client";import{injectCss as e}from"../../utils/injectCss.js";var a=".jgbYx{align-items:center;background:var(--altum-color-panel-bg);border:1px solid var(--altum-color-panel-border);border-radius:var(--altum-g-radius-sm);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--altum-color-panel-border) 80%,#0000);box-sizing:border-box;color:var(--altum-color-field-text);display:inline-flex;font-family:var(--altum-g-font-family-mono);font-size:var(--altum-g-font-size-xs);font-weight:var(--altum-g-font-weight-medium);justify-content:center;line-height:1;min-height:var(--altum-g-space-5);min-width:var(--altum-g-space-5);padding:0 var(--altum-g-space-1);-webkit-user-select:none;user-select:none;white-space:nowrap}.LCuSl{transform:translateY(.5px)}.qCORQ{align-items:center;color:var(--altum-color-ink-muted);display:inline-flex;font-size:var(--altum-g-font-size-2xs);gap:var(--altum-g-space-1);line-height:var(--altum-g-line-height-2xs);vertical-align:middle}";const t={kbd:"jgbYx",kbdSymbol:"LCuSl",kbdGroup:"qCORQ"};e(a);export{t as default};

package/dist/components/Layout/ControlRow.js

@@ -1 +1 @@
-"use client";import{jsx as f}from"react/jsx-runtime";import{forwardRef as u}from"react";import{cn as w}from"../../utils/cn.js";import{LayoutItem as y}from"./LayoutItem.js";import{justifyClass as d,alignClass as g,gapClass as C}from"./layoutClasses.js";import o from"./flexPrimitives.module.css.js";const R=u(function({children:t,gap:s="sm",align:e="center",justify:a="start",wrap:l=!0,className:m,role:i,style:n,...p},c){return f("div",{ref:c,className:w(o.base,o.controlRow,!l&&o.controlRowNowrap,C(s),g(e),d(a),m),style:n,...p,role:i??"group",children:t})}),r=R;r.Item=y,r.displayName="ControlRow";export{r as ControlRow};
+"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as m}from"react";import{Inline as n}from"./Inline.js";import{LayoutItem as f}from"./LayoutItem.js";const i=m(function(r,t){return e(n,{ref:t,...r,role:r.role??"group"})}),o=i;o.Item=f,o.displayName="ControlRow";export{o as ControlRow};

package/dist/components/Layout/Inline.js

@@ -1 +1 @@
-"use client";import{jsx as c}from"react/jsx-runtime";import{forwardRef as u}from"react";import{cn as d}from"../../utils/cn.js";import{justifyClass as y,alignClass as g,gapClass as N}from"./layoutClasses.js";import r from"./flexPrimitives.module.css.js";const s=u(function({children:e,gap:i="sm",align:a="center",justify:n="start",wrap:t=!0,className:l,as:o="div",style:m,...f},p){return c(o,{ref:p,className:d(r.base,r.inline,!t&&r.inlineNowrap,N(i),g(a),y(n),l),style:m,...f,children:e})});s.displayName="Inline";export{s as Inline};
+"use client";import{jsx as i}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Flex as o}from"../../base/Flex/Flex.js";const r=n(function(e,t){return i(o,{ref:t,gap:"sm",align:"center",justify:"start",wrap:!0,...e,direction:"row"})});r.displayName="Inline";export{r as Inline};

package/dist/components/Layout/Layout.js

@@ -1 +1 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{forwardRef as l}from"react";import{GridItem as S,Grid as C}from"../Grid/Grid.js";import{cn as m}from"../../utils/cn.js";import s from"./Layout.module.css.js";import{ControlRow as p}from"./ControlRow.js";import{Inline as N}from"./Inline.js";import{LayoutItem as h}from"./LayoutItem.js";import{Split as L}from"./Split.js";import{Stack as k}from"./Stack.js";const f=l(function({children:t,className:e,as:o="div",style:r,...a},i){return n(o,{ref:i,className:m(s.root,e),style:r,...a,children:t})}),y=l(function({children:t,className:e,sticky:o=!1,as:r="header",style:a,...i},c){return n(r,{ref:c,className:m(s.header,o&&s.headerSticky,e),style:a,...i,children:t})}),d=l(function({children:t,className:e,as:o="div",style:r,...a},i){return n(o,{ref:i,className:m(s.content,e),style:r,...a,children:t})}),u=l(function({children:t,className:e,sticky:o=!1,align:r="start",as:a="footer",style:i,...c},I){return n(a,{ref:I,className:m(s.footer,s[`footerAlign_${r}`],o&&s.footerSticky,e),style:i,...c,children:t})});f.displayName="Layout",y.displayName="Layout.Header",d.displayName="Layout.Content",u.displayName="Layout.Footer";const G=Object.assign(f,{Header:y,Content:d,Footer:u,Stack:k,Inline:N,Split:L,ControlRow:p,Item:h,Grid:C,GridItem:S});export{p as ControlRow,N as Inline,G as Layout,d as LayoutContent,u as LayoutFooter,y as LayoutHeader,h as LayoutItem,f as LayoutRoot,L as Split,k as Stack};
+"use client";import{jsx as s}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as m}from"../../utils/cn.js";import{mergeStyles as x}from"../../utils/mergeStyles.js";import r from"./Layout.module.css.js";import{ControlRow as p}from"./ControlRow.js";import{Inline as d}from"./Inline.js";import{LayoutItem as N}from"./LayoutItem.js";import{Split as L}from"./Split.js";import{As as i}from"../../base/As/As.js";const k={start:"flex-start",center:"center",end:"flex-end","space-between":"space-between"},f=n(function({as:t="div",className:e,...o},a){return s(i,{ref:a,as:t,className:m(r.root,e),...o})}),l=n(function({as:t="header",className:e,sticky:o=!1,...a},c){return s(i,{ref:c,as:t,className:m(r.header,o&&r.sticky,e),...a})}),y=n(function({as:t="div",className:e,...o},a){return s(i,{ref:a,as:t,className:m(r.content,e),...o})}),u=n(function({as:t="footer",className:e,sticky:o=!1,align:a="start",style:c,...C},w){return s(i,{ref:w,as:t,className:m(r.footer,o&&r.sticky,e),style:x({justifyContent:k[a]},c),...C})});f.displayName="Layout",l.displayName="Layout.Header",y.displayName="Layout.Content",u.displayName="Layout.Footer";const I=Object.assign(f,{Header:l,Content:y,Footer:u,Inline:d,Split:L,ControlRow:p,Item:N});export{p as ControlRow,d as Inline,I as Layout,y as LayoutContent,u as LayoutFooter,l as LayoutHeader,N as LayoutItem,f as LayoutRoot,L as Split};

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

@@ -1 +1 @@
-"use client";var o=".tyzJ8{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;width:100%}.j6ao5,.tyzJ8{box-sizing:border-box}.j6ao5{flex-shrink:0}.j6ao5.xOqXx{position:sticky;top:0;z-index:var(--altum-g-z-raised,1)}.Wa4rZ{flex:1 0 auto;min-width:0}.Wa4rZ,._266Qh{box-sizing:border-box}._266Qh{align-items:center;display:flex;flex-shrink:0;gap:var(--altum-g-space-3)}._266Qh.g9Lq-{justify-content:flex-start}._266Qh._7gjHl{justify-content:center}._266Qh.KPvRY{justify-content:flex-end}._266Qh.hTuuZ{justify-content:space-between}._266Qh.aAxEf{bottom:0;position:sticky;z-index:var(--altum-g-z-raised,1)}";const n={root:"tyzJ8",header:"j6ao5",headerSticky:"xOqXx",content:"Wa4rZ",footer:"_266Qh",footerAlign_start:"g9Lq-",footerAlign_center:"_7gjHl",footerAlign_end:"KPvRY","footerAlign_space-between":"hTuuZ",footerSticky:"aAxEf"};(function(t){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=t,document.head.appendChild(e)}})(o);export{n as default};
+"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".tyzJ8{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;width:100%}.j6ao5{flex-shrink:0}.Wa4rZ{flex:1 0 auto;min-width:0}._266Qh{align-items:center;display:flex;flex-shrink:0;gap:var(--altum-g-space-3)}.GdLP9{position:sticky;z-index:var(--altum-g-z-raised,1)}.j6ao5.GdLP9{top:0}._266Qh.GdLP9{bottom:0}";const o={root:"tyzJ8",header:"j6ao5",content:"Wa4rZ",footer:"_266Qh",sticky:"GdLP9"};t(e);export{o as default};

package/dist/components/Layout/LayoutItem.js

@@ -1 +1 @@
-"use client";import{jsx as l}from"react/jsx-runtime";import{forwardRef as c}from"react";import{cn as p}from"../../utils/cn.js";import r from"./flexPrimitives.module.css.js";const e=c(function({children:t,grow:m=!1,shrink:o=!0,className:i,style:s,as:a="div",...n},f){return l(a,{ref:f,className:p(r.item,m&&r.itemGrow,!o&&r.itemShrink0,i),style:s,...n,children:t})});e.displayName="LayoutItem";export{e as LayoutItem};
+"use client";import{jsx as f}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as c}from"../../utils/cn.js";import r from"../../styles/flexChild.module.css.js";import{As as l}from"../../base/As/As.js";const o=n(function({grow:m=!1,shrink:t=!0,className:e,as:s="div",...a},i){return f(l,{ref:i,as:s,className:c(r.child,m&&r.grow,t===!1&&r.noShrink,e),...a})});o.displayName="LayoutItem";export{o as LayoutItem};

package/dist/components/Layout/Split.js

@@ -1 +1 @@
-"use client";import{jsx as p}from"react/jsx-runtime";import{forwardRef as n}from"react";import{cn as c}from"../../utils/cn.js";import{alignClass as f,gapClass as d}from"./layoutClasses.js";import r from"./flexPrimitives.module.css.js";const t=n(function({children:e,gap:i="md",align:s="center",className:l,style:a,...m},o){return p("div",{ref:o,className:c(r.base,r.split,d(i),f(s),l),style:a,...m,children:e})});t.displayName="Split";export{t as Split};
+"use client";import{jsx as i}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Inline as o}from"./Inline.js";const e=n(function(r,t){return i(o,{ref:t,gap:"md",align:"center",justify:"between",...r})});e.displayName="Split";export{e as Split};

package/dist/components/Layout/Stack.js

@@ -1 +1 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{forwardRef as p}from"react";import{cn as d}from"../../utils/cn.js";import{justifyClass as u,alignClass as y,gapClass as g}from"./layoutClasses.js";import s from"./flexPrimitives.module.css.js";const t=p(function({children:a,gap:r="md",align:e="stretch",justify:i="start",className:m,as:o="div",style:l,...c},f){return n(o,{ref:f,className:d(s.base,s.stack,g(r),y(e),u(i),m),style:l,...c,children:a})});t.displayName="Stack";export{t as Stack};
+"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Flex as m}from"../../base/Flex/Flex.js";const t=i(function(r,o){return e(m,{ref:o,gap:"md",align:"stretch",justify:"start",...r,direction:"column"})});t.displayName="Stack";export{t as Stack};