altum 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +47 -1
- package/dist/base/DialogBase/DialogBase.js +1 -1
- package/dist/base/ToggleControlBase/ToggleControlBase.js +1 -1
- package/dist/base/ToggleControlBase/ToggleControlBase.module.css.js +1 -1
- package/dist/components/Accordion/Accordion.module.css.js +1 -1
- package/dist/components/ActionList/ActionList.js +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.module.css.js +1 -1
- package/dist/components/Avatar/Avatar.module.css.js +1 -1
- package/dist/components/Bubble/Bubble.module.css.js +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.module.css.js +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.module.css.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.module.css.js +1 -0
- package/dist/components/Calendar/Calendar.module.css.js +1 -1
- package/dist/components/Calendar/Calendar.slots.js +1 -1
- package/dist/components/Calendar/Calendar.utils.js +1 -1
- package/dist/components/Calendar/Calendar.views.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.MonthView.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.Schedule.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.Schedule.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.Schedule.utils.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.YearView.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.chrome.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.context.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.utils.js +1 -1
- package/dist/components/CalendarBoard/calendar.schedule.js +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.module.css.js +1 -1
- package/dist/components/ColorSwatchGroup/ColorSwatchGroup.module.css.js +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Filter.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.module.css.js +1 -1
- package/dist/components/DateField/DateField.js +1 -1
- package/dist/components/DateRangeField/DateRangeField.js +1 -1
- package/dist/components/DayStripCalendar/DayStripCalendar.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/FileList/FileList.js +1 -1
- package/dist/components/Grid/Grid.js +1 -1
- package/dist/components/Grid/Grid.utils.js +1 -1
- package/dist/components/LocaleProvider/LocaleProvider.js +1 -1
- package/dist/components/MaskedField/MaskedField.js +1 -1
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/NumberField/NumberField.js +1 -1
- package/dist/components/Overflow/Overflow.js +1 -1
- package/dist/components/Overflow/Overflow.module.css.js +1 -1
- package/dist/components/Overflow/OverflowActionsMode.js +1 -1
- package/dist/components/Overflow/OverflowMeasure.js +1 -1
- package/dist/components/Overlay/Overlay.module.css.js +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordField/PasswordField.js +1 -1
- package/dist/components/PasswordField/PasswordField.module.css.js +1 -1
- package/dist/components/PinInput/PinInput.js +1 -1
- package/dist/components/PinInput/PinInput.module.css.js +1 -1
- package/dist/components/RelativeTime/RelativeTime.js +1 -1
- package/dist/components/SearchField/SearchField.js +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Steps/Steps.module.css.js +1 -1
- package/dist/components/SuggestField/SuggestField.js +1 -1
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/TextField/TextField.module.css.js +1 -0
- package/dist/components/TextareaField/TextareaField.js +1 -1
- package/dist/components/TextareaField/TextareaField.module.css.js +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.module.css.js +1 -1
- package/dist/components/TimeField/TimeField.js +1 -1
- package/dist/entries/hooks.js +1 -1
- package/dist/entries/locales.js +1 -0
- package/dist/entries/utils.js +1 -1
- package/dist/hooks/useForm.js +1 -1
- package/dist/hooks/useFormProvider.js +1 -0
- package/dist/index.js +1 -1
- package/dist/locales/en.js +1 -1
- package/dist/locales/localeContext.js +1 -1
- package/dist/locales/ru.js +1 -1
- package/dist/locales/translate.js +1 -1
- package/dist/shared/form/Form.utils.js +1 -0
- package/dist/shared/form/formRules.js +1 -0
- package/dist/shared/form/formValues.js +1 -0
- package/dist/styles/toggleBox.module.css.js +1 -1
- package/dist/utils/autoHeight.js +1 -1
- package/dist/utils/date.js +1 -0
- package/dist/utils/duration.js +1 -0
- package/dist/utils/eventTarget.js +1 -0
- package/dist/utils/injectCss.js +1 -1
- package/dist/utils/locale.js +1 -0
- package/dist/utils/plural.js +1 -0
- package/dist/utils/timezone.js +1 -0
- package/docs/COMPONENTS.md +7 -7
- package/docs/LAYOUT.md +3 -3
- package/docs/THEMING.md +4 -4
- package/package.json +6 -1
- package/types/entries/hooks.d.ts +61 -13
- package/types/entries/locales.d.ts +280 -0
- package/types/entries/utils.d.ts +70 -8
- package/types/index.d.ts +67 -52
- package/dist/base/ButtonBase/ButtonBase.js +0 -1
- package/dist/base/ButtonBase/ButtonBase.module.css.js +0 -1
- package/dist/base/FieldBase/FieldBase.js +0 -1
- package/dist/base/FieldBase/FieldBase.module.css.js +0 -1
- package/dist/base/TextControl/TextControl.js +0 -1
- package/dist/hooks/useFieldControl.js +0 -1
- package/dist/hooks/useOverflowEdges.js +0 -1
- package/dist/hooks/useScrollFocusedChildIntoView.js +0 -1
- package/dist/styles/ControlTrack.module.css.js +0 -1
- package/dist/utils/controlTrack.js +0 -1
- package/dist/utils/fieldPlaceholder.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{buildDayStrip as l}from"../Calendar/Calendar.utils.js";import{startOfDay as i,getWeekStart as u,addDays as m}from"../../utils/date.js";function D(t,e=1){const n=t.getFullYear(),r=t.getMonth(),s=i(new Date(n,r,1)),c=i(new Date(n,r+1,0));let a=u(s,e);const g=u(c,e),o=[];for(;a.getTime()<=g.getTime();)o.push(l(a,7)),a=m(a,7);return o}function f(t,e){const n=i(t).getTime(),r=i(e).getTime();return Math.max(0,Math.round((r-n)/(1440*60*1e3)))}function d(t,e){return f(t,e)>1}function h(t){return`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`}export{D as buildMonthWeeks,h as calendarDateKey,d as isMultiDayTask};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{startOfDay as f,addDays as y}from"
|
|
1
|
+
"use client";import{startOfDay as f,addDays as y}from"../../utils/date.js";function h(n){return y(f(n),1)}function g(n){return n.getHours()*60+n.getMinutes()+n.getSeconds()/60}function x(n,l,s){return Math.min(s,Math.max(l,n))}function I(n,l){const s=Math.floor(n),o=Math.ceil(l);return o<=s?[]:Array.from({length:o-s},(e,t)=>s+t)}function M(n,l,s){const o=f(s),e=h(s),t=n>o?n:o,a=l<e?l:e;return a<=t?null:{start:t,end:a}}function T(n,l,s,o){const e=s*60,t=o*60;if(t<=e)return null;const a=x(g(n),e,t),r=x(g(l),e,t);if(r<=a)return null;const u=t-e,m=(r-a)/u*100,c=32/u*100;return{topPercent:(a-e)/u*100,heightPercent:Math.max(m,c)}}function p(n,l,s){if(s.length===0)return null;const o=f(n),e=f(l);if(e<=o)return null;const t=s[0],a=s[s.length-1],r=h(a);if(e<=t||o>=r)return null;const u=s.map((m,c)=>({column:m,index:c})).filter(({column:m})=>m>=o&&m<e).map(({index:m})=>m);return u.length===0?null:{startIndex:u[0],endIndex:u[u.length-1],continuesBefore:o<t,continuesAfter:e>r}}function D(n,l,s){const o=[];return s.forEach((e,t)=>{const a=e.filter(Boolean),r=p(n,l,a);r&&o.push({weekIndex:t,segment:r})}),o}function k(n){const l=[...n].sort((e,t)=>{if(e.segment.startIndex!==t.segment.startIndex)return e.segment.startIndex-t.segment.startIndex;const a=e.segment.endIndex-e.segment.startIndex;return t.segment.endIndex-t.segment.startIndex-a}),s=[],o=[];for(const e of l){let t=s.findIndex(a=>a<e.segment.startIndex);t===-1?(t=s.length,s.push(e.segment.endIndex)):s[t]=e.segment.endIndex,o.push({item:e.item,segment:e.segment,lane:t})}return{packed:o,laneCount:s.length}}function S(n,l,s){const o=n.map(r=>{const u=T(r.start,r.end,l,s);return u?{item:r.item,layout:{...u,start:r.start,end:r.end}}:null}).filter(r=>r!==null).sort((r,u)=>r.layout.start.getTime()-u.layout.start.getTime()),e=[],t=[];let a=0;for(const r of o){const u=r.layout.start.getTime(),m=r.layout.end.getTime();for(let i=e.length-1;i>=0;i-=1)e[i].end<=u&&e.splice(i,1);const c=new Set(e.map(i=>i.lane));let d=0;for(;c.has(d);)d+=1;e.push({end:m,lane:d}),a=Math.max(a,d+1),t.push({item:r.item,layout:r.layout,lane:d})}return t.map(r=>({...r,laneCount:Math.max(a,1)}))}function v(n){return n.allDay===!0?!0:n.allDay===!1?!1:n.end.getTime()-n.start.getTime()>=1440*60*1e3&&g(n.start)===0&&g(n.end)===0}export{I as buildHourMarks,M as clipEventToDay,k as packSpanSegments,S as packTimedEventsInDay,v as resolveAllDay,D as segmentSpanByWeeks,p as segmentSpanInColumns};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as
|
|
1
|
+
"use client";import{jsxs as G,Fragment as F,jsx as r}from"react/jsx-runtime";import{forwardRef as x}from"react";import{IconCross as M}from"../../icons/icons/IconCross.js";import i from"./Chip.module.css.js";import p from"../../styles/status.module.css.js";import L from"../../styles/unstyledControl.module.css.js";import{cn as m}from"../../utils/cn.js";import{useLocale as R}from"../../locales/localeContext.js";const P={success:1,info:1,warning:1,error:1},T=x(function({variant:t="primary",size:d="md",mode:s,as:h="chip",children:u,onRemove:e,onClick:c,disabled:a=!1,icon:l,className:b,removeLabel:g,...w},I){const{t:z}=R(),N=s??h,y=N==="tag",f=N==="toggle",o=!!c&&!a,v=o&&!!e,C=o&&!e?"button":"span",n=t in P,k=G(F,{children:[l&&r("span",{className:i.icon,"aria-hidden":y||void 0,children:l}),r("span",{className:i.label,children:u})]});return G(C,{ref:I,className:m(i.chip,y?i.modeTag:i.modeChip,n?p[t]:i[t],n?p.surface:"",n&&o?p.clickable:"",i[d],f?n?p.active:i.active:"",o?i.clickable:"",e&&!a?i.chipRemovable:"",a?i.disabled:"",b),type:C==="button"?"button":void 0,...w,"aria-pressed":o&&f&&!v?!0:void 0,"aria-disabled":a||void 0,disabled:C==="button"?a:void 0,onClick:o&&!v?c:void 0,children:[v?r("button",{type:"button",className:m(L.control,i.action),onClick:c,"aria-pressed":f||void 0,disabled:a,children:k}):k,e&&!a&&r("button",{type:"button",className:m(L.control,i.removeBtn),onClick:B=>{B.stopPropagation(),e()},"aria-label":g??z("chip.remove"),children:r(M,{})})]})});T.displayName="Chip";const j=x(function({children:t,"aria-label":d,gap:s="md",mode:h,as:u="chip",className:e,style:c,...a},l){const{t:b}=R(),g=h??u;return r("div",{ref:l,className:m(i.chipGroup,s==="sm"?i.gapSm:s==="lg"?i.gapLg:"",e),style:c,...a,role:"group","aria-label":d??b(g==="tag"?"chip.groupTags":"chip.groupChips"),children:t})});j.displayName="ChipGroup";export{T as Chip,j as ChipGroup};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var r="._0nys-{--altum-chip-border:#0000;--altum-chip-fg:inherit;--altum-chip-bg:#0000;--altum-chip-border-hover:var(--altum-chip-border);--altum-chip-bg-hover:var(--altum-chip-bg);--altum-chip-border-active:var(--altum-chip-border);--altum-chip-fg-active:var(--altum-chip-fg);--altum-chip-bg-active:var(--altum-chip-bg);--altum-chip-remove-icon:10px;align-items:center;background-color:var(--altum-chip-bg);border:1px solid var(--altum-chip-border);box-sizing:border-box;color:var(--altum-chip-fg);display:inline-flex;font-family:var(--altum-g-font-family-ui);font-weight:var(--altum-g-font-weight-medium
|
|
1
|
+
"use client";import{injectCss as a}from"../../utils/injectCss.js";var r="._0nys-{--altum-chip-border:#0000;--altum-chip-fg:inherit;--altum-chip-bg:#0000;--altum-chip-border-hover:var(--altum-chip-border);--altum-chip-bg-hover:var(--altum-chip-bg);--altum-chip-border-active:var(--altum-chip-border);--altum-chip-fg-active:var(--altum-chip-fg);--altum-chip-bg-active:var(--altum-chip-bg);--altum-chip-remove-icon:10px;align-items:center;background-color:var(--altum-chip-bg);border:1px solid var(--altum-chip-border);box-sizing:border-box;color:var(--altum-chip-fg);display:inline-flex;font-family:var(--altum-g-font-family-ui);font-weight:var(--altum-g-font-weight-medium);gap:var(--altum-g-space-1);max-width:100%;transition:var(--altum-transition-smooth);-webkit-user-select:none;user-select:none}._0nys-._0lmtZ{border-radius:var(--altum-g-radius-sm)}._0nys-.uzyWi{border-radius:var(--altum-g-radius-pill)}._0nys-.dsdYB{--altum-chip-remove-size:var(--altum-g-space-4);--altum-chip-remove-icon:var(--altum-g-space-2);font-size:var(--altum-g-font-size-xs);line-height:1.2;min-height:var(--altum-g-space-5);padding:0 var(--altum-g-space-2)}._0nys-.dsdYB .zcpqW{padding:1px}._0nys-.TEBUR{--altum-chip-remove-size:var(--altum-g-space-5);font-size:var(--altum-g-font-size-2xs);line-height:1.25;min-height:calc(var(--altum-g-space-6) + var(--altum-control-inset));padding:var(--altum-control-inset) var(--altum-g-space-2)}._0nys-.elR6T{--altum-chip-remove-size:var(--altum-g-space-6);--altum-chip-remove-icon:var(--altum-g-space-3);font-size:var(--altum-g-font-size-sm);gap:var(--altum-g-space-2);line-height:1.3;min-height:var(--altum-g-space-7);padding:0 var(--altum-g-space-3)}._0nys-.elR6T .zcpqW{padding:var(--altum-control-inset)}._0nys-.YebDo.dsdYB{padding-right:var(--altum-control-inset)}._0nys-.YebDo.TEBUR,._0nys-.YebDo.elR6T{padding-right:var(--altum-g-space-1)}._0nys-.u11-9{--altum-chip-border:color-mix(in srgb,var(--altum-color-brand-text) 28%,var(--altum-color-brand));--altum-chip-fg:var(--altum-color-fill-primary-fg);--altum-chip-bg:var(--altum-color-fill-primary-bg);--altum-chip-border-hover:color-mix(in srgb,var(--altum-color-brand-text) 40%,var(--altum-color-brand-hover));--altum-chip-bg-hover:var(--altum-color-brand-hover);--altum-chip-border-active:color-mix(in srgb,var(--altum-color-brand-text) 55%,var(--altum-color-brand));--altum-chip-fg-active:var(--altum-color-selection-fill-fg,var(--altum-color-brand-text));--altum-chip-bg-active:var(--altum-color-selection-fill-emphasis,var(--altum-color-brand-hover,var(--altum-color-brand)))}._0nys-._5OzVt{--altum-chip-border:var(--altum-color-chip-tinted-border);--altum-chip-fg:var(--altum-color-chip-tinted-text);--altum-chip-bg:var(--altum-color-chip-tinted-bg);--altum-chip-border-hover:var(--altum-color-chip-tinted-border-hover);--altum-chip-bg-hover:var(--altum-color-chip-tinted-bg-hover);--altum-chip-border-active:color-mix(in srgb,var(--altum-color-brand-tint-text) 45%,#0000);--altum-chip-fg-active:var(--altum-color-selection-fill-fg,var(--altum-color-brand-text));--altum-chip-bg-active:var(--altum-color-selection-fill,var(--altum-color-brand-tint-active))}._0nys-.Pblts{--altum-chip-border:var(--altum-color-chip-secondary-border);--altum-chip-fg:var(--altum-color-chip-secondary-text);--altum-chip-bg:var(--altum-color-chip-secondary-bg);--altum-chip-border-hover:var(--altum-color-chip-secondary-border-hover);--altum-chip-bg-hover:var(--altum-color-chip-secondary-bg-hover);--altum-chip-border-active:var(--altum-color-selection-neutral-border,color-mix(in srgb,var(--altum-color-text-secondary) 45%,var(--altum-color-border)));--altum-chip-fg-active:var(--altum-color-field-text,var(--altum-color-text-secondary));--altum-chip-bg-active:var(--altum-color-selection-neutral-fill,color-mix(in srgb,var(--altum-color-text-secondary) 22%,#0000))}._0nys-.AkRz4:is(.u11-9,._5OzVt,.Pblts):hover:not(:disabled){background-color:var(--altum-chip-bg-hover);border-color:var(--altum-chip-border-hover)}._0nys-.Nql1K{background-color:var(--altum-chip-bg-active);border-color:var(--altum-chip-border-active);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,#0000);color:var(--altum-chip-fg-active)}._0nys-.AkRz4{cursor:pointer}._0nys-.AkRz4:focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}._0nys- .-EHB0{gap:inherit;min-width:0}._0nys- .-EHB0,._0nys- .dtR-K{align-items:center;display:inline-flex}._0nys- .dtR-K{flex-shrink:0;justify-content:center;line-height:0}._0nys- .Ov9pg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._0nys- .zcpqW{align-items:center;border-radius:50%;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--altum-chip-remove-size,var(--altum-g-space-5));justify-content:center;opacity:.7;transition:var(--altum-transition-smooth);width:var(--altum-chip-remove-size,var(--altum-g-space-5))}:is(._0nys- .zcpqW) svg{height:var(--altum-chip-remove-icon);width:var(--altum-chip-remove-icon)}:is(._0nys- .zcpqW):hover:not(:disabled){background-color:color-mix(in srgb,currentColor 12%,#0000);opacity:1}:is(._0nys- .zcpqW):focus-visible{opacity:1}._0nys-._5Z-a8{cursor:not-allowed;opacity:var(--altum-opacity-disabled);pointer-events:none}.BDyZD{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2);justify-content:flex-start}.BDyZD.SJea-{gap:var(--altum-g-space-1)}.BDyZD.ipm2Q{gap:var(--altum-g-space-3)}";const t={chip:"_0nys-",modeChip:"_0lmtZ",modeTag:"uzyWi",sm:"dsdYB",removeBtn:"zcpqW",md:"TEBUR",lg:"elR6T",chipRemovable:"YebDo",primary:"u11-9",tinted:"_5OzVt",secondary:"Pblts",clickable:"AkRz4",active:"Nql1K",action:"-EHB0",icon:"dtR-K",label:"Ov9pg",disabled:"_5Z-a8",chipGroup:"BDyZD",gapSm:"SJea-",gapLg:"ipm2Q"};a(r);export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as r}from"../../utils/injectCss.js";var a=".bWMc8{--altum-swatch-size:var(--altum-g-space-7);align-items:center;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}.bWMc8._0Y80K{--altum-swatch-size:var(--altum-g-space-5)}.bWMc8.nDsdT{background-color:var(--altum-field-bg-readonly);border:1px dashed var(--altum-field-border-readonly);border-radius:var(--altum-g-radius);padding:var(--altum-g-space-2)}.bWMc8.PmFOm .Dgzsz{cursor:not-allowed;opacity:.5}.Dgzsz{background-color:var(--altum-swatch-color);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--altum-color-input-text) 8%,#0000);height:var(--altum-swatch-size);transition:var(--altum-transition-smooth);width:var(--altum-swatch-size)}.Dgzsz:hover:not(:disabled){transform:scale(1.1)}.Dgzsz
|
|
1
|
+
"use client";import{injectCss as r}from"../../utils/injectCss.js";var a=".bWMc8{--altum-swatch-size:var(--altum-g-space-7);align-items:center;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}.bWMc8._0Y80K{--altum-swatch-size:var(--altum-g-space-5)}.bWMc8.nDsdT{background-color:var(--altum-field-bg-readonly);border:1px dashed var(--altum-field-border-readonly);border-radius:var(--altum-g-radius);padding:var(--altum-g-space-2)}.bWMc8.PmFOm .Dgzsz{cursor:not-allowed;opacity:.5}.bWMc8 .Dgzsz{background-color:var(--altum-swatch-color);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--altum-color-input-text) 8%,#0000);height:var(--altum-swatch-size);transition:var(--altum-transition-smooth);width:var(--altum-swatch-size)}:is(.bWMc8 .Dgzsz):hover:not(:disabled){transform:scale(1.1)}.ntGAr:is(.bWMc8 .Dgzsz){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--altum-color-input-text) 14%,#0000),0 0 0 2px color-mix(in srgb,var(--altum-color-bg) 88%,#0000),0 0 0 3.5px color-mix(in srgb,var(--altum-color-text-secondary) 42%,#0000)}.ntGAr:is(.bWMc8 .Dgzsz):hover:not(:disabled){transform:scale(1.06)}.bWMc8.PmFOm .Dgzsz,.bWMc8.nDsdT .Dgzsz,:is(.bWMc8.nDsdT .Dgzsz,.bWMc8.PmFOm .Dgzsz):hover{transform:none}@media (prefers-reduced-motion:reduce){.bWMc8 .Dgzsz:hover:not(:disabled){transform:none}}";const s={group:"bWMc8",sm:"_0Y80K",readOnly:"nDsdT",disabled:"PmFOm",swatch:"Dgzsz",selected:"ntGAr"};r(a);export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as
|
|
1
|
+
"use client";import{jsxs as c,jsx as n}from"react/jsx-runtime";import{forwardRef as w,useId as x}from"react";import{Button as r}from"../Button/Button.js";import{Modal as a}from"../Modal/Modal.js";import{useLocale as z}from"../../locales/localeContext.js";const s=w(function({open:t,title:m,message:f,confirmLabel:p,cancelLabel:g,status:h="default",secondaryAction:e,onConfirm:C,onOpenChange:o,loading:i=!1,className:b,...u},y){const{t:l}=z(),k=p??l("confirmDialog.confirm"),v=g??l("confirmDialog.cancel"),d=x(),D=()=>{i||o(!1)};return c(a,{ref:y,open:t,onOpenChange:o,"aria-describedby":d,className:b,...u,children:[n(a.Header,{showClose:!1,children:n(a.Title,{children:m})}),n(a.Body,{id:d,children:f}),c(a.Footer,{align:e?"space-between":"end",children:[e&&n(r,{variant:e.variant??"secondary",size:"md",onClick:e.onClick,disabled:i||e.disabled,children:e.label}),n(r,{variant:"secondary",size:"md",onClick:D,disabled:i,children:v}),n(r,{variant:h==="danger"?"danger":"primary",size:"md",onClick:C,loading:i,children:k})]})]})});s.displayName="ConfirmDialog";export{s as ConfirmDialog};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as m}from"react/jsx-runtime";import{forwardRef as K,useRef as b,useEffect as g}from"react";import{cn as D}from"../../utils/cn.js";import{handleEnterKeyDown as E}from"../../utils/keyboard.js";import{composeEventHandlers as c}from"../../utils/composeEvents.js";import{useLocale as N}from"../../locales/localeContext.js";import{composeRefs as O}from"../../utils/composeRefs.js";import{useCustomSelectFilterContext as R,useCustomSelectSelectionContext as z,useCustomSelectOpenContext as P}from"./CustomSelect.context.js";import{SearchField as Q}from"../SearchField/SearchField.js";import j from"./CustomSelect.module.css.js";const i=K(function({placeholder:n,label:u,className:a,autoFocus:t=!0,onKeyDown:f,onChange:p,size:d="sm",...C},S){const{t:h}=N(),o=n??h("customSelect.filterPlaceholder"),{filterQuery:F,setFilterQuery:v,filteredOptions:x}=R("CustomSelect.Filter"),{listboxId:y,selectOption:w}=z("CustomSelect.Filter"),{open:r}=P("CustomSelect.Filter"),l=b(null);return g(()=>{r&&t&&l.current?.focus({preventScroll:!0})},[t,r]),m("div",{className:D(j.filterWrapper,a),children:m(Q,{...C,ref:O(S,l),size:d,keepPlaceholder:!0,label:u??o,placeholder:o,value:F,autoComplete:"off",onChange:c(p,e=>{v(e.target.value)}),onKeyDown:c(f,e=>{E(e,()=>{const s=x[0];s&&w(s.value)})}),"aria-controls":y})})});i.displayName="CustomSelect.Filter";export{i as CustomSelectFilter};
|
|
1
|
+
"use client";import{jsx as m}from"react/jsx-runtime";import{forwardRef as K,useRef as b,useEffect as g}from"react";import{cn as D}from"../../utils/cn.js";import{handleEnterKeyDown as E}from"../../utils/keyboard.js";import{composeEventHandlers as c}from"../../utils/composeEvents.js";import{useLocale as N}from"../../locales/localeContext.js";import{composeRefs as O}from"../../utils/composeRefs.js";import{useCustomSelectFilterContext as R,useCustomSelectSelectionContext as z,useCustomSelectOpenContext as P}from"./CustomSelect.context.js";import{SearchField as Q}from"../SearchField/SearchField.js";import j from"./CustomSelect.module.css.js";const i=K(function({placeholder:n,label:u,className:a,autoFocus:t=!0,onKeyDown:f,onChange:p,size:d="sm",...C},S){const{t:h}=N(),o=n??h("customSelect.filterPlaceholder"),{filterQuery:F,setFilterQuery:v,filteredOptions:x}=R("CustomSelect.Filter"),{listboxId:y,selectOption:w}=z("CustomSelect.Filter"),{open:r}=P("CustomSelect.Filter"),l=b(null);return g(()=>{r&&t&&l.current?.focus({preventScroll:!0})},[t,r]),m("div",{className:D(j.filterWrapper,a),children:m(Q,{...C,ref:O(S,l),size:d,keepPlaceholder:!0,"aria-label":u??o,placeholder:o,value:F,autoComplete:"off",onChange:c(p,e=>{v(e.target.value)}),onKeyDown:c(f,e=>{E(e,()=>{const s=x[0];s&&w(s.value)})}),"aria-controls":y})})});i.displayName="CustomSelect.Filter";export{i as CustomSelectFilter};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as r,jsxs as
|
|
1
|
+
"use client";import{jsx as r,jsxs as T}from"react/jsx-runtime";import{forwardRef as u}from"react";import{TextField as H,FieldBaseIcon as M}from"../TextField/TextField.js";import{cn as n}from"../../utils/cn.js";import e from"./CustomSelect.Shell.module.css.js";const C=u(function({open:l=!1,readOnly:s=!1,className:o,arrowClassName:a=e.arrow,arrowOpenClassName:d=e.open,readOnlyArrowClassName:i=e.readOnly,...c},p){return r("svg",{ref:p,className:n(a,l&&d,s&&i,o),viewBox:"0 0 24 24",...c,"aria-hidden":"true",children:r("path",{d:"M6 9l6 6 6-6"})})});C.displayName="CustomSelect.Chevron";const w=u(function({children:l,className:s,...o},a){return r("span",{ref:a,className:n(e.placeholder,s),...o,children:l})});w.displayName="CustomSelect.Placeholder";const x=u(function({triggerRef:l,triggerAttrs:s,id:o,label:a,size:d="md",width:i="md",error:c,description:p,disabled:m=!1,readOnly:g=!1,open:f,isInteractive:N,hasValue:y,className:v="",popupRole:S="listbox",children:O,sizerContent:z="\xA0",prefix:A,onClear:P,clearLabel:R,triggerClassName:D="",triggerAs:b="button",triggerProps:F,wrapperProps:I,...K},V){const{className:j,onClick:k,onKeyDown:B,...L}=s,h=b==="button";return T(H,{as:b,ref:l,wrapperRef:V,label:a,size:d,width:i,error:c,description:p,disabled:m,readOnly:g,prefix:A,postfix:r(M,{children:r(C,{open:f,readOnly:g})}),onClear:P,clearLabel:R,id:o,hasValue:y,active:f,className:n(e.trigger,D),wrapperClassName:n(j,!!a&&e.labeled,i!=="full"&&e.fitContent,v),wrapperProps:{...K,...I},...L,...F,role:h?void 0:"combobox",tabIndex:h||m?void 0:0,"aria-disabled":h?void 0:m||void 0,"aria-haspopup":S,"aria-expanded":f,onClick:t=>{if(!N){t.preventDefault();return}k?.(t)},onKeyDown:t=>{N&&B?.(t)},children:[r("span",{className:e.triggerSizer,"aria-hidden":"true",children:z}),r("span",{className:e.triggerText,children:O})]})});x.displayName="CustomSelect.Shell";export{C as CustomSelectChevron,w as CustomSelectPlaceholder,x as CustomSelectShell};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as e}from"../../utils/injectCss.js";var t=".B5o2G{align-content:center;cursor:pointer;display:grid;height:100%;min-height:0;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.B5o2G .-dojU,.B5o2G .LDBVd{grid-area:1/1}.B5o2G .LDBVd{align-items:flex-start;flex-direction:column;font-weight:var(--altum-g-font-weight-medium);height:1.25em;pointer-events:none;visibility:hidden}.B5o2G .-dojU,.B5o2G .LDBVd{display:flex;overflow:hidden;white-space:nowrap}.B5o2G .-dojU{align-items:center;min-height:1.25em;min-width:0;text-overflow:ellipsis}._1UPrY{max-width:min(100%,var(--altum-field-width-default));width:max-content}.IA0iK{color:var(--altum-color-input-placeholder,var(--altum-field-label))}.
|
|
1
|
+
"use client";import{injectCss as e}from"../../utils/injectCss.js";var t=".B5o2G{align-content:center;cursor:pointer;display:grid;height:100%;min-height:0;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.B5o2G .-dojU,.B5o2G .LDBVd{grid-area:1/1}.B5o2G .LDBVd{align-items:flex-start;flex-direction:column;font-weight:var(--altum-g-font-weight-medium);height:1.25em;pointer-events:none;visibility:hidden}.B5o2G .-dojU,.B5o2G .LDBVd{display:flex;overflow:hidden;white-space:nowrap}.B5o2G .-dojU{align-items:center;min-height:1.25em;min-width:0;text-overflow:ellipsis}._1UPrY{max-width:min(100%,var(--altum-field-width-default));width:max-content}.IA0iK{color:var(--altum-color-input-placeholder,var(--altum-field-label))}.t-BWy .IA0iK{color:#0000}.UmDc9{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--altum-field-label);flex-shrink:0;transition:transform .2s ease}.UmDc9.RwIS5{transform:rotate(180deg)}.UmDc9.PXmN9{opacity:var(--altum-opacity-disabled)}";const i={trigger:"B5o2G",triggerSizer:"LDBVd",triggerText:"-dojU",fitContent:"_1UPrY",placeholder:"IA0iK",labeled:"t-BWy",arrow:"UmDc9",open:"RwIS5",readOnly:"PXmN9"};e(t);export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as i}from"react/jsx-runtime";import{forwardRef as x,useState as O,useEffect as M}from"react";import{MaskedField as P}from"../MaskedField/MaskedField.js";import{Calendar as k}from"../Calendar/Calendar.js";import{
|
|
1
|
+
"use client";import{jsx as i}from"react/jsx-runtime";import{forwardRef as x,useState as O,useEffect as M}from"react";import{MaskedField as P}from"../MaskedField/MaskedField.js";import{Calendar as k}from"../Calendar/Calendar.js";import{FieldBaseIcon as E}from"../TextField/TextField.js";import{IconCalendar as I}from"../../icons/icons/IconCalendar.js";import{useCalendarPopupField as T,formatDateToDigits as V,CalendarFieldDropdown as j,parseDigitsToDate as B}from"./DateField.utils.js";import{commitMaskedValue as H}from"../../utils/commitMaskedValue.js";import{composeEventHandlers as N}from"../../utils/composeEvents.js";const p=x(function({value:e,onChange:r,label:f,width:c="md",disabled:n=!1,readOnly:t=!1,prefix:u,onClear:l,onFocus:C,...D},g){const{open:d,setOpen:b,close:h,openPopup:s,digits:v,setDigits:a,isMobile:w,mobileChrome:F}=T({disabled:n,readOnly:t}),[y,m]=O(e??new Date);return M(()=>{a(V(e)),e&&m(e)},[a,e]),i(k.Provider,{value:e,viewDate:y,onViewDateChange:m,onChange:o=>{o instanceof Date&&(r(o),b(!1))},children:i(j,{open:d,onClose:h,onOpen:s,isMobile:w,mobileChrome:F,trigger:i(P,{...D,ref:g,label:f,width:c,mask:"99.99.9999",value:v,onChange:o=>{t||(a(o),H(o,B,r))},active:d,disabled:n,type:"text",readOnly:t,prefix:u??i(E,{children:i(I,{})}),onClear:l?()=>{a(""),r(void 0),l()}:void 0,onFocus:N(C,s)})})})});p.displayName="DateField";export{p as DateField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as
|
|
1
|
+
"use client";import{jsxs as B,jsx as a}from"react/jsx-runtime";import{forwardRef as H,useState as h,useId as ee,useEffect as te}from"react";import{MaskedField as y}from"../MaskedField/MaskedField.js";import{Calendar as ae}from"../Calendar/Calendar.js";import r from"./DateRangeField.module.css.js";import{cn as re}from"../../utils/cn.js";import{useLocale as ne}from"../../locales/localeContext.js";import{useCalendarPopupField as se,formatDateToDigits as n,CalendarFieldDropdown as de,parseDigitsToDate as D}from"../DateField/DateField.utils.js";const z=e=>!e.start&&!e.end?"":e.start&&!e.end?n(e.start):e.start&&e.end?`${n(e.start)}${n(e.end)}`:"",L=H(function({value:e,onChange:l,label:M,startLabel:P,endLabel:S,layout:x="single",size:c="md",width:w="md",className:j="",disabled:p=!1,readOnly:o=!1,error:T,description:V,prefix:$,postfix:E,onClear:G,clearLabel:I,...J},O){const{messages:g}=ne(),{open:m,setOpen:K,close:Q,openPopup:u,isMobile:U,mobileChrome:W}=se({disabled:p,readOnly:o}),[X,v]=h(e.end??e.start??new Date),[Y,R]=h(z(e)),[Z,N]=h(n(e.start)),[_,k]=h(n(e.end)),q=ee();te(()=>{R(z(e)),N(n(e.start)),k(n(e.end)),e.end?v(e.end):e.start&&v(e.start)},[e]);const b=(t,f)=>{if(o)return;if(f==="range"){if(R(t),!t){l({start:void 0,end:void 0});return}const C=t.slice(0,8),F=t.slice(8,16);let d=C.length===8?D(C):C.length===0?void 0:e.start,i=F.length===8?D(F):F.length===0?void 0:e.end;d&&i&&i<d&&([d,i]=[i,d]),(d!==e.start||i!==e.end)&&l({start:d,end:i});return}f==="start"?N(t):k(t);const s=D(t);if(s){l(f==="start"?{start:s,end:e.end&&s>e.end?void 0:e.end}:e.start&&s<e.start?{start:s,end:e.start}:{start:e.start,end:s});return}t||l(f==="start"?{start:void 0,end:e.end}:{start:e.start,end:void 0})},A=x==="split"?B("div",{className:r.splitFields,"data-size":c,children:[a("div",{className:r.fieldSlot,children:a(y,{ref:O,label:P??g.dateRangeField.start,size:c,mask:"99.99.9999",type:"text",value:Z,onChange:t=>b(t,"start"),onFocus:u,active:m,disabled:p,readOnly:o})}),a("span",{className:r.dash,"aria-hidden":!0,children:"\u2014"}),a("div",{className:r.fieldSlot,children:a(y,{label:S??g.dateRangeField.end,size:c,mask:"99.99.9999",type:"text",value:_,onChange:t=>b(t,"end"),onFocus:u,active:m,disabled:p,readOnly:o})})]}):a(y,{ref:O,label:M??g.dateRangeField.label,size:c,width:w,mask:"99.99.9999 \u2014 99.99.9999",type:"text",value:Y,error:T,description:V,prefix:$,postfix:E,onClear:G,clearLabel:I,onChange:t=>b(t,"range"),onFocus:u,active:m,disabled:p,readOnly:o,id:q});return a("div",{className:re(r.root,x==="split"?r.layoutSplit:"",w==="full"?r.widthFull:"",j),...J,children:a(ae.Provider,{selectionMode:"range",value:e,onChange:t=>{t instanceof Date||(l(t),t.start&&t.end&&K(!1))},viewDate:X,onViewDateChange:v,children:a(de,{open:m,onClose:Q,onOpen:u,isMobile:U,mobileChrome:W,trigger:A})})})});L.displayName="DateRangeField";export{L as DateRangeField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as M,jsx as m,Fragment as
|
|
1
|
+
"use client";import{jsxs as M,jsx as m,Fragment as R}from"react/jsx-runtime";import{forwardRef as q,useId as B,useCallback as G,useEffect as J,useMemo as Q}from"react";import{buildDayStrip as U,formatMonthYear as $,isToday as X,weekdayLabelFor as Z}from"../Calendar/Calendar.utils.js";import{handleArrowPairKeyDown as _,isKey as T}from"../../utils/keyboard.js";import ee from"../../styles/unstyledControl.module.css.js";import v from"../../styles/calendarChrome.module.css.js";import n from"./DayStripCalendar.module.css.js";import{cn as F}from"../../utils/cn.js";import{useControlledStateWithCallback as ae}from"../../hooks/useControlledState.js";import{useLocale as te}from"../../locales/localeContext.js";import{startOfDay as c,getWeekStart as H,addDays as h,isSameDay as re}from"../../utils/date.js";import{PeriodHeader as oe}from"../../base/PeriodHeader/PeriodHeader.js";const I=q(function({value:S,onChange:K,viewDate:g,onViewDateChange:O,daysCount:r=7,weekStartsOn:p=1,showHeader:k=!0,showNav:P=!0,className:Y,"aria-label":j,renderDay:N,...z},A){const{messages:l}=te(),{months:C,weekdaysShort:E}=l.calendar,b=B(),i=S?c(S):void 0,w=i?.getTime(),V=i??c(new Date),[t,x]=ae(g!==void 0?c(g):void 0,H(V,p),O),D=G(e=>{x(c(e))},[x]);J(()=>{if(w===void 0)return;const e=new Date(w),a=h(t,r-1);(e<t||e>a)&&D(r===7?H(e,p):e)},[r,w,D,p]);const d=Q(()=>U(t,r),[r,t]),W=Math.max(1,Math.round(r/2)),y=e=>{K(c(e))},f=e=>{const a=i??d[0];if(!a)return;const o=h(a,e);y(o);const s=h(t,r-1);(o<t||o>s)&&D(h(t,e*W))};return M("div",{ref:A,className:F(n.root,Y),role:"group","aria-label":j??l.dayStrip.ariaLabel,"aria-labelledby":k?b:void 0,...z,children:[m(oe,{title:$(i??t,C),titleId:b,showTitle:k,showNav:P,onPrev:()=>f(-1),onNext:()=>f(1),prevLabel:l.dayStrip.prev,nextLabel:l.dayStrip.next}),m("div",{className:n.strip,role:"listbox","aria-label":l.dayStrip.days,"aria-orientation":"horizontal",tabIndex:0,onKeyDown:e=>{if(!_(e,()=>f(-1),()=>f(1))){if(T(e,"Home")){e.preventDefault(),y(d[0]);return}T(e,"End")&&(e.preventDefault(),y(d[d.length-1]))}},children:d.map(e=>{const a=i?re(e,i):!1,o=X(e),s=Z(e,p,E),u=e.getDate(),L=`${b}-day-${e.getFullYear()}-${e.getMonth()}-${u}`;return m("button",{id:L,type:"button",role:"option","aria-selected":a,"aria-current":o?"date":void 0,"aria-label":`${s}, ${u} ${$(e,C)}`,className:F(ee.control,v.cell,n.day,a?v.selected:"",a?n.daySelected:"",o?v.today:""),onClick:()=>y(e),children:N?N({date:e,dayOfMonth:u,weekdayLabel:s,isSelected:a,isToday:o}):M(R,{children:[m("span",{className:n.weekday,children:s}),m("span",{className:n.dayNumber,children:u})]})},L)})})]})});I.displayName="DayStripCalendar";export{I as DayStripCalendar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as s,jsxs as Z}from"react/jsx-runtime";import{forwardRef as X,useRef as y,useId as $,useCallback as m,useEffect as N,useMemo as ee,Suspense as oe,lazy as ne}from"react";import{ButtonIcon as
|
|
1
|
+
"use client";import{jsx as s,jsxs as Z}from"react/jsx-runtime";import{forwardRef as X,useRef as y,useId as $,useCallback as m,useEffect as N,useMemo as ee,Suspense as oe,lazy as ne}from"react";import{ButtonIcon as re}from"../ButtonIcon/ButtonIcon.js";import{IconCross as te}from"../../icons/icons/IconCross.js";import ae from"../../styles/overlayClose.module.css.js";import g from"./Dropdown.module.css.js";import{focusElement as O}from"../../utils/a11y.js";import{useMediaQuery as ie,MOBILE_MEDIA_QUERY as le}from"../../hooks/useMediaQuery.js";import{useDocumentKeyDown as ce}from"../../hooks/useDocumentKeyDown.js";import{useControlledState as se}from"../../hooks/useControlledState.js";import{queryFocusableElements as ue,handleTabCycle as me,handleFocusableListNavigation as de,FOCUSABLE_WITH_ROLES_SELECTOR as fe}from"../../utils/focus.js";import{cn as I}from"../../utils/cn.js";import{useOverlayStackZIndex as pe,elevateAboveOverlayStack as be}from"../../utils/overlayStack.js";import{Box as ve}from"../Box/Box.js";import{useLocale as ye}from"../../locales/localeContext.js";import{Overlay as ge}from"../Overlay/Overlay.js";const he=ne(async()=>({default:(await import("./DropdownMobileSheet.js")).DropdownMobileSheet}));function we(a){return a==="left"||a==="start"||a==="auto"?"start":a==="right"||a==="end"?"end":"center"}const A=X(function({children:a,renderTrigger:T,open:q,onOpenChange:d,popupRole:u="none",triggerMode:F="toggle",className:_,boxProps:z,align:B="auto",widthMode:U="content",panelScroll:j="overlay",mobileTitle:E,mobileLeftControls:K,mobileRightControls:P,panelClassName:Q,...Y},G){const{t:H}=ye(),J=pe(),V=be(J),n=F==="combobox",[o,f]=se(q,!1),p=ie(le),i=y(null),t=y(null),h=y(null),C=y(null),b=$(),D=u==="menu",S=m(()=>i.current?i.current.querySelector('[role="combobox"]')??i.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')??i.current:null,[]),l=m(()=>{if(d?.(!1),f(!1),n){const r=document.activeElement;if(r instanceof Node&&i.current?.contains(r)||!(r instanceof Node&&(t.current?.contains(r)||h.current?.contains(r))))return}const e=C.current??S();O(e)},[S,n,d,f]),c=m(()=>{C.current=document.activeElement,d?.(!0),f(!0)},[d,f]),v=m(()=>{o?l():c()},[l,o,c]),M=m(e=>{if(n){if(o&&(e.key==="Enter"||e.key===" "))return;!o&&(e.key==="Enter"||e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),c());return}if(e.key==="Enter"||e.key===" "){e.preventDefault(),v();return}!o&&(e.key==="ArrowDown"||e.key==="ArrowUp")&&(e.preventDefault(),c())},[n,o,c,v]);ce(e=>{if(!o||!t.current)return;const r=ue(t.current,fe);r.length!==0&&(me(e,r,{wrap:D||p,onTabForwardFromLast:D||p?void 0:l})||n&&!t.current.contains(document.activeElement)||de(e,r))},{enabled:o}),N(()=>{!o||n||!t.current||O(t.current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="option"]'))},[n,o]),N(()=>{if(!o||!n)return;const e=r=>{const x=r.target;i.current?.contains(x)||t.current?.contains(x)||h.current?.contains(x)||l()};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[l,n,o]);const W=ee(()=>({type:"button","aria-haspopup":u==="menu"?"menu":u==="dialog"?"dialog":"listbox","aria-expanded":o,"aria-controls":o?b:void 0,...n?{}:{tabIndex:0},onKeyDown:M,onClick:e=>{if(n){o||c();return}e.preventDefault(),v()}}),[b,M,n,o,c,u,v]),w=u==="none"?void 0:u,R=I(g.panel,p&&g.mobile,j==="content"&&g.contentScroll,Q),L={onClick:e=>e.stopPropagation(),onMouseDown:e=>{n&&e.preventDefault()}};let k=null;return p?k=s(oe,{fallback:null,children:s(he,{sheetRef:h,open:o,onOpenChange:e=>{e||l()},zIndex:V,mobileTitle:E,mobileLeftControls:K,mobileRightControls:P??(E?s(re,{appearance:"diskClose","aria-label":H("common.close"),icon:s(te,{className:ae.icon,size:"var(--altum-overlay-close-icon-size)","aria-hidden":!0}),onClick:l}):void 0),children:s("div",{id:b,ref:t,role:w,className:R,...L,children:a})})}):k=s(ge,{ref:t,variant:"dropdown",purpose:"dropdown",open:o,onOpenChange:e=>{e||l()},targetRef:i,triggerMode:"manual",side:"bottom",align:we(B),widthMode:U,dismiss:"all",role:w??"presentation",children:s(ve,{as:"div",variant:"floating",id:b,role:w,className:R,...z,...L,children:a})}),Z("div",{ref:G,className:I(g.root,_),...Y,children:[T(W,e=>{i.current=e}),k]})});A.displayName="Dropdown";export{A as Dropdown};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as e,jsxs as
|
|
1
|
+
"use client";import{jsx as e,jsxs as h,Fragment as k}from"react/jsx-runtime";import{forwardRef as z}from"react";import{Item as w}from"../Item/Item.js";import{ButtonIcon as I}from"../ButtonIcon/ButtonIcon.js";import{Progress as C}from"../Progress/Progress.js";import{Stack as M}from"../Layout/Stack.js";import{IconDocument as S}from"../../icons/icons/IconDocument.js";import{IconCross as T}from"../../icons/icons/IconCross.js";import{IconTimeReverse as D}from"../../icons/icons/IconTimeReverse.js";import l from"./FileList.module.css.js";import{cn as L}from"../../utils/cn.js";import{formatBytes as O}from"../../utils/formatBytes.js";import{useLocale as P}from"../../locales/localeContext.js";const n=z(function({id:t,name:s,size:r,progress:o,status:x,error:y,previewUrl:d,onRemove:a,onRetry:u,removeLabel:N,retryLabel:R,attachmentSize:m="sm",className:b,...F},B){const{t:f}=P(),i=x??(o!=null&&o<100?"uploading":"idle"),p=[typeof r=="string"?r:r!=null?O(r):void 0,i==="uploading"&&o!=null?`${Math.round(o)}%`:void 0,i==="error"?y:void 0].filter(Boolean),v=i==="error"&&u;return h("li",{ref:B,className:L(l.item,b),"data-status":i,...F,children:[e(w,{size:m==="xs"?"sm":m,variant:"ghost",media:d?e("img",{src:d,alt:""}):e(S,{size:m==="xs"?"var(--altum-control-icon-size-sm)":"var(--altum-control-icon-size-md)","aria-hidden":!0}),title:s,description:p.length>0?p.flatMap((g,j)=>j>0?[" \xB7 ",g]:[g]):void 0,actions:a||v?h(k,{children:[v?e(I,{size:"sm","aria-label":R??f("fileList.retry"),icon:e(D,{size:"var(--altum-control-icon-size-sm)","aria-hidden":!0}),onClick:()=>u(t)}):null,a?e(I,{size:"sm","aria-label":N??f("fileList.remove"),icon:e(T,{size:"var(--altum-control-icon-size-sm)","aria-hidden":!0}),onClick:()=>a(t)}):null]}):void 0}),i==="uploading"&&e(C,{percentage:o??0,indeterminate:o==null,showValueText:!1,className:l.progress})]})});n.displayName="FileList.Item";const c=z(function({children:t,className:s,...r},o){return e(M,{ref:o,as:"ul",gap:"sm",className:L(l.list,s),...r,children:t})});c.displayName="FileList.Root";const U=Object.assign(c,{Root:c,Item:n});export{U as FileList,n as FileListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as u}from"react/jsx-runtime";import{forwardRef as c}from"react";import f from"./Grid.module.css.js";import{cn as g}from"../../utils/cn.js";import{mergeStyles as v}from"../../utils/mergeStyles.js";import{setResponsive as m,setGridItemColumnVars as
|
|
1
|
+
"use client";import{jsx as u}from"react/jsx-runtime";import{forwardRef as c}from"react";import f from"./Grid.module.css.js";import{cn as g}from"../../utils/cn.js";import{mergeStyles as v}from"../../utils/mergeStyles.js";import{resolveSpacingCss as x}from"../../utils/spacing.js";import{setResponsive as m,setGridItemColumnVars as C,resolveAutoColumnsTemplate as R,resolveColumnsTemplate as S,resolveGridRowValue as w}from"./Grid.utils.js";import{GRID_BREAKPOINTS as O}from"./Grid.utils.js";import{As as G}from"../../base/As/As.js";const y=c(function({columns:t=1,gap:s="md",mode:o="fixed",minColumnWidth:e=240,className:a,style:i,as:l="div",...d},n){const r={},p="repeat(1, minmax(0, 1fr))";return o==="autoFit"||o==="autoFill"?m(r,"--altum-grid-cols",R(o,e),I=>I,p):m(r,"--altum-grid-cols",t,S,p),m(r,"--altum-grid-gap",s,x,"var(--altum-g-space-3)"),u(G,{ref:n,as:l,className:g(f.grid,a),style:v(r,i),...d})}),N=c(function({span:t,colStart:s,colEnd:o,rowSpan:e,className:a,style:i,as:l="div",...d},n){const r={};return C(r,t,s,o),e!==void 0&&m(r,"--altum-grid-item-row",e,w,"auto"),u(G,{ref:n,as:l,className:g(f.gridItem,a),style:v(r,i),...d})});y.displayName="Grid",N.displayName="GridItem";export{O as GRID_BREAKPOINTS,y as Grid,N as GridItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{
|
|
1
|
+
"use client";import{toCssSize as c}from"../../utils/cssSize.js";const v={xs:0,sm:600,md:768,lg:1024,xl:1280},a=["xs","sm","md","lg","xl"];function f(o){return typeof o=="object"&&o!==null&&!Array.isArray(o)}function $(o,i,t,r,s){if(!f(t)){const e=r(t)??s;for(const u of a)o[`${i}-${u}`]=e;return}let n=s;for(const e of a){const u=t[e];if(u!==void 0){const l=r(u);l!==void 0&&(n=l)}o[`${i}-${e}`]=n}}function p(o){return typeof o=="number"?`repeat(${o}, minmax(0, 1fr))`:o}function x(o,i){return`repeat(${o==="autoFit"?"auto-fit":"auto-fill"}, minmax(${c(i)}, 1fr))`}function d(o,i,t){if(i!==void 0&&t!==void 0)return`${i} / ${t}`;if(i!==void 0&&o!==void 0)return`${i} / span ${o}`;if(o!==void 0)return`span ${o}`;if(i!==void 0)return String(i)}function A(o){if(o!==void 0)return`span ${o}`}function C(o,i,t,r){if(i===void 0&&t===void 0&&r===void 0)return;let s="auto";for(const n of a){const e=f(i)?i[n]:i,u=f(t)?t[n]:t,l=f(r)?r[n]:r,m=d(e,u,l);m!==void 0&&(s=m),o[`--altum-grid-item-col-${n}`]=s}}export{v as GRID_BREAKPOINTS,f as isAdaptiveValue,x as resolveAutoColumnsTemplate,p as resolveColumnsTemplate,d as resolveGridColumnValue,A as resolveGridRowValue,C as setGridItemColumnVars,$ as setResponsive};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as i}from"react/jsx-runtime";import{useMemo as c}from"react";import{builtInMessages as n}from"../../locales/messages.js";import{deepMergeMessages as d,translate as p}from"../../locales/translate.js";import{
|
|
1
|
+
"use client";import{jsx as i}from"react/jsx-runtime";import{useMemo as c}from"react";import{builtInMessages as n}from"../../locales/messages.js";import{deepMergeMessages as d,translate as p}from"../../locales/translate.js";import{defaultLocaleContext as u,LocaleContext as f}from"../../locales/localeContext.js";const s=({locale:e="ru",messages:r,children:t})=>{const a=c(()=>{const o=d(n[e]??u.messages,r);return{locale:e,messages:o,t:(l,m)=>p(o,l,m,e)}},[e,r]);return i(f.Provider,{value:a,children:t})};s.displayName="LocaleProvider";export{s as LocaleProvider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as a,jsxs as C}from"react/jsx-runtime";import{forwardRef as v}from"react";import{TextField as x}from"../TextField/TextField.js";import d from"./MaskedField.module.css.js";import{composeEventHandlers as s}from"../../utils/composeEvents.js";import{composeRefs as
|
|
1
|
+
"use client";import{jsx as a,jsxs as C}from"react/jsx-runtime";import{forwardRef as v}from"react";import{TextField as x,fieldOverlayClassName as O}from"../TextField/TextField.js";import d from"./MaskedField.module.css.js";import{composeEventHandlers as s}from"../../utils/composeEvents.js";import{composeRefs as b}from"../../utils/composeRefs.js";import{useDigitMask as D}from"../../hooks/useDigitMask.js";import{getRemainingGuides as t}from"./MaskedField.utils.js";import{getFormattedValue as P,getStaticDigitsPrefix as A}from"./MaskedField.utils.js";const m=v(function({mask:l,value:c,onChange:r,onClear:i,clearLabel:p,onKeyDown:f,disabled:n,readOnly:o,maskAsPlaceholder:h=!1,placeholder:u,onClick:g,...y},k){const e=D({mask:l,value:c,disabled:n,readOnly:o,onChange:r});return a(x,{...y,ref:b(k,e.inputRef),type:"text",value:e.displayVal,disabled:n,readOnly:o,onChange:e.handleChange,onKeyDown:s(f,e.handleKeyDown),onClick:s(g,e.handleClick),placeholder:h?t("",l):u,onClear:i?()=>{r(""),i()}:void 0,clearLabel:p,controlOverlay:e.remainingGuides.length>0?C("div",{className:O(),"aria-hidden":"true","data-testid":"masked-overlay",children:[a("span",{className:d.maskOffset,children:e.displayVal}),a("span",{className:d.guideChar,children:e.remainingGuides})]}):null})});m.displayName="MaskedField";export{m as MaskedField,P as getFormattedValue,t as getRemainingGuides,A as getStaticDigitsPrefix};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as M,jsx as r}from"react/jsx-runtime";import D,{forwardRef as E,useContext as
|
|
1
|
+
"use client";import{jsxs as M,jsx as r}from"react/jsx-runtime";import D,{forwardRef as E,useContext as j,useState as N,useRef as L,useCallback as R,useEffect as y,useMemo as K,createContext as V}from"react";import{IconCross as A}from"../../icons/icons/IconCross.js";import{Button as F}from"../Button/Button.js";import{ButtonIcon as q}from"../ButtonIcon/ButtonIcon.js";import X from"../../styles/overlayClose.module.css.js";import o from"./Notification.module.css.js";import{cn as C}from"../../utils/cn.js";import{composeEventHandlers as S}from"../../utils/composeEvents.js";import{useLocale as G}from"../../locales/localeContext.js";import{createLibraryPortal as J}from"../../utils/portal.js";import{useDocumentKeyDown as Q}from"../../hooks/useDocumentKeyDown.js";import{formatKeyboardShortcut as U}from"../../utils/keyboardShortcut.js";import{matchesKeyboardShortcut as W}from"../../utils/keyboardShortcut.match.js";const T=V({position:"bottom-right"}),b=E(function({children:e,stacked:t=!0,stackDepth:s=3,position:i="bottom-right",className:a,...m},u){const d=K(()=>({position:i}),[i]);return J(r(T.Provider,{value:d,children:r("div",{ref:u,className:C(o.notificationsContainer,a),"data-position":i,...m,children:r(Y,{stacked:t,stackDepth:s,children:e})})}))}),Y=({children:e,stacked:t,stackDepth:s})=>{const[i,a]=N(!t),m=L(null),[u,d]=N(64),h=D.Children.toArray(e),f=Math.max(1,s);return y(()=>{a(!t)},[t]),y(()=>{const n=m.current;if(!n)return;const c=()=>d(n.getBoundingClientRect().height);c();const v=new ResizeObserver(c);return v.observe(n),()=>v.disconnect()},[h.length]),r("div",{className:C(o.stack,i?o.stackExpanded:o.stackCollapsed),style:{"--altum-stack-depth":String(f),"--altum-stack-front-h":`${u}px`},onMouseEnter:()=>{t&&a(!0)},onMouseLeave:()=>{t&&a(!1)},onFocusCapture:()=>{t&&a(!0)},onBlurCapture:n=>{t&&!n.currentTarget.contains(n.relatedTarget)&&a(!1)},children:h.map((n,c)=>r("div",{ref:c===0?m:void 0,className:C(o.stackItem,c>=f&&o.stackItemHidden),style:{"--altum-stack-i":String(c)},children:n},D.isValidElement(n)?n.key??c:c))})},w=E(function({variant:e="info",duration:t=3e3,progress:s=t>0,pauseOnHover:i=!0,onClose:a,title:m,description:u,actions:d,className:h,onMouseEnter:f,onMouseLeave:n,...c},v){const{position:H}=j(T),{t:O}=G(),[z,x]=N(!1),[k,P]=N(!1),p=L(null),g=R(()=>{k||(P(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{a?.()},200))},[k,a]);return y(()=>()=>{p.current&&clearTimeout(p.current)},[]),M("div",{ref:v,className:C(o.notification,o[e],k&&o.exit,h),"data-variant":e,"data-position":H,onMouseEnter:S(f,()=>{i&&x(!0)}),onMouseLeave:S(n,()=>{i&&x(!1)}),...c,role:e==="error"?"alert":"status","aria-live":e==="error"||e==="warning"?"assertive":"polite",children:[r("div",{className:o.title,children:m}),u!=null&&u!==""?r("div",{className:o.description,children:u}):null,r(q,{appearance:"diskClose",className:o.close,"aria-label":O("common.close"),icon:r(A,{className:X.icon,size:"var(--altum-overlay-close-icon-size)","aria-hidden":!0}),onClick:g}),d?.length?r("div",{className:o.actions,children:d.map((l,$)=>M(F,{size:"sm",variant:l.variant==="secondary"?"secondary":"primary",onClick:()=>{l.onClick(),g()},children:[l.label,(l.shortcutLabel??l.shortcut)&&r("span",{className:o.actionShortcut,children:l.shortcutLabel??U(l.shortcut)})]},`${l.label}-${$}`))}):null,s&&t>0&&!k&&r("div",{className:o.progressTrack,"aria-hidden":!0,children:r("div",{className:o.progressBar,style:{animationDuration:`${t}ms`,animationPlayState:z?"paused":"running"},onAnimationEnd:g})})]})});w.displayName="Notification",b.displayName="Notification.Viewport";const I=Object.assign(w,{Viewport:b}),B=({item:e,onClose:t})=>{const s=R(()=>t(e.id),[e.id,t]);return Q(i=>{if(!i.defaultPrevented){for(const a of e.actions??[])if(!(!a.shortcut||!W(i,a.shortcut))){i.preventDefault(),a.onClick(),s();return}}}),r(I,{variant:e.variant,duration:e.duration,progress:e.progress,pauseOnHover:e.pauseOnHover,onClose:s,title:e.title,description:e.description,actions:e.actions})},Z=({notifications:e,onClose:t,...s})=>r(b,{...s,children:e.slice().reverse().map(i=>r(B,{item:i,onClose:t},i.id))});export{I as Notification,Z as NotificationContainer,B as NotificationItemRenderer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as i,jsxs as E,Fragment as H}from"react/jsx-runtime";import{forwardRef as J,useState as P}from"react";import T from"./NumberField.module.css.js";import{TextField as V}from"../TextField/TextField.js";import{IconMinus as $}from"../../icons/icons/IconMinus.js";import{IconPlus as q}from"../../icons/icons/IconPlus.js";import{getFormControlState as z}from"../../utils/formControl.js";import{clamp as A}from"../../utils/clamp.js";import{cn as D}from"../../utils/cn.js";import{useLocale as G}from"../../locales/localeContext.js";
|
|
1
|
+
"use client";import{jsx as i,jsxs as E,Fragment as H}from"react/jsx-runtime";import{forwardRef as J,useState as P}from"react";import T from"./NumberField.module.css.js";import{TextField as V,FieldBaseButton as B}from"../TextField/TextField.js";import{IconMinus as $}from"../../icons/icons/IconMinus.js";import{IconPlus as q}from"../../icons/icons/IconPlus.js";import{getFormControlState as z}from"../../utils/formControl.js";import{clamp as A}from"../../utils/clamp.js";import{cn as D}from"../../utils/cn.js";import{useLocale as G}from"../../locales/localeContext.js";const K=/^(?:|-|\.|-\.)$/,I=J(function({value:t,min:r,max:n,step:l=1,onChange:a,onClear:c,onBlur:L,clearLabel:O,postfix:S,disabled:m,readOnly:f,className:R,...j},k){const{t:p}=G(),[b,v]=P(null),d=e=>A(e,r??-1/0,n??1/0),o=t!==void 0?d(t):void 0,M=b!==null?b:o!==void 0?String(o):"",F=o??r??0,{isReadOnly:W}=z({disabled:m,readOnly:f}),g=o!==void 0&&r!==void 0&&F<=r,N=o!==void 0&&n!==void 0&&F>=n,s=W||m,x=e=>{s||(e>0?N:g)||a?.(d(o===void 0?e>0?r??l:r??0:o+e*l))},y=(e,u=!1)=>{if(s)return;const w=e.trim();if(K.test(w)){u||a?.(void 0);return}if(!u&&(e.endsWith(".")||e.endsWith("-")))return;const C=parseFloat(e);if(Number.isNaN(C))return;const h=d(C);(!u||h!==t)&&a?.(h)};return i(V,{ref:k,...j,type:"number",className:D(T.numberInput,R),min:r,max:n,step:l,disabled:m,readOnly:f,value:M,onChange:e=>{v(e.target.value),y(e.target.value)},onBlur:e=>{v(null),y(e.target.value,!0),L?.(e)},onClear:c?()=>{a?.(void 0),c()}:void 0,clearLabel:O,postfix:S||(s?void 0:E(H,{children:[i(B,{"aria-label":p("numberField.decrement"),disabled:g,onClick:()=>x(-1),icon:i($,{})}),i(B,{"aria-label":p("numberField.increment"),disabled:N,onClick:()=>x(1),icon:i(q,{})})]}))})});I.displayName="NumberField";export{I as NumberField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as c,jsxs as p}from"react/jsx-runtime";import
|
|
1
|
+
"use client";import{jsx as c,jsxs as p}from"react/jsx-runtime";import{forwardRef as O}from"react";import{visitElementTree as u}from"../../utils/visitElementTree.js";import{OverflowMode as T,OverflowItem as h}from"./OverflowActionsMode.js";import{OverflowMeasure as N}from"./OverflowMeasure.js";import{ActionSheetTrigger as x}from"../ActionSheetTrigger/ActionSheetTrigger.js";function M(s){const r=[],e=[];return u(s,o=>{o.type===h?r.push(o):e.push(o)},()=>!1),{items:r,extra:e}}const v=Object.assign(O(function(s,r){const{longPress:e=!1,longPressMs:o,moveThreshold:g,showOverflowTrigger:d,children:t,className:l,...m}=s,{items:f,extra:w}=M(t),n=f.length>0,i=d??!e,a=n?c(T,{ref:e?void 0:r,...m,showOverflowTrigger:i,className:e?void 0:l,children:f}):c(N,{ref:e?void 0:r,...m,showOverflowTrigger:i,className:e?void 0:l,children:t});return e?p(x,{ref:r,className:l,showOverflowTrigger:i,longPressMs:o,moveThreshold:g,children:[n?w:null,a]}):a}),{Item:h});v.displayName="Overflow";export{v as Overflow};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t=".Kkant{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;position:relative}.Kkant.x97pZ{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-1)}.Kkant.LAkSp{max-width:100%;width:max-content}.Kkant.EfjIo{align-self:stretch;height:100%;width:100%}.Kkant.EfjIo .Ua-VV{align-items:stretch;height:100%}.Kkant.EfjIo .eKBSM{align-items:stretch;display:flex}.Kkant.EfjIo .yVeqT{align-items:stretch;margin-inline-start:auto}.Kkant.EfjIo .COxju{align-self:stretch;aspect-ratio:auto;background-color:initial;border:none;border-radius:calc(var(--altum-g-radius) -
|
|
1
|
+
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t=".Kkant{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;position:relative}.Kkant.x97pZ{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-1)}.Kkant.LAkSp{max-width:100%;width:max-content}.Kkant.EfjIo{align-self:stretch;height:100%;width:100%}.Kkant.EfjIo .Ua-VV{align-items:stretch;height:100%}.Kkant.EfjIo .eKBSM{align-items:stretch;display:flex}.Kkant.EfjIo .yVeqT{align-items:stretch;margin-inline-start:auto}.Kkant.EfjIo .COxju{align-self:stretch;aspect-ratio:auto;background-color:initial;border:none;border-radius:calc(var(--altum-g-radius) - 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 .Ua-VV{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;width:100%}.Kkant .bb2Tq,.Kkant .eKBSM{flex-shrink:0}.Kkant .Kfxom{pointer-events:none;position:absolute;visibility:hidden}.Kkant .yVeqT{align-items:center;display:flex;flex-shrink:0}.Kkant .TwrfM{gap:var(--altum-g-space-1)}.Kkant .WOShp{gap:var(--altum-g-space-2)}.Kkant .eKcBZ{gap:var(--altum-g-space-3)}.Kkant .Cq3Em{max-width:min(20rem,calc(100vw - var(--altum-g-space-8)));overflow-x:hidden;overflow-y:auto}.Kkant .GeIJ-{align-items:stretch;display:flex;flex-direction:column;gap:var(--altum-g-space-2);max-width:100%;overflow-x:hidden;padding:var(--altum-g-space-2);width:max-content}:is(.Kkant .GeIJ-)>*{height:auto;max-width:100%;min-height:var(--altum-control-height-sm);width:100%}:is(.Kkant .MCd7o):focus-visible{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}";const e={root:"Kkant",actions:"x97pZ",fitContent:"LAkSp",fitContainer:"EfjIo",row:"Ua-VV",item:"eKBSM",moreSlot:"yVeqT",bare:"COxju",more:"bb2Tq",moreMeasure:"Kfxom",gapSm:"TwrfM",gapMd:"WOShp",gapLg:"eKcBZ",menuPanel:"Cq3Em",menuStack:"GeIJ-",srFocus:"MCd7o"};a(t);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as
|
|
1
|
+
"use client";import{jsxs as P,jsx as s}from"react/jsx-runtime";import D,{forwardRef as F,useId as G,useState as J,useMemo as y,useCallback as O}from"react";import{visitElementTree as Q}from"../../utils/visitElementTree.js";import{ActionList as U}from"../ActionList/ActionList.js";import{Button as Z}from"../Button/Button.js";import{ButtonIcon as _}from"../ButtonIcon/ButtonIcon.js";import{cn as x}from"../../utils/cn.js";import{useActionSheetContext as q}from"../ActionSheetTrigger/actionSheetContext.js";import b from"./Overflow.module.css.js";import{useLocale as H}from"../../locales/localeContext.js";import{OverflowMore as K}from"./OverflowMore.js";const W=new Set(["id","icon","label","textValue","disabled","onSelect","className","key"]);function X(e){return D.isValidElement(e)&&e.type===v}function Y(e){const o=[];let i=0;return Q(e,t=>{if(!X(t))return;const r=t.props.id??`action-${i}`;o.push({...t.props,id:r,key:String(t.key??r)}),i+=1},()=>!1),o}function S(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id??e.key}function N(e){const o={};for(const[i,t]of Object.entries(e))W.has(i)||t===void 0||(o[i]=t);return o}const v=()=>null;v.displayName="Overflow.Item";function $({item:e,display:o,size:i}){const t=S(e),r=o==="icon"&&e.icon!=null,n=N(e),c={...n,type:"button",variant:"ghost",size:i,id:e.id,disabled:e.disabled,className:x(b.item,e.className),onClick:()=>e.onSelect?.()};return r?s(_,{...c,icon:e.icon,"aria-label":n["aria-label"]??(n["aria-labelledby"]?void 0:t)}):s(Z,{...c,prefix:e.icon,children:e.label})}const k=F(function({children:e,visibleCount:o,display:i="icon-label",showOverflowTrigger:t,size:r="sm",mobileTitle:n,className:c,"aria-label":V,gap:ee,fit:le,maxVisible:oe,align:te,moreLabel:ie,...M},T){const{t:m}=H(),w=V??m("overflow.ariaLabel"),z=n??m("overflow.title"),C=G(),a=q(),[I,L]=J(!1),f=y(()=>Y(e),[e]),h=o===void 0||!Number.isFinite(o)?f.length:Math.max(0,Math.floor(o)),A=f.slice(0,h),d=f.slice(h),g=d.length>0,j=!(t??a?.shouldShowOverflowTrigger??!0),u=a!=null&&g,E=u?a.overflowOpen:I,p=O(l=>{u?a.setOverflowOpen(l):L(l)},[u,a]),R=y(()=>d.map(l=>({id:l.id??l.key,groupId:"overflow",label:l.label,textValue:S(l),icon:l.icon,disabled:l.disabled,onSelect:l.onSelect,buttonProps:N(l)})),[d]),B=O(l=>{l.onSelect?.(),p(!1)},[p]);return P("div",{ref:T,className:x(b.root,b.actions,c),...M,role:"toolbar","aria-label":w,children:[A.map(l=>s($,{item:l,display:i,size:r},l.key)),g&&s(K,{open:E,onOpenChange:p,size:r,mobileTitle:z,ariaLabel:m("overflow.more"),hidden:j,children:s(U,{id:C,"aria-label":w,items:R,groups:[{id:"overflow",label:m("overflow.title")}],onAction:B})})]})});k.displayName="Overflow";export{v as OverflowItem,k as OverflowMode};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as f,jsxs as ne}from"react/jsx-runtime";import W,{forwardRef as oe,useMemo as V,useState as k,useRef as h,useCallback as P,useLayoutEffect as ie,useEffect as le}from"react";import{composeRefs as ae}from"../../utils/composeRefs.js";import{cn as z}from"../../utils/cn.js";import{useLocale as ue}from"../../locales/localeContext.js";import n from"./Overflow.module.css.js";import{OverflowMore as ce}from"./OverflowMore.js";function me(e){return W.Children.toArray(e).filter(o=>W.isValidElement(o))}function T(e,o){return e.key!=null?String(e.key):`overflow-item-${o}`}function se(e){return e==="sm"?n.gapSm:e==="lg"?n.gapLg:n.gapMd}function fe(e){return`var(--altum-control-height-${e})`}function B(e){if(!e)return 0;const o=getComputedStyle(e).columnGap||getComputedStyle(e).gap,m=Number.parseFloat(o);return Number.isFinite(m)?m:0}function D(e,o){return o==="container"?e.clientWidth:e.parentElement?.clientWidth??e.clientWidth}function G(e,o,m,i,s){const c=o.length;if(c===0||e<=0)return 0;const v=l=>{if(l<=0)return 0;let d=0;for(let w=0;w<l;w+=1)d+=o[w]??0;return d+i*Math.max(0,l-1)},S=v(c),b=s!==void 0?Math.min(c,Math.max(0,Math.floor(s))):c;if(S<=e&&b>=c)return c;for(let l=b;l>=0;l-=1){const d=v(l);if((l<c?d+(l>0?i:0)+m:d)<=e)return l}return 0}const J=oe(function({children:e,gap:o="md",size:m="md",fit:i="content",maxVisible:s,align:c="right",moreLabel:v,mobileTitle:S,className:b,"aria-label":l,visibleCount:d,display:w,showOverflowTrigger:de,...K},Q){const{t:$}=ue(),a=V(()=>me(e),[e]),p=`${V(()=>a.map((r,t)=>T(r,t)).join("\0"),[a])}|${o}|${m}|${i}|${s??""}`,[x,U]=k(""),[N,X]=k(a.length),[Y,Z]=k(!1),y=h(null),L=h(null),j=h(null),C=h([]),M=h([]),E=h(0),g=x!==p,_=l??$("overflow.groupAriaLabel"),q=v??$("overflow.groupMore"),H=S??$("overflow.groupTitle"),A=fe(m),O=P(r=>{X(t=>t===r?t:r)},[]),R=P(()=>{const r=y.current,t=L.current;if(!r||!t||M.current.length===0)return;const u=D(r,i);u<=0||O(G(u,M.current,E.current,B(t),s))},[O,i,s]);ie(()=>{const r=y.current,t=L.current;if(!(!r||!t)){if(g){const u=D(r,i);if(u<=0)return;C.current=C.current.slice(0,a.length),M.current=a.map((he,te)=>C.current[te]?.offsetWidth??0),E.current=j.current?.offsetWidth??0,O(G(u,M.current,E.current,B(t),s)),U(p);return}R()}},[O,i,a.length,s,p,g,R]),le(()=>{const r=y.current;if(!r||typeof ResizeObserver>"u")return;const t=i==="container"?r:r.parentElement??r,u=new ResizeObserver(()=>{x===p&&R()});return u.observe(t),()=>u.disconnect()},[i,p,R,x]);const F=!g&&N<a.length,I=g?a.length:N,ee=a.slice(0,I),re=F?a.slice(N):[];return f("div",{ref:ae(Q,y),className:z(n.root,i==="container"?n.fitContainer:n.fitContent,b),role:"group","aria-label":_,...K,children:ne("div",{ref:L,className:z(n.row,se(o)),children:[ee.map((r,t)=>f("div",{ref:u=>{C.current[t]=u},className:n.item,children:r},T(r,t))),g&&f("div",{ref:j,className:z(n.more,n.moreMeasure),style:{width:A,height:A},"aria-hidden":!0}),F&&f("div",{className:n.moreSlot,children:f(ce,{open:Y,onOpenChange:Z,size:m,align:c,mobileTitle:H,ariaLabel:q,popupRole:"none",panelClassName:n.menuPanel,triggerClassName:i==="container"?n.bare:void 0,children:f("div",{className:n.menuStack,children:re.map((r,t)=>f(W.Fragment,{children:r},T(r,N+t)))})})})]})})});J.displayName="Overflow";export{J as OverflowMeasure};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".znJr4{inset:0;pointer-events:none;position:fixed}.znJr4[data-kind=floating],.znJr4[data-kind=modal]{z-index:var(--altum-g-z-modal)}.znJr4[data-kind=modal]{align-items:center;display:flex}.znJr4[data-kind=sheet]{z-index:var(--altum-g-z-overlay)}._5I5c8{transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1)}.znJr4[data-presented] ._5I5c8{opacity:1;pointer-events:auto}.znJr4:not([data-presented]) ._5I5c8{opacity:0;pointer-events:none}.V1Ouq{pointer-events:none}.V1Ouq>*{pointer-events:auto}.znJr4[data-kind=modal] .V1Ouq{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:var(--altum-g-z-raised)}.znJr4[data-kind=floating] .V1Ouq,.znJr4[data-kind=sheet] .V1Ouq{inset:0;position:absolute}.znJr4[data-kind=sheet] .V1Ouq{display:flex;height:100%;width:100%}.znJr4[data-kind=sheet][data-side=bottom] .V1Ouq{align-items:flex-end;justify-content:center}.znJr4[data-kind=sheet][data-side=top] .V1Ouq{align-items:flex-start;justify-content:center}.znJr4[data-kind=sheet][data-side=left] .V1Ouq{align-items:stretch;justify-content:flex-start}.znJr4[data-kind=sheet][data-side=right] .V1Ouq{align-items:stretch;justify-content:flex-end}.c5Gk2{pointer-events:auto}.c5Gk2[data-kind=modal]{max-height:100vh;max-height:100dvh;position:relative;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1),transform var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1)}.c5Gk2[data-kind=modal][data-presented]{opacity:1;transform:translateY(0)}.c5Gk2[data-kind=modal]:not([data-presented]){opacity:0;transform:translateY(8px)}.c5Gk2[data-kind=floating]{position:fixed;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1),transform var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1);z-index:var(--altum-g-z-modal)}.c5Gk2[data-kind=floating][data-presented]{opacity:1;transform:scale(1)}.c5Gk2[data-kind=floating]:not([data-presented]){opacity:0;transform:scale(.96)}.c5Gk2[data-kind=sheet]{box-sizing:border-box;position:relative;transition:transform var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1);z-index:var(--altum-g-z-raised)}.c5Gk2[data-kind=sheet][data-presented]{transform:translate(0)}.c5Gk2[data-kind=sheet]:not([data-presented]){transform:translate(var(--altum-sheet-x,0),var(--altum-sheet-y,100%))}.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=bottom]{--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}._0WeQx{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:auto;pointer-events:auto;position:fixed;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1);z-index:var(--altum-g-z-dropdown)}._0WeQx[data-presented]{opacity:1}._0WeQx:not([data-presented]){opacity:0}._0WeQx.DQJrx{max-height:none}._0WeQx.DQJrx,._0WeQx.RmLTZ{overflow:visible}.Evvei{transform-origin:top center}.kdPpn{transform-origin:bottom center}.rb6EM{transform-origin:center left}.nWq0M{transform-origin:center right}.ddYr-{box-sizing:border-box;transition:opacity var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1),transform var(--altum-motion-overlay) cubic-bezier(.16,1,.3,1)}.ddYr-[data-presented]{opacity:1;transform:scale(1)}.ddYr-.Evvei:not([data-presented]),.ddYr-.kdPpn:not([data-presented]){opacity:0;transform:scaleY(.85)}.ddYr-.nWq0M:not([data-presented]),.ddYr-.rb6EM:not([data-presented]){opacity:0;transform:scaleX(.85)}@media (prefers-reduced-motion:reduce){._0WeQx,._5I5c8,.c5Gk2,.ddYr-{transition:none}.c5Gk2[data-kind=floating]:not([data-presented]),.c5Gk2[data-kind=modal]:not([data-presented]),.c5Gk2[data-kind=sheet]:not([data-presented]),.ddYr-:not([data-presented]){transform:none}.c5Gk2[data-kind=sheet]:not([data-presented]){opacity:0}}";const e={scrim:"znJr4",fade:"_5I5c8",trap:"V1Ouq",panel:"c5Gk2",anchor:"_0WeQx",anchorTooltip:"DQJrx",anchorPopover:"RmLTZ",originTop:"Evvei",originBottom:"kdPpn",originLeft:"rb6EM",originRight:"nWq0M",dropdown:"ddYr-"};t(a);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as b,Fragment as D,jsx as
|
|
1
|
+
"use client";import{jsxs as b,Fragment as D,jsx as u}from"react/jsx-runtime";import{forwardRef as h,useMemo as E,createContext as A}from"react";import m from"./Pagination.module.css.js";import B from"../../styles/unstyledControl.module.css.js";import{useLocale as d}from"../../locales/localeContext.js";import{useRequiredContext as F}from"../../hooks/useRequiredContext.js";import{cn as g}from"../../utils/cn.js";import{Select as k}from"../Select/Select.js";const z=A(null);function v(){return F(z,"\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 O=[10,25,50,100],y=h(function({currentPage:a,totalPages:e,onPageChange:n,className:t,children:o,totalItems:i,pageSize:r,onPageSizeChange:c,pageSizeOptions:l,"aria-label":s,...f},p){const{t:x}=d(),M=o??b(D,{children:[i!=null&&r!=null?u(P,{totalItems:i,pageSize:r}):null,u(C,{}),r!=null&&c!=null?u(N,{pageSize:r,onPageSizeChange:c,pageSizeOptions:l}):null]});return u(z.Provider,{value:{currentPage:a,totalPages:e,onPageChange:n},children:u("nav",{ref:p,className:g(m.pagination,t),"aria-label":s??x("pagination.ariaLabel"),...f,children:M})})});function j(a,e){if(e<=7)return Array.from({length:e},(i,r)=>r+1);const n=[1],t=Math.max(2,a-1),o=Math.min(e-1,a+1);t>2&&n.push("ellipsis");for(let i=t;i<=o;i+=1)n.push(i);return o<e-1&&n.push("ellipsis"),n.push(e),n}const P=h(function({totalItems:a,pageSize:e,className:n,...t},o){const{currentPage:i}=v(),{t:r}=d();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 u("span",{ref:o,className:g(m.summary,n),...t,children:r("pagination.summary",{start:c,end:l,total:a})})});function S({active:a,className:e,...n}){return u("button",{type:"button",className:g(B.control,m.pagBtn,a&&m.active,e),"aria-current":a?"page":void 0,...n})}const C=h(function({className:a,...e},n){const{currentPage:t,totalPages:o,onPageChange:i}=v(),{t:r}=d(),c=j(t,Math.max(1,o));return b("div",{ref:n,className:g(m.controls,a),...e,children:[u(S,{disabled:t<=1,"aria-label":r("pagination.prev"),onClick:()=>i(t-1),children:"<"}),c.map((l,s)=>l==="ellipsis"?u("span",{className:m.ellipsis,"aria-hidden":!0,children:"\u2026"},`e-${s}`):u(S,{active:l===t,"aria-label":r("pagination.page",{page:l}),onClick:()=>i(l),children:l},l)),u(S,{disabled:t>=o,"aria-label":r("pagination.next"),onClick:()=>i(t+1),children:">"})]})}),N=h(function({pageSize:a,onPageSizeChange:e,pageSizeOptions:n=O,className:t,...o},i){const{t:r}=d(),c=E(()=>n.map(s=>({value:String(s),label:String(s)})),[n]),l=r("pagination.pageSizeLabel");return u("div",{ref:i,className:g(m.pageSize,t),...o,children:u(k,{"aria-label":l,placeholder:l,size:"sm",width:"full",options:c,value:String(a),onChange:s=>{const f=Array.isArray(s)?s[0]:s,p=Number(f);Number.isFinite(p)&&e(p)}})})});y.displayName="Pagination",P.displayName="Pagination.Summary",C.displayName="Pagination.Controls",N.displayName="Pagination.PageSize";const I=Object.assign(y,{Summary:P,Controls:C,PageSize:N});export{I as Pagination};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsxs as g,jsx as r,Fragment as B}from"react/jsx-runtime";import{forwardRef as A,useId as M,useState as Z}from"react";import{TextField as q,FieldBaseButton as E}from"../TextField/TextField.js";import{IconPreview as G}from"../../icons/icons/IconPreview.js";import{IconPreviewOff as H}from"../../icons/icons/IconPreviewOff.js";import{Text as O}from"../Text/Text.js";import{FormMessage as R}from"../FormMessage/FormMessage.js";import W from"../../styles/fieldMessage.module.css.js";import s from"./PasswordField.module.css.js";import{cn as D}from"../../utils/cn.js";import{composeEventHandlers as J}from"../../utils/composeEvents.js";import{useControlledStateWithCallback as K}from"../../hooks/useControlledState.js";import{useLocale as Q}from"../../locales/localeContext.js";const U={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=A(function({defaultVisible:t=!1,visible:e,onVisibleChange:v,showPasswordLabel:b,hidePasswordLabel:S,showStrength:k=!1,strengthLabels:x,value:l,defaultValue:p,onChange:C,description:i,"aria-describedby":N,...d},y){const{t:o}=Q(),c=M(),[n,P]=K(e,t,v),[z,F]=Z(()=>String(p??"")),L=l!==void 0?String(l):z,a=u(L),f={weak:o("password.strength.weak"),fair:o("password.strength.fair"),good:o("password.strength.good"),strong:o("password.strength.strong"),...x},I=!!d.error,h=typeof i=="string"&&i.length>0,m=k&&a!=="empty"?g("div",{id:c,className:D(W.message,s.strength),"data-strength":a,role:"meter","aria-valuemin":1,"aria-valuemax":4,"aria-valuenow":U[a],"aria-label":f[a],children:[g("div",{className:s.strengthTrack,"aria-hidden":!0,children:[r("span",{className:s.strengthSeg}),r("span",{className:s.strengthSeg}),r("span",{className:s.strengthSeg}),r("span",{className:s.strengthSeg})]}),r(O,{as:"span",size:"xs",color:a==="weak"?"error":a==="strong"?"success":"muted",className:s.strengthLabel,children:f[a]})]}):null,T=[N,m?c:void 0].filter(Boolean).join(" ")||void 0,V=m?g(B,{children:[h&&!I?r(R,{children:i}):h?null:i,m]}):i;return r(q,{ref:y,...d,type:n?"text":"password",value:l,defaultValue:p,autoComplete:d.autoComplete??"current-password","aria-describedby":T,description:V,onChange:J(C,j=>{l===void 0&&F(j.target.value)}),postfix:r(E,{"aria-label":n?S??o("password.hide"):b??o("password.reveal"),"aria-pressed":n,onClick:()=>P(!n),icon:n?r(H,{size:16}):r(G,{size:16})})})});w.displayName="PasswordField";export{w as PasswordField,u as getPasswordStrength};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as o,jsxs as T}from"react/jsx-runtime";import{forwardRef as M,useId as $,useState as S}from"react";import l from"./PinInput.module.css.js";import{cn as V}from"../../utils/cn.js";import{useLocale as K}from"../../locales/localeContext.js";import{TextField as H}from"../TextField/TextField.js";import{FieldLabel as O}from"../FieldLabel/FieldLabel.js";import{FormMessage as R}from"../FormMessage/FormMessage.js";import{useOtpInputs as q}from"../../hooks/useOtpInputs.js";function A({chars:d,value:u,name:m,size:g,numeric:v,masked:b,disabled:c,autoFocus:p,invalid:f,firstId:y,ariaLabel:w,groupId:C,describedBy:F,inputsRef:n,onChange:s,onKeyDown:r,onPaste:I}){const{t:x}=K(),[z,h]=S(!1),L=i=>{i.currentTarget.contains(i.relatedTarget)||h(!1)};return T("div",{className:l.group,role:"group",id:C,"aria-label":w,"aria-invalid":f||void 0,"aria-describedby":F,onFocus:()=>h(!0),onBlur:L,children:[m?o("input",{type:"hidden",name:m,value:u}):null,d.map((i,a)=>o(H,{ref:e=>{n.current[a]=e},id:a===0?y:void 0,wrapperClassName:l.cell,className:l.cellInput,size:g,width:"md",active:z,type:b?"password":"text",inputMode:v?"numeric":"text",autoComplete:a===0?"one-time-code":"off",maxLength:d.length,value:i,disabled:c,"aria-invalid":f||void 0,"aria-label":x("pinInput.digit",{index:a+1}),autoFocus:p&&a===0,onChange:e=>s(a,e.target.value),onKeyDown:e=>r(a,e),onPaste:e=>I(a,e),onFocus:e=>e.currentTarget.select()},a))]})}const j=M(function({length:d=6,size:u="md",value:m,defaultValue:g="",onChange:v,onComplete:b,numeric:c=!0,disabled:p=!1,masked:f=!1,autoFocus:y=!1,"aria-label":w,className:C,style:F,error:n,label:s,description:r,name:I,width:x="full",...z},h){const{t:L}=K(),i=$(),a=`${i}-0`,e=!!n,N=typeof r=="string"&&r.length>0,P=typeof n=="string"?`${i}-error`:void 0,B=N&&!e?`${i}-description`:void 0,k=[P,B].filter(Boolean).join(" ")||void 0,t=q({length:d,numeric:c,value:m,defaultValue:g,disabled:p,onChange:v,onComplete:b}),D=o(A,{chars:t.chars,value:t.value,name:I,size:u,numeric:c,masked:f,disabled:p,autoFocus:y,invalid:e,firstId:a,ariaLabel:s?void 0:w??L("pinInput.ariaLabel"),groupId:i,describedBy:k,inputsRef:t.inputsRef,onChange:t.handleChange,onKeyDown:t.handleKeyDown,onPaste:t.handlePaste});return T("div",{ref:h,className:V(l.root,x==="full"?l.widthFull:"",e?l.error:"",C),style:F,...z,children:[s?o(O,{label:s,htmlFor:a,size:u,children:D}):D,N&&!e?o(R,{id:B,children:r}):null,typeof n=="string"?o(R,{variant:"error",id:P,children:n}):null,N?null:r]})});j.displayName="PinInput";export{j as PinInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var i=".WyhK5{box-sizing:border-box;display:inline-block;font-family:inherit;max-width:var(--altum-field-width-default);min-width:0;width:100%}.cJUfQ{display:block;max-width:100%}.Kou0o .MNjMx:focus-within .fxLzs [data-field-chrome],.Kou0o .fxLzs{--altum-field-control-border:var(--altum-color-status-error)}.Kou0o .MNjMx:focus-within .fxLzs [data-field-chrome]{--altum-field-control-shadow:0 0 0 1px var(--altum-color-status-error);border-color:var(--altum-field-control-border);box-shadow:var(--altum-field-control-shadow)}.MNjMx{display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-2)}.MNjMx .fxLzs{flex:none;max-width:var(--altum-field-size-height);min-width:var(--altum-field-size-height);width:var(--altum-field-size-height)}.lPf8z{font-variant-numeric:tabular-nums;font-weight:var(--altum-g-font-weight-semibold);padding:0;text-align:center}";const l={root:"WyhK5",widthFull:"cJUfQ",error:"Kou0o",cell:"fxLzs",group:"MNjMx",cellInput:"lPf8z"};t(i);export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as p}from"react/jsx-runtime";import{forwardRef as h}from"react";import{useLocale as N}from"../../locales/localeContext.js";import{localeToBcp47 as g}from"../../utils/locale.js";import{useNow as w}from"../../hooks/useNow.js";const R=[[60,1,"second"],[3600,60,"minute"],[86400,3600,"hour"],[86400*30,86400,"day"],[86400*365,86400*30,"month"]];function v(e){const t=e instanceof Date?e:new Date(e);return Number.isNaN(t.getTime())?null:t}function s(e,t="ru-RU",n=new Date){const r=Math.round((e.getTime()-n.getTime())/1e3),i=Math.abs(r),a=new Intl.RelativeTimeFormat(t,{numeric:"auto"});for(const[m,l,u]of R)if(i<m)return a.format(Math.round(r/l),u);return a.format(Math.round(r/(86400*365)),"year")}const f=h(function({date:e,locale:t,updateInterval:n=3e4,showAbsoluteTitle:r=!0,className:i,title:a,...m},l){const{locale:u}=N(),c=t??g(u),o=v(e),d=w(o?n:0),T=o?s(o,c,d):"\u2014";return p("time",{ref:l,className:i,dateTime:o?.toISOString(),title:o&&r?o.toLocaleString(c):a,...m,children:T})});f.displayName="RelativeTime";export{f as RelativeTime,s as formatRelativeTime};
|