altum 0.0.7 → 0.0.9

package/dist/components/Menu/Menu.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as B,Fragment as F}from"react/jsx-runtime";import{forwardRef as H,useState as O}from"react";import{Dropdown as P}from"../Dropdown/Dropdown.js";import{ActionList as q}from"../ActionList/ActionList.js";import i from"./Menu.module.css.js";import{cn as W}from"../../utils/cn.js";import{composeEventHandlers as g}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as X}from"../../hooks/useControlledState.js";import{useLocale as Y}from"../../locales/localeContext.js";import{renderChildren as z}from"../../utils/renderChildren.js";import{ruSlice as G}from"../../locales/slices/menu.ru.js";const J={menu:G},h=H(function({trigger:a,children:b,items:x,groups:C,open:T,onOpenChange:y,align:M="right",widthMode:v,mobileTitle:N,filterable:w,filterPlaceholder:A,emptyText:D,onAction:L,className:m,tabIndex:R,"aria-label":K,onContextMenu:k,onKeyDown:E,...c},s){const{t:f}=Y(J),n=a==="context",[I,l]=X(T,!1,y),[S,j]=O({top:0,left:0}),p=(e,t)=>{j({top:e,left:t}),l(!0)},d=r(P,{ref:n?void 0:s,className:n?i.host:m,open:I,onOpenChange:l,popupRole:"none",align:n?"left":M,widthMode:v,mobileTitle:N??f("menu.mobileTitle"),panelClassName:n?i.menu:void 0,renderTrigger:(e,t)=>n?r("span",{...e,ref:t,tabIndex:-1,className:i.anchor,style:S}):z({children:a,props:e,contentRef:t}),...n?{}:c,children:r(q,{"aria-label":K??f(n?"menu.contextAriaLabel":"menu.ariaLabel"),items:x,groups:C,filterable:w,filterPlaceholder:A,emptyText:D,onAction:e=>{L?.(e),l(!1)}})});return n?B(F,{children:[r("div",{ref:s,className:W(i.target,m),...c,tabIndex:R??0,onContextMenu:g(k,e=>{e.preventDefault();let t=e.clientX,o=e.clientY;if(!t&&!o){const u=e.currentTarget.getBoundingClientRect();t=u.left,o=u.bottom}p(o,t)}),onKeyDown:g(E,e=>{if(e.key!=="ContextMenu"&&!(e.shiftKey&&e.key==="F10"))return;e.preventDefault();const t=document.activeElement,o=(t instanceof HTMLElement&&e.currentTarget.contains(t)?t:e.currentTarget).getBoundingClientRect();p(o.bottom,o.left)}),children:b}),d]}):d});h.displayName="Menu";export{h as Menu};
+"use client";import{jsx as l,jsxs as K,Fragment as j}from"react/jsx-runtime";import{useRef as x,useCallback as B}from"react";import{ActionList as O}from"../ActionList/ActionList.js";import{Dropdown as X}from"../Dropdown/Dropdown.js";import u from"./Menu.module.css.js";import{cn as $}from"../../core/utils/cn.js";import{useLocale as q}from"../../locales/localeContext.js";import{popoverFromInvoker as H,showPopover as S}from"../../core/utils/popover.js";import{renderChildren as Y}from"../../core/utils/renderChildren.js";import{ruSlice as z}from"../../locales/slices/menu.ru.js";const G={menu:z};function J({trigger:p,children:b,items:y,groups:T,onOpenChange:C,popupRef:i,align:L="right",widthMode:M,mobileTitle:R,emptyText:E,onAction:k,className:m,tabIndex:D,"aria-label":N,onContextMenu:P,onKeyDown:A,rootRef:s,...d}){const{t:f}=q(G),r=p==="context",c=x(null),g=x(null),F=B(e=>{c.current=e,typeof i=="function"?i(e):i&&(i.current=e)},[i]),I=(e,n)=>{const t=H(g.current);return t&&(t.style.setProperty("--altum-menu-x",`${n}px`),t.style.setProperty("--altum-menu-y",`${e}px`),t)},v=e=>{e?S(e):c.current?.show()},h=(e,n,t=0)=>{const o=I(e,n);if(t&2){const a=()=>{window.removeEventListener("pointerup",a,!0),window.removeEventListener("pointercancel",a,!0),v(o)};window.addEventListener("pointerup",a,!0),window.addEventListener("pointercancel",a,!0);return}queueMicrotask(()=>v(o))},w=l(X,{rootRef:r?void 0:s,className:r?u.host:m,popupRef:F,onOpenChange:C,popupRole:"none",align:r?"left":L,widthMode:M,mobileTitle:R??f("menu.mobileTitle"),panelClassName:r?u.menu:void 0,trigger:(e,n)=>{if(!r)return Y({children:p,props:e,contentRef:n});const{popoverTarget:t}=e;return l("span",{ref:o=>{g.current=o,n(o)},tabIndex:-1,className:u.anchor,"aria-hidden":!0,popoverTarget:t})},...r?{}:d,children:l(O,{"aria-label":N??f(r?"menu.contextAriaLabel":"menu.ariaLabel"),items:y,groups:T,emptyText:E,onAction:e=>{k?.(e),c.current?.hide()}})});return r?K(j,{children:[l("div",{ref:s,className:$(u.target,m),...d,tabIndex:D??0,onContextMenu:e=>{if(P?.(e),e.defaultPrevented)return;e.preventDefault();let n=e.clientX,t=e.clientY;if(!n&&!t){const o=e.currentTarget.getBoundingClientRect();n=o.left,t=o.bottom}h(t,n,e.buttons)},onKeyDown:e=>{if(A?.(e),e.defaultPrevented||e.key!=="ContextMenu"&&!(e.shiftKey&&e.key==="F10"))return;e.preventDefault();const n=document.activeElement,t=(n instanceof HTMLElement&&e.currentTarget.contains(n)?n:e.currentTarget).getBoundingClientRect();h(t.bottom,t.left,0)},children:b}),w]}):w}export{J as Menu};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._8xAyJ{min-width:0}._8xAyJ:focus:not(:focus-visible){outline:none}._8xAyJ:focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.Xefa6.Xefa6{display:contents}._8Lv6-{height:0;pointer-events:none;position:fixed;width:0}.uj3BS{--altum-menu-min-width:180px;--altum-menu-max-width:320px;--altum-menu-max-height:360px;max-height:min(var(--altum-menu-max-height),calc(100vh - var(--altum-g-space-4)));max-width:min(var(--altum-menu-max-width),calc(100vw - var(--altum-g-space-4)));min-width:var(--altum-menu-min-width)}";const i={target:"_8xAyJ",host:"Xefa6",anchor:"_8Lv6-",menu:"uj3BS"};t(a);export{i as default};
+"use client";import{injectCss as t}from"../../core/utils/injectCss.js";var a="._8xAyJ{min-width:0}._8xAyJ:focus:not(:focus-visible){outline:none}._8xAyJ:focus-visible{outline:\u0001focus-ring-width) solid \u0001focus-ring-color);outline-offset:\u0001focus-ring-offset)}.Xefa6{display:contents}._8Lv6-{height:0;left:0;pointer-events:none;position:fixed;top:0;width:0}.uj3BS.uj3BS[popover]{\"menu-min-width:180px;\"menu-max-width:320px;\"menu-max-height:360px;position-anchor:none;position-area:none;position-try-fallbacks:none;inset:unset;bottom:auto;left:\u0001menu-x,0);margin:0;max-height:min(\u0001menu-max-height),calc(100vh - \u00144)));max-width:min(\u0001menu-max-width),calc(100vw - \u00144)));min-width:\u0001menu-min-width);right:auto;top:\u0001menu-y,0)}@media (max-width:768px){.uj3BS.uj3BS[popover]{left:auto;top:auto}}";const o={target:"_8xAyJ",host:"Xefa6",anchor:"_8Lv6-",menu:"uj3BS"};t(a);export{o as default};

package/dist/components/Modal/Modal.js

@@ -1 +1 @@
-"use client";import{jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as d}from"../../utils/cn.js";import{useLocale as h}from"../../locales/localeContext.js";import{ruSlice as M}from"../../locales/slices/modal.ru.js";import{DialogLayout as v}from"../DialogLayout/DialogLayout.js";import{Layout as l}from"../Layout/Layout.js";import{Overlay as C}from"../Overlay/Overlay.js";import m from"./Modal.module.css.js";const L={modal:M},s=i(function(e,a){return o(l.Header,{ref:a,sticky:!0,...e})}),c=i(function({className:e,...a},r){return o(l.Content,{ref:r,...a,className:d(m.body,e)})}),f=i(function({align:e="end",...a},r){return o(l.Footer,{ref:r,sticky:!0,align:e,...a})}),p=i(function({open:e,onOpenChange:a,children:r,className:y,"aria-labelledby":n,"aria-label":t,"aria-describedby":u,...b},g){const{t:N}=h(L);return o(C,{variant:"modal",open:e,onOpenChange:a,"aria-labelledby":t?void 0:n,"aria-label":t??(n?void 0:N("modal.ariaLabel")),"aria-describedby":u,children:o(v,{ref:g,...b,variant:"floating",radius:"lg",className:d(m.modalContent,y),onClose:()=>a(!1),children:o(l,{padding:"md",gap:"md",children:r})})})});p.displayName="Modal",s.displayName="Modal.Header",c.displayName="Modal.Body",f.displayName="Modal.Footer";const O=Object.assign(p,{Header:s,Body:c,Footer:f});export{O as Modal};
+"use client";import{jsx as a}from"react/jsx-runtime";import{cn as n}from"../../core/utils/cn.js";import{useLocale as b}from"../../locales/localeContext.js";import{ruSlice as g}from"../../locales/slices/modal.ru.js";import{DialogLayout as y}from"../DialogLayout/DialogLayout.js";import{Layout as t}from"../Layout/Layout.js";import{Overlay as u}from"../Overlay/Overlay.js";import m from"./Modal.module.css.js";import R from"../../styles/overlayScrim.module.css.js";const h={modal:g},v=({rootRef:e,...o})=>a(t.Header,{rootRef:e,sticky:!0,...o}),C=({className:e,rootRef:o,...r})=>a(t.Content,{rootRef:o,...r,className:n(m.body,e)}),N=({align:e="end",rootRef:o,...r})=>a(t.Footer,{rootRef:o,sticky:!0,align:e,...r}),L=({open:e,onOpenChange:o,children:r,className:s,"aria-labelledby":i,"aria-label":l,"aria-describedby":d,rootRef:c,...f})=>{const{t:p}=b(h);return a(u,{variant:"modal",open:e,onOpenChange:o,hostClassName:R.host,"aria-labelledby":l?void 0:i,"aria-label":l??(i?void 0:p("modal.ariaLabel")),"aria-describedby":d,children:a(y,{rootRef:c,...f,variant:"floating",radius:"lg",className:n(m.modalContent,s),onClose:()=>o(!1),children:a(t,{padding:"md",gap:"md",children:r})})})},O=Object.assign(L,{Header:v,Body:C,Footer:N});export{O as Modal};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".QNpBm{font-family:var(--altum-g-font-family-ui);width:min(90%,var(--altum-dialog-max-width-md))}.lVhql{font-size:var(--altum-dialog-body-size);line-height:1.5}";const i={modalContent:"QNpBm",body:"lVhql"};t(a);export{i as default};
+"use client";import{injectCss as t}from"../../core/utils/injectCss.js";var i=".QNpBm{font-family:var(--altum-g-font-family-ui);width:min(90%,var(--altum-dialog-max-width-md))}.lVhql{font-size:var(--altum-dialog-body-size);line-height:1.5}";const a={modalContent:"QNpBm",body:"lVhql"};t(i);export{a as default};

package/dist/components/MultiSelect/MultiSelect.js

@@ -0,0 +1 @@
+"use client";import{jsx as l,jsxs as C}from"react/jsx-runtime";import{Select as Q}from"../Select/Select.js";import{Chip as U}from"../Chip/Chip.js";import{TextField as X}from"../TextField/TextField.js";import{useLocale as _}from"../../locales/localeContext.js";import{cn as q}from"../../core/utils/cn.js";import{getFormControlState as B}from"../../core/utils/form.js";import{getListboxOptionText as T}from"../../core/utils/listboxOptions.js";import{ruSlice as E}from"../../locales/slices/select.ru.js";import i from"../../styles/selectField.module.css.js";import y from"./MultiSelect.module.css.js";const G=()=>{},H={select:E},J=({options:u,groups:O,value:w,defaultValue:L,onChange:N,placeholder:s,loading:m=!1,disabled:t=!1,readOnly:f=!1,label:n,size:A="md",width:b="md",prefix:R,postfix:W,error:V,description:k,onClear:d,clearLabel:h,className:D="",id:I,"aria-label":c,listAriaLabel:S,noOptionsText:F,filterable:P=!1,filterPlaceholder:z,showCheck:j,...g})=>{const{t:K}=_(H),{isReadOnly:M,isInteractive:p}=B({disabled:t,readOnly:f});return l(Q,{...g,options:u,groups:O,triggerMode:"button",selectionMode:"multiple",value:w,defaultValue:L,onChange:a=>{N?.(Array.isArray(a)?a:[])},disabled:t,readOnly:f,loading:m,filterable:P,filterPlaceholder:z,showCheck:j,noOptionsText:F,listAriaLabel:S??n??c,mobileTitle:g.mobileTitle??n??c,onClear:d,clearLabel:h,customTrigger:(a,r)=>C(X,{as:"div",rootRef:a.triggerRef,label:n,size:A,width:b,error:V,description:k,disabled:t,readOnly:M,prefix:R,postfix:a.chevron,onClear:d?()=>{r.clearValue(),d()}:void 0,clearLabel:h,id:I,hasValue:r.hasValue,className:i.trigger,wrapperClassName:q(i.field,b!=="full"&&i.fitContent,D),role:"combobox",tabIndex:t?void 0:0,"aria-disabled":t||void 0,"aria-busy":m||void 0,"aria-controls":a.listboxId,"aria-haspopup":"listbox","aria-label":c,"aria-activedescendant":a.activeDescendantId,"aria-expanded":a["aria-expanded"],popoverTarget:a.popoverTarget,popoverTargetAction:a.popoverTargetAction,onClick:e=>{if(!p){e.preventDefault();return}a.onClick(e)},onFocus:e=>{p&&a.onFocus(e)},onKeyDown:e=>{p&&a.onKeyDown(e)},children:[C("span",{className:i.triggerSizer,"aria-hidden":"true",children:[s?l("span",{children:s}):null,u.map(e=>l("span",{children:T(e)},e.value))]}),l("span",{className:i.triggerText,children:r.hasValue?l("span",{className:y.chipsRow,onClickCapture:e=>{if(r.isReadOnly)return;const o=e.target.closest("[data-value][data-removable]");if(!o||!e.currentTarget.contains(o))return;const v=e.target.closest("button");if(!v||!o.contains(v))return;e.preventDefault(),e.stopPropagation();const x=o.getAttribute("data-value");x!=null&&r.removeOption(x)},children:r.selectedOptions.map(e=>{const o=T(e);return l(U,{variant:"secondary",className:y.chip,value:e.value,removeLabel:K("select.removeItem",{label:o}),onRemove:r.isReadOnly?void 0:G,children:o},e.value)})}):l("span",{className:i.placeholder,children:s??n})})]})})};export{J as MultiSelect};

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

@@ -0,0 +1 @@
+"use client";import{injectCss as e}from"../../core/utils/injectCss.js";var i=".h1EuX{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-1);width:100%}.Zk0ch,.h1EuX{max-width:100%;min-width:0;overflow:hidden}.Zk0ch{flex:0 1 auto}";const a={chipsRow:"h1EuX",chip:"Zk0ch"};e(i);export{a as default};

package/dist/components/Notification/Notification.js

@@ -1 +1 @@
-"use client";import{jsxs as h,jsx as o}from"react/jsx-runtime";import{forwardRef as v,Children as S,isValidElement as E}from"react";import{Button as H}from"../Button/Button.js";import{OverlayCloseButton as T}from"../ButtonIcon/OverlayCloseButton.js";import n from"./Notification.module.css.js";import{cn as u}from"../../utils/cn.js";import{createLibraryPortal as $}from"../../utils/portal.js";import{useDocumentKeyDown as A}from"../../hooks/useDocumentKeyDown.js";import{formatKeyboardShortcut as M}from"../../utils/keyboardShortcut.js";import{matchesKeyboardShortcut as O}from"../../utils/keyboardShortcut.match.js";function x(t){const e=t.closest(`.${n.notification}`);return e instanceof HTMLElement?e:null}function N(t,e){if(t.hasAttribute("data-closing"))return;if(t.setAttribute("data-closing",""),window.matchMedia("(prefers-reduced-motion: reduce)").matches){e?.();return}const c=a=>{a.target===t&&(t.removeEventListener("animationend",c),e?.())};t.addEventListener("animationend",c)}const f=v(function({children:t,stacked:e=!0,stackDepth:c=3,position:a="bottom-right",className:l,...s},i){return $(o("div",{ref:i,className:u(n.notificationsContainer,l),"data-position":a,...s,children:o(j,{stacked:e,stackDepth:c,children:t})}))}),j=({children:t,stacked:e,stackDepth:c})=>{const a=S.toArray(t),l=Math.max(1,c);return o("div",{className:u(n.stack,e&&n.stackCollapsed),children:a.map((s,i)=>o("div",{className:u(n.stackItem,i>=l&&n.stackItemHidden),style:{"--altum-stack-i":String(i)},children:s},E(s)?s.key??i:i))})},g=v(function({variant:t="info",duration:e=3e3,progress:c=e>0,pauseOnHover:a=!0,onClose:l,title:s,description:i,actions:d,className:C,style:b,...L},w){const p=r=>{const m=x(r);m&&N(m,l)};return h("div",{ref:w,className:u(n.notification,C),style:{borderLeftColor:`var(--altum-color-status-${t})`,...b},"data-variant":t,...L,"data-pause":a?"":void 0,role:t==="error"?"alert":"status","aria-live":t==="error"||t==="warning"?"assertive":"polite",children:[o("div",{className:n.title,children:s}),i!=null&&i!==""?o("div",{className:n.description,children:i}):null,o(T,{className:n.close,onClick:r=>p(r.currentTarget)}),d?.length?o("div",{className:n.actions,children:d.map((r,m)=>h(H,{size:"sm",variant:r.variant==="secondary"?"secondary":"primary",onClick:D=>{r.onClick(),p(D.currentTarget)},children:[r.label,(r.shortcutLabel??r.shortcut)&&o("span",{className:n.actionShortcut,children:r.shortcutLabel??M(r.shortcut)})]},`${r.label}-${m}`))}):null,c&&e>0&&o("div",{className:n.progressTrack,"aria-hidden":!0,children:o("div",{className:n.progressBar,style:{animationDuration:`${e}ms`},onAnimationEnd:r=>{r.stopPropagation(),p(r.currentTarget)}})})]})});g.displayName="Notification",f.displayName="Notification.Viewport";const y=Object.assign(g,{Viewport:f}),k=({item:t,onClose:e})=>o(y,{"data-toast-id":t.id,variant:t.variant,duration:t.duration,progress:t.progress,pauseOnHover:t.pauseOnHover,onClose:()=>e(t.id),title:t.title,description:t.description,actions:t.actions}),B=({notifications:t,onClose:e,...c})=>(A(a=>{if(!a.defaultPrevented)for(let l=t.length-1;l>=0;l-=1){const s=t[l];for(const i of s.actions??[]){if(!i.shortcut||!O(a,i.shortcut))continue;a.preventDefault(),i.onClick();const d=document.querySelector(`[data-toast-id="${CSS.escape(s.id)}"]`);d instanceof HTMLElement?N(d,()=>e(s.id)):e(s.id);return}}}),o(f,{...c,children:t.slice().reverse().map(a=>o(k,{item:a,onClose:e},a.id))}));export{y as Notification,B as NotificationContainer,k as NotificationItemRenderer};
+"use client";import{jsxs as T,jsx as o}from"react/jsx-runtime";import{useRef as b,useEffect as P,useCallback as S,useSyncExternalStore as j}from"react";import{Button as I}from"../Button/Button.js";import{OverlayCloseControl as $}from"../Button/overlayCloseControl.js";import{ProgressCircle as K}from"../Progress/Progress.js";import a from"./Notification.module.css.js";import{cn as v}from"../../core/utils/cn.js";import{uRef as L}from"../../core/utils/bundle.js";import{useDocumentKeyDown as M}from"../../hooks/useDocumentKeyDown.js";import{formatKeyboardShortcut as V,matchesKeyboardShortcut as q}from"../../core/utils/keyboardShortcut.js";const z=[],B=()=>()=>{},D=()=>z,E=i=>{const r=i.closest(`.${a.notification}`);!r||r.hasAttribute("data-closing")||r.setAttribute("data-closing","")};function w({children:i,stacked:r=!0,stackDepth:f=3,position:p="top-right",className:d,rootRef:m,...l}){const s=b(null);return P(()=>{const c=s.current;c&&(c.matches(":popover-open")||c.showPopover())},[]),o("div",{ref:L(m,s),popover:"manual",className:v(a.notificationsContainer,d),"data-position":p,...l,children:o("div",{className:v(a.stack,r&&a.stackCollapsed),children:i})})}function _({variant:i="info",duration:r=1e4,progress:f=r>0,pauseOnHover:p=!0,onClose:d,title:m,description:l,actions:s,className:c,style:N,rootRef:y,onAnimationEnd:k,...C}){const h=r>0,t=!!(f&&h),n=b(s);n.current=s;const x=e=>{if(k?.(e),e.target!==e.currentTarget||e.animationName!=="altum-notification-leave"||e.currentTarget.hasAttribute("data-dismissed"))return;e.currentTarget.setAttribute("data-dismissed","");const u=e.currentTarget.getAttribute("data-toast-id")??void 0;d?.(u)},g=e=>{const u=e.target;if(u.closest("[data-notification-close]")){E(e.currentTarget);return}const A=u.closest("[data-action-index]");if(!A||!e.currentTarget.contains(A))return;const O=Number(A.getAttribute("data-action-index")),R=n.current?.[O];R&&(R.onClick(),E(e.currentTarget))};return T("div",{ref:y,className:v(a.notification,c),style:{...h?{"--altum-toast-life":`${r}ms`}:null,...N},...C,"data-variant":i,"data-life":h?"":void 0,"data-pause":p?"":void 0,role:i==="error"?"alert":"status","aria-live":i==="error"||i==="warning"?"assertive":"polite",onAnimationEnd:x,onClick:g,children:[o("div",{className:a.title,children:m}),l!=null&&l!==""?o("div",{className:a.description,children:l}):null,T("div",{className:a.dismiss,children:[t?o(K,{className:a.timer,percentage:100,showValueText:!1,diameter:28,variant:i??"info","aria-hidden":!0}):null,o($,{className:v(a.close,t&&a.closePending),"data-notification-close":""})]}),s?.length?o("div",{className:a.actions,children:s.map((e,u)=>T(I,{size:"sm",variant:e.variant==="secondary"?"secondary":"primary","data-action-index":u,"data-action-shortcut":e.shortcut||void 0,children:[e.label,(e.shortcutLabel??e.shortcut)&&o("span",{className:a.actionShortcut,children:e.shortcutLabel??V(e.shortcut)})]},`${e.label}-${u}`))}):null]})}const H=Object.assign(_,{Viewport:w});function F({notifications:i,store:r,onClose:f,maxVisible:p=5,stackDepth:d=3,rootRef:m,...l}){const s=b(null),c=b(m);c.current=m;const N=S(t=>{s.current=t;const n=c.current;typeof n=="function"?n(t):n&&(n.current=t)},[]),y=j(r?r.subscribe:B,r?r.getItems:D,r?r.getItems:D),k=(i??y.slice(-Math.max(1,p))).slice().reverse(),C=Math.max(1,d),h=S(t=>{t&&(i?f?.(t):r?.dismiss(t))},[i,f,r]);return M(t=>{if(t.defaultPrevented)return;const n=s.current;if(!n)return;const x=n.querySelectorAll("[data-action-shortcut]");for(const g of x){const e=g.getAttribute("data-action-shortcut");if(!(!e||!q(t,e))){t.preventDefault(),g.click();return}}}),o(w,{...l,stackDepth:d,rootRef:N,children:k.map((t,n)=>o("div",{className:v(a.stackItem,n>=C&&a.stackItemHidden),style:{"--altum-stack-i":String(n)},children:o(H,{"data-toast-id":t.id,variant:t.variant,duration:t.duration,progress:t.progress,pauseOnHover:t.pauseOnHover,onClose:h,title:t.title,description:t.description,actions:t.actions})},t.id))})}export{H as Notification,F as NotificationContainer};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".dUTtK{--altum-notification-max-width:360px;--altum-notify-from-x:0;--altum-notify-from-y:0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--altum-g-space-3);max-width:var(--altum-notification-max-width);pointer-events:none;position:fixed;width:min(var(--altum-notification-max-width),calc(100vw - var(--altum-g-space-8)));z-index:var(--altum-g-z-notification)}.dUTtK[data-position^=top]{--altum-notify-from-y:calc(var(--altum-g-space-5)*-1);bottom:auto;top:max(var(--altum-g-space-6),env(safe-area-inset-top,0px))}.dUTtK[data-position^=bottom]{--altum-notify-from-y:var(--altum-g-space-5);bottom:max(calc(var(--altum-g-space-6) + env(safe-area-inset-bottom, 0px)),calc(var(--altum-notification-anchor-inset) + env(safe-area-inset-bottom, 0px) + var(--altum-g-space-3)));top:auto}.dUTtK[data-position$=left]{--altum-notify-from-x:calc(var(--altum-g-space-6)*-1);--altum-notify-from-y:0;left:max(var(--altum-g-space-6),env(safe-area-inset-left,0px));right:auto}.dUTtK[data-position$=right]{--altum-notify-from-x:var(--altum-g-space-6);--altum-notify-from-y:0;left:auto;right:max(var(--altum-g-space-6),env(safe-area-inset-right,0px))}.dUTtK[data-position$=center]{left:50%;right:auto;transform:translateX(-50%)}.dUTtK[data-position^=top] .b9NXd .h-79S:not(:first-child):not(.gKRWG){transform-origin:center top}.dUTtK[data-position^=bottom] .b9NXd .h-79S:not(:first-child):not(.gKRWG){transform-origin:center bottom}.FMsLf{display:flex;flex-direction:column;gap:var(--altum-g-space-3);pointer-events:auto;position:relative;width:100%}.h-79S{transform-origin:center top;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease;width:100%}.b9NXd:not(:hover):not(:focus-within){display:grid;gap:0}.b9NXd:not(:hover):not(:focus-within) .h-79S{align-self:start;grid-area:1/1;z-index:calc(100 - var(--altum-stack-i, 0))}.b9NXd:not(:hover):not(:focus-within) .h-79S:not(:first-child):not(.gKRWG){margin-top:calc(var(--altum-stack-i, 1)*var(--altum-badge-overhang));pointer-events:none;transform:scale(calc(1 - var(--altum-stack-i, 1)*.035))}.b9NXd:not(:hover):not(:focus-within) .gKRWG{height:0;margin-top:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden}.JgJp1{align-items:start;animation:hvvqa .2s cubic-bezier(.16,1,.3,1);background-color:var(--altum-color-fill-floating-bg);border:1px solid var(--altum-color-border);border-left-width:4px;border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown);box-sizing:border-box;color:var(--altum-color-fill-floating-fg);display:grid;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-2) var(--altum-g-space-3);grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:var(--altum-g-space-3) var(--altum-g-space-4);pointer-events:auto;position:relative;transition:var(--altum-transition-smooth);width:100%}.JgJp1[data-closing]{animation:hvvqa .2s cubic-bezier(.16,1,.3,1) reverse forwards}.JgJp1[data-closing] ._2NUo9{display:none}.JgJp1[data-pause]:hover .jHvMZ{animation-play-state:paused}.JgJp1 .t-yqI{font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);grid-column:1;grid-row:1;line-height:var(--altum-g-line-height-base)}.JgJp1 ._376uQ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-sm);grid-column:1/-1;line-height:var(--altum-g-line-height-sm)}.JgJp1 .zS2CB{grid-column:2;grid-row:1}.JgJp1 .o7oIJ{display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);grid-column:1/-1}.JgJp1 .qTnaw{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;margin-left:var(--altum-g-space-1);opacity:.75}.JgJp1 ._2NUo9{background-color:var(--altum-color-surface);bottom:0;height:var(--altum-g-space-1);left:0;overflow:hidden;position:absolute;right:0}.JgJp1 .jHvMZ{animation:OOqmp linear forwards;background-color:color-mix(in srgb,var(--altum-color-input-text) 22%,#0000);height:100%;transform-origin:left center;width:100%}@keyframes hvvqa{0%{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes OOqmp{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.JgJp1,.JgJp1[data-closing]{animation:none}.jHvMZ{visibility:hidden}.FMsLf,.h-79S{transition:none}}";const o={notificationsContainer:"dUTtK",stackCollapsed:"b9NXd",stackItem:"h-79S",stackItemHidden:"gKRWG",stack:"FMsLf",notification:"JgJp1",progressTrack:"_2NUo9",progressBar:"jHvMZ",title:"t-yqI",description:"_376uQ",close:"zS2CB",actions:"o7oIJ",actionShortcut:"qTnaw"};t(a);export{o as default};
+"use client";import{injectCss as a}from"../../core/utils/injectCss.js";var t='.dUTtK{--altum-notification-max-width:360px;--altum-notify-from-x:0;--altum-notify-from-y:0;--altum-stack-peek:1;background:#0000;border:none;box-sizing:border-box;display:flex;inset:unset;margin:0;max-width:var(--altum-notification-max-width);overflow:visible;padding:0;pointer-events:none;position:fixed;width:min(var(--altum-notification-max-width),calc(100vw - var(--altum-g-space-8)));z-index:var(--altum-g-z-notification)}.dUTtK[data-position^=top]{--altum-notify-from-y:calc(var(--altum-g-space-5)*-1);--altum-stack-peek:-1;bottom:auto;top:max(var(--altum-g-space-6),env(safe-area-inset-top,0px))}.dUTtK[data-position^=bottom]{--altum-notify-from-y:var(--altum-g-space-5);bottom:max(calc(var(--altum-g-space-6) + env(safe-area-inset-bottom, 0px)),calc(var(--altum-notification-anchor-inset) + env(safe-area-inset-bottom, 0px) + var(--altum-g-space-3)));top:auto}.dUTtK[data-position$=left]{--altum-notify-from-x:calc(var(--altum-g-space-6)*-1);--altum-notify-from-y:0;left:max(var(--altum-g-space-6),env(safe-area-inset-left,0px));right:auto}.dUTtK[data-position$=right]{--altum-notify-from-x:var(--altum-g-space-6);--altum-notify-from-y:0;left:auto;right:max(var(--altum-g-space-6),env(safe-area-inset-right,0px))}.dUTtK[data-position$=center]{left:50%;right:auto;transform:translateX(-50%)}.dUTtK[data-position^=top] .b9NXd:not(:hover):not(:focus-within) .h-79S{align-self:start}.dUTtK[data-position^=bottom] .b9NXd .h-79S:not(:first-child):not(.gKRWG){transform-origin:center bottom}.FMsLf{display:flex;flex-direction:column;gap:var(--altum-g-space-3);pointer-events:auto;position:relative;width:100%}.FMsLf:is(:hover,:focus-within) .JgJp1[data-pause]:not([data-closing]),.FMsLf:is(:hover,:focus-within) .JgJp1[data-pause]:not([data-closing]) .mBflm circle:last-child{animation-play-state:paused}.h-79S{transform-origin:center top;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s ease;width:100%}.b9NXd:not(:hover):not(:focus-within){display:grid;gap:0}.b9NXd:not(:hover):not(:focus-within) .h-79S{align-self:end;grid-area:1/1;z-index:calc(100 - var(--altum-stack-i, 0))}.b9NXd:not(:hover):not(:focus-within) .h-79S:not(:first-child):not(.gKRWG){pointer-events:none;transform:translateY(calc(var(--altum-stack-i, 1)*var(--altum-badge-overhang)*var(--altum-stack-peek, 1))) scale(calc(1 - var(--altum-stack-i, 1)*.035))}.b9NXd:not(:hover):not(:focus-within) .gKRWG{height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden}.JgJp1{transition-behavior:allow-discrete;align-items:start;animation-duration:.2s;animation-name:altum-notification-enter;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--altum-color-fill-floating-bg);border:1px solid var(--altum-color-border);border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown);box-sizing:border-box;color:var(--altum-color-fill-floating-fg);display:grid;font-family:var(--altum-g-font-family-ui);gap:var(--altum-g-space-2) var(--altum-g-space-3);grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:var(--altum-g-space-3) var(--altum-g-space-4);pointer-events:auto;position:relative;transition:var(--altum-transition-smooth);width:100%}.JgJp1:before{background-color:var(--altum-color-status-info);border-radius:0 var(--altum-g-radius) var(--altum-g-radius) 0;bottom:var(--altum-g-radius);content:"";left:0;position:absolute;top:var(--altum-g-radius);width:var(--altum-g-space-1)}.JgJp1[data-variant=success]:before{background-color:var(--altum-color-status-success)}.JgJp1[data-variant=warning]:before{background-color:var(--altum-color-status-warning)}.JgJp1[data-variant=error]:before{background-color:var(--altum-color-status-error)}.JgJp1[data-life]{animation-delay:0s,var(--altum-toast-life,10s);animation-duration:.2s,.2s;animation-fill-mode:both,forwards;animation-name:altum-notification-enter,altum-notification-leave;animation-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1)}.JgJp1[data-closing]{animation-delay:0s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:altum-notification-leave;animation-timing-function:cubic-bezier(.16,1,.3,1)}.JgJp1[data-closing] .mBflm{visibility:hidden}.JgJp1[data-pause]:focus-within:not([data-closing]),.JgJp1[data-pause]:focus-within:not([data-closing]) .mBflm circle:last-child,.JgJp1[data-pause]:hover:not([data-closing]),.JgJp1[data-pause]:hover:not([data-closing]) .mBflm circle:last-child{animation-play-state:paused}.JgJp1:focus-within .mBflm,.JgJp1:hover .mBflm{opacity:0}.JgJp1:focus-within .cenOc,.JgJp1:hover .cenOc{opacity:1;pointer-events:auto}.JgJp1 .t-yqI{font-size:var(--altum-g-font-size-base);font-weight:var(--altum-g-font-weight-semibold);grid-column:1;grid-row:1;line-height:var(--altum-g-line-height-base)}.JgJp1 ._376uQ{color:var(--altum-color-ink-muted);font-size:var(--altum-g-font-size-sm);grid-column:1/-1;line-height:var(--altum-g-line-height-sm)}.JgJp1 .oNSSm{grid-column:2;grid-row:1;height:var(--altum-overlay-close-size);position:relative;width:var(--altum-overlay-close-size)}.JgJp1 .mBflm circle:last-child{animation-duration:var(--altum-toast-life,10s);animation-fill-mode:forwards;animation-name:EEepj;animation-timing-function:linear;transition:none}.JgJp1 .cenOc{inset:0;opacity:0;pointer-events:none;position:absolute}.JgJp1 .o7oIJ{display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);grid-column:1/-1}.JgJp1 .qTnaw{font-size:var(--altum-g-font-size-3xs);font-variant-numeric:tabular-nums;margin-left:var(--altum-g-space-1);opacity:.75}@keyframes EEepj{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes altum-notification-enter{0%{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes altum-notification-leave{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--altum-notify-from-x),var(--altum-notify-from-y)) scale(.96)}}@media (prefers-reduced-motion:reduce){.JgJp1{animation:none}.JgJp1[data-life]{animation-delay:var(--altum-toast-life,10s);animation-fill-mode:forwards;animation-timing-function:linear}.JgJp1[data-closing],.JgJp1[data-life]{animation-duration:1ms;animation-name:altum-notification-leave}.JgJp1[data-closing]{animation-delay:0s;animation-fill-mode:forwards;animation-timing-function:linear}.JgJp1 .mBflm{visibility:hidden}.JgJp1 .cenOc{opacity:1;pointer-events:auto}.FMsLf,.h-79S{transition:none}}';const i={notificationsContainer:"dUTtK",stackCollapsed:"b9NXd",stackItem:"h-79S",stackItemHidden:"gKRWG",stack:"FMsLf",notification:"JgJp1",timer:"mBflm",closePending:"cenOc",title:"t-yqI",description:"_376uQ",dismiss:"oNSSm",actions:"o7oIJ",actionShortcut:"qTnaw"};a(t);export{i as default};

package/dist/components/Notification/toast.js

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

package/dist/components/Notification/toast.utils.js

@@ -0,0 +1 @@
+"use client";function m(){let i=0,u=[];const e=new Set,s=()=>{e.forEach(t=>t())};return{subscribe:t=>(e.add(t),()=>{e.delete(t)}),getItems:()=>u,notify:t=>{const n=typeof t=="string"?{title:t}:t,c=n.id??`toast-${Date.now()}-${i+=1}`,a={duration:1e4,variant:"info",...n,id:c};return u=[...u,a],s(),c},dismiss:t=>{u.some(n=>n.id===t)&&(u=u.filter(n=>n.id!==t),s())},dismissAll:()=>{u.length!==0&&(u=[],s())}}}const o=[];function p(i){return o.push(i),()=>{const u=o.indexOf(i);u>=0&&o.splice(u,1)}}function g(){return o.length>0?o[o.length-1]:null}const v="notify() \u0442\u0440\u0435\u0431\u0443\u0435\u0442 NotificationProvider \u0432 \u0434\u0435\u0440\u0435\u0432\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432. \u041E\u0431\u0435\u0440\u043D\u0438\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0432 <NotificationProvider>.";function d(i,u){const e=i;return e.info=(s,t,n)=>i({...n,title:s,description:t,variant:"info"}),e.success=(s,t,n)=>i({...n,title:s,description:t,variant:"success"}),e.warning=(s,t,n)=>i({...n,title:s,description:t,variant:"warning"}),e.error=(s,t,n)=>i({...n,title:s,description:t,variant:"error"}),e.dismiss=s=>u.dismiss(s),e.dismissAll=()=>u.dismissAll(),e}function y(i){return d(u=>i.notify(u),i)}function r(){const i=g();if(!i)throw new Error(v);return i}function l(i){r().dismiss(i)}function f(){r().dismissAll()}const E=d(i=>r().notify(i),{dismiss:l,dismissAll:f});export{y as createNotifyFromStore,m as createToastStore,l as dismiss,f as dismissAll,E as notify,p as registerProvider};

package/dist/components/NumberField/NumberField.js

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

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".PbtH1{-moz-appearance:textfield}.PbtH1::-webkit-inner-spin-button,.PbtH1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";const n={numberInput:"PbtH1"};t(e);export{n as default};
+"use client";import{injectCss as t}from"../../core/utils/injectCss.js";var e=".PbtH1{-moz-appearance:textfield}.PbtH1::-webkit-inner-spin-button,.PbtH1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";const n={numberInput:"PbtH1"};t(e);export{n as default};

package/dist/components/Overflow/Overflow.js

@@ -1 +1 @@
-"use client";import{jsx as m,jsxs as R}from"react/jsx-runtime";import{forwardRef as $,useRef as D,useState as U,useLayoutEffect as Y,Fragment as Z,Children as ee,isValidElement as te}from"react";import{ActionList as oe}from"../ActionList/ActionList.js";import{ActionSheetTrigger as le}from"../ActionSheetTrigger/ActionSheetTrigger.js";import{useActionSheetContext as re}from"../ActionSheetTrigger/actionSheetContext.js";import{Button as ie}from"../Button/Button.js";import{ButtonIcon as H}from"../ButtonIcon/ButtonIcon.js";import{Dropdown as ne}from"../Dropdown/Dropdown.js";import{IconDots3 as ae}from"../../icons/icons/IconDots3.js";import{useLocale as G}from"../../locales/localeContext.js";import{ruSlice as se}from"../../locales/slices/overflow.ru.js";import{cn as S}from"../../utils/cn.js";import{composeRefs as ce}from"../../utils/composeRefs.js";import{visitElementTree as me}from"../../utils/visitElementTree.js";import de from"../../styles/visuallyHidden.module.css.js";import u from"./Overflow.module.css.js";import{Flex as F}from"../../base/Flex/Flex.js";const J={overflow:se},fe={sm:"xs",md:"sm",lg:"md"},z=()=>null;z.displayName="Overflow.Item";function ue(e){return e.type===z}function pe(e){const t=[],l=[];return me(e,o=>{if(!ue(o)){l.push(o);return}const{id:i,icon:n,label:d,textValue:f,disabled:r,onSelect:s,className:p,...b}=o.props,N=i??`action-${t.length}`;t.push({id:N,key:String(o.key??N),icon:n,label:d,textValue:f,disabled:r,onSelect:s,className:p,dom:b})},()=>!1),{items:t,extra:l}}function K(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id}function he(e){return ee.toArray(e).filter(t=>te(t))}function P(e,t){return e.key!=null?String(e.key):`overflow-item-${t}`}function ge(e,t,l,o,i){const n=t.length;if(n===0||e<=0)return 0;const d=r=>{let s=0;for(let p=0;p<r;p+=1)s+=t[p]??0;return s+o*Math.max(0,r-1)},f=i===void 0?n:Math.min(n,Math.max(0,Math.floor(i)));if(f>=n&&d(n)<=e)return n;for(let r=f;r>=0;r-=1){const s=r<n;if(d(r)+(s?(r>0?o:0)+l:0)<=e)return r}return 0}function X({open:e,onOpenChange:t,size:l,align:o="right",mobileTitle:i,ariaLabel:n,hidden:d,panelClassName:f,popupRole:r="listbox",triggerClassName:s,className:p,children:b}){return m(ne,{open:e,onOpenChange:t,popupRole:r,align:o,widthMode:"content",mobileTitle:i,panelClassName:f,className:p,renderTrigger:(N,L)=>m(H,{...N,ref:L,size:l,icon:m(ae,{}),"aria-label":n,className:S(d&&de.root,d&&u.srFocus,s,N.className)}),children:b})}function be({item:e,display:t,size:l}){const o=K(e),i={...e.dom,type:"button",variant:"ghost",size:l,id:e.id,disabled:e.disabled,className:S(u.item,e.className),onClick:()=>e.onSelect?.()};return t==="icon"&&e.icon!=null?m(H,{...i,icon:e.icon,"aria-label":e.dom["aria-label"]??(e.dom["aria-labelledby"]?void 0:o)}):m(ie,{...i,prefix:e.icon,children:e.label})}const ve=$(function({items:e,visibleCount:t,display:l="icon-label",showOverflowTrigger:o,size:i="sm",mobileTitle:n,className:d,style:f,"aria-label":r,gap:s,fit:p,maxVisible:b,align:N,moreLabel:L,children:A,...M},C){const{t:y}=G(J),x=re(),O=t===void 0||!Number.isFinite(t)?e.length:Math.max(0,Math.floor(t)),g=e.slice(O),h=x!=null&&g.length>0?x:null,T=r??y("overflow.ariaLabel"),k=!(o??x?.shouldShowOverflowTrigger??!0);return R(F,{ref:C,gap:"xs",align:"center",className:S(u.root,u.actions,d),style:f,...M,role:"toolbar","aria-label":T,children:[e.slice(0,O).map(c=>m(be,{item:c,display:l,size:i},c.key)),g.length>0&&m(X,{open:h?h.overflowOpen:void 0,onOpenChange:h?h.setOverflowOpen:void 0,size:i,mobileTitle:n??y("overflow.title"),ariaLabel:y("overflow.more"),hidden:k,className:u.more,children:m(oe,{"aria-label":T,items:g.map(c=>({id:c.id,groupId:"overflow",label:c.label,textValue:K(c),icon:c.icon,disabled:c.disabled,onSelect:c.onSelect,buttonProps:c.dom})),groups:[{id:"overflow",label:y("overflow.title")}]})})]})}),we=$(function({children:e,gap:t="md",size:l="md",fit:o="content",maxVisible:i,align:n="right",moreLabel:d,mobileTitle:f,className:r,style:s,"aria-label":p,visibleCount:b,display:N,showOverflowTrigger:L,...A},M){const{t:C}=G(J),y=D(null),x=D([]),O=he(e),g=O.length,h=`${O.map((a,v)=>P(a,v)).join("\0")}|${t}|${l}|${o}|${i??""}`,[T,k]=U(()=>({key:h,shown:g}));T.key!==h&&k({key:h,shown:g});const c=T.key===h?T.shown:g;return Y(()=>{const a=y.current;if(!a)return;const v=()=>{const V=[];for(const w of a.children)w instanceof HTMLElement&&w.hasAttribute("data-ov")&&V.push(w);V.length===g&&(x.current=V.map(w=>w.offsetWidth));const I=o==="container"?a.clientWidth:a.parentElement?.clientWidth??a.clientWidth;if(I<=0||x.current.length===0)return;const j=getComputedStyle(a),W=Number.parseFloat(j.getPropertyValue(`--altum-control-height-${l}`)),q=Number.parseFloat(j.columnGap),B=ge(I,x.current,Number.isFinite(W)?W:0,Number.isFinite(q)?q:0,i);k(w=>w.shown===B?w:{key:h,shown:B})};if(v(),typeof ResizeObserver>"u")return;const Q=o==="container"?a:a.parentElement??a,E=new ResizeObserver(v);return E.observe(Q),()=>E.disconnect()},[g,o,h,i,l]),R(F,{ref:ce(M,y),gap:fe[t],align:o==="container"?"stretch":"center",wrap:!1,className:S(u.root,o==="container"?u.fitContainer:u.fitContent,r),style:s,...A,role:"group","aria-label":p??C("overflow.groupAriaLabel"),children:[O.slice(0,c).map((a,v)=>m("div",{"data-ov":"",className:u.item,children:a},P(a,v))),c<g&&m("div",{className:S(u.slot,o==="container"&&u.moreEnd),children:m(X,{size:l,align:n,mobileTitle:f??C("overflow.groupTitle"),ariaLabel:d??C("overflow.groupMore"),popupRole:"none",panelClassName:u.menuPanel,triggerClassName:o==="container"?u.bare:void 0,children:m(F,{direction:"column",gap:"sm",align:"stretch",className:u.menuStack,children:O.slice(c).map((a,v)=>m(Z,{children:a},P(a,c+v)))})})})]})}),_=Object.assign($(function(e,t){const{longPress:l=!1,longPressMs:o,moveThreshold:i,showOverflowTrigger:n,children:d,className:f,...r}=e,{items:s,extra:p}=pe(d),b=s.length>0?m(ve,{ref:l?void 0:t,...r,showOverflowTrigger:n,className:l?void 0:f,items:s}):m(we,{ref:l?void 0:t,...r,className:l?void 0:f,children:d});return l?R(le,{ref:t,className:f,showOverflowTrigger:n??!1,longPressMs:o,moveThreshold:i,children:[s.length>0?p:null,b]}):b}),{Item:z});_.displayName="Overflow";export{_ as Overflow,z as OverflowItem};
+"use client";import{jsx as c,jsxs as R}from"react/jsx-runtime";import{useRef as V,useState as te,useLayoutEffect as oe,isValidElement as ie}from"react";import{ActionSheetTrigger as re}from"../ActionSheetTrigger/ActionSheetTrigger.js";import{Button as le}from"../Button/Button.js";import{ButtonIcon as E}from"../ButtonIcon/ButtonIcon.js";import{Dropdown as ne}from"../Dropdown/Dropdown.js";import{Menu as ae}from"../Menu/Menu.js";import{IconDots3 as q}from"../../icons/icons/IconDots3.js";import{useLocale as G}from"../../locales/localeContext.js";import{ruSlice as se}from"../../locales/slices/overflow.ru.js";import{cn as k}from"../../core/utils/cn.js";import{visitElementTree as ce}from"../../core/utils/visitElementTree.js";import f from"./Overflow.module.css.js";const H={overflow:se};function Q(e,t){if(typeof e=="function"){e(t);return}e!=null&&(e.current=t)}const $=()=>null;function me(e){return e.type===$}function de(e){const t=[],r=[];return ce(e,l=>{if(!me(l)){r.push(l);return}const{id:o,icon:s,label:d,textValue:m,disabled:n,onSelect:g,className:h,...v}=l.props,C=o??`action-${t.length}`;t.push({id:C,key:String(l.key??C),icon:s,label:d,textValue:m,disabled:n,onSelect:g,className:h,dom:v})},()=>!1),{items:t,extra:r}}function U(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id}function ue(e){return(Array.isArray(e)?e:e==null?[]:[e]).filter(t=>ie(t))}function X(e,t){return e.key!=null?String(e.key):`overflow-item-${t}`}function fe(e,t,r,l,o){const s=t.length;if(s===0||e<=0)return 0;const d=n=>{let g=0;for(let h=0;h<n;h+=1)g+=t[h]??0;return g+l*Math.max(0,n-1)},m=o===void 0?s:Math.min(s,Math.max(0,Math.floor(o)));if(m>=s&&d(s)<=e)return s;for(let n=m;n>=0;n-=1){const g=n<s;if(d(n)+(g?(n>0?l:0)+r:0)<=e)return n}return 0}function ge({size:e,align:t="right",mobileTitle:r,ariaLabel:l,panelClassName:o,triggerClassName:s,children:d}){return c(ne,{align:t,widthMode:"content",mobileTitle:r,panelClassName:o,trigger:(m,n)=>c(E,{...m,rootRef:n,size:e,variant:"ghost",icon:c(q,{}),"aria-label":l,className:k(s,m.className)}),children:d})}function Y({item:e,display:t,size:r}){const l=U(e),o={...e.dom,type:"button",variant:"ghost",size:r,id:e.id,disabled:e.disabled,className:k(f.item,e.className),onClick:()=>e.onSelect?.()};return t==="icon"&&e.icon!=null?c(E,{...o,icon:e.icon,"aria-label":e.dom["aria-label"]??(e.dom["aria-labelledby"]?void 0:l)}):c(le,{...o,prefix:e.icon,children:e.label})}function he({items:e,visibleCount:t,display:r="icon-label",showOverflowTrigger:l,size:o="sm",mobileTitle:s,className:d,style:m,"aria-label":n,gap:g,fit:h,maxVisible:v,align:C,moreLabel:J,children:K,longPress:Z,longPressMs:_,moveThreshold:I,rootRef:P,...T}){const{t:y}=G(H),S=V(null),z=i=>{S.current=i,Q(P,i)},w=t!==void 0&&Number.isFinite(t)?Math.max(0,Math.floor(t)):v!==void 0&&Number.isFinite(v)?Math.max(0,Math.floor(v)):void 0,u=h==="container"&&w===void 0,p=u||w===void 0?e.length:w,N=u?e:e.slice(p),O=u?e.length>1:N.length>0,x=n??y("overflow.ariaLabel");return R("div",{ref:z,className:k(f.root,f.actions,d),style:m,...T,role:"toolbar","aria-label":x,"data-size":o!=="sm"?o:void 0,"data-ov-fit":u?"cq":void 0,"data-count":u?e.length:void 0,children:[(u?e:e.slice(0,p)).map((i,a)=>u?c("span",{"data-ov-index":a,className:f.item,children:c(Y,{item:i,display:r,size:o})},i.key):c(Y,{item:i,display:r,size:o},i.key)),O&&c(ae,{onOpenChange:i=>{S.current?.closest("[data-action-sheet-trigger]")?.toggleAttribute("data-overflow-open",i)},align:"right",widthMode:"content",mobileTitle:s??y("overflow.title"),"aria-label":x,className:f.more,items:N.map(i=>({id:i.id,groupId:"overflow",label:i.label,textValue:U(i),icon:i.icon,disabled:i.disabled,onSelect:i.onSelect,buttonProps:i.dom})),groups:[{id:"overflow",label:y("overflow.title")}],trigger:c(E,{size:o,variant:"ghost",icon:c(q,{}),"aria-label":y("overflow.more"),"data-overflow-trigger":""})})]})}function pe({children:e,gap:t="md",size:r="md",fit:l="content",maxVisible:o,align:s="right",moreLabel:d,mobileTitle:m,className:n,style:g,"aria-label":h,visibleCount:v,display:C,showOverflowTrigger:J,longPress:K,longPressMs:Z,moveThreshold:_,rootRef:I,...P}){const{t:T}=G(H),y=V(null),S=a=>{y.current=a,Q(I,a)},z=V([]),w=ue(e),u=w.length,p=`${w.map((a,M)=>X(a,M)).join("\0")}|${t}|${r}|${l}|${o??""}`,[N,O]=te(()=>({key:p,shown:u}));N.key!==p&&O({key:p,shown:u});const x=N.key===p?N.shown:u,i=l==="container";return oe(()=>{const a=y.current;if(!a)return;const M=()=>{const L=[];for(const b of a.children)b instanceof HTMLElement&&b.hasAttribute("data-ov")&&L.push(b);L.length===u&&(z.current=L.map(b=>b.offsetWidth));const A=l==="container"?a.clientWidth:a.parentElement?.clientWidth??a.clientWidth;if(A<=0||z.current.length===0)return;const W=getComputedStyle(a),j=Number.parseFloat(W.getPropertyValue(`--altum-control-height-${r}`)),B=Number.parseFloat(W.columnGap),D=fe(A,z.current,Number.isFinite(j)?j:0,Number.isFinite(B)?B:0,o);O(b=>b.shown===D&&b.key===p?b:{key:p,shown:D})};if(M(),typeof ResizeObserver>"u")return;const ee=l==="container"?a:a.parentElement??a,F=new ResizeObserver(M);return F.observe(ee),()=>F.disconnect()},[u,l,p,o,r]),R("div",{ref:S,className:k(f.root,i?f.fitContainer:f.fitContent,n),style:g,...P,role:"group","aria-label":h??T("overflow.groupAriaLabel"),"data-gap":t!=="md"?t:void 0,"data-size":r!=="md"?r:void 0,children:[w.slice(0,x).map((a,M)=>c("div",{"data-ov":"",className:f.item,children:a},X(a,M))),x<u&&c("div",{className:k(f.slot,i&&f.moreEnd),children:c(ge,{size:r,align:s,mobileTitle:m??T("overflow.groupTitle"),ariaLabel:d??T("overflow.groupMore"),panelClassName:f.menuPanel,triggerClassName:i?f.bare:void 0,children:c("div",{className:f.menuStack,children:w.slice(x)})})})]})}function ve(e){const{longPress:t=!1,longPressMs:r,moveThreshold:l,showOverflowTrigger:o,children:s,className:d,rootRef:m,...n}=e,{items:g,extra:h}=de(s),v=g.length>0?c(he,{rootRef:t?void 0:m,...n,showOverflowTrigger:o,className:t?void 0:d,items:g}):c(pe,{rootRef:t?void 0:m,...n,className:t?void 0:d,children:s});return t?R(re,{rootRef:m,className:d,showOverflowTrigger:o??!1,longPressMs:r,moveThreshold:l,children:[g.length>0?h:null,v]}):v}const be=Object.assign(ve,{Item:$});export{be as Overflow,$ as OverflowItem};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".Kkant{min-width:0}.Kkant.x97pZ{display:inline-flex;width:auto}.Kkant.LAkSp{max-width:100%;width:max-content}.Kkant.EfjIo{align-self:stretch;height:100%;width:100%}.Kkant.EfjIo .eKBSM{align-items:stretch;display:flex}.Kkant.EfjIo ._5SLQL{align-items:stretch;align-self:stretch;margin-inline-start:auto}.Kkant.EfjIo .COxju{align-self:stretch;aspect-ratio:auto;background-color:initial;border:none;border-radius:calc(var(--altum-g-radius) - var(--altum-control-inset));box-shadow:none;height:auto;min-height:0;opacity:.75}:is(.Kkant.EfjIo .COxju):hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-field-label) 8%,#0000);opacity:1}:is(.Kkant.EfjIo .COxju):focus-visible{opacity:1}.Kkant .bb2Tq,.Kkant .eKBSM{flex-shrink:0}.Kkant .bp6Sl{align-items:center;display:flex;flex-shrink:0}.Kkant .Cq3Em{max-width:min(20rem,calc(100vw - var(--altum-g-space-8)))}.Kkant .GeIJ-{max-width:100%;padding:var(--altum-g-space-2);width:max-content}:is(.Kkant .GeIJ-)>*{height:auto;max-width:100%;min-height:var(--altum-control-height-sm);width:100%}.Kkant .MCd7o:focus-visible{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}";const i={root:"Kkant",actions:"x97pZ",fitContent:"LAkSp",fitContainer:"EfjIo",item:"eKBSM",moreEnd:"_5SLQL",bare:"COxju",more:"bb2Tq",slot:"bp6Sl",menuPanel:"Cq3Em",menuStack:"GeIJ-",srFocus:"MCd7o"};t(a);export{i as default};
+"use client";import{injectCss as a}from"../../core/utils/injectCss.js";var t='.Kkant{--altum-ov-slot:var(--altum-control-height-sm);--altum-ov-gap:var(--altum-g-space-1);--altum-ov-more:var(--altum-control-height-sm);align-items:center;box-sizing:border-box;container-type:inline-size;display:flex;flex-wrap:nowrap;gap:var(--altum-g-space-2);min-width:0;width:100%}.Kkant[data-gap=sm]{gap:var(--altum-g-space-1)}.Kkant[data-gap=lg]{gap:var(--altum-g-space-3)}.Kkant:is(.EfjIo,.LAkSp):not([data-size]),.Kkant[data-size=md]{--altum-ov-slot:var(--altum-control-height-md);--altum-ov-more:var(--altum-control-height-md)}.Kkant[data-size=lg]{--altum-ov-slot:var(--altum-control-height-lg);--altum-ov-more:var(--altum-control-height-lg)}.Kkant[data-size=sm]{--altum-ov-slot:var(--altum-control-height-sm);--altum-ov-more:var(--altum-control-height-sm)}.Kkant.x97pZ{display:inline-flex;gap:var(--altum-ov-gap);width:auto}.Kkant.x97pZ[data-ov-fit=cq]{width:100%}.Kkant.x97pZ[data-ov-fit=cq] .bb2Tq{display:inline-flex}@container (max-width: calc(var(--altum-ov-slot) * 2 + var(--altum-ov-gap) * 2 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 3 + var(--altum-ov-gap) * 3 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 4 + var(--altum-ov-gap) * 4 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]):not([data-ov-index="2"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 5 + var(--altum-ov-gap) * 5 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]):not([data-ov-index="2"]):not([data-ov-index="3"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 6 + var(--altum-ov-gap) * 6 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]):not([data-ov-index="2"]):not([data-ov-index="3"]):not([data-ov-index="4"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 7 + var(--altum-ov-gap) * 7 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]):not([data-ov-index="2"]):not([data-ov-index="3"]):not([data-ov-index="4"]):not([data-ov-index="5"]){display:none}}@container (max-width: calc(var(--altum-ov-slot) * 8 + var(--altum-ov-gap) * 8 + var(--altum-ov-more) - 0.01px)){.Kkant.x97pZ[data-ov-fit=cq]>[data-ov-index]:not([data-ov-index="0"]):not([data-ov-index="1"]):not([data-ov-index="2"]):not([data-ov-index="3"]):not([data-ov-index="4"]):not([data-ov-index="5"]):not([data-ov-index="6"]){display:none}}@container (min-width: calc(var(--altum-ov-slot) * 1)){.Kkant.x97pZ[data-ov-fit=cq][data-count="1"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 2 + var(--altum-ov-gap))){.Kkant.x97pZ[data-ov-fit=cq][data-count="2"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 3 + var(--altum-ov-gap) * 2)){.Kkant.x97pZ[data-ov-fit=cq][data-count="3"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 4 + var(--altum-ov-gap) * 3)){.Kkant.x97pZ[data-ov-fit=cq][data-count="4"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 5 + var(--altum-ov-gap) * 4)){.Kkant.x97pZ[data-ov-fit=cq][data-count="5"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 6 + var(--altum-ov-gap) * 5)){.Kkant.x97pZ[data-ov-fit=cq][data-count="6"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 7 + var(--altum-ov-gap) * 6)){.Kkant.x97pZ[data-ov-fit=cq][data-count="7"] .bb2Tq{display:none}}@container (min-width: calc(var(--altum-ov-slot) * 8 + var(--altum-ov-gap) * 7)){.Kkant.x97pZ[data-ov-fit=cq][data-count="8"] .bb2Tq{display:none}}.Kkant.LAkSp{max-width:100%;width:max-content}.Kkant.EfjIo{align-items:stretch;align-self:stretch;height:100%;width:100%}.Kkant.EfjIo .eKBSM{align-items:stretch;display:flex}.Kkant.EfjIo ._5SLQL{align-items:stretch;align-self:stretch;margin-inline-start:auto}.Kkant.EfjIo .COxju{align-self:stretch;aspect-ratio:auto;background-color:initial;border:none;border-radius:calc(var(--altum-g-radius) - var(--altum-control-inset));box-shadow:none;height:auto;min-height:0;opacity:.75}:is(.Kkant.EfjIo .COxju):hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-field-label) 8%,#0000);opacity:1}:is(.Kkant.EfjIo .COxju):focus-visible{opacity:1}.Kkant .bb2Tq,.Kkant .eKBSM{flex-shrink:0}.Kkant .bp6Sl{align-items:center;display:flex;flex-shrink:0}.Kkant .Cq3Em{max-width:min(20rem,calc(100vw - var(--altum-g-space-8)))}.Kkant .GeIJ-{align-items:stretch;display:flex;flex-direction:column;gap:var(--altum-g-space-2);max-width:100%;padding:var(--altum-g-space-2);width:max-content}:is(.Kkant .GeIJ-)>*{height:auto;max-width:100%;min-height:var(--altum-control-height-sm);width:100%}';const o={root:"Kkant",fitContainer:"EfjIo",fitContent:"LAkSp",actions:"x97pZ",more:"bb2Tq",item:"eKBSM",moreEnd:"_5SLQL",bare:"COxju",slot:"bp6Sl",menuPanel:"Cq3Em",menuStack:"GeIJ-"};a(t);export{o as default};

package/dist/components/Overlay/Overlay.js

@@ -1 +1 @@
-"use client";import{jsxs as w,jsx as g}from"react/jsx-runtime";import{forwardRef as H,useRef as h}from"react";import{useFocusTrap as M}from"../../hooks/useFocusTrap.js";import{useOutsideClick as U}from"../../hooks/useOutsideClick.js";import{useOverlay as X}from"../../hooks/useOverlay.js";import{composeRefs as Y}from"../../utils/composeRefs.js";import{cn as Z}from"../../utils/cn.js";import{OverlayStackProvider as q}from"../../utils/overlayStack.js";import{OVERLAY_Z_INDEX_DEFAULT as G}from"../../utils/overlayZIndex.js";import{renderChildren as J}from"../../utils/renderChildren.js";import{createLibraryPortal as K}from"../../utils/portal.js";import{Backdrop as Q}from"../Backdrop/Backdrop.js";import{useOverlayFrame as W}from"./Overlay.frame.js";import d from"./Overlay.module.css.js";const k=H(function(e,O){const{open:a,onOpenChange:R,className:C,purpose:x,children:N,zIndex:F,backdropVariant:E,backdropBlur:S,role:L="dialog","aria-label":A,"aria-labelledby":B,"aria-describedby":D}=e,{purpose:I,shouldRender:i,presented:n,onClose:s,elevated:P,layerStyle:p}=W({variant:e.variant,open:a,onOpenChange:R,purpose:x,zIndex:F}),m=h(null),l=h(null),T=Y(O,l),o=e.variant,r=o==="modal"||!!e.backdrop,t=o==="modal"||e.dismiss==null?{outside:o==="modal"||r,escape:!0}:{outside:e.dismiss==="all"||e.dismiss==="outside",escape:e.dismiss==="all"||e.dismiss==="escape"},c=o==="floating"?e.lockScroll??r:r,V=o==="floating"?e.trapFocus??!0:!0,u=o==="sheet"?e.side??"bottom":void 0,f=o==="floating"?e.style:void 0,_=o==="sheet"?a&&r:a&&V,v=o==="floating"&&!r;if(X(s,{open:a,closeOnEscape:t.escape,lockScroll:c,rootRef:r&&i?m:void 0}),U(l,s,{enabled:t.outside&&!r&&a}),M({active:_&&i,containerRef:l,restoreFocus:!1}),!i)return null;const b=o==="modal"&&I==="lightbox",y=J({children:N,contentRef:T,props:{className:Z(d.panel,C),style:o==="floating"?v?{...p,...f}:f:void 0,role:L,"aria-modal":r||c?!0:void 0,"aria-label":A,"aria-labelledby":B,"aria-describedby":D,"data-kind":o,"data-presented":n?"":void 0,"data-side":u,onClick:z=>{z.stopPropagation()}}}),j=v?y:w("div",{ref:m,className:d.scrim,style:p,role:"presentation","data-kind":o,"data-side":u,"data-presented":n?"":void 0,children:[r&&g(Q,{position:"absolute",variant:E??(b?"strong":void 0),blur:S??(b?"md":void 0),className:d.fade,onClick:a&&t.outside?s:void 0}),y]});return K(g(q,{value:P??G,children:j}))});k.displayName="Overlay";export{k as Overlay};
+"use client";import{jsx as n}from"react/jsx-runtime";import{useRef as k,useEffect as C}from"react";import{cn as l}from"../../core/utils/cn.js";import{uRef as E}from"../../core/utils/bundle.js";import d from"./Overlay.module.css.js";import D from"../../styles/overlayTransition.module.css.js";function P(a){const{open:r,onOpenChange:t,variant:o="modal",children:s,className:c,hostClassName:f,style:m,role:p="dialog",rootRef:v,"aria-label":u,"aria-labelledby":b,"aria-describedby":g}=a,i=k(null),h=k(t);h.current=t;const y=a.variant==="sheet"?a.side??"bottom":void 0,L=a.variant==="floating"?a.id:void 0,M=a.variant==="floating"?a["data-side"]:void 0,O=a.variant==="floating"?a["data-width-mode"]:void 0;C(()=>{const e=i.current;if(e){if(e instanceof HTMLDialogElement){r?e.open||e.showModal():e.open&&e.close();return}r!==void 0&&(r?e.matches(":popover-open")||e.showPopover():e.matches(":popover-open")&&e.hidePopover())}},[r,o]);const w=t!=null;C(()=>{if(o!=="floating"||!w)return;const e=i.current;if(!e)return;const N=T=>{const x=T.newState==="open";h.current?.(x)};return e.addEventListener("toggle",N),()=>e.removeEventListener("toggle",N)},[o,w]);const R=e=>{e.preventDefault(),t?.(!1)},S=e=>{e.target===e.currentTarget&&t?.(!1)};return o==="floating"?n("div",{id:L,ref:E(v,i),popover:"auto",className:l(d.panel,D.fadeScale,f,c),style:m,"data-kind":"floating","data-side":M,"data-width-mode":O,role:p,"aria-label":u,"aria-labelledby":b,"aria-describedby":g,children:s}):n("dialog",{ref:E(v,i),className:l(d.scrim,f),"data-kind":o,"data-side":y,onCancel:R,onClick:S,role:p,"aria-label":u,"aria-labelledby":b,"aria-describedby":g,children:n("div",{className:l(d.panel,o==="modal"&&D.fadeScale,c),style:m,"data-kind":o,"data-side":y,children:s})})}export{P as Overlay};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".c5Gk2,.znJr4{--altum-overlay-ease:cubic-bezier(0.16,1,0.3,1)}.znJr4{inset:0;pointer-events:none;position:fixed}.znJr4[data-kind=modal]{align-items:center;display:flex;justify-content:center}.znJr4[data-kind=sheet]{align-items:var(--altum-sheet-align,flex-end);display:flex;justify-content:var(--altum-sheet-justify,center)}.znJr4[data-side=top]{--altum-sheet-align:flex-start}.znJr4[data-side=left]{--altum-sheet-justify:flex-start;--altum-sheet-align:stretch}.znJr4[data-side=right]{--altum-sheet-justify:flex-end;--altum-sheet-align:stretch}._5I5c8{animation:none;transition:opacity var(--altum-motion-overlay) var(--altum-overlay-ease)}.znJr4[data-presented] ._5I5c8{opacity:1}.znJr4:not([data-presented]) ._5I5c8{opacity:0;pointer-events:none}.c5Gk2{pointer-events:auto;transition:opacity var(--altum-motion-overlay) var(--altum-overlay-ease),transform var(--altum-motion-overlay) var(--altum-overlay-ease)}.c5Gk2[data-presented]{opacity:1;transform:none}.c5Gk2:not([data-presented]){opacity:var(--altum-overlay-exit-opacity,0);transform:var(--altum-overlay-exit,none)}.c5Gk2[data-kind=modal]{--altum-overlay-exit:translateY(8px);max-height:100vh;max-height:100dvh;position:relative}.c5Gk2[data-kind=floating]{--altum-overlay-exit:scale(0.96);position:fixed}.c5Gk2[data-kind=sheet]{--altum-overlay-exit-opacity:1;--altum-overlay-exit:translate(var(--altum-sheet-x,0),var(--altum-sheet-y,100%));box-sizing:border-box;position:relative}.c5Gk2[data-kind=sheet][data-side=bottom],.c5Gk2[data-kind=sheet][data-side=top]{max-height:95vh;max-height:95dvh;width:100%}.c5Gk2[data-kind=sheet][data-side=top]{--altum-sheet-x:0;--altum-sheet-y:-100%}.c5Gk2[data-kind=sheet][data-side=left],.c5Gk2[data-kind=sheet][data-side=right]{height:100%;max-width:95vw;max-width:95dvw}.c5Gk2[data-kind=sheet][data-side=left]{--altum-sheet-x:-100%;--altum-sheet-y:0}.c5Gk2[data-kind=sheet][data-side=right]{--altum-sheet-x:100%;--altum-sheet-y:0}@media (prefers-reduced-motion:reduce){._5I5c8,.c5Gk2{transition:none}.c5Gk2:not([data-presented]){transform:none}.c5Gk2[data-kind=sheet]:not([data-presented]){opacity:0}}";const a={scrim:"znJr4",panel:"c5Gk2",fade:"_5I5c8"};t(e);export{a as default};
+"use client";import{injectCss as t}from"../../core/utils/injectCss.js";var e=".znJr4{--altum-overlay-ease:cubic-bezier(0.16,1,0.3,1);background:#0000;border:none;color:inherit;display:none;font:inherit;height:100%;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;transition:display var(--altum-motion-overlay) allow-discrete,overlay var(--altum-motion-overlay) allow-discrete;width:100%}.znJr4[open]{display:flex}.znJr4[data-kind=modal]{align-items:center;justify-content:center}.znJr4[data-kind=sheet]{height:auto;inset:auto 0 0 0;max-height:95vh;max-height:95dvh;overflow:visible;position:fixed;transition:translate var(--altum-motion-overlay) var(--altum-overlay-ease),display var(--altum-motion-overlay) allow-discrete,overlay var(--altum-motion-overlay) allow-discrete;translate:0 100%;width:100%}.znJr4[data-kind=sheet][data-side=top]{inset:0 0 auto 0;translate:0 -100%}.znJr4[data-kind=sheet][data-side=left],.znJr4[data-kind=sheet][data-side=right]{height:100%;max-height:none;max-width:95vw;max-width:95dvw;width:fit-content}.znJr4[data-kind=sheet][data-side=left]{inset:0 auto 0 0;translate:-100% 0}.znJr4[data-kind=sheet][data-side=right]{inset:0 0 0 auto;translate:100% 0}.znJr4[data-kind=sheet][open]{translate:0 0}.znJr4::backdrop{background:#0000}.c5Gk2{pointer-events:auto}.c5Gk2[data-kind=modal]{max-height:100vh;max-height:100dvh;position:relative}.c5Gk2[data-kind=modal]>*{max-height:inherit}.c5Gk2[data-kind=floating]{background:#0000;border:none;height:fit-content;inset:unset;margin:0;overflow:visible;padding:0;position:fixed;width:fit-content}.c5Gk2[data-kind=sheet]{box-sizing:border-box;max-height:inherit;position:relative;width:100%}.c5Gk2[data-kind=sheet]>*{max-height:inherit}.c5Gk2[data-kind=sheet][data-side=left],.c5Gk2[data-kind=sheet][data-side=right]{height:100%;width:fit-content}:is(.c5Gk2[data-kind=sheet][data-side=left],.c5Gk2[data-kind=sheet][data-side=right])>*{height:100%}@starting-style{.znJr4[data-kind=sheet][open]{translate:0 100%}.znJr4[data-kind=sheet][data-side=top][open]{translate:0 -100%}.znJr4[data-kind=sheet][data-side=left][open]{translate:-100% 0}.znJr4[data-kind=sheet][data-side=right][open]{translate:100% 0}}@media (prefers-reduced-motion:reduce){.znJr4{transition:none}}";const a={scrim:"znJr4",panel:"c5Gk2"};t(e);export{a as default};

package/dist/components/Pagination/Pagination.js

@@ -1 +1 @@
-"use client";import{jsxs as z,Fragment as D,jsx as o}from"react/jsx-runtime";import{forwardRef as h,useMemo as E,createContext as A}from"react";import m from"./Pagination.module.css.js";import F from"../../styles/unstyledControl.module.css.js";import{useLocale as d}from"../../locales/localeContext.js";import{useRequiredContext as w}from"../../hooks/useRequiredContext.js";import{cn as g}from"../../utils/cn.js";import{ruSlice as L}from"../../locales/slices/pagination.ru.js";import{Select as O}from"../Select/Select.js";const f={pagination:L},v=A(null);function y(){return w(v,"\u0412\u043B\u043E\u0436\u0435\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Pagination \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 Pagination")}const j=[10,25,50,100],x=h(function({currentPage:a,totalPages:e,onPageChange:n,className:t,children:u,totalItems:i,pageSize:r,onPageSizeChange:c,pageSizeOptions:l,"aria-label":s,...P},p){const{t:M}=d(f),B=u??z(D,{children:[i!=null&&r!=null?o(S,{totalItems:i,pageSize:r}):null,o(N,{}),r!=null&&c!=null?o(b,{pageSize:r,onPageSizeChange:c,pageSizeOptions:l}):null]});return o(v.Provider,{value:{currentPage:a,totalPages:e,onPageChange:n},children:o("nav",{ref:p,className:g(m.pagination,t),"aria-label":s??M("pagination.ariaLabel"),...P,children:B})})});function k(a,e){if(e<=7)return Array.from({length:e},(i,r)=>r+1);const n=[1],t=Math.max(2,a-1),u=Math.min(e-1,a+1);t>2&&n.push("ellipsis");for(let i=t;i<=u;i+=1)n.push(i);return u<e-1&&n.push("ellipsis"),n.push(e),n}const S=h(function({totalItems:a,pageSize:e,className:n,...t},u){const{currentPage:i}=y(),{t:r}=d(f);if(a==null||e==null||a<=0)return null;const c=Math.min(a,(i-1)*e+1),l=Math.min(a,i*e);return o("span",{ref:u,className:g(m.summary,n),...t,children:r("pagination.summary",{start:c,end:l,total:a})})});function C({active:a,className:e,...n}){return o("button",{type:"button",className:g(F.control,m.pagBtn,a&&m.active,e),"aria-current":a?"page":void 0,...n})}const N=h(function({className:a,...e},n){const{currentPage:t,totalPages:u,onPageChange:i}=y(),{t:r}=d(f),c=k(t,Math.max(1,u));return z("div",{ref:n,className:g(m.controls,a),...e,children:[o(C,{disabled:t<=1,"aria-label":r("pagination.prev"),onClick:()=>i(t-1),children:"<"}),c.map((l,s)=>l==="ellipsis"?o("span",{className:m.ellipsis,"aria-hidden":!0,children:"\u2026"},`e-${s}`):o(C,{active:l===t,"aria-label":r("pagination.page",{page:l}),onClick:()=>i(l),children:l},l)),o(C,{disabled:t>=u,"aria-label":r("pagination.next"),onClick:()=>i(t+1),children:">"})]})}),b=h(function({pageSize:a,onPageSizeChange:e,pageSizeOptions:n=j,className:t,...u},i){const{t:r}=d(f),c=E(()=>n.map(s=>({value:String(s),label:String(s)})),[n]),l=r("pagination.pageSizeLabel");return o("div",{ref:i,className:g(m.pageSize,t),...u,children:o(O,{"aria-label":l,placeholder:l,size:"sm",width:"full",options:c,value:String(a),onChange:s=>{const P=Array.isArray(s)?s[0]:s,p=Number(P);Number.isFinite(p)&&e(p)}})})});x.displayName="Pagination",S.displayName="Pagination.Summary",N.displayName="Pagination.Controls",b.displayName="Pagination.PageSize";const I=Object.assign(x,{Summary:S,Controls:N,PageSize:b});export{I as Pagination};
+"use client";import{jsxs as z,Fragment as E,jsx as l}from"react/jsx-runtime";import{useMemo as D,createContext as F}from"react";import m from"./Pagination.module.css.js";import{useLocale as d}from"../../locales/localeContext.js";import{useRequiredContext as R}from"../../hooks/useRequiredContext.js";import{Button as C}from"../Button/Button.js";import{cn as p}from"../../core/utils/cn.js";import P from"../../styles/utilities.module.css.js";import{ruSlice as j}from"../../locales/slices/pagination.ru.js";import{Select as A}from"../Select/Select.js";const S={pagination:j},b=F(null);function N(){return R(b,"\u0412\u043B\u043E\u0436\u0435\u043D\u043D\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 Pagination \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 Pagination")}const L=[10,25,50,100];function O(i,a){if(a<=7)return Array.from({length:a},(n,u)=>u+1);const r=[1],o=Math.max(2,i-1),t=Math.min(a-1,i+1);o>2&&r.push("ellipsis");for(let n=o;n<=t;n+=1)r.push(n);return t<a-1&&r.push("ellipsis"),r.push(a),r}function v({totalItems:i,pageSize:a,className:r,rootRef:o,...t}){const{currentPage:n}=N(),{t:u}=d(S);if(i==null||a==null||i<=0)return null;const s=Math.min(i,(n-1)*a+1),f=Math.min(i,n*a);return l("span",{ref:o,className:p(m.summary,r),...t,children:u("pagination.summary",{start:s,end:f,total:i})})}function B({className:i,rootRef:a,onClick:r,...o}){const{currentPage:t,totalPages:n,onPageChange:u}=N(),{t:s}=d(S),f=O(t,Math.max(1,n)),h=e=>{r?.(e);const c=e.target.closest("button");if(!(c instanceof HTMLButtonElement)||c.disabled)return;const g=c.dataset.page;g&&u(Number(g))};return z("div",{ref:a,className:p(m.controls,i),...o,onClick:h,children:[l(C,{variant:"ghost",size:"sm",className:p(P.fCenter,m.pagBtn),"data-page":t-1,disabled:t<=1,"aria-label":s("pagination.prev"),children:"<"}),f.map((e,c)=>{if(e==="ellipsis")return l("span",{className:p(P.fCenter,m.ellipsis),"aria-hidden":!0,children:"\u2026"},`e-${c}`);const g=e===t;return l(C,{variant:"ghost",size:"sm",className:p(P.fCenter,m.pagBtn),"data-page":e,"data-active":g?"":void 0,"aria-current":g?"page":void 0,"aria-label":s("pagination.page",{page:e}),children:e},e)}),l(C,{variant:"ghost",size:"sm",className:p(P.fCenter,m.pagBtn),"data-page":t+1,disabled:t>=n,"aria-label":s("pagination.next"),children:">"})]})}function y({pageSize:i,onPageSizeChange:a,pageSizeOptions:r=L,className:o,rootRef:t,...n}){const{t:u}=d(S),s=r.join(","),f=D(()=>r.map(e=>({value:String(e),label:String(e)})),[s]),h=u("pagination.pageSizeLabel");return l("div",{ref:t,className:p(m.pageSize,o),...n,children:l(A,{"aria-label":h,placeholder:h,size:"sm",width:"full",options:f,value:String(i),onChange:e=>{const c=Array.isArray(e)?e[0]:e,g=Number(c);Number.isFinite(g)&&a(g)}})})}function k({currentPage:i,totalPages:a,onPageChange:r,className:o,children:t,totalItems:n,pageSize:u,onPageSizeChange:s,pageSizeOptions:f,"aria-label":h,style:e,rootRef:c,...g}){const{t:x}=d(S),M=t??z(E,{children:[n!=null&&u!=null?l(v,{totalItems:n,pageSize:u}):null,l(B,{}),u!=null&&s!=null?l(y,{pageSize:u,onPageSizeChange:s,pageSizeOptions:f}):null]});return l(b.Provider,{value:{currentPage:i,totalPages:a,onPageChange:r},children:l("nav",{...g,ref:c,className:p(m.pagination,o),"aria-label":h??x("pagination.ariaLabel"),style:e,children:M})})}const I=Object.assign(k,{Summary:v,Controls:B,PageSize:y});export{I as Pagination};

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

@@ -1 +1 @@
-"use client";import{injectCss as a}from"../../utils/injectCss.js";var t='.icb-v{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--altum-g-font-size-sm);gap:var(--altum-g-space-3);justify-content:flex-end;width:100%}.icb-v .ZTggV{color:var(--altum-field-label);font-variant-numeric:tabular-nums;margin-right:auto;white-space:nowrap}.icb-v .fdL-y{flex-wrap:wrap;gap:var(--altum-g-space-2)}.icb-v .V294k,.icb-v .fdL-y{align-items:center;display:inline-flex}.icb-v .V294k{color:var(--altum-color-text-secondary);justify-content:center;min-width:var(--altum-g-space-6);-webkit-user-select:none;user-select:none}.icb-v .rDNL9{flex:0 0 auto;width:calc(var(--altum-control-height-sm)*3)}.icb-v .VwAEK{align-items:center;border-radius:var(--altum-g-radius-sm);color:var(--altum-color-text-secondary);display:inline-flex;height:var(--altum-control-height-sm);justify-content:center;min-width:var(--altum-control-height-sm);padding:0 var(--altum-g-space-2);position:relative}:is(.icb-v .VwAEK):hover:not(:disabled){background-color:var(--altum-color-option-hover);color:var(--altum-color-field-text)}:is(.icb-v .VwAEK):disabled{opacity:var(--altum-opacity-disabled)}._1kqsJ:is(.icb-v .VwAEK){color:var(--altum-color-input-text);font-weight:var(--altum-g-font-weight-medium)}._1kqsJ:is(.icb-v .VwAEK):after{background-color:var(--altum-color-tabs-indicator);border-radius:var(--altum-g-radius-pill);bottom:0;content:"";height:var(--altum-pagination-active-bar);left:var(--altum-g-space-2);position:absolute;right:var(--altum-g-space-2)}._1kqsJ:is(.icb-v .VwAEK):hover:not(:disabled){background-color:initial}';const i={pagination:"icb-v",summary:"ZTggV",controls:"fdL-y",ellipsis:"V294k",pageSize:"rDNL9",pagBtn:"VwAEK",active:"_1kqsJ"};a(t);export{i as default};
+"use client";import{injectCss as a}from"../../core/utils/injectCss.js";var t='.icb-v{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--altum-g-font-size-sm);gap:var(--altum-g-space-3);justify-content:flex-end;width:100%}.icb-v .ZTggV{color:var(--altum-field-label);font-variant-numeric:tabular-nums;margin-right:auto;white-space:nowrap}.icb-v .fdL-y{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}.icb-v .V294k{color:var(--altum-color-text-secondary);display:inline-flex;min-width:var(--altum-g-space-6);-webkit-user-select:none;user-select:none}.icb-v .rDNL9{flex:0 0 auto;width:calc(var(--altum-control-height-sm)*3)}.icb-v .VwAEK{border-radius:var(--altum-g-radius-sm);box-shadow:none;color:var(--altum-color-text-secondary);height:var(--altum-control-height-sm);min-width:var(--altum-control-height-sm);padding:0 var(--altum-g-space-2);position:relative}:is(.icb-v .VwAEK):hover:not(:disabled){background-color:var(--altum-color-option-hover);color:var(--altum-color-field-text)}:is(.icb-v .VwAEK):disabled{opacity:var(--altum-opacity-disabled)}[data-active]:is(.icb-v .VwAEK){color:var(--altum-color-input-text);font-weight:var(--altum-g-font-weight-medium)}[data-active]:is(.icb-v .VwAEK):after{background-color:var(--altum-color-tabs-indicator);border-radius:var(--altum-g-radius-pill);bottom:0;content:"";height:var(--altum-pagination-active-bar);left:var(--altum-g-space-2);position:absolute;right:var(--altum-g-space-2)}[data-active]:is(.icb-v .VwAEK):hover:not(:disabled){background-color:initial}';const i={pagination:"icb-v",summary:"ZTggV",controls:"fdL-y",ellipsis:"V294k",pageSize:"rDNL9",pagBtn:"VwAEK"};a(t);export{i as default};

package/dist/components/PasswordField/PasswordField.js

@@ -1 +1 @@
-"use client";import{jsxs as g,jsx as r,Fragment as B}from"react/jsx-runtime";import{forwardRef as M,useId as A,useState as D}from"react";import{TextField as E,FieldBaseButton as Z}from"../TextField/TextField.js";import{IconPreview as H}from"../../icons/icons/IconPreview.js";import{IconPreviewOff as K}from"../../icons/icons/IconPreviewOff.js";import{Text as O}from"../Text/Text.js";import{FormMessage as Q}from"../FormMessage/FormMessage.js";import R from"../../styles/fieldMessage.module.css.js";import a from"./PasswordField.module.css.js";import{cn as W}from"../../utils/cn.js";import{composeEventHandlers as q}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as G}from"../../hooks/useControlledState.js";import{useLocale as J}from"../../locales/localeContext.js";import{resolveFieldMessages as U}from"../../utils/fieldMessage.js";import{ruSlice as X}from"../../locales/slices/password.ru.js";const Y={password:X},_={weak:1,fair:2,good:3,strong:4};function u(t){if(!t)return"empty";let e=0;return t.length>=8&&(e+=1),t.length>=12&&(e+=1),/[a-z]/.test(t)&&/[A-Z]/.test(t)&&(e+=1),/\d/.test(t)&&(e+=1),/[^A-Za-z0-9]/.test(t)&&(e+=1),e<=1?"weak":e===2?"fair":e===3?"good":"strong"}const w=M(function({defaultVisible:t=!1,visible:e,onVisibleChange:v,showPasswordLabel:b,hidePasswordLabel:S,showStrength:x=!1,strengthLabels:k,value:n,defaultValue:c,onChange:C,description:l,"aria-describedby":N,...d},F){const{t:o}=J(Y),m=A(),[i,P]=G(e,t,v),[y,z]=D(()=>String(c??"")),L=n!==void 0?String(n):y,s=u(L),f={weak:o("password.strength.weak"),fair:o("password.strength.fair"),good:o("password.strength.good"),strong:o("password.strength.strong"),...k},{hasError:T,isDescriptionText:h}=U(m,{error:d.error,description:l}),p=x&&s!=="empty"?g("div",{id:m,className:W(R.message,a.strength),"data-strength":s,role:"meter","aria-valuemin":1,"aria-valuemax":4,"aria-valuenow":_[s],"aria-label":f[s],children:[g("div",{className:a.strengthTrack,"aria-hidden":!0,children:[r("span",{className:a.strengthSeg}),r("span",{className:a.strengthSeg}),r("span",{className:a.strengthSeg}),r("span",{className:a.strengthSeg})]}),r(O,{as:"span",size:"xs",color:s==="weak"?"error":s==="strong"?"success":"muted",className:a.strengthLabel,children:f[s]})]}):null,I=[N,p?m:void 0].filter(Boolean).join(" ")||void 0,V=p?g(B,{children:[h&&!T?r(Q,{children:l}):h?null:l,p]}):l;return r(E,{ref:F,...d,type:i?"text":"password",value:n,defaultValue:c,autoComplete:d.autoComplete??"current-password","aria-describedby":I,description:V,onChange:q(C,j=>{n===void 0&&z(j.target.value)}),postfix:r(Z,{"aria-label":i?S??o("password.hide"):b??o("password.reveal"),"aria-pressed":i,onClick:()=>P(!i),icon:i?r(K,{size:16}):r(H,{size:16})})})});w.displayName="PasswordField";export{w as PasswordField,u as getPasswordStrength};
+"use client";import{jsxs as w,jsx as s,Fragment as V}from"react/jsx-runtime";import{useState as A}from"react";import{TextField as R,FieldBaseButton as Z}from"../TextField/TextField.js";import{IconPreview as q}from"../../icons/icons/IconPreview.js";import{IconPreviewOff as E}from"../../icons/icons/IconPreviewOff.js";import{Text as M}from"../Text/Text.js";import{FormMessage as O}from"../FormMessage/FormMessage.js";import $ from"../../styles/fieldMessage.module.css.js";import i from"./PasswordField.module.css.js";import{cn as D}from"../../core/utils/cn.js";import{useLocale as G}from"../../locales/localeContext.js";import{ruSlice as H}from"../../locales/slices/password.ru.js";import{useFallbackId as J}from"../../core/utils/useFallbackId.js";const K={password:H},Q={weak:1,fair:2,good:3,strong:4};function b(r){if(!r)return"empty";let e=0;return r.length>=8&&(e+=1),r.length>=12&&(e+=1),/[a-z]/.test(r)&&/[A-Z]/.test(r)&&(e+=1),/\d/.test(r)&&(e+=1),/[^A-Za-z0-9]/.test(r)&&(e+=1),e<=1?"weak":e===2?"fair":e===3?"good":"strong"}function U({defaultVisible:r=!1,visible:e,onVisibleChange:v,showPasswordLabel:x,hidePasswordLabel:k,showStrength:C=!1,strengthLabels:y,value:l,defaultValue:d,onChange:z,description:m,"aria-describedby":F,id:P,inputRef:S,...p}){const{t:a}=G(K),g=J(P),c=`${g}-strength`,[L,j]=A(r),u=e!==void 0,o=u?e:L,B=String(l??d??""),t=b(B),f={weak:a("password.strength.weak"),fair:a("password.strength.fair"),good:a("password.strength.good"),strong:a("password.strength.strong"),...y},I=()=>{const n=!o;u||j(n),v?.(n)},h=C&&t!=="empty"?w("div",{id:c,className:D($.message,i.strength),"data-strength":t,role:"meter","aria-valuemin":1,"aria-valuemax":4,"aria-valuenow":Q[t],"aria-label":f[t],children:[s("div",{className:i.strengthTrack,"aria-hidden":!0,children:Array.from({length:4},(n,T)=>s("span",{className:i.strengthSeg},T))}),s(M,{as:"span",size:"xs",color:t==="weak"?"error":t==="strong"?"success":"muted",className:i.strengthLabel,children:f[t]})]}):null,N=[F,h?c:void 0].filter(Boolean).join(" ")||void 0;return s(R,{inputRef:S,id:g,...p,type:o?"text":"password",value:l,defaultValue:d,autoComplete:p.autoComplete??"current-password","aria-describedby":N,description:w(V,{children:[m?s(O,{children:m}):null,h]}),onChange:z,postfix:s(Z,{"aria-label":o?k??a("password.hide"):x??a("password.reveal"),"aria-pressed":o,onClick:I,icon:o?s(E,{size:16}):s(q,{size:16})})})}export{U as PasswordField,b as getPasswordStrength};

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

@@ -1 +1 @@
-"use client";import{injectCss as a}from"../../utils/injectCss.js";var l=".BXrr0{--altum-password-idle:var(--altum-color-option-hover);--altum-password-fill-1:var(--altum-password-idle);--altum-password-fill-2:var(--altum-password-idle);--altum-password-fill-3:var(--altum-password-idle);--altum-password-fill-4:var(--altum-password-idle)}.BXrr0[data-strength=weak]{--altum-password-fill-1:var(--altum-color-status-error)}.BXrr0[data-strength=fair]{--altum-password-fill-1:var(--altum-color-status-warning);--altum-password-fill-2:var(--altum-color-status-warning)}.BXrr0[data-strength=good]{--altum-password-fill-1:var(--altum-color-status-info);--altum-password-fill-2:var(--altum-color-status-info);--altum-password-fill-3:var(--altum-color-status-info)}.BXrr0[data-strength=strong]{--altum-password-fill-1:var(--altum-color-status-success);--altum-password-fill-2:var(--altum-color-status-success);--altum-password-fill-3:var(--altum-color-status-success);--altum-password-fill-4:var(--altum-color-status-success)}.bJMCU{display:flex;gap:var(--altum-g-space-2);height:var(--altum-g-space-1);margin-bottom:var(--altum-g-space-1)}.bTw4A{background:var(--altum-password-idle);border-radius:var(--altum-g-radius-pill);flex:1;min-width:0}.bTw4A:first-child{background:var(--altum-password-fill-1)}.bTw4A:nth-child(2){background:var(--altum-password-fill-2)}.bTw4A:nth-child(3){background:var(--altum-password-fill-3)}.bTw4A:nth-child(4){background:var(--altum-password-fill-4)}._8YMd6{margin-top:0}";const r={strength:"BXrr0",strengthTrack:"bJMCU",strengthSeg:"bTw4A",strengthLabel:"_8YMd6"};a(l);export{r as default};
+"use client";import{injectCss as a}from"../../core/utils/injectCss.js";var r=".BXrr0{--altum-password-idle:var(--altum-color-option-hover);--altum-password-fill-1:var(--altum-password-idle);--altum-password-fill-2:var(--altum-password-idle);--altum-password-fill-3:var(--altum-password-idle);--altum-password-fill-4:var(--altum-password-idle);margin-left:0}.BXrr0[data-strength=weak]{--altum-password-fill-1:var(--altum-color-status-error)}.BXrr0[data-strength=fair]{--altum-password-fill-1:var(--altum-color-status-warning);--altum-password-fill-2:var(--altum-color-status-warning)}.BXrr0[data-strength=good]{--altum-password-fill-1:var(--altum-color-status-info);--altum-password-fill-2:var(--altum-color-status-info);--altum-password-fill-3:var(--altum-color-status-info)}.BXrr0[data-strength=strong]{--altum-password-fill-1:var(--altum-color-status-success);--altum-password-fill-2:var(--altum-color-status-success);--altum-password-fill-3:var(--altum-color-status-success);--altum-password-fill-4:var(--altum-color-status-success)}.bJMCU{display:grid;gap:var(--altum-g-space-1);grid-template-columns:repeat(4,minmax(0,1fr));height:var(--altum-g-space-1);margin-bottom:var(--altum-g-space-1)}.bTw4A{background:var(--altum-password-idle);border-radius:var(--altum-g-radius-pill);min-width:0}.bTw4A:first-child{background:var(--altum-password-fill-1)}.bTw4A:nth-child(2){background:var(--altum-password-fill-2)}.bTw4A:nth-child(3){background:var(--altum-password-fill-3)}.bTw4A:nth-child(4){background:var(--altum-password-fill-4)}._8YMd6{display:block;margin-left:var(--altum-form-helper-indent,var(--altum-g-space-1));margin-top:0}";const l={strength:"BXrr0",strengthTrack:"bJMCU",strengthSeg:"bTw4A",strengthLabel:"_8YMd6"};a(r);export{l as default};

package/dist/components/PinInput/PinInput.js

@@ -1 +1 @@
-"use client";import{jsx as o,jsxs as k}from"react/jsx-runtime";import{forwardRef as V,useId as E}from"react";import a from"./PinInput.module.css.js";import{cn as D}from"../../utils/cn.js";import{useLocale as B}from"../../locales/localeContext.js";import{TextField as G}from"../TextField/TextField.js";import{FieldLabel as S}from"../FieldLabel/FieldLabel.js";import{FormMessage as K}from"../FormMessage/FormMessage.js";import{useOtpInputs as $}from"../../hooks/useOtpInputs.js";import{resolveFieldMessages as q}from"../../utils/fieldMessage.js";import{ruSlice as A}from"../../locales/slices/pinInput.ru.js";const M={pinInput:A};function H({chars:p,value:s,name:d,size:f,numeric:h,masked:b,disabled:u,autoFocus:m,invalid:c,firstId:g,ariaLabel:v,groupId:y,describedBy:I,inputsRef:n,onChange:t,onKeyDown:l,onPaste:C}){const{t:F}=B(M);return k("div",{className:a.group,role:"group",id:y,"aria-label":v,"aria-invalid":c||void 0,"aria-describedby":I,children:[d?o("input",{type:"hidden",name:d,value:s}):null,p.map((w,e)=>o(G,{ref:r=>{n.current[e]=r},id:e===0?g:void 0,wrapperClassName:a.cell,className:D(a.cellInput,b?a.masked:""),size:f,type:"text",inputMode:h?"numeric":"text",autoComplete:e===0?"one-time-code":"off",maxLength:1,value:w,disabled:u,error:c?!0:void 0,"aria-label":F("pinInput.digit",{index:e+1}),autoFocus:m&&e===0,onChange:r=>t(e,r.target.value),onKeyDown:r=>l(e,r),onPaste:r=>C(e,r),onFocus:r=>r.currentTarget.select()},e))]})}const R=V(function({length:p=6,size:s="md",value:d,defaultValue:f="",onChange:h,onComplete:b,numeric:u=!0,disabled:m=!1,masked:c=!1,autoFocus:g=!1,"aria-label":v,className:y,style:I,error:n,label:t,description:l,name:C,width:F="full",...w},e){const{t:r}=B(M),x=E(),N=`${x}-0`,{hasError:L,isDescriptionText:z,errorId:T,descriptionId:j,describedBy:O}=q(x,{error:n,description:l}),i=$({length:p,numeric:u,value:d,defaultValue:f,disabled:m,onChange:h,onComplete:b}),P=o(H,{chars:i.chars,value:i.value,name:C,size:s,numeric:u,masked:c,disabled:m,autoFocus:g,invalid:L,firstId:N,ariaLabel:t?void 0:v??r("pinInput.ariaLabel"),groupId:x,describedBy:O,inputsRef:i.inputsRef,onChange:i.handleChange,onKeyDown:i.handleKeyDown,onPaste:i.handlePaste});return k("div",{ref:e,className:D(a.root,F==="full"?a.widthFull:"",L?a.error:"",y),style:I,...w,children:[t?o(S,{label:t,htmlFor:N,size:s,children:P}):P,z&&!L?o(K,{id:j,children:l}):null,typeof n=="string"?o(K,{variant:"error",id:T,children:n}):null,z?null:l]})});R.displayName="PinInput";export{R as PinInput};
+"use client";import{jsx as u,jsxs as Z}from"react/jsx-runtime";import{useState as J,useRef as O}from"react";import v from"./PinInput.module.css.js";import{cn as Q}from"../../core/utils/cn.js";import{useLocale as U}from"../../locales/localeContext.js";import{TextField as W}from"../TextField/TextField.js";import{FieldLabel as X}from"../FieldLabel/FieldLabel.js";import{FormMessage as H}from"../FormMessage/FormMessage.js";import{ruSlice as Y}from"../../locales/slices/pinInput.ru.js";import{useFallbackId as _}from"../../core/utils/useFallbackId.js";const ee={pinInput:Y},d=(l,f,m)=>(m?l.replace(/\D/g,""):l.replace(/\s/g,"")).slice(0,f);function te({length:l=6,size:f="md",value:m,defaultValue:C="",onChange:T,onComplete:A,numeric:a=!0,disabled:y=!1,masked:R=!1,autoFocus:$=!1,"aria-label":z,className:P,style:B,error:p,label:x,description:g,name:E,width:S="full",rootRef:q,...G}){const{t:D}=U(ee),s=_().replace(/:/g,""),I=m!==void 0,[K,V]=J(()=>d(C,l,a)),b=d(I?m:K,l,a),i=Array.from({length:l},(t,e)=>b[e]??""),L=O([]),o=t=>{const e=L.current[Math.max(0,Math.min(l-1,t))];e?.focus(),e?.select()},r=t=>{const e=d(t,l,a);I||V(e),T?.(e),e.length===l&&A?.(e)},h=t=>{const e=t instanceof HTMLElement?t.closest("[data-index][data-field-control]"):null,n=e?Number(e.dataset.index):NaN;return Number.isInteger(n)?n:null},c=!!p,k=typeof g=="string"&&g.length>0,M=typeof p=="string"?`${s}-error`:void 0,F=k&&!c?`${s}-description`:void 0,N=u("div",{className:v.group,role:"group",id:s,"aria-label":x?void 0:z??D("pinInput.ariaLabel"),"aria-invalid":c||void 0,"aria-describedby":[M,F].filter(Boolean).join(" ")||void 0,onChange:t=>{const e=h(t.target);if(e==null||!(t.target instanceof HTMLInputElement)||y)return;const n=d(t.target.value,l,a);if(!n){const w=i.slice();w[e]="",r(w.join(""));return}if(n.length>1){r((b.slice(0,e)+n).slice(0,l)),o(Math.min(l-1,e+n.length));return}const j=i.slice();j[e]=n,r(j.join("")),e<l-1&&o(e+1)},onKeyDown:t=>{const e=h(t.target);if(!(e==null||y))if(t.key==="Backspace"){if(t.preventDefault(),i[e]){const n=i.slice();n[e]="",r(n.join(""))}else if(e>0){const n=i.slice();n[e-1]="",r(n.join("")),o(e-1)}}else if(t.key==="Delete"&&i[e]){t.preventDefault();const n=i.slice();n[e]="",r(n.join(""))}else t.key==="Home"||t.key==="End"?(t.preventDefault(),o(t.key==="Home"?0:l-1)):(t.key==="ArrowLeft"||t.key==="ArrowRight")&&(t.preventDefault(),o(e+(t.key==="ArrowLeft"?-1:1)))},onPaste:t=>{const e=h(t.target);if(e==null)return;t.preventDefault();const n=d(t.clipboardData.getData("text"),l,a);n&&(r((b.slice(0,e)+n).slice(0,l)),o(Math.min(l-1,e+n.length)))},onFocus:t=>{t.target instanceof HTMLInputElement&&h(t.target)!=null&&t.target.select()},children:i.map((t,e)=>u(W,{inputRef:n=>{L.current[e]=n},id:e===0?`${s}-0`:void 0,wrapperClassName:v.cell,className:v.cellInput,size:f,type:"text",inputMode:a?"numeric":"text",name:e===0?E:void 0,"data-index":e,autoComplete:e===0?"one-time-code":"off",maxLength:1,value:t,disabled:y,error:c||void 0,"aria-label":D("pinInput.digit",{index:e+1}),autoFocus:$&&e===0,"data-masked":R?"":void 0},e))});return Z("div",{...G,ref:q,className:Q(v.root,P),style:B,"data-width":S==="full"?"full":void 0,"data-error":c?"":void 0,children:[x?u(X,{label:x,htmlFor:`${s}-0`,size:f,children:N}):N,k&&!c?u(H,{id:F,children:g}):null,typeof p=="string"?u(H,{variant:"error",id:M,children:p}):null,k?null:g]})}export{te as PinInput};

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

@@ -1 +1 @@
-"use client";import{injectCss as r}from"../../utils/injectCss.js";var o=".WyhK5{box-sizing:border-box;display:inline-block;font-family:inherit;max-width:var(--altum-field-width-default);min-width:0;width:100%}.WyhK5.cJUfQ{display:block;max-width:100%}.WyhK5 .MNjMx{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}:is(.WyhK5 .MNjMx) .fxLzs{flex:none;max-width:var(--altum-field-size-height);min-width:var(--altum-field-size-height);width:var(--altum-field-size-height)}:is(.WyhK5 .MNjMx) .lPf8z{font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-semibold);padding:0;text-align:center}.ZXMpL:is(:is(.WyhK5 .MNjMx) .lPf8z){-webkit-text-security:disc}:is(.WyhK5 .MNjMx):focus-within .fxLzs{--altum-field-control-border:var(--altum-color-border-hover);--altum-field-control-shadow:0 0 0 1px var(--altum-color-border-hover)}:is(.WyhK5 .MNjMx):hover:not(:has(:disabled)) .fxLzs{--altum-field-control-border:var(--altum-color-border-hover)}.WyhK5.Kou0o .fxLzs{--altum-field-control-border:var(--altum-color-status-error)}.WyhK5.Kou0o .MNjMx:hover:not(:has(:disabled)) .fxLzs{--altum-field-control-border:var(--altum-color-status-error)}.WyhK5.Kou0o .MNjMx:focus-within .fxLzs{--altum-field-control-border:var(--altum-color-status-error);--altum-field-control-shadow:0 0 0 var(--altum-focus-ring-offset) var(--altum-color-status-error)}";const t={root:"WyhK5",widthFull:"cJUfQ",group:"MNjMx",cell:"fxLzs",cellInput:"lPf8z",masked:"ZXMpL",error:"Kou0o"};r(o);export{t as default};
+"use client";import{injectCss as r}from"../../core/utils/injectCss.js";var t=".WyhK5{box-sizing:border-box;display:inline-block;font-family:inherit;max-width:var(--altum-field-width-default);min-width:0;width:100%}.WyhK5[data-width=full]{display:block;max-width:100%}.WyhK5 .MNjMx{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}:is(.WyhK5 .MNjMx) .fxLzs{flex:none;max-width:var(--altum-field-size-height);min-width:var(--altum-field-size-height);width:var(--altum-field-size-height)}:is(.WyhK5 .MNjMx) .lPf8z{font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-semibold);padding:0;text-align:center}[data-masked]:is(:is(.WyhK5 .MNjMx) .lPf8z){-webkit-text-security:disc}:is(.WyhK5 .MNjMx):focus-within .fxLzs{--altum-field-control-border:var(--altum-color-border-hover);--altum-field-control-shadow:0 0 0 1px var(--altum-color-border-hover)}:is(.WyhK5 .MNjMx):hover:not(:has(:disabled)) .fxLzs{--altum-field-control-border:var(--altum-color-border-hover)}.WyhK5[data-error] .fxLzs{--altum-field-control-border:var(--altum-color-status-error)}.WyhK5[data-error] .MNjMx:hover:not(:has(:disabled)) .fxLzs{--altum-field-control-border:var(--altum-color-status-error)}.WyhK5[data-error] .MNjMx:focus-within .fxLzs{--altum-field-control-border:var(--altum-color-status-error);--altum-field-control-shadow:0 0 0 var(--altum-focus-ring-offset) var(--altum-color-status-error)}";const a={root:"WyhK5",group:"MNjMx",cell:"fxLzs",cellInput:"lPf8z"};r(t);export{a as default};

package/dist/components/Popover/Popover.js

@@ -1 +1 @@
-"use client";import{jsxs as ce,Fragment as se,jsx as Q}from"react/jsx-runtime";import{useRef as E,useId as ae,useCallback as ue,useLayoutEffect as de,useEffect as V}from"react";import{Box as me}from"../Box/Box.js";import{useOverlayFrame as pe}from"../Overlay/Overlay.frame.js";import{useControlledStateWithCallback as fe}from"../../hooks/useControlledState.js";import{useEscapeKey as ve}from"../../hooks/useEscapeKey.js";import{useFocusTrap as he}from"../../hooks/useFocusTrap.js";import{useOutsideClick as ye}from"../../hooks/useOutsideClick.js";import{computeAnchorPosition as ge}from"../../utils/anchorPosition.js";import{cn as xe}from"../../utils/cn.js";import{registerHoverTrigger as we,createHoverTriggerId as Ee,claimHoverTriggerOpen as _,releaseHoverTrigger as We}from"../../utils/hoverTriggerGroup.js";import{resolveOverlayPurposeSideOffset as Le}from"../../utils/overlayPurpose.js";import{createLibraryPortal as be}from"../../utils/portal.js";import $ from"./Popover.module.css.js";const Te=200,Ce=100;function T(e,t){e.current!=null&&(window.clearTimeout(e.current),e.current=null),t.current!=null&&(window.clearTimeout(t.current),t.current=null)}function C(e,t,c){t&&(e?_(t,0):We(t)),c(e)}function A(e,t,c){return t>=e.left-1&&t<=e.right+1&&c>=e.top-1&&c<=e.bottom+1}function Pe(e){const t=e.style.width,c=e.style.maxWidth,m=e.style.minWidth;e.style.width="max-content",e.style.maxWidth="none",e.style.minWidth="0";const a=Math.ceil(e.getBoundingClientRect().width);return e.style.width=t,e.style.maxWidth=c,e.style.minWidth=m,a}function Oe(e,t,c){const m=Math.max(0,window.innerWidth-16);if(e==="content")return{maxWidth:m};const a=Math.ceil(t.getBoundingClientRect().width),r=Math.min(e==="trigger"?a:Math.max(a,Pe(c)),m);return{width:r,maxWidth:r,minWidth:Math.min(a,r)}}function G(e,t,c,m,a){if(a!=null){const u=Oe(a,e,t);t.style.width=u.width!=null?`${u.width}px`:"max-content",t.style.maxWidth=`${u.maxWidth}px`,t.style.minWidth=u.minWidth!=null?`${u.minWidth}px`:""}else t.style.width="",t.style.maxWidth="",t.style.minWidth="";const r=ge(e,t,c,m,Le("popover"));t.style.top=`${r.top}px`,t.style.left=`${r.left}px`,t.dataset.side=r.side}function U({children:e,renderTrigger:t,open:c,defaultOpen:m=!1,onOpenChange:a,trigger:r="click",disabled:u=!1,variant:R="panel",className:Z,role:ee,side:z="bottom",align:H="center",widthMode:P,openDelay:S=Te,closeDelay:X=Ce,dismiss:W}){const y=E(null),d=E(null),B=E(!1),F=E(null),g=E(null),p=E(null),f=E(null),O=ae(),[te,l]=fe(c,m,a),i=!u&&te,{shouldRender:ne,presented:Y,layerStyle:D}=pe({open:i,onOpenChange:l,purpose:"popover",anchor:!0}),M=!u&&(r==="hover"?i:i||ne),j=r==="click",re=W==null?j:W==="all"||W==="outside",ie=W==null?j:W==="all"||W==="escape",oe=r==="click"?{"aria-haspopup":"dialog","aria-expanded":i,"aria-controls":O}:r==="hover"?{"aria-describedby":i?O:void 0}:{"aria-controls":i?O:void 0};ye([y,d],()=>l(!1),{enabled:i&&re}),ve(()=>l(!1),{enabled:i&&ie}),he({active:i&&R==="panel",containerRef:d,restoreFocus:!1});const le=ue(n=>{y.current=n},[]);de(()=>{if(B.current=i,!i||!M)return;const n=y.current,v=d.current;!n||!v||G(n,v,z,H,P)},[H,e,i,Y,M,z,P]),V(()=>{if(u||r==="manual")return;const n=y.current;if(!n)return;if(r==="click"){const o=()=>l(!B.current);return n.addEventListener("click",o),()=>n.removeEventListener("click",o)}const v=Ee();f.current=v;const x=we(v,()=>{T(g,p),l(!1)}),k=()=>{T(g,p);const o=f.current,b=o?_(o,S):S;if(b<=0){C(!0,o,l);return}g.current=window.setTimeout(()=>C(!0,f.current,l),b)},w=()=>{T(g,p),p.current=window.setTimeout(()=>C(!1,f.current,l),X)},L=o=>{F.current={x:o.clientX,y:o.clientY},k()},s=()=>w(),h=o=>{F.current={x:o.clientX,y:o.clientY}},N=()=>k(),K=o=>{const b=o.relatedTarget;b instanceof Node&&(n.contains(b)||d.current?.contains(b))||w()};return n.addEventListener("pointerenter",L),n.addEventListener("pointerleave",s),n.addEventListener("pointermove",h),n.addEventListener("focusin",N),n.addEventListener("focusout",K),()=>{T(g,p),x(),f.current=null,n.removeEventListener("pointerenter",L),n.removeEventListener("pointerleave",s),n.removeEventListener("pointermove",h),n.removeEventListener("focusin",N),n.removeEventListener("focusout",K)}},[X,d,u,S,l,r]),V(()=>{if(!i||!M)return;const n=y.current,v=d.current;if(!n||!v)return;let x=0;const k=()=>{x||(x=requestAnimationFrame(()=>{x=0;const s=y.current,h=d.current;!s||!h||G(s,h,z,H,P)}))},w=()=>{if(k(),r!=="hover")return;const s=F.current,h=y.current;if(!h||!s||A(h.getBoundingClientRect(),s.x,s.y))return;const N=d.current;N&&A(N.getBoundingClientRect(),s.x,s.y)||C(!1,f.current,l)},L=new ResizeObserver(k);return L.observe(n),L.observe(v),window.addEventListener("resize",w),window.addEventListener("scroll",w,!0),()=>{L.disconnect(),window.removeEventListener("resize",w),window.removeEventListener("scroll",w,!0),x&&cancelAnimationFrame(x)}},[H,i,l,M,z,r,P]);const q=ee??"dialog",I=xe($.anchor,P!=null&&$.sized,$.content,R==="plain"?$.contentPlain:$.contentPanel,Z),J=r==="hover"?{onPointerEnter:()=>{T(g,p),C(!0,f.current,l)},onPointerLeave:()=>{T(g,p),p.current=window.setTimeout(()=>C(!1,f.current,l),X)},onPointerMove:n=>{F.current={x:n.clientX,y:n.clientY}}}:void 0;return ce(se,{children:[t(oe,le),M&&be(R==="panel"?Q(me,{ref:d,variant:"floating",padding:"md",id:O,role:q,tabIndex:-1,className:I,"data-presented":Y?"":void 0,style:D,...J,children:e}):Q("div",{ref:d,id:O,role:q,className:I,"data-presented":Y?"":void 0,style:D,...J,children:e}))]})}U.displayName="Popover";export{U as Popover};
+"use client";import{jsxs as w,Fragment as A,jsx as f}from"react/jsx-runtime";import{useRef as C,useLayoutEffect as F}from"react";import{Box as O}from"../Box/Box.js";import{Overlay as k}from"../Overlay/Overlay.js";import{cn as E}from"../../core/utils/cn.js";import{popoverDomId as I,positionArea as z,anchorNameFor as B}from"../../core/utils/popover.js";import{renderChildren as D}from"../../core/utils/renderChildren.js";import L from"../../styles/floating.module.css.js";import t from"./Popover.module.css.js";import{useFallbackId as M}from"../../core/utils/useFallbackId.js";function S(e,r){if(typeof e=="function"){e(r);return}e!=null&&(e.current=r)}function q({children:e,trigger:r,id:d,disabled:n=!1,variant:i="panel",className:u,role:g,side:p="bottom",align:h="center",widthMode:l,popoverTargetAction:v="toggle",defaultOpen:c=!1,onToggle:y,panelRef:R}){const b=M(),a=d??I(b),m=B(a),s=C(null),x=z(p,h),N=o=>{o?.style.setProperty("anchor-name",m)},P=o=>{s.current=o,S(R,o)};F(()=>{if(!c||n)return;const o=s.current;o&&!o.matches(":popover-open")&&o.showPopover()},[c,n]);const T=n?{}:{popoverTarget:a,popoverTargetAction:v},j={"--altum-popover-anchor":m,"--altum-popover-area":x};return w(A,{children:[D({children:r,props:T,contentRef:N}),f(k,{variant:"floating",id:a,rootRef:P,role:g??"dialog",className:E(i==="plain"&&L.panel,t.anchor,l!=null&&t.sized,t.content,u),style:j,"data-side":p,"data-width-mode":l,onOpenChange:y,children:i==="panel"?f(O,{variant:"floating",className:t.contentPanel,children:e}):e})]})}export{q as Popover};

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

@@ -1 +1 @@
-"use client";import{injectCss as t}from"../../utils/injectCss.js";var e=".O07fj{box-sizing:border-box}.O07fj.kkWxR{max-width:min(var(--altum-popover-max-width),calc(100vw - var(--altum-g-space-4)));min-width:var(--altum-popover-min-width)}.vQvcR{max-width:none;min-width:0}.dDZ5K{max-height:calc(100vh - var(--altum-g-space-4));max-height:calc(100dvh - var(--altum-g-space-4));max-width:calc(100vw - var(--altum-g-space-4));overflow:visible;pointer-events:auto;position:fixed;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1)}.dDZ5K:not([data-side]){left:-9999px;top:-9999px}.dDZ5K[data-presented]{opacity:1}.dDZ5K:not([data-presented]){opacity:0}.etpAV{transition-property:opacity,transform}.etpAV[data-side=bottom]{transform-origin:top center}.etpAV[data-side=top]{transform-origin:bottom center}.etpAV[data-side=left]{transform-origin:center right}.etpAV[data-side=right]{transform-origin:center left}.etpAV[data-presented]{transform:scale(1)}.etpAV[data-side=bottom]:not([data-presented]),.etpAV[data-side=top]:not([data-presented]){transform:scaleY(.85)}.etpAV[data-side=left]:not([data-presented]),.etpAV[data-side=right]:not([data-presented]){transform:scaleX(.85)}@media (prefers-reduced-motion:reduce){.dDZ5K,.etpAV{transition:none}.etpAV:not([data-presented]){transform:none}}";const a={content:"O07fj",contentPanel:"kkWxR",contentPlain:"vQvcR",anchor:"dDZ5K",sized:"etpAV"};t(e);export{a as default};
+"use client";import{injectCss as t}from"../../core/utils/injectCss.js";var a=".O07fj{\u001f}.kkWxR{max-width:min(\u0001popover-max-width),calc(100vw - \u00144)));min-width:\u0001popover-min-width);\u0011g-space-3)}.dDZ5K[popover]{position-anchor:\u0001popover-anchor);position-area:\u0001popover-area);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;background:#0000;border:none;inset:unset;margin:0;max-height:calc(100vh - \u00144));max-height:calc(100dvh - \u00144));max-width:calc(100vw - \u00144));overflow:initial;padding:0;position:fixed}.dDZ5K[popover]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;background-color:initial}.dDZ5K[popover]\u0005top]{margin-bottom:\u0001overlay-offset-popover,4px)}.dDZ5K[popover]\u0005bottom]{margin-top:\u0001overlay-offset-popover,4px)}.dDZ5K[popover]\u0005left],.dDZ5K[popover]\u0005right]{position-try-fallbacks:flip-inline,flip-block,flip-inline flip-block}.dDZ5K[popover]\u0005left]{margin-right:\u0001overlay-offset-popover,4px)}.dDZ5K[popover]\u0005right]{margin-left:\u0001overlay-offset-popover,4px)}.dDZ5K[data-width-mode=trigger]{max-width:min(anchor-size(width),calc(100vw - \u00144)));min-width:0;width:anchor-size(width)}.dDZ5K[data-width-mode=content]{width:max-content}.dDZ5K[data-width-mode=trigger-fit]{max-width:calc(100vw - \u00144));min-width:min(anchor-size(width),calc(100vw - \u00144)));width:max-content}.etpAV{transition-property:opacity,transform}.etpAV\u0005bottom]{transform-origin:top center}.etpAV\u0005top]{transform-origin:bottom center}.etpAV\u0005left]{transform-origin:center right}.etpAV\u0005right]{transform-origin:center left}.etpAV:popover-open{transform:scale(1)}@starting-style{.etpAV\u0005bottom]:popover-open{transform:scaleY(.85)}}@starting-style{.etpAV\u0005top]:popover-open{transform:scaleY(.85)}}@starting-style{.etpAV\u0005left]:popover-open{transform:scaleX(.85)}}@starting-style{.etpAV\u0005right]:popover-open{transform:scaleX(.85)}}@media (prefers-reduced-motion:reduce){.dDZ5K,.etpAV{transition:none}@starting-style{.etpAV:popover-open{transform:none}}}";const e={content:"O07fj",contentPanel:"kkWxR",anchor:"dDZ5K",sized:"etpAV"};t(a);export{e as default};

package/dist/components/PopupSwitch/PopupSwitch.js

@@ -1 +1 @@
-"use client";import{jsx as r,jsxs as $,Fragment as Q}from"react/jsx-runtime";import{forwardRef as V,useId as X,useState as Y,useRef as A,useLayoutEffect as _}from"react";import{Button as B}from"../Button/Button.js";import{IconChevronUpDown as D}from"../../icons/icons/IconChevronUpDown.js";import{useEscapeKey as ee}from"../../hooks/useEscapeKey.js";import{useOutsideClick as te}from"../../hooks/useOutsideClick.js";import{focusElement as ne}from"../../utils/a11y.js";import{cn as ie}from"../../utils/cn.js";import{composeRefs as oe}from"../../utils/composeRefs.js";import{handleListHighlightKeyDown as re}from"../../utils/keyboard.js";import{elevateAboveOverlayStack as ae,useOverlayStackZIndex as le}from"../../utils/overlayStack.js";import{createLibraryPortal as se}from"../../utils/portal.js";import{computePopupSwitchPosition as ce}from"./PopupSwitch.utils.js";import c from"./PopupSwitch.module.css.js";function de(a,n){const o=document.activeElement;if(o instanceof HTMLElement&&a?.contains(o)){const i=Number(o.dataset.index);if(Number.isInteger(i))return i}return n}function g(a,n){const o=a.querySelectorAll('[role="option"]');if(o.length===0)return;const i=Math.min(o.length-1,Math.max(0,n));o.forEach((p,d)=>{p.tabIndex=d===i?0:-1}),o[i]?.focus({preventScroll:!0})}const F=V(function({value:a,options:n,onChange:o,disabled:i=!1,className:p,placeholder:d,size:h="md",variant:m="secondary",width:H="auto",align:E="start","aria-label":P},M){const R=X(),z=`${R}-list`,O=ae(le()),[T,w]=Y(!1),x=A(null),b=A(null),y=n.findIndex(t=>t.value===a),u=y>=0?n[y]:void 0,S=y>=0?y:0,k=H==="options",q=k&&n.some(t=>t.icon!=null),f=()=>{w(!1),ne(x.current)};i&&T&&w(!1);const s=T&&!i;te([x,b],f,{enabled:s}),ee(f,{enabled:s}),_(()=>{if(!s)return;const t=x.current,e=b.current;if(!t||!e)return;const l=()=>{const v=t.getBoundingClientRect();e.style.minWidth=`${Math.ceil(v.width)}px`;const C=e.querySelector('[aria-selected="true"]'),G=e.getBoundingClientRect(),J=C?{offsetTop:C.getBoundingClientRect().top-G.top+e.scrollTop,height:C.getBoundingClientRect().height}:null,I=ce({trigger:{top:v.top,left:v.left,width:v.width,height:v.height},popover:{width:e.offsetWidth,height:e.offsetHeight},activeItem:J,align:E,viewport:{width:window.innerWidth,height:window.innerHeight},maxScroll:Math.max(0,e.scrollHeight-e.clientHeight)});Math.abs(e.scrollTop-I.scrollTop)>.5&&(e.scrollTop=I.scrollTop),e.style.top=`${I.top}px`,e.style.left=`${I.left}px`};l(),e.contains(document.activeElement)||g(e,S);const N=requestAnimationFrame(()=>{e.dataset.ready=""}),L=new ResizeObserver(l);return L.observe(t),L.observe(e),window.addEventListener("resize",l),window.addEventListener("scroll",l,!0),()=>{L.disconnect(),window.removeEventListener("resize",l),window.removeEventListener("scroll",l,!0),cancelAnimationFrame(N)}},[E,S,n,s,h,a,m]);const K=t=>{i||s||(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),w(!0))},W=t=>{const e=b.current;if(!e||n.length===0)return;const l=de(e,S);re(t,{onNext:()=>g(e,l+1),onPrev:()=>g(e,l-1),onFirst:()=>g(e,0),onLast:()=>g(e,n.length-1),onSelect:()=>{const N=n[l];N&&(o(N.value),f())},includeSpace:!0})},U=q?r("span",{className:c.iconSlot,"aria-hidden":!0,children:u?.icon}):u?.icon?r("span",{"aria-hidden":!0,children:u.icon}):void 0,j=k?$("span",{className:c.value,children:[n.map(t=>{const e=t.value===a;return r("span",{className:e?void 0:c.valueReserve,"aria-hidden":e?void 0:!0,children:t.label},String(t.value))}),d?r("span",{className:u?c.valueReserve:void 0,"aria-hidden":u?!0:void 0,children:d}):null]}):u?.label??d??"",Z=s?se(r("div",{ref:b,id:z,role:"listbox","aria-orientation":"vertical","aria-label":P,"aria-labelledby":P?void 0:R,className:c.panel,style:{zIndex:O},onKeyDown:W,children:n.map((t,e)=>r(pe,{option:t,optionId:`${z}-option-${e}`,index:e,selected:t.value===a,tabIndex:e===S?0:-1,size:h,variant:m,onSelect:()=>{o(t.value),f()}},String(t.value)))})):null;return $(Q,{children:[r(B,{ref:oe(M,x),id:R,type:"button",variant:m,size:h,disabled:i,className:ie(c.trigger,p),prefix:U,postfix:r(D,{"aria-hidden":!0}),"aria-haspopup":"listbox","aria-expanded":s,"aria-controls":s?z:void 0,onClick:()=>{i||(s?f():w(!0))},onKeyDown:K,children:j}),Z]})});F.displayName="PopupSwitch";const ue=F;function pe({option:a,optionId:n,index:o,selected:i,tabIndex:p,size:d,variant:h,onSelect:m}){return r(B,{type:"button",role:"option",id:n,"data-index":o,"aria-selected":i,tabIndex:p,variant:h,size:d,fullWidth:!0,className:c.option,prefix:a.icon?r("span",{"aria-hidden":!0,children:a.icon}):void 0,postfix:r("span",{className:c.chevron,"aria-hidden":!0,children:i?r(D,{}):null}),onClick:m,children:r("span",{className:c.text,children:a.label})})}export{ue as PopupSwitch};
+"use client";import{jsx as r,jsxs as M}from"react/jsx-runtime";import{useRef as y,useState as Z,useLayoutEffect as g}from"react";import{Button as F}from"../Button/Button.js";import{IconChevronUpDown as H}from"../../icons/icons/IconChevronUpDown.js";import{handleRovingListKeyDown as ee,ROVING_ITEM_ATTR as te}from"../../hooks/useRovingList.js";import{cn as R}from"../../core/utils/cn.js";import U from"../../styles/utilities.module.css.js";import{uRef as re}from"../../core/utils/bundle.js";import{popoverDomId as ne,hidePopover as _,anchorNameFor as ae,showPopover as oe}from"../../core/utils/popover.js";import o from"./PopupSwitch.module.css.js";import{useFallbackId as ie}from"../../core/utils/useFallbackId.js";function $(n){if(!(n instanceof HTMLElement))return null;const a=Number(n.dataset.index);return Number.isInteger(a)?a:null}function le(n){return n.nativeEvent.newState==="open"}function ue({value:n,options:a,onChange:x,disabled:l=!1,className:N,placeholder:v,size:c="md",variant:D="secondary",width:j="auto",align:E="start",rootRef:q,"aria-label":T}){const d=ne(ie()),A=`${d}-trigger`,w=ae(d),I=y(null),s=y(null),p=a.findIndex(e=>e.value===n),m=p>=0?a[p]:void 0,f=p>=0?p:0,[G,S]=Z(f),k=y(f),h=y(!1),u=y(null);k.current=f;const L=j==="options",V=L&&a.some(e=>e.icon!=null),z=()=>{h.current=!1,u.current!=null&&(clearTimeout(u.current),u.current=null),S(k.current)};g(()=>{const e=I.current;if(e)return e.style.setProperty("anchor-name",w),e.hasAttribute("aria-expanded")||e.setAttribute("aria-expanded","false"),()=>{e.style.removeProperty("anchor-name")}},[w]),g(()=>{l&&_(s.current)},[l]),g(()=>{h.current||s.current?.matches(":popover-open")||S(f)},[f]),g(()=>()=>{u.current!=null&&clearTimeout(u.current)},[]);const P=e=>{const t=a[e];t&&(x(t.value),_(s.current))},B=e=>{l||e.key!=="ArrowDown"&&e.key!=="ArrowUp"||(e.preventDefault(),oe(s.current))},J=e=>{if(a.length!==0){if(e.key==="Enter"||e.key===" "){const t=e.target.closest('[role="option"]'),i=$(t);if(i==null||!e.currentTarget.contains(t))return;e.preventDefault(),P(i);return}ee(e,"vertical")}},O=e=>{const t=e.target.closest('[role="option"]');if(!(t instanceof HTMLElement)||!e.currentTarget.contains(t)||t.hasAttribute("disabled"))return;const i=$(t);i!=null&&P(i)},Q=e=>{const t=le(e);if(I.current?.setAttribute("aria-expanded",t?"true":"false"),t){h.current&&z();const b=s.current;(b?.querySelector('[aria-selected="true"]')??b?.querySelector('[role="option"]'))?.focus();return}h.current=!0;const i=s.current,K=()=>{h.current&&(i?.removeEventListener("transitionend",C),z())},C=b=>{b.target===i&&b.propertyName==="opacity"&&K()};i?.addEventListener("transitionend",C),u.current!=null&&clearTimeout(u.current),u.current=setTimeout(K,250)},W=V?r("span",{className:R(U.fCenter,o.iconSlot),"aria-hidden":!0,children:m?.icon}):m?.icon?r("span",{"aria-hidden":!0,children:m.icon}):void 0,X=L?M("span",{className:o.value,children:[a.map(e=>{const t=e.value===n;return r("span",{className:t?void 0:o.valueReserve,"aria-hidden":t?void 0:!0,children:e.label},String(e.value))}),v?r("span",{className:m?o.valueReserve:void 0,"aria-hidden":m?!0:void 0,children:v}):null]}):m?.label??v??"",Y={"--altum-popover-anchor":w,"--altum-popup-switch-selected":G};return M("div",{className:o.root,children:[r(F,{rootRef:re(q,I),id:A,type:"button",variant:D,size:c,disabled:l,className:R(o.trigger,N),prefix:W,postfix:r(H,{"aria-hidden":!0}),popoverTarget:l?void 0:d,"aria-haspopup":"listbox","aria-controls":d,"aria-label":T,onKeyDown:B,children:X}),r("div",{ref:s,id:d,popover:"auto",role:"listbox","aria-orientation":"vertical","aria-label":T,"aria-labelledby":T?void 0:A,className:R(U.scrollport,o.panel),style:Y,"data-size":c==="md"?void 0:c,"data-align":E==="start"?void 0:E,onKeyDown:J,onClick:O,onToggle:Q,children:a.map((e,t)=>r(se,{option:e,optionId:`${d}-option-${t}`,index:t,selected:e.value===n,tabIndex:t===(p>=0?p:0)?0:-1,size:c,variant:D},String(e.value)))})]})}function se({option:n,optionId:a,index:x,selected:l,tabIndex:N,size:v,variant:c}){return r(F,{type:"button",role:"option",id:a,"data-index":x,[te]:"","aria-selected":l,tabIndex:N,variant:c,size:v,fullWidth:!0,className:o.option,prefix:n.icon?r("span",{"aria-hidden":!0,children:n.icon}):void 0,postfix:r("span",{className:o.chevron,"aria-hidden":!0,children:l?r(H,{}):null}),children:r("span",{className:o.text,children:n.label})})}export{ue as PopupSwitch};

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

@@ -1 +1 @@
-"use client";import{injectCss as e}from"../../utils/injectCss.js";var t=".D1nKJ{display:inline-grid}.D1nKJ>span{grid-area:1/1}.btEVU{visibility:hidden}.QQOqh{align-items:center;display:inline-flex;height:var(--altum-btn-icon-size);justify-content:center;width:var(--altum-btn-icon-size)}.qO55f.qO55f{justify-content:flex-start;padding-inline-end:var(--altum-g-space-4);text-align:left;white-space:nowrap}.jf68Y,.qO55f.qO55f{max-width:calc(100vw - var(--altum-g-space-4))}.jf68Y{align-items:stretch;background:var(--altum-color-panel-bg);border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown);box-sizing:border-box;color:var(--altum-color-text);display:flex;flex-direction:column;margin:0;max-height:calc(100vh - var(--altum-g-space-4));max-height:calc(100dvh - var(--altum-g-space-4));opacity:0;overflow:auto;overscroll-behavior:contain;padding:0;position:fixed;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1);width:max-content;z-index:var(--altum-g-z-dropdown)}.jf68Y[data-ready]{opacity:1}.jf68Y .mWm53{border-radius:0;justify-content:flex-start;margin:0;min-width:0;padding-inline-end:var(--altum-g-space-4);text-align:left;transition:none;white-space:nowrap}:is(.jf68Y .mWm53):not([aria-selected=true]){border-color:#0000}:is(.jf68Y .mWm53):not([aria-selected=true]):not(:focus-visible){box-shadow:none}:is(.jf68Y .mWm53):not([aria-selected=true]):not(:hover,:active,:focus-visible){background:#0000}[aria-selected=true]:is(.jf68Y .mWm53):is(:hover,:active){background-color:var(--altum-btn-bg);color:var(--altum-btn-text)}.jf68Y .exLcp{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.jf68Y .jFFpC{align-items:center;display:inline-flex;flex:0 0 var(--altum-btn-icon-size);height:var(--altum-btn-icon-size);justify-content:center;width:var(--altum-btn-icon-size)}@media (prefers-reduced-motion:reduce){.jf68Y{transition:none}}";const i={value:"D1nKJ",valueReserve:"btEVU",iconSlot:"QQOqh",trigger:"qO55f",panel:"jf68Y",option:"mWm53",text:"exLcp",chevron:"jFFpC"};e(t);export{i as default};
+"use client";import{injectCss as a}from"../../core/utils/injectCss.js";var t=".DH6V8{display:inline-flex;max-width:100%;vertical-align:middle}.D1nKJ{display:inline-grid}.D1nKJ>span{grid-area:1/1}.btEVU{visibility:hidden}.QQOqh{height:var(--altum-btn-icon-size);width:var(--altum-btn-icon-size)}.qO55f.qO55f{border-radius:var(--altum-field-group-radius-start,var(--altum-btn-shape,var(--altum-g-radius))) var(--altum-field-group-radius-end,var(--altum-btn-shape,var(--altum-g-radius))) var(--altum-field-group-radius-end,var(--altum-btn-shape,var(--altum-g-radius))) var(--altum-field-group-radius-start,var(--altum-btn-shape,var(--altum-g-radius)));justify-content:flex-start;padding-inline-end:var(--altum-g-space-4);text-align:left;white-space:nowrap}.jf68Y[popover],.qO55f.qO55f{max-width:calc(100vw - var(--altum-g-space-4))}.jf68Y[popover]{--altum-field-group-radius-start:initial;--altum-field-group-radius-end:initial;--altum-popup-switch-row:var(--altum-control-height-md);position-anchor:var(--altum-popover-anchor);position-area:none;align-items:stretch;background:var(--altum-color-panel-bg);border:none;border-radius:var(--altum-g-radius);box-shadow:var(--altum-shadow-dropdown);box-sizing:border-box;color:var(--altum-color-text);flex-direction:column;inset:unset;left:anchor(left);margin:0;max-height:min(280px,calc(100vh - var(--altum-g-space-4)));max-height:min(280px,calc(100dvh - var(--altum-g-space-4)));min-width:anchor-size(width);opacity:0;padding:0;position:fixed;top:anchor(top);transform:translateY(calc(var(--altum-popup-switch-selected, 0)*var(--altum-popup-switch-row)*-1));transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1),display var(--altum-motion-overlay) allow-discrete,overlay var(--altum-motion-overlay) allow-discrete;width:max-content;z-index:var(--altum-g-z-dropdown)}.jf68Y[popover][data-size=sm]{--altum-popup-switch-row:var(--altum-control-height-sm)}.jf68Y[popover][data-size=lg]{--altum-popup-switch-row:var(--altum-control-height-lg)}.jf68Y[popover][data-align=center]{left:anchor(center);transform:translate(-50%,calc(var(--altum-popup-switch-selected, 0)*var(--altum-popup-switch-row)*-1))}.jf68Y[popover][data-align=end]{left:auto;right:anchor(right)}.jf68Y[popover]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;background-color:initial}.jf68Y[popover]:popover-open{display:flex;opacity:1}@starting-style{.jf68Y[popover]:popover-open{opacity:0}}.jf68Y[popover] .mWm53{border-radius:0;justify-content:flex-start;margin:0;min-width:0;padding-inline-end:var(--altum-g-space-4);text-align:left;transition:none;white-space:nowrap}:is(.jf68Y[popover] .mWm53):not([aria-selected=true]){border-color:#0000}:is(.jf68Y[popover] .mWm53):not([aria-selected=true]):not(:focus-visible){box-shadow:none}:is(.jf68Y[popover] .mWm53):not([aria-selected=true]):not(:hover,:active,:focus-visible){background:#0000}[aria-selected=true]:is(.jf68Y[popover] .mWm53):is(:hover,:active){background-color:var(--altum-btn-bg);color:var(--altum-btn-text)}.jf68Y[popover] .exLcp{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.jf68Y[popover] .jFFpC{align-items:center;display:inline-flex;flex:0 0 var(--altum-btn-icon-size);height:var(--altum-btn-icon-size);justify-content:center;width:var(--altum-btn-icon-size)}@media (prefers-reduced-motion:reduce){.jf68Y[popover]{transition:none}}";const e={root:"DH6V8",value:"D1nKJ",valueReserve:"btEVU",iconSlot:"QQOqh",trigger:"qO55f",panel:"jf68Y",option:"mWm53",text:"exLcp",chevron:"jFFpC"};a(t);export{e as default};

package/dist/components/Progress/Progress.js

@@ -1 +1 @@
-"use client";import{jsxs as d,jsx as t}from"react/jsx-runtime";import{forwardRef as b}from"react";import e from"./Progress.module.css.js";import{cn as u}from"../../utils/cn.js";import{mergeStyles as C}from"../../utils/mergeStyles.js";const M={sm:40,md:50,lg:64};function w(c,a,r,n,s){const l=Math.min(100,Math.max(0,c)),i=s??(a?void 0:`${Math.round(l)}%`);return{n:l,text:i,tone:r==="auto"?!a&&l>=100?"success":"primary":r,aria:{role:"progressbar","aria-valuemin":a?void 0:0,"aria-valuemax":a?void 0:100,"aria-valuenow":a?void 0:l,"aria-valuetext":typeof i=="string"||typeof i=="number"?String(i):void 0,"aria-label":typeof n=="string"?n:void 0}}}const T=b(function({percentage:c=0,indeterminate:a=!1,label:r,valueText:n,showValueText:s=!0,size:l="md",variant:i="auto",className:p,style:v,...g},h){const{n:N,text:o,tone:m,aria:x}=w(c,a,i,r,n),f=r!=null||s&&o!=null;return d("div",{ref:h,className:u(e.root,e[`tone_${m}`],p),style:C({"--altum-progress":N},v),...g,children:[f&&d("div",{className:e.meta,children:[r!=null&&t("span",{className:e.label,children:r}),s&&o!=null&&t("span",{className:e.valueText,children:o})]}),t("div",{className:u(e.progressLine,l!=="md"&&e[l],a&&e.indeterminate),...x,children:t("div",{className:e.progressBar})})]})});T.displayName="Progress";const L=b(function({percentage:c=0,indeterminate:a=!1,size:r="md",diameter:n,label:s,valueText:l,showValueText:i=!0,variant:p="auto",className:v,style:g,...h},N){const{n:o,text:m,tone:x,aria:f}=w(c,a,p,s,l),y=n??M[r];return d("div",{ref:N,className:u(e.circleRoot,e[`tone_${x}`],v),style:C({"--altum-progress":o},g),...h,...f,children:[d("svg",{className:u(e.progressCircle,a&&e.circleIndeterminate),width:y,height:y,viewBox:"0 0 40 40","aria-hidden":!0,children:[t("circle",{className:e.progressCircleTrack,cx:"20",cy:"20",r:"16"}),t("circle",{className:e.progressCircleBar,cx:"20",cy:"20",r:"16",pathLength:100})]}),(s!=null||i&&m!=null)&&d("div",{className:e.circleMeta,children:[i&&m!=null&&t("span",{className:e.circleValue,children:m}),s!=null&&t("span",{className:e.circleLabel,children:s})]})]})});L.displayName="ProgressCircle";export{T as Progress,L as ProgressCircle};
+"use client";import{jsxs as c,jsx as a}from"react/jsx-runtime";import e from"./Progress.module.css.js";import d from"../../styles/utilities.module.css.js";import{cn as y}from"../../core/utils/cn.js";import{progressModel as T}from"./Progress.utils.js";import{unitRatio as b}from"../../core/utils/math.js";const L={sm:40,md:50,lg:64},R=({percentage:u=0,indeterminate:s=!1,label:l,valueText:p,showValueText:r=!0,size:n="md",variant:o="auto",className:h,style:N,rootRef:f,...v})=>{const{n:g,text:t,tone:i,aria:x}=T(u,s,o,l,p),C=l!=null||r&&t!=null,m=b(g,0,100);return c("div",{...v,ref:f,className:y(e.root,h),style:{"--local-ratio":m,...N},"data-tone":i,children:[C&&c("div",{className:e.meta,children:[l!=null&&a("span",{className:e.label,children:l}),r&&t!=null&&a("span",{className:e.valueText,children:t})]}),a("div",{className:e.progressLine,"data-size":n!=="md"?n:void 0,"data-indeterminate":s?"":void 0,...x,children:a("div",{className:e.progressBar})})]})},z=({percentage:u=0,indeterminate:s=!1,size:l="md",diameter:p,label:r,valueText:n,showValueText:o=!0,variant:h="auto",className:N,style:f,rootRef:v,...g})=>{const{n:t,text:i,tone:x,aria:C}=T(u,s,h,r,n),m=p??L[l],w=b(t,0,100);return c("div",{...g,ref:v,className:y(d.fColumn,d.fCenter,e.circleRoot,N),style:{"--local-ratio":w,...f},"data-tone":x,"data-indeterminate":s?"":void 0,...C,children:[c("svg",{className:e.progressCircle,width:m,height:m,viewBox:"0 0 40 40","aria-hidden":!0,children:[a("circle",{className:e.progressCircleTrack,cx:"20",cy:"20",r:"16"}),a("circle",{className:e.progressCircleBar,cx:"20",cy:"20",r:"16",pathLength:100})]}),(r!=null||o&&i!=null)&&c("div",{className:y(d.fColumn,d.fCenter,e.circleMeta),children:[o&&i!=null&&a("span",{className:e.circleValue,children:i}),r!=null&&a("span",{className:e.circleLabel,children:r})]})]})};export{R as Progress,z as ProgressCircle};