altum 0.0.6 → 0.0.8
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 +12 -6
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.module.css.js +1 -1
- package/dist/components/Attachment/Attachment.js +1 -1
- package/dist/components/Attachment/Attachment.module.css.js +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.module.css.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.module.css.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.module.css.js +1 -1
- package/dist/components/FieldGroup/FieldGroup.js +1 -0
- package/dist/components/FieldGroup/FieldGroup.module.css.js +1 -0
- package/dist/components/Gap/Gap.js +1 -0
- package/dist/components/Gap/Gap.module.css.js +1 -0
- package/dist/components/Item/Item.js +1 -1
- package/dist/components/PopupSwitch/PopupSwitch.js +1 -1
- package/dist/components/PopupSwitch/PopupSwitch.module.css.js +1 -1
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/Select.module.css.js +1 -1
- package/dist/components/SuggestField/SuggestField.js +1 -1
- package/dist/components/SuggestField/SuggestField.module.css.js +1 -0
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/TextField/TextField.module.css.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.module.css.js +1 -1
- package/dist/index.js +1 -1
- package/docs/COMPONENTS.md +5 -3
- package/docs/LAYOUT.md +35 -1
- package/package.json +3 -2
- package/types/index.d.ts +31 -11
package/CHANGELOG.md
CHANGED
|
@@ -8,13 +8,19 @@
|
|
|
8
8
|
|
|
9
9
|
## [Unreleased]
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
- **`IconChevronUpDown`** — шеврон вверх и шеврон вниз в одной иконке.
|
|
13
|
-
- Storybook **About** — страница **Компоненты**: список с иконкой, кратким описанием и размером собственного кода, плюс сумма по всем компонентам.
|
|
11
|
+
## [0.0.8] — 2026-09-28
|
|
14
12
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
**`Gap`** — пустой зазор (`size`, `orientation`). У **`Item`** `wrap` переносит длинные `title` и `description`.
|
|
14
|
+
|
|
15
|
+
**Исправлено.** У **`Attachment`** hover ошибки не снимает заливку, `sm` / `xs` берут свой кегль, загрузка — `aria-busy`, ошибка — `aria-invalid`. У **`Alert`** один зазор до `actions`.
|
|
16
|
+
|
|
17
|
+
## [0.0.7] — 2026-09-28
|
|
18
|
+
|
|
19
|
+
**`FieldGroup`** стыкует поля и кнопки одной рамкой: оболочка **`Select`** по видимому полю, высота как у кнопки и **`PopupSwitch`**, тень варианта не ложится на соседа. **`PopupSwitch`**: `width="options"` по самой длинной подписи, шеврон **`IconChevronUpDown`**. У **`Button`** `variant="link"` `size` меняет кегль и иконку. Storybook **About**: страница бренда и каталог компонентов (`npm run catalog`).
|
|
20
|
+
|
|
21
|
+
**Несовместимо.** У **`Select`** снят `combobox` (вместе с `inputRef`, `wrapperProps`, `name`, `required` и обработчиками инпута). Свой триггер — `customTrigger`: **`SuggestField`** рисует там `TextField`, **`Select`** поле не рисует.
|
|
22
|
+
|
|
23
|
+
**Исправлено.** Клик по шеврону **`Select`** открывает и закрывает список. Отступ справа от шеврона **`PopupSwitch`** как у **`Select`**.
|
|
18
24
|
|
|
19
25
|
## [0.0.6] — 2026-09-27
|
|
20
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as d,jsx as o}from"react/jsx-runtime";import{forwardRef as w}from"react";import{IconCheckmark as y}from"../../icons/icons/IconCheckmark.js";import{IconInformation as C}from"../../icons/icons/IconInformation.js";import{IconWarning as g}from"../../icons/icons/IconWarning.js";import{IconWrong as x}from"../../icons/icons/IconWrong.js";import{OverlayCloseButton as j}from"../ButtonIcon/OverlayCloseButton.js";import e from"../../styles/MediaItem.module.css.js";import r from"./Alert.module.css.js";import f from"../../styles/status.module.css.js";import{cn as i}from"../../utils/cn.js";import{useLocale as A}from"../../locales/localeContext.js";import{ruSlice as L}from"../../locales/slices/common.ru.js";const W={common:L},B={info:o(C,{size:16}),success:o(y,{size:16}),warning:o(g,{size:16}),error:o(x,{size:16})},p=w(function({variant:n="info",size:c="md",layout:u="block",className:h,role:v,title:l,icon:m,actions:s,onClose:a,closeLabel:N,children:t,...I},b){const{t:z}=A(W),k=N??z("common.close");return d("div",{ref:b,className:i(e.row,e.wrap,r.alert,
|
|
1
|
+
"use client";import{jsxs as d,jsx as o}from"react/jsx-runtime";import{forwardRef as w}from"react";import{IconCheckmark as y}from"../../icons/icons/IconCheckmark.js";import{IconInformation as C}from"../../icons/icons/IconInformation.js";import{IconWarning as g}from"../../icons/icons/IconWarning.js";import{IconWrong as x}from"../../icons/icons/IconWrong.js";import{OverlayCloseButton as j}from"../ButtonIcon/OverlayCloseButton.js";import e from"../../styles/MediaItem.module.css.js";import r from"./Alert.module.css.js";import f from"../../styles/status.module.css.js";import{cn as i}from"../../utils/cn.js";import{useLocale as A}from"../../locales/localeContext.js";import{ruSlice as L}from"../../locales/slices/common.ru.js";const W={common:L},B={info:o(C,{size:16}),success:o(y,{size:16}),warning:o(g,{size:16}),error:o(x,{size:16})},p=w(function({variant:n="info",size:c="md",layout:u="block",className:h,role:v,title:l,icon:m,actions:s,onClose:a,closeLabel:N,children:t,...I},b){const{t:z}=A(W),k=N??z("common.close");return d("div",{ref:b,className:i(e.row,e.wrap,r.alert,f[n],f.surface,c!=="md"&&r[c],u==="inline"&&r.inline,h),role:v??(n==="error"?"alert":"status"),...I,children:[m!==null&&o("div",{className:i(e.media,r.icon),"aria-hidden":!0,children:m??B[n]}),d("div",{className:i(e.content,r.body),children:[l!=null&&l!==""&&o("div",{className:i(e.title,r.title),children:l}),t!=null&&t!==""&&o("div",{className:i(e.description,r.content),children:t}),s!=null&&o("div",{className:i(e.actions,r.actions),children:s})]}),a!=null&&o(j,{"aria-label":k,onClick:a})]})});p.displayName="Alert";export{p as Alert};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t="._7cYyI{align-items:flex-start;background-color:var(--altum-status-bg);border:1px solid var(--altum-status-border);border-radius:var(--altum-g-radius);color:var(--altum-status-fg);padding:var(--altum-g-space-3) var(--altum-g-space-4)}._7cYyI .Zg6SB{color:inherit;margin-top:var(--altum-g-space-1)}._7cYyI .abGgF{color:inherit;font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-xs)}._7cYyI .UXnmZ,._7cYyI .abGgF{font-size:var(--altum-g-font-size-sm)}._7cYyI .UXnmZ{color:var(--altum-color-muted);line-height:var(--altum-g-line-height-base)}._7cYyI .RW9lv{align-items:flex-start;flex-wrap:wrap;gap:var(--altum-g-space-2)
|
|
1
|
+
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t="._7cYyI{align-items:flex-start;background-color:var(--altum-status-bg);border:1px solid var(--altum-status-border);border-radius:var(--altum-g-radius);color:var(--altum-status-fg);padding:var(--altum-g-space-3) var(--altum-g-space-4)}._7cYyI .Zg6SB{color:inherit;margin-top:var(--altum-g-space-1)}._7cYyI .abGgF{color:inherit;font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-xs)}._7cYyI .UXnmZ,._7cYyI .abGgF{font-size:var(--altum-g-font-size-sm)}._7cYyI .UXnmZ{color:var(--altum-color-muted);line-height:var(--altum-g-line-height-base)}._7cYyI .RW9lv{align-items:flex-start;flex-wrap:wrap;gap:var(--altum-g-space-2)}._7cYyI._8W0SD{gap:var(--altum-g-space-2);padding:var(--altum-g-space-2) var(--altum-g-space-3)}._7cYyI._8W0SD .UXnmZ,._7cYyI._8W0SD .abGgF{font-size:var(--altum-g-font-size-xs)}._7cYyI.-rVFO{padding:var(--altum-g-space-4) var(--altum-g-space-5)}._7cYyI.-rVFO .abGgF{font-size:var(--altum-g-font-size-base)}._7cYyI.OCIzv{display:inline-flex;max-width:100%;vertical-align:middle;width:auto}._7cYyI.OCIzv .B60Rk{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--altum-g-space-2)}";const e={alert:"_7cYyI",icon:"Zg6SB",title:"abGgF",content:"UXnmZ",actions:"RW9lv",sm:"_8W0SD",lg:"-rVFO",inline:"OCIzv",body:"B60Rk"};a(t);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as t,jsxs as n,Fragment as l}from"react/jsx-runtime";import{forwardRef as p}from"react";import{Spinner as c}from"../Spinner/Spinner.js";import{Item as u}from"../Item/Item.js";import a from"./Attachment.module.css.js";import{cn as f}from"../../utils/cn.js";const m=p(function({size:r="md",status:i="idle",media:e,className:s,...o},d){return t(u,{ref:d,...o,size:r==="xs"?"sm":r,variant:"outlined",mediaClassName:a.media,titleClassName:a.title,descriptionClassName:a.description,media:i==="uploading"&&e!=null?n(l,{children:[e,t("span",{className:a.uploadOverlay,"aria-hidden":!0,children:t(c,{size:16,"aria-hidden":!0})})]}):e,className:f(a.attachment,r!=="md"?a[r]:"",i==="error"?a.error:"",s),"data-status":i,"aria-busy":i==="uploading"||void 0,"aria-invalid":i==="error"||void 0})});m.displayName="Attachment";export{m as Attachment};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._5PlRC{--altum-attachment-max-width:360px;--altum-attachment-max-width-sm:280px;--altum-attachment-max-width-xs:220px;max-width:var(--altum-attachment-max-width)}._5PlRC:hover:not(:disabled){background:var(--altum-color-panel-bg-hover)}._5PlRC.NkCiM{max-width:var(--altum-attachment-max-width-sm)}._5PlRC.um8pJ{max-width:var(--altum-attachment-max-width-xs)}._5PlRC.um8pJ .FCf1F{height:var(--altum-g-space-5);width:var(--altum-g-space-5)}._5PlRC.um8pJ .n2PFF{font-size:var(--altum-g-font-size-2xs)}._5PlRC.Fv4Vl{
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._5PlRC{--altum-attachment-max-width:360px;--altum-attachment-max-width-sm:280px;--altum-attachment-max-width-xs:220px;max-width:var(--altum-attachment-max-width)}._5PlRC:hover:not(:disabled):not(.Fv4Vl){background:var(--altum-color-panel-bg-hover)}._5PlRC.NkCiM{max-width:var(--altum-attachment-max-width-sm)}._5PlRC.NkCiM .n2PFF{font-size:var(--altum-g-font-size-sm)}._5PlRC.um8pJ{max-width:var(--altum-attachment-max-width-xs)}._5PlRC.um8pJ .FCf1F{height:var(--altum-g-space-5);width:var(--altum-g-space-5)}._5PlRC.um8pJ .n2PFF{font-size:var(--altum-g-font-size-2xs)}._5PlRC.Fv4Vl{border-color:color-mix(in srgb,var(--altum-color-status-error) 40%,var(--altum-color-panel-border))}._5PlRC.Fv4Vl,._5PlRC.Fv4Vl:hover:not(:disabled){background:color-mix(in srgb,var(--altum-color-status-error) 8%,var(--altum-color-panel-bg))}._5PlRC:is(.NkCiM,.um8pJ) .koTJ7{color:var(--altum-field-label);font-size:var(--altum-g-font-size-xs);line-height:1.3}._5PlRC .FCf1F{position:relative}._5PlRC ._5vdyS{align-items:center;background:color-mix(in srgb,var(--altum-color-panel-bg) 55%,#0000);display:flex;inset:0;justify-content:center;position:absolute}._5PlRC .n2PFF{font-size:var(--altum-g-font-size-sm)}._5PlRC .koTJ7{color:var(--altum-field-label);font-size:var(--altum-g-font-size-xs);line-height:1.3}";const l={attachment:"_5PlRC",error:"Fv4Vl",sm:"NkCiM",title:"n2PFF",xs:"um8pJ",media:"FCf1F",description:"koTJ7",uploadOverlay:"_5vdyS"};t(a);export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{forwardRef as y,createElement as h}from"react";import
|
|
1
|
+
"use client";import{forwardRef as y,createElement as h}from"react";import i from"./Button.module.css.js";import N from"../../styles/textLink.module.css.js";import{cn as k}from"../../utils/cn.js";const l=y(function({variant:o="primary",size:r="md",active:s,className:n,children:f,type:m="button",disabled:d,as:p,prefix:c,postfix:u,loading:e=!1,fullWidth:b,...v},x){const t=p==="a",a=!!(d||e);return h(t?"a":"button",{ref:x,className:k(i.btn,i[o],r!=="md"&&i[r],o==="link"&&N.link,d&&!e&&i.off,b&&i.fullWidth,n),type:t?void 0:m,disabled:t?void 0:a,"aria-disabled":t&&a?!0:void 0,tabIndex:t&&a?-1:void 0,...v,"aria-pressed":s,"aria-busy":e||void 0},!e&&c,f,u)});l.displayName="Button";export{l as Button};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a='.Fx11X{--altum-btn-border
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a='.Fx11X{--altum-btn-border:var(--altum-field-group-stroke,#0000);--altum-btn-text:inherit;--altum-btn-text-hover:var(--altum-btn-text);--altum-btn-bg:#0000;--altum-btn-bg-hover:var(--altum-btn-bg);--altum-btn-bg-active:var(--altum-btn-bg-hover);--altum-btn-shadow:var(--altum-field-group-shadow,0 0 0 0 #0000);--altum-btn-focus-ring:var(--altum-focus-ring-color);--altum-btn-shape:var(--altum-btn-radius,var(--altum-g-radius));--altum-btn-height:var(--altum-control-height-md);--altum-btn-pad-x:var(--altum-g-space-5);--altum-btn-font-size:var(--altum-g-font-size-base);--altum-btn-icon-size:var(--altum-control-icon-size-md);align-items:center;appearance:none;background:var(--altum-btn-bg);border:1px solid var(--altum-btn-border);border-radius:var(--altum-field-group-radius-start,var(--altum-btn-shape)) var(--altum-field-group-radius-end,var(--altum-btn-shape)) var(--altum-field-group-radius-end,var(--altum-btn-shape)) var(--altum-field-group-radius-start,var(--altum-btn-shape));box-shadow:var(--altum-btn-shadow);box-sizing:border-box;color:var(--altum-btn-text);cursor:pointer;display:inline-flex;font-family:var(--altum-g-font-family-ui);font-size:var(--altum-btn-font-size);font-weight:var(--altum-g-font-weight-medium);gap:var(--altum-g-space-2);height:var(--altum-btn-height);justify-content:center;outline:none;padding:0 var(--altum-btn-pad-x);transition:var(--altum-transition-smooth);-webkit-user-select:none;user-select:none}.Fx11X>*{--altum-field-group-radius-start:initial;--altum-field-group-radius-end:initial}.Fx11X svg{height:var(--altum-btn-icon-size);width:var(--altum-btn-icon-size)}.Fx11X._69HBo{color:color-mix(in srgb,var(--altum-btn-text) 48%,var(--altum-color-bg));cursor:not-allowed}.Fx11X._69HBo:not(._1KINV,.Zt5hw){background:color-mix(in srgb,var(--altum-btn-bg) 36%,var(--altum-color-surface));border-color:var(--altum-field-group-stroke,#0000);box-shadow:var(--altum-field-group-shadow,none)}.Fx11X[aria-disabled=true]{pointer-events:none}.Fx11X[aria-busy=true]{cursor:progress}.Fx11X[aria-busy=true]:before{animation:JvkZu .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;box-sizing:border-box;content:"";display:inline-block;height:var(--altum-btn-icon-size);width:var(--altum-btn-icon-size)}.Fx11X:not(:disabled,[aria-disabled=true]):hover{background-color:var(--altum-btn-bg-hover);color:var(--altum-btn-text-hover)}.Fx11X:not(:disabled,[aria-disabled=true]):active{background-color:var(--altum-btn-bg-active)}.Fx11X:focus-visible{box-shadow:var(--altum-btn-shadow),0 0 0 var(--altum-button-focus-inner) var(--altum-color-bg),0 0 0 var(--altum-button-focus-outer) var(--altum-btn-focus-ring)}.Fx11X:where(.NhG0g){--altum-btn-height:var(--altum-control-height-sm);--altum-btn-pad-x:var(--altum-g-space-3);--altum-btn-font-size:var(--altum-g-font-size-2xs);--altum-btn-icon-size:var(--altum-control-icon-size-sm)}.Fx11X:where(._2plQf){--altum-btn-height:var(--altum-control-height-lg);--altum-btn-pad-x:var(--altum-g-space-7);--altum-btn-font-size:var(--altum-g-font-size-lg);--altum-btn-icon-size:var(--altum-control-icon-size-lg)}.Fx11X.s1sM6{--altum-btn-border:var(--altum-field-group-stroke,var(--altum-color-button-border-primary));--altum-btn-text:var(--altum-color-brand-text);--altum-btn-bg:var(--altum-color-brand);--altum-btn-bg-hover:var(--altum-color-brand-hover);--altum-btn-bg-active:var(--altum-color-brand-active);--altum-btn-shadow:var(--altum-field-group-shadow,var(--altum-shadow-brand))}.Fx11X.fahpj{--altum-btn-border:var(--altum-field-group-stroke,var(--altum-color-button-tinted-border));--altum-btn-text:var(--altum-color-button-tinted-text);--altum-btn-bg:var(--altum-color-button-tinted-bg);--altum-btn-bg-hover:var(--altum-color-button-tinted-bg-hover);--altum-btn-bg-active:var(--altum-color-button-tinted-bg-active)}.Fx11X.R0waJ{--altum-btn-border:var(--altum-field-group-stroke,var(--altum-color-button-secondary-border));--altum-btn-text:var(--altum-color-button-secondary-text);--altum-btn-bg:var(--altum-color-button-secondary-bg);--altum-btn-bg-hover:var(--altum-color-button-secondary-bg-hover);--altum-btn-bg-active:var(--altum-color-button-secondary-bg-active);--altum-btn-shadow:var(--altum-field-group-shadow,var(--altum-color-button-secondary-shadow))}.Fx11X.V4fX8{--altum-btn-border:var(--altum-field-group-stroke,var(--altum-color-button-border-danger));--altum-btn-text:var(--altum-color-danger-text);--altum-btn-bg:var(--altum-color-danger-bg-solid);--altum-btn-bg-hover:var(--altum-color-danger-bg-hover);--altum-btn-bg-active:var(--altum-color-danger-bg-active);--altum-btn-shadow:var(--altum-field-group-shadow,var(--altum-color-danger-shadow))}.Fx11X.U-Isv{--altum-btn-border:var(--altum-field-group-stroke,var(--altum-color-button-border-danger-tinted));--altum-btn-text:var(--altum-color-danger-tint-text);--altum-btn-text-hover:var(--altum-color-danger-text-secondary-hover);--altum-btn-bg:var(--altum-color-danger-tint-bg);--altum-btn-bg-hover:var(--altum-color-danger-tint-bg-hover);--altum-btn-bg-active:var(--altum-color-danger-tint-bg-active)}.Fx11X.U-Isv,.Fx11X.V4fX8{--altum-btn-focus-ring:var(--altum-color-danger-bg-solid)}.Fx11X._1KINV{--altum-btn-text:var(--altum-color-button-ghost-text);--altum-btn-text-hover:var(--altum-color-button-ghost-text-hover);--altum-btn-bg-hover:var(--altum-color-button-ghost-hover-bg);--altum-btn-bg-active:var(--altum-color-button-ghost-active-bg)}.Fx11X.Zt5hw{--altum-btn-text:var(--altum-color-link-color);--altum-btn-text-hover:var(--altum-color-link-color-hover);--altum-btn-radius:var(--altum-g-radius-sm);align-self:center;border:none;font-weight:var(--altum-g-font-weight-normal);height:auto;padding:0}.Fx11X.Zt5hw:not(:disabled,[aria-disabled=true]):active{color:var(--altum-color-link-color-hover)}.Fx11X[aria-pressed=false]{background-color:initial;border-color:var(--altum-field-group-stroke,#0000);box-shadow:var(--altum-field-group-shadow,none);opacity:.75}.Fx11X[aria-pressed=false]:not(:disabled,[aria-disabled=true]):hover{opacity:1}.Fx11X._36oJT{display:flex;width:100%}@media (prefers-reduced-motion:reduce){.Fx11X[aria-busy=true]:before{animation:none;border-right-color:initial;opacity:.55}}@keyframes JvkZu{to{transform:rotate(1turn)}}';const r={btn:"Fx11X",off:"_69HBo",ghost:"_1KINV",link:"Zt5hw",spin:"JvkZu",sm:"NhG0g",lg:"_2plQf",primary:"s1sM6",tinted:"fahpj",secondary:"R0waJ",danger:"V4fX8",danger_tinted:"U-Isv",fullWidth:"_36oJT"};t(a);export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".Tgazn{--altum-button-group-spring:linear(0,0.009,0.035,0.076,0.129,0.192,0.264,0.341,0.421,0.503,0.583,0.661,0.734,0.801,0.86,0.91,0.951,0.981,1.002,1.014,1.019,1.019,1.016,1.011,1.006,1.001,0.997,0.995,0.994,0.995,0.996,0.998,1,1);--altum-button-group-height:var(--altum-control-height-md);--altum-button-group-pad:var(--altum-control-inset);--altum-button-group-font-size:var(--altum-g-font-size-base);--altum-button-group-item-min:var(--altum-button-group-item-min-md);--altum-button-group-item-pad:var(--altum-g-space-2);--altum-button-group-icon-size:var(--altum-control-icon-size-md);--altum-bg-thumb:var(--altum-color-surface-active);--altum-bg-thumb-shadow:var(--altum-color-segmented-slider-shadow);--altum-fg-item:var(--altum-color-type-secondary);--altum-fg-item-on:var(--altum-color-type);--altum-bg-item-hover:var(--altum-color-surface-hover);align-items:stretch;border-radius:var(--altum-g-radius);box-sizing:border-box;display:inline-flex;font-size:var(--altum-button-group-font-size);gap:var(--altum-g-space-1);height:var(--altum-button-group-height);max-width:100%;padding:var(--altum-button-group-pad);position:relative;transition:var(--altum-transition-smooth);vertical-align:middle}.Tgazn.rss-L{--altum-fg-item:var(--altum-color-brand-text);--altum-fg-item-on:var(--altum-color-brand-text);--altum-bg-item-hover:color-mix(in srgb,var(--altum-g-color-black) 16%,var(--altum-color-brand));--altum-bg-thumb:var(--altum-color-brand-active);--altum-bg-thumb-shadow:inset 0 0 0 1px var(--altum-color-brand-border);background-color:var(--altum-color-brand);border:1px solid
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".Tgazn{--altum-button-group-spring:linear(0,0.009,0.035,0.076,0.129,0.192,0.264,0.341,0.421,0.503,0.583,0.661,0.734,0.801,0.86,0.91,0.951,0.981,1.002,1.014,1.019,1.019,1.016,1.011,1.006,1.001,0.997,0.995,0.994,0.995,0.996,0.998,1,1);--altum-button-group-height:var(--altum-control-height-md);--altum-button-group-pad:var(--altum-control-inset);--altum-button-group-font-size:var(--altum-g-font-size-base);--altum-button-group-item-min:var(--altum-button-group-item-min-md);--altum-button-group-item-pad:var(--altum-g-space-2);--altum-button-group-icon-size:var(--altum-control-icon-size-md);--altum-bg-thumb:var(--altum-color-surface-active);--altum-bg-thumb-shadow:var(--altum-color-segmented-slider-shadow);--altum-fg-item:var(--altum-color-type-secondary);--altum-fg-item-on:var(--altum-color-type);--altum-bg-item-hover:var(--altum-color-surface-hover);align-items:stretch;border-radius:var(--altum-field-group-radius-start,var(--altum-g-radius)) var(--altum-field-group-radius-end,var(--altum-g-radius)) var(--altum-field-group-radius-end,var(--altum-g-radius)) var(--altum-field-group-radius-start,var(--altum-g-radius));box-sizing:border-box;display:inline-flex;font-size:var(--altum-button-group-font-size);gap:var(--altum-g-space-1);height:var(--altum-button-group-height);max-width:100%;padding:var(--altum-button-group-pad);position:relative;transition:var(--altum-transition-smooth);vertical-align:middle}.Tgazn>*{--altum-field-group-radius-start:initial;--altum-field-group-radius-end:initial}.Tgazn.rss-L{--altum-fg-item:var(--altum-color-brand-text);--altum-fg-item-on:var(--altum-color-brand-text);--altum-bg-item-hover:color-mix(in srgb,var(--altum-g-color-black) 16%,var(--altum-color-brand));--altum-bg-thumb:var(--altum-color-brand-active);--altum-bg-thumb-shadow:inset 0 0 0 1px var(--altum-color-brand-border);background-color:var(--altum-color-brand);border:1px solid var(--altum-field-group-stroke,#0000);box-shadow:var(--altum-field-group-shadow,var(--altum-shadow-brand))}.Tgazn.j78gV.rss-L{--altum-fg-item:color-mix(in srgb,var(--altum-color-brand-text) 72%,#0000)}.Tgazn._3VCs2{--altum-bg-item-hover:color-mix(in srgb,var(--altum-color-brand) 28%,#0000);--altum-bg-thumb:var(--altum-color-button-tinted-bg-active);--altum-bg-thumb-shadow:inset 0 0 0 1px var(--altum-color-button-tinted-border);background-color:var(--altum-color-button-tinted-bg);border:1px solid var(--altum-field-group-stroke,var(--altum-color-button-tinted-border));box-shadow:none}.Tgazn.g1MNC{--altum-bg-item-hover:color-mix(in srgb,var(--altum-color-text-secondary) 12%,#0000);--altum-bg-thumb:color-mix(in srgb,var(--altum-color-text-secondary) 18%,var(--altum-color-surface));background-color:var(--altum-color-button-secondary-bg);border:1px solid var(--altum-field-group-stroke,var(--altum-color-button-secondary-border));box-shadow:var(--altum-field-group-shadow,none)}.Tgazn.Ep0ha,.Tgazn.dfR5t,.Tgazn.zBpYa{--altum-fg-item:var(--altum-color-button-ghost-text);--altum-fg-item-on:var(--altum-color-button-ghost-text-hover);--altum-bg-item-hover:var(--altum-color-button-ghost-hover-bg);--altum-bg-thumb:var(--altum-color-segmented-ghost-slider-bg)}.Tgazn.Ep0ha{border:1px solid var(--altum-field-group-stroke,var(--altum-color-button-secondary-border))}.Tgazn.Ep0ha,.Tgazn.dfR5t,.Tgazn.zBpYa{background-color:initial;box-shadow:none}.Tgazn.dfR5t,.Tgazn.zBpYa{border:1px solid #0000;gap:0;padding:0}.Tgazn.zBpYa .otlEF{bottom:0;top:0}.Tgazn.f5kUO{border:none}.Tgazn.uDoMb{background-color:var(--altum-field-bg-readonly);border:1px dashed var(--altum-field-border-readonly);box-shadow:none;cursor:default}.Tgazn.noOCG{--altum-fg-item:var(--altum-color-danger-text);--altum-fg-item-on:var(--altum-color-danger-text);--altum-bg-thumb:var(--altum-color-danger-bg-hover);--altum-bg-thumb-shadow:var(--altum-color-danger-shadow)}.Tgazn.noOCG.rss-L{background-color:var(--altum-color-danger-bg-solid);box-shadow:var(--altum-field-group-shadow,var(--altum-color-danger-shadow))}.Tgazn.noOCG._3VCs2,.Tgazn.noOCG.g1MNC{--altum-fg-item:var(--altum-color-danger-text-secondary);--altum-fg-item-on:var(--altum-color-danger-text-secondary-hover);--altum-bg-thumb:var(--altum-color-danger-bg-secondary-hover);--altum-bg-thumb-shadow:var(--altum-color-danger-shadow-secondary);background-color:var(--altum-color-danger-bg-secondary)}.Tgazn.noOCG.Ep0ha,.Tgazn.noOCG._3VCs2,.Tgazn.noOCG.dfR5t,.Tgazn.noOCG.g1MNC{border-color:var(--altum-field-group-stroke,var(--altum-color-button-border-danger-secondary))}.Tgazn.noOCG.Ep0ha,.Tgazn.noOCG.dfR5t{--altum-fg-item:var(--altum-color-danger-text-secondary);--altum-fg-item-on:var(--altum-color-danger-text-secondary-hover)}.Tgazn.TCMDW{display:flex;width:100%}.Tgazn.TCMDW>._-1Y6t{flex:1 1 0;min-width:0}.Tgazn.hRI2x{--altum-button-group-height:var(--altum-control-height-sm);--altum-button-group-font-size:var(--altum-g-font-size-2xs);--altum-button-group-item-min:var(--altum-button-group-item-min-sm);--altum-button-group-item-pad:var(--altum-g-space-1);--altum-button-group-icon-size:var(--altum-control-icon-size-sm)}.Tgazn._4FjZc{--altum-button-group-height:var(--altum-control-height-lg);--altum-button-group-pad:var(--altum-g-space-1);--altum-button-group-font-size:var(--altum-g-font-size-lg);--altum-button-group-item-min:var(--altum-button-group-item-min-lg);--altum-button-group-item-pad:var(--altum-g-space-3);--altum-button-group-icon-size:var(--altum-control-icon-size-lg)}.Tgazn._73VqR{cursor:not-allowed;opacity:var(--altum-opacity-disabled)}.Tgazn.j78gV{gap:var(--altum-control-inset)}.Tgazn.j78gV ._-1Y6t{overflow:hidden}:is(.Tgazn.j78gV ._-1Y6t):hover:not(:disabled):not(.nQoWy){background-color:var(--altum-bg-item-hover)}.nQoWy:is(.Tgazn.j78gV ._-1Y6t){background:#0000;box-shadow:none}:is(.Tgazn.j78gV ._-1Y6t):active:not(:disabled){transform:scale(.98)}.Tgazn.j78gV.hRI2x ._-1Y6t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Tgazn.j78gV._4FjZc ._-1Y6t{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.Tgazn.yscI->._-1Y6t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}._-1Y6t{align-items:center;align-self:stretch;border-radius:calc(var(--altum-g-radius) - var(--altum-control-inset));color:var(--altum-fg-item);display:inline-flex;font-size:var(--altum-button-group-font-size);font-weight:var(--altum-g-font-weight-medium,500);gap:var(--altum-g-space-1);height:100%;justify-content:center;line-height:1;min-height:0;min-width:var(--altum-button-group-item-min);padding:0 var(--altum-button-group-item-pad);position:relative;white-space:nowrap;z-index:var(--altum-g-z-raised-above)}._-1Y6t:hover:not(:disabled){background-color:var(--altum-bg-item-hover);color:var(--altum-fg-item-on)}._-1Y6t:disabled{opacity:var(--altum-opacity-disabled)}._-1Y6t svg{flex-shrink:0;height:var(--altum-button-group-icon-size);width:var(--altum-button-group-icon-size)}.nQoWy{background-color:var(--altum-bg-thumb);box-shadow:var(--altum-bg-thumb-shadow);color:var(--altum-fg-item-on)}.ZOyZ9{cursor:default}.otlEF{background-color:var(--altum-bg-thumb);border-radius:calc(var(--altum-g-radius) - var(--altum-control-inset));bottom:var(--altum-button-group-pad);box-shadow:var(--altum-bg-thumb-shadow);left:0;pointer-events:none;position:absolute;top:var(--altum-button-group-pad);transition:none;z-index:var(--altum-g-z-raised)}.otlEF.hd-IQ{transition:transform .45s var(--altum-button-group-spring),width .45s var(--altum-button-group-spring)}@media (prefers-reduced-motion:reduce){.otlEF.hd-IQ{transition:none}.j78gV ._-1Y6t:active:not(:disabled){transform:none}}";const o={group:"Tgazn",primary:"rss-L",modeToggle:"j78gV",tinted:"_3VCs2",secondary:"g1MNC",ghost:"Ep0ha",link:"dfR5t",plain:"zBpYa",slider:"otlEF",borderless:"f5kUO",readOnly:"uDoMb",statusDanger:"noOCG",widthFull:"TCMDW",item:"_-1Y6t",sm:"hRI2x",lg:"_4FjZc",disabled:"_73VqR",itemActive:"nQoWy",fitContent:"yscI-",itemReadOnly:"ZOyZ9",sliderReady:"hd-IQ"};t(a);export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".omUD9{--altum-btn-pad-x:0;aspect-ratio:1;width:auto}.omUD9 svg{transform:translateY(.5px)}.omUD9.z-iaD{
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a=".omUD9{--altum-btn-pad-x:0;aspect-ratio:1;width:auto}.omUD9 svg{transform:translateY(.5px)}.omUD9.z-iaD{--altum-btn-radius:50%}";const o={root:"omUD9",circle:"z-iaD"};t(a);export{o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as f}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as c}from"../../utils/cn.js";import r from"./FieldGroup.module.css.js";const o=a(function({width:e="auto",className:i,children:l,...t},m){return f("div",{ref:m,className:c(r.root,e==="full"&&r.full,i),...t,children:l})});o.displayName="FieldGroup";export{o as FieldGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{injectCss as i}from"../../utils/injectCss.js";var a=".gEHCk{--altum-field-group-stroke:var(--altum-color-field-border);--altum-field-group-shadow:0 0 0 0 #0000;align-items:flex-start;display:inline-flex;max-width:100%;vertical-align:middle}.gEHCk.IB9a8{display:flex;width:100%}.gEHCk>*+*{margin-inline-start:-1px}.gEHCk>:not(:first-child){--altum-field-group-radius-start:0}.gEHCk>:not(:last-child){--altum-field-group-radius-end:0}.gEHCk>:hover{position:relative;z-index:var(--altum-g-z-raised)}.gEHCk>:focus-within{position:relative;z-index:var(--altum-g-z-raised-above)}.gEHCk [data-field]{--altum-field-group-stroke:initial;--altum-field-group-shadow:initial}.gEHCk>[data-field]{flex:1 1 auto;max-width:100%;min-height:0;min-width:0;width:var(--altum-field-width-default)}.gEHCk>:has([data-field]):not([data-field]){flex:0 1 auto;max-width:100%;min-height:0;min-width:0;width:max-content}.gEHCk.IB9a8>:has([data-field]),.gEHCk.IB9a8>[data-field]{flex:1 1 0;max-width:none;width:auto}.gEHCk.IB9a8>:has([data-field]) [data-field]{max-width:none;width:100%}";const t={root:"gEHCk",full:"IB9a8"};i(a);export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as p}from"react/jsx-runtime";import{forwardRef as n}from"react";import r from"./Gap.module.css.js";import{cn as f}from"../../utils/cn.js";import{resolveSpacingCss as l}from"../../utils/spacing.js";const o=n(function({size:e="md",orientation:t="horizontal",className:i,style:a,...m},s){return p("div",{ref:s,className:f(r.root,r[t],i),...m,style:{"--altum-gap-size":l(e),...a},"aria-hidden":!0})});o.displayName="Gap";export{o as Gap};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var i=".l6T1Y{box-sizing:border-box;flex-shrink:0}.l6T1Y.G1-wh{height:var(--altum-gap-size);width:100%}.l6T1Y.WROmB{align-self:stretch;width:var(--altum-gap-size)}";const e={root:"l6T1Y",horizontal:"G1-wh",vertical:"WROmB"};t(i);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{forwardRef as R}from"react";import{Box as $}from"../Box/Box.js";import N from"../../styles/flexChild.module.css.js";import n from"../../styles/MediaItem.module.css.js";import i from"./Item.module.css.js";import{cn as e}from"../../utils/cn.js";import{implicitAs as z}from"../../utils/implicitAs.js";import{Flex as s}from"../../base/Flex/Flex.js";const A={sm:"sm",md:"md",lg:"md"},B={sm:"none",md:"var(--altum-control-inset)",lg:"var(--altum-control-inset)"},g=R(function({size:a="md",variant:v="ghost",interactive:t=!1,wrap:h=!1,as:o,media:c,mediaVariant:w="icon",mediaClassName:x,title:r,titleClassName:C,description:m,descriptionClassName:k,actions:d,actionsClassName:b,className:j,onClick:p,role:f,...y},F){const I=t?z(o,p,f):o??"div";return l($,{ref:F,as:I,variant:v,padding:"none",className:e(i.item,a!=="md"&&i[a],t&&i.interactive,h&&n.wrap,j),onClick:p,role:f,...y,children:u(s,{align:"center",gap:A[a],wrap:!1,children:[c!=null?l("div",{className:e(n.media,i.media,i[`media_${w}`],x),children:c}):null,r!=null||m!=null?u(s,{direction:"column",gap:B[a],wrap:!1,className:e(N.grow,i.body),children:[r!=null?l("div",{className:e(n.title,i.title,C),children:r}):null,m!=null?l("div",{className:e(n.description,i.description,k),children:m}):null]}):null,d!=null?l(s,{align:"center",gap:"xs",wrap:!1,className:e(N.noShrink,i.actions,b),children:d}):null]})})});g.displayName="Item";export{g as Item};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as
|
|
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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as
|
|
1
|
+
"use client";import{jsxs as W,jsx as r,Fragment as el}from"react/jsx-runtime";import{forwardRef as ll,useId as il,useRef as ae,useCallback as y,useMemo as se,useEffect as tl}from"react";import{Dropdown as ol}from"../Dropdown/Dropdown.js";import{Listbox as rl}from"../Listbox/Listbox.js";import{SearchField as nl}from"../SearchField/SearchField.js";import{Chip as al}from"../Chip/Chip.js";import{FieldBaseIcon as de,TextField as sl}from"../TextField/TextField.js";import{useControlledState as q}from"../../hooks/useControlledState.js";import{useLocale as pe}from"../../locales/localeContext.js";import{cn as ce}from"../../utils/cn.js";import{getFormControlState as dl}from"../../utils/formControl.js";import{handleListHighlightKeyDown as pl,isKey as ue,handleEnterKeyDown as cl}from"../../utils/keyboard.js";import{getListboxPath as ul,findListboxOption as fe,filterListboxOptions as fl,defaultListboxFilterFn as hl,getListboxOptionText as E,getListboxOptionDomId as gl}from"../../utils/listboxOptions.js";import{ruSlice as ml}from"../../locales/slices/customSelect.ru.js";import{ruSlice as bl}from"../../locales/slices/select.ru.js";import s from"./Select.module.css.js";const he={select:bl,customSelect:ml};function vl(t,o){return o===void 0?[]:t==="multiple"||t==="path"?Array.isArray(o)?o:o?[o]:[]:Array.isArray(o)?o[0]?[o[0]]:[]:o?[o]:[]}function xl(t){return t==="single"?"":[]}function ge({open:t,readOnly:o}){return r("svg",{className:ce(s.arrow,t&&s.open,o&&s.readOnly),viewBox:"0 0 24 24","aria-hidden":"true",children:r("path",{d:"M6 9l6 6 6-6"})})}function yl({placeholder:t,filterQuery:o,setFilterQuery:l,filteredOptions:S,listboxId:a,selectOption:u,open:f}){const{t:C}=pe(he),b=t??C("customSelect.filterPlaceholder"),v=ae(null);return tl(()=>{f&&v.current?.focus({preventScroll:!0})},[f]),r("div",{className:s.filterWrapper,children:r(nl,{ref:v,size:"sm",keepPlaceholder:!0,"aria-label":b,placeholder:b,value:o,autoComplete:"off",onChange:x=>{l(x.target.value)},onKeyDown:x=>{cl(x,()=>{const O=S[0];O&&u(O.value)})},"aria-controls":a})})}function Cl({triggerRef:t,triggerAttrs:o,id:l,listboxId:S,field:a,triggerAs:u,open:f,interactive:C,hasValue:b,className:v,popupRole:x,loading:O,ariaLabel:D,sizerContent:T,children:H,onClear:w}){const{className:F,onClick:$,onKeyDown:j,...P}=o,A=!!a.readOnly,I=!!a.disabled,M=a.width??"md";return W(sl,{as:u,ref:t,label:a.label,size:a.size??"md",width:M,error:a.error,description:a.description,disabled:I,readOnly:A,prefix:a.prefix,postfix:r(de,{children:r(ge,{open:f,readOnly:A})}),onClear:w,clearLabel:a.clearLabel,id:l,hasValue:b,active:f,className:s.trigger,wrapperClassName:ce(s.field,F,!!a.label&&s.labeled,M!=="full"&&s.fitContent,v),...P,role:u==="button"?void 0:"combobox",tabIndex:u==="button"||I?void 0:0,"aria-disabled":u==="button"?void 0:I||void 0,"aria-busy":O||void 0,"aria-controls":f?S:void 0,"aria-haspopup":x,"aria-expanded":f,"aria-label":D,onClick:L=>{if(!C){L.preventDefault();return}$?.(L)},onKeyDown:L=>{C&&j?.(L)},children:[r("span",{className:s.triggerSizer,"aria-hidden":"true",children:T}),r("span",{className:s.triggerText,children:H})]})}const me=ll(function({options:t,groups:o,selectionMode:l="single",value:S,defaultValue:a,onChange:u,open:f,defaultOpen:C=!1,onOpenChange:b,disabled:v=!1,readOnly:x=!1,closeOnSelect:O,filterFn:D=hl,filterQuery:T,defaultFilterQuery:H="",onFilterQueryChange:w,placeholder:F,loading:$=!1,separator:j=" / ",popupRole:P="listbox",filterable:A=!1,filterPlaceholder:I,align:M="auto",widthMode:L,triggerMode:be,mobileTitle:ve,mobileLeftControls:xe,mobileRightControls:ye,panelScroll:Ce="overlay",navigation:Oe,highlightedIndex:k,onHighlightChange:we,showCheck:Le,noOptionsText:Ne,preventOptionMouseDown:Se,listAriaLabel:Fe,customTrigger:g,onComboboxEnter:Y,onComboboxEscape:Z,popupClassName:Ie,className:Re="",id:De,label:_,size:Ae="md",width:Me="md",prefix:ke,postfix:Ol,error:ze,description:Ke,onClear:G,clearLabel:Qe,"aria-label":Ee},Te){const{t:J}=pe(he),N=`${il()}-listbox`,U=ae(null),He=Ne??J("customSelect.noOptions"),[$e,X]=q(S,a??xl(l)),c=vl(l,$e),[p,ee]=q(f,C),[V,z,le]=q(T,H),K=O??l==="single",{isReadOnly:B,isInteractive:d}=dl({disabled:v,readOnly:x}),je=be??(g||l==="multiple"?"combobox":"toggle"),Pe=L??(g?"trigger":"trigger-fit"),Ve=Oe??(g?"highlight":void 0),Be=Le??(g?!1:l==="multiple"),We=Se??!!g,h=y(e=>{!d&&e||(ee(e),b?.(e),!e&&!le&&(z(""),w?.("")))},[d,le,w,b,z,ee]),qe=y(e=>{z(e),w?.(e)},[w,z]),m=y(e=>{const n=l==="single"?e[0]??"":e;X(n),u?.(n)},[u,l,X]),Ye=y(()=>{d&&m([])},[m,d]),ie=y(e=>{if(d){if(l==="multiple"){const n=c.includes(e)?c.filter(i=>i!==e):[...c,e];m(n),K&&h(!1);return}if(l==="path"){const n=ul(t,e).map(i=>i.value);m(n.length>0?n:[e]),K&&h(!1);return}m([e]),K&&h(!1)}},[m,d,t,l,h,K,c]),Ze=y(e=>{!d||l!=="multiple"||m(c.filter(n=>n!==e))},[m,d,l,c]),R=se(()=>l==="path"?c.map(e=>fe(t,e)).filter(e=>!!e):c.map(e=>{const n=fe(t,e);if(n)return n;if(e)return{value:e,label:e}}).filter(e=>!!e),[t,l,c]),te=se(()=>fl({options:t,query:V,enabled:!0,filterFn:D}),[D,V,t]),_e=y((e,n)=>{if(n?.(e),e.defaultPrevented||!d)return;const i=U.current;if(!pl(e,{onNext:()=>{p||h(!0),i?.highlightNext()},onPrev:()=>{p||h(!0),i?.highlightPrev()},onFirst:()=>i?.highlightFirst(),onLast:()=>i?.highlightLast(),includeHomeEnd:p})){if(ue(e,"Enter")&&p){if(e.preventDefault(),i?.selectHighlighted())return;Y?.();return}ue(e,"Escape")&&p&&(e.preventDefault(),h(!1),Z?.())}},[d,Y,Z,p,h]),Q=R[0],oe=R.length>0,re=l==="multiple",Ge=l==="path"?R.length>0?R.map(e=>E(e)).join(j):null:Q?typeof Q.label=="string"?Q.label:E(Q):null,Je={label:_,size:Ae,width:Me,prefix:ke,error:ze,description:Ke,disabled:v,readOnly:B,clearLabel:Qe},Ue=G?()=>{Ye(),G()}:void 0,Xe=k!==void 0&&k>=0?gl(N,k):void 0;return W(ol,{ref:Te,open:p,onOpenChange:e=>{h(!!e)},popupRole:"none",triggerMode:je,className:Ie,widthMode:Pe,align:M,mobileTitle:ve,mobileLeftControls:xe,mobileRightControls:ye,panelScroll:Ce,renderTrigger:(e,n)=>g?g({triggerRef:n,open:p,listboxId:N,activeDescendantId:Xe,chevron:r(de,{children:r(ge,{open:p,readOnly:B})}),onClick:i=>{e.onClick?.(i)},onKeyDown:i=>{_e(i,e.onKeyDown)}}):r(Cl,{triggerRef:n,triggerAttrs:e,id:De??N.replace(/-listbox$/,"-trigger"),listboxId:N,field:Je,triggerAs:re?"div":"button",open:p,interactive:d,hasValue:oe,className:Re,popupRole:P,loading:$,ariaLabel:Ee,onClear:Ue,sizerContent:W(el,{children:[F?r("span",{children:F}):null,t.map(i=>r("span",{children:E(i)},i.value))]}),children:re&&oe?r("span",{className:s.chipsRow,children:R.map(i=>{const ne=E(i);return r(al,{variant:"secondary",className:s.chip,removeLabel:J("select.removeItem",{label:ne}),onRemove:B?void 0:()=>Ze(i.value),children:ne},i.value)})}):Ge??r("span",{className:s.placeholder,children:F??_})}),children:[A&&!g?r(yl,{placeholder:I,filterQuery:V,setFilterQuery:qe,filteredOptions:te,listboxId:N,selectOption:ie,open:p}):null,r(rl,{ref:U,id:N,"aria-label":Fe,options:te,groups:o,value:c,multiple:l==="multiple",showCheck:Be,loading:!1,noOptionsText:He,disabled:!d,navigation:Ve,highlightedIndex:k,onHighlightChange:we,preventOptionMouseDown:We,onSelect:ie})]})});me.displayName="Select";export{me as Select};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as e}from"../../utils/injectCss.js";var t=".b5Bqg{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-1);width:100%}.b5Bqg,.r4NVm{max-width:100%;min-width:0;overflow:hidden}.r4NVm{flex:0 1 auto}._088x4{border-bottom:1px solid var(--altum-color-border);padding:var(--altum-g-space-2)}.ECKfC{align-content:center;
|
|
1
|
+
"use client";import{injectCss as e}from"../../utils/injectCss.js";var t=".b5Bqg{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--altum-g-space-1);width:100%}.b5Bqg,.r4NVm{max-width:100%;min-width:0;overflow:hidden}.r4NVm{flex:0 1 auto}._088x4{border-bottom:1px solid var(--altum-color-border);padding:var(--altum-g-space-2)}.ECKfC,.h-wBy [data-field-chrome]{cursor:pointer}.ECKfC{align-content:center;display:grid;height:100%;min-height:0;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ECKfC .nZBod,.ECKfC .vlmG-{grid-area:1/1}.ECKfC .vlmG-{align-items:flex-start;flex-direction:column;font-weight:var(--altum-g-font-weight-medium);height:1.25em;pointer-events:none;visibility:hidden}.ECKfC .nZBod,.ECKfC .vlmG-{display:flex;overflow:hidden;white-space:nowrap}.ECKfC .nZBod{align-items:center;min-height:1.25em;min-width:0;text-overflow:ellipsis}.fagDe{max-width:min(100%,var(--altum-field-width-default));width:max-content}.yUgBU{color:var(--altum-color-input-placeholder,var(--altum-field-label))}._7WqgA .yUgBU{color:#0000}.w35wW{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}.w35wW.PADOK{transform:rotate(180deg)}.w35wW.Z3e2j{opacity:var(--altum-opacity-disabled)}";const i={chipsRow:"b5Bqg",chip:"r4NVm",filterWrapper:"_088x4",field:"h-wBy",trigger:"ECKfC",triggerSizer:"vlmG-",triggerText:"nZBod",fitContent:"fagDe",placeholder:"yUgBU",labeled:"_7WqgA",arrow:"w35wW",open:"PADOK",readOnly:"Z3e2j"};e(t);export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as r}from"react/jsx-runtime";import{forwardRef as q,useId as z}from"react";import{Select as Q}from"../Select/Select.js";import{TextField as j}from"../TextField/TextField.js";import{useLocale as A}from"../../locales/localeContext.js";import{composeEventHandlers as l}from"../../utils/composeEvents.js";import{cn as M}from"../../utils/cn.js";import{defaultListboxFilterFn as P}from"../../utils/listboxOptions.js";import{useSuggestInput as U}from"./useSuggestInput.js";import{ruSlice as W}from"../../locales/slices/suggestField.ru.js";import Y from"./SuggestField.module.css.js";import{fieldPopupClassName as G}from"../../base/FieldPopup/FieldPopup.js";const J={suggestField:W},u=q(function({label:t,options:i,value:m,defaultValue:c="",size:f="md",width:g="full",placeholder:h,prefix:C,postfix:X,className:x="",error:b,description:F,name:I,required:y,disabled:n=!1,readOnly:s=!1,allowCustom:v=!0,filterFn:d=P,noOptionsText:O,onChange:w,onClear:p,clearLabel:T,id:L,onFocus:V,onBlur:D,onClick:N,onKeyDown:S,"aria-label":a,...k},E){const{t:R}=A(J),B=z(),H=L??B,e=U({optionsList:i,controlledValue:m,defaultValue:c,disabled:n,readOnly:s,allowCustom:v,filterFn:d,onChange:w,onClear:p});return r(Q,{options:i,selectionMode:"single",value:e.currentValue,onChange:e.handleValueChange,open:e.isOpen,onOpenChange:e.setIsOpen,disabled:n,readOnly:s,filterFn:d,filterQuery:e.inputText,onFilterQueryChange:o=>e.handleInputChange(o),highlightedIndex:e.highlightedIndex,onHighlightChange:e.setHighlightedIndex,noOptionsText:O??R("suggestField.noOptions"),listAriaLabel:t??a,mobileTitle:t??a,popupClassName:M(G,x),onComboboxEnter:e.handleEnterCustom,onComboboxEscape:e.syncInputFromValue,customTrigger:o=>r("div",{ref:o.triggerRef,...k,children:r(j,{ref:E,id:H,name:I,required:y,label:t,"aria-label":a,size:f,width:g,placeholder:h,prefix:C,value:e.inputText,onChange:K=>{e.handleInputChange(K.target.value)},disabled:n,readOnly:e.isReadOnly,error:b,description:F,active:o.open,type:"text",role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":o.listboxId,"aria-expanded":o.open,"aria-activedescendant":o.activeDescendantId,autoComplete:"off",onClear:p?e.handleClear:void 0,clearLabel:T,wrapperClassName:Y.field,postfix:o.chevron,onFocus:l(V,()=>{e.isInteractive&&(e.setIsFocused(!0),e.setIsOpen(!0))}),onBlur:l(D,()=>{e.setIsFocused(!1),e.handleBlurCommit()}),onClick:l(N,o.onClick),onKeyDown:l(S,o.onKeyDown)})})})});u.displayName="SuggestField";export{u as SuggestField};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{injectCss as e}from"../../utils/injectCss.js";var r=".UTBg- [data-field-chrome]{cursor:pointer}";const s={field:"UTBg-"};e(r);export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as l,jsxs as
|
|
1
|
+
"use client";import{jsx as l,jsxs as p}from"react/jsx-runtime";import fe,{forwardRef as S,useId as he}from"react";import e from"./TextField.module.css.js";import be from"../../styles/unstyledControl.module.css.js";import{cn as f}from"../../utils/cn.js";import{composeEventHandlers as P}from"../../utils/composeEvents.js";import{IconCross as ve}from"../../icons/icons/IconCross.js";import{useLocale as ye}from"../../locales/localeContext.js";import{useControlledState as Ne}from"../../hooks/useControlledState.js";import{FormMessage as R}from"../FormMessage/FormMessage.js";import{getFormControlState as ge}from"../../utils/formControl.js";import{resolveFieldMessages as xe}from"../../utils/fieldMessage.js";import{ruSlice as Be}from"../../locales/slices/common.ru.js";const Ce={common:Be};function Fe(){return e.controlOverlay}const O=S(function({className:o,icon:t,children:i,type:r="button",...c},h){return l("button",{ref:h,type:r,className:f(be.control,e.affixButton,o),...c,children:t??i})});O.displayName="FieldBaseButton";const j=S(function({className:o,children:t,...i},r){return l("span",{ref:r,className:f(e.affixIcon,o),...i,children:t})});j.displayName="FieldBaseIcon";function Se({"aria-label":o,onClick:t}){const{t:i}=ye(Ce);return l(O,{className:e.clearButton,"aria-label":o??i("common.clear"),icon:l(ve,{size:12,"aria-hidden":!0}),onClick:P(t,r=>{r.preventDefault(),r.stopPropagation()}),onMouseDown:r=>{r.preventDefault()}})}const E=S(function(o,t){const{as:i,label:r,size:c="md",width:h="full",prefix:w,postfix:k,wrapperClassName:V,wrapperRef:z,wrapperProps:L,className:q,id:A,placeholder:b,type:I,disabled:d,readOnly:H,error:v,description:y,active:J,value:N,defaultValue:T,onChange:K,onFocus:$,onBlur:G,onClear:g,clearLabel:Q,keepPlaceholder:U=!1,controlOverlay:W,style:X,hasValue:Y,children:Z,"aria-describedby":_,"aria-label":ee,...re}=o,n=i??"input",x=n==="input"||n==="textarea",s=!!r,ae=he(),B=A||ae,[le,D,C]=Ne(x&&N!==void 0?String(N):void 0,x&&T!==void 0?String(T):""),{isReadOnly:u}=ge({disabled:d,readOnly:H}),oe=s?" ":b&&b.trim()!==""?b:" ",te=()=>{C||D(""),g?.()},ie=P(K,a=>{C||D(a.target.value)}),{className:ne,...se}=L??{},{hasError:F,isDescriptionText:M,errorId:ce,descriptionId:de,describedBy:ue}=xe(B,{error:v,description:y}),me={...re,id:B,"aria-invalid":F||void 0,"aria-describedby":[ue,_].filter(Boolean).join(" ")||void 0,"aria-label":s?void 0:ee,"aria-readonly":u||void 0,style:X,className:f(e.controlSurface,u?e.controlSurfaceReadOnly:"",U?e.controlSurfaceKeepPlaceholder:"",q),onFocus:$,onBlur:G,ref:t,"data-field-control":"",...x?{disabled:d,readOnly:u,value:C?N:le,placeholder:oe,onChange:ie,...n==="input"?{type:I??"text"}:null}:{children:Z,...n==="button"?{type:I??"button",disabled:d}:null}},pe=fe.createElement(n,me);return p("div",{ref:z,className:f(e.root,c!=="md"?e[c]:"",h==="full"&&e.widthFull,s?"":e.unlabeled,F?e.error:"",d?e.disabled:"",u?e.readOnly:"",Y?e.hasValue:"",J?e.active:"",V,ne),...se,"data-field":"","data-field-label":s?"":void 0,children:[p("div",{className:e.chrome,"data-field-chrome":"",onMouseDown:a=>{a.target===a.currentTarget&&a.stopPropagation()},onClick:a=>{if(a.target!==a.currentTarget)return;const m=a.currentTarget.querySelector("[data-field-control]");!m||m.hasAttribute("disabled")||(m.focus(),m.click())},children:[w?l("span",{className:e.prefix,children:w}):null,p("div",{className:e.controlSlot,children:[pe,W,s?l("label",{className:e.label,htmlFor:B,children:r}):null]}),g||k?p("span",{className:e.postfix,children:[g?l(Se,{"aria-label":Q,onClick:()=>{te()}}):null,k]}):null]}),M&&!F?l(R,{id:de,children:y}):null,typeof v=="string"?l(R,{variant:"error",id:ce,children:v}):null,M?null:y]})});E.displayName="TextField";export{O as FieldBaseButton,j as FieldBaseIcon,E as TextField,Fe as fieldOverlayClassName};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var l="._2ZYkG{--altum-field-padding-inline:var(--altum-g-space-4);--altum-field-pad-top:var(--altum-field-pad-top-md);--altum-field-pad-bottom:var(--altum-field-pad-bottom-md);--altum-field-label-scale:0.78;--altum-field-label-raised-top:calc(var(--altum-g-space-2) - var(--altum-control-inset));--altum-field-icon-size:var(--altum-control-icon-size-md);--altum-field-font-size:var(--altum-g-font-size-base);--altum-field-size-height:var(--altum-control-height-md);--altum-field-line-height:calc(var(--altum-field-size-height) - 2px);--altum-field-control-border:var(--altum-color-field-border);--altum-field-control-shadow:none;--altum-field-control-bg:var(--altum-color-field-bg);--altum-field-control-color:var(--altum-color-field-text);--altum-field-control-opacity:1;--altum-field-label-color:var(--altum-field-label);--altum-field-affix-inset:var(--altum-g-space-2);--altum-field-affix-size:calc(var(--altum-field-size-height) - 2px - var(--altum-field-affix-inset)*2);--altum-field-affix-gap:var(--altum-g-space-2);box-sizing:border-box;display:inline-block;flex-shrink:1;font-family:var(--altum-g-font-family-ui);max-width:var(--altum-field-width-default);min-width:0;position:relative;width:100%}._2ZYkG:hover:not(.XqQQ1):not(.nyGcj){--altum-field-control-border:var(--altum-color-border-hover)}._2ZYkG:is(:focus-within,.pB2Li):not(.XqQQ1):not(.HzypY):not(.nyGcj){--altum-field-control-border:var(--altum-color-border-hover);--altum-field-control-shadow:0 0 0 1px var(--altum-color-border-hover);--altum-field-label-color:var(--altum-color-border-hover)}.fmqZ5{--altum-field-label-raised-top:calc(var(--altum-g-space-1) - 1px);--altum-field-pad-top:var(--altum-field-pad-top-sm);--altum-field-pad-bottom:var(--altum-field-pad-bottom-sm);--altum-field-padding-inline:var(--altum-g-space-3);--altum-field-font-size:var(--altum-g-font-size-2xs);--altum-field-icon-size:var(--altum-control-icon-size-sm);--altum-field-size-height:var(--altum-control-height-sm)}.fOSc9{--altum-field-label-raised-top:calc(var(--altum-g-space-2) + var(--altum-g-space-1) - var(--altum-control-inset));--altum-field-pad-top:var(--altum-field-pad-top-lg);--altum-field-pad-bottom:var(--altum-field-pad-bottom-lg);--altum-field-padding-inline:var(--altum-g-space-5);--altum-field-font-size:var(--altum-g-font-size-lg);--altum-field-icon-size:var(--altum-control-icon-size-lg);--altum-field-affix-gap:var(--altum-g-space-3);--altum-field-size-height:var(--altum-control-height-lg)}._5Fq-Q{display:block;max-width:100%}.HzypY{--altum-field-control-border:var(--altum-color-status-error);--altum-field-label-color:var(--altum-color-status-error)}.HzypY:is(:focus-within,.pB2Li){--altum-field-control-shadow:0 0 0 1px var(--altum-color-status-error)}.XqQQ1{--altum-field-control-bg:var(--altum-color-option-hover);--altum-field-control-color:var(--altum-field-label);--altum-field-control-opacity:var(--altum-field-disabled-opacity);--altum-field-label-color:var(--altum-field-label)}.XqQQ1 :is(.aAOss,.NM8Vr,.SzoCG){opacity:var(--altum-opacity-disabled)}.nyGcj{--altum-field-label-color:var(--altum-field-label-readonly)}.nyGcj .JYZwe{background-color:var(--altum-field-bg-readonly);border-color:var(--altum-field-border-readonly);border-style:dashed;box-shadow:none}.nyGcj:is(:focus-within,.pB2Li){--altum-field-control-shadow:none}.JYZwe{align-items:var(--altum-field-body-align,stretch);background-color:var(--altum-field-control-bg);border:1px solid var(--altum-field-control-border);border-radius:var(--altum-g-radius);box-shadow:var(--altum-field-control-shadow);box-sizing:border-box;height:var(--altum-field-body-height,var(--altum-field-size-height));min-height:var(--altum-field-body-min-height,0);transition:var(--altum-transition-smooth);width:100%}.JYZwe
|
|
1
|
+
"use client";import{injectCss as a}from"../../utils/injectCss.js";var l="._2ZYkG{--altum-field-padding-inline:var(--altum-g-space-4);--altum-field-pad-top:var(--altum-field-pad-top-md);--altum-field-pad-bottom:var(--altum-field-pad-bottom-md);--altum-field-label-scale:0.78;--altum-field-label-raised-top:calc(var(--altum-g-space-2) - var(--altum-control-inset));--altum-field-icon-size:var(--altum-control-icon-size-md);--altum-field-font-size:var(--altum-g-font-size-base);--altum-field-size-height:var(--altum-control-height-md);--altum-field-line-height:calc(var(--altum-field-size-height) - 2px);--altum-field-control-border:var(--altum-color-field-border);--altum-field-control-shadow:none;--altum-field-control-bg:var(--altum-color-field-bg);--altum-field-control-color:var(--altum-color-field-text);--altum-field-control-opacity:1;--altum-field-label-color:var(--altum-field-label);--altum-field-affix-inset:var(--altum-g-space-2);--altum-field-affix-size:calc(var(--altum-field-size-height) - 2px - var(--altum-field-affix-inset)*2);--altum-field-affix-gap:var(--altum-g-space-2);box-sizing:border-box;display:inline-block;flex-shrink:1;font-family:var(--altum-g-font-family-ui);max-width:var(--altum-field-width-default);min-width:0;position:relative;width:100%}._2ZYkG:hover:not(.XqQQ1):not(.nyGcj){--altum-field-control-border:var(--altum-color-border-hover)}._2ZYkG:is(:focus-within,.pB2Li):not(.XqQQ1):not(.HzypY):not(.nyGcj){--altum-field-control-border:var(--altum-color-border-hover);--altum-field-control-shadow:0 0 0 1px var(--altum-color-border-hover);--altum-field-label-color:var(--altum-color-border-hover)}.fmqZ5{--altum-field-label-raised-top:calc(var(--altum-g-space-1) - 1px);--altum-field-pad-top:var(--altum-field-pad-top-sm);--altum-field-pad-bottom:var(--altum-field-pad-bottom-sm);--altum-field-padding-inline:var(--altum-g-space-3);--altum-field-font-size:var(--altum-g-font-size-2xs);--altum-field-icon-size:var(--altum-control-icon-size-sm);--altum-field-size-height:var(--altum-control-height-sm)}.fOSc9{--altum-field-label-raised-top:calc(var(--altum-g-space-2) + var(--altum-g-space-1) - var(--altum-control-inset));--altum-field-pad-top:var(--altum-field-pad-top-lg);--altum-field-pad-bottom:var(--altum-field-pad-bottom-lg);--altum-field-padding-inline:var(--altum-g-space-5);--altum-field-font-size:var(--altum-g-font-size-lg);--altum-field-icon-size:var(--altum-control-icon-size-lg);--altum-field-affix-gap:var(--altum-g-space-3);--altum-field-size-height:var(--altum-control-height-lg)}._5Fq-Q{display:block;max-width:100%}.HzypY{--altum-field-control-border:var(--altum-color-status-error);--altum-field-label-color:var(--altum-color-status-error)}.HzypY:is(:focus-within,.pB2Li){--altum-field-control-shadow:0 0 0 1px var(--altum-color-status-error)}.XqQQ1{--altum-field-control-bg:var(--altum-color-option-hover);--altum-field-control-color:var(--altum-field-label);--altum-field-control-opacity:var(--altum-field-disabled-opacity);--altum-field-label-color:var(--altum-field-label)}.XqQQ1 :is(.aAOss,.NM8Vr,.SzoCG){opacity:var(--altum-opacity-disabled)}.nyGcj{--altum-field-label-color:var(--altum-field-label-readonly)}.nyGcj .JYZwe{background-color:var(--altum-field-bg-readonly);border-color:var(--altum-field-border-readonly);border-style:dashed;box-shadow:none}.nyGcj:is(:focus-within,.pB2Li){--altum-field-control-shadow:none}.JYZwe{align-items:var(--altum-field-body-align,stretch);background-color:var(--altum-field-control-bg);border:1px solid var(--altum-field-control-border);border-radius:var(--altum-field-group-radius-start,var(--altum-g-radius)) var(--altum-field-group-radius-end,var(--altum-g-radius)) var(--altum-field-group-radius-end,var(--altum-g-radius)) var(--altum-field-group-radius-start,var(--altum-g-radius));box-shadow:var(--altum-field-control-shadow);box-sizing:border-box;display:flex;height:var(--altum-field-body-height,var(--altum-field-size-height));min-height:var(--altum-field-body-min-height,0);position:relative;transition:var(--altum-transition-smooth);width:100%}.JYZwe>*{--altum-field-group-radius-start:initial;--altum-field-group-radius-end:initial}._37gSH{align-items:stretch;display:flex;flex:1 1 auto;min-width:0;position:relative}.DT-WJ,.JJT4I{box-sizing:border-box;font-family:inherit;font-size:var(--altum-field-font-size);line-height:1.25;padding:var(--altum-field-pad-top) var(--altum-field-padding-inline) var(--altum-field-pad-bottom)}.DT-WJ{inset:0;overflow:hidden;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:pre;z-index:var(--altum-g-z-local)}.F-5qH :is(.JJT4I,.DT-WJ){line-height:var(--altum-field-line-height);padding-bottom:0;padding-top:0}.F-5qH .DT-WJ{align-items:center;display:flex}._37gSH:not(:focus-within) .DT-WJ{display:none}.NM8Vr,.SzoCG{align-items:center;box-sizing:border-box;color:var(--altum-color-muted);display:flex;flex-shrink:0;gap:var(--altum-field-affix-gap);padding:var(--altum-field-affix-inset);pointer-events:none}:is(.NM8Vr,.SzoCG) svg{flex-shrink:0;height:var(--altum-field-icon-size);width:var(--altum-field-icon-size)}.NM8Vr{padding-inline-end:var(--altum-field-affix-gap)}.SzoCG{padding-inline-start:var(--altum-field-affix-gap)}.JYZwe:has(.NM8Vr) :is(.JJT4I,.DT-WJ){padding-inline-start:0}.JYZwe:has(.SzoCG) :is(.JJT4I,.DT-WJ){padding-inline-end:0}.JYZwe:has(.NM8Vr) .aAOss{left:0}.JYZwe:has(.SzoCG) .aAOss{right:0}.P7DSE,.aLqFJ{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.aLqFJ{border-radius:var(--altum-g-radius-sm);height:var(--altum-field-affix-size);pointer-events:auto;transition:var(--altum-transition-smooth);width:var(--altum-field-affix-size)}.aLqFJ:is(:hover,:active):not(:disabled){color:var(--altum-color-field-text)}.aLqFJ:hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-color-field-text) 14%,var(--altum-color-field-bg))}.aLqFJ:active:not(:disabled){background-color:color-mix(in srgb,var(--altum-color-field-text) 22%,var(--altum-color-field-bg))}.P7DSE{box-sizing:border-box;height:var(--altum-field-icon-size);width:var(--altum-field-icon-size)}.aAOss{backface-visibility:hidden;color:var(--altum-field-label-color);font-size:var(--altum-field-font-size);left:var(--altum-field-padding-inline);line-height:1.2;overflow:hidden;pointer-events:none;position:absolute;right:var(--altum-field-padding-inline);text-overflow:ellipsis;top:50%;transform:translate3d(0,-50%,0);transform-origin:left top;transition:var(--altum-transition-smooth);white-space:nowrap;z-index:var(--altum-g-z-raised)}.-whdq .aAOss,._37gSH:focus-within .aAOss,._37gSH:has(:is(input,textarea):not(:placeholder-shown)) .aAOss,.pB2Li .aAOss{max-width:calc((100% - var(--altum-field-padding-inline)*2)/var(--altum-field-label-scale));right:auto;top:var(--altum-field-label-raised-top);transform:translateZ(0) scale(var(--altum-field-label-scale))}.JJT4I{align-self:stretch;background:#0000;border:none;color:var(--altum-field-control-color);flex:1 1 auto;height:100%;min-width:0;opacity:var(--altum-field-control-opacity);outline:none;text-align:start;transition:var(--altum-transition-smooth);width:100%}.JJT4I:disabled{cursor:not-allowed}.JJT4I:is(input,textarea){cursor:text}.JJT4I:is(input,textarea):-webkit-autofill,.JJT4I:is(input,textarea):-webkit-autofill:focus,.JJT4I:is(input,textarea):-webkit-autofill:hover{-webkit-text-fill-color:var(--altum-color-field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--altum-color-field-bg) inset!important}.JJT4I[type=search]::-webkit-search-cancel-button,.JJT4I[type=search]::-webkit-search-decoration,.JJT4I[type=search]::-webkit-search-results-button,.JJT4I[type=search]::-webkit-search-results-decoration{appearance:none;display:none}.JJT4I::placeholder{color:#0000}.F-5qH .JJT4I::placeholder{color:var(--altum-field-placeholder,var(--altum-field-label));opacity:1}.F-5qH .JJT4I:is(:focus,:focus-visible)::placeholder{color:#0000}.F-5qH .JJT4I.ewqV-::placeholder{color:var(--altum-field-placeholder);opacity:1}.xsdnl{cursor:default}._2ZYkG:is(:has(:is(input,textarea):placeholder-shown),:not(:has(input,textarea)):not(.-whdq),.XqQQ1,.nyGcj) .SzoCG:not(:has(:not(.kCKV-))),._2ZYkG:is(:has(:is(input,textarea):placeholder-shown),:not(:has(input,textarea)):not(.-whdq),.XqQQ1,.nyGcj) .kCKV-{display:none}";const t={root:"_2ZYkG",disabled:"XqQQ1",readOnly:"nyGcj",active:"pB2Li",error:"HzypY",sm:"fmqZ5",lg:"fOSc9",widthFull:"_5Fq-Q",label:"aAOss",prefix:"NM8Vr",postfix:"SzoCG",chrome:"JYZwe",controlSlot:"_37gSH",controlSurface:"JJT4I",controlOverlay:"DT-WJ",unlabeled:"F-5qH",affixButton:"aLqFJ",affixIcon:"P7DSE",hasValue:"-whdq",controlSurfaceKeepPlaceholder:"ewqV-",controlSurfaceReadOnly:"xsdnl",clearButton:"kCKV-"};a(l);export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as o}from"../../utils/injectCss.js";var a=".-n-fq{--altum-g-radius:8px;--altum-g-radius-sm:4px;--altum-g-radius-md:var(--altum-g-radius);--altum-g-radius-lg:12px;--altum-g-radius-pill:9999px;--altum-g-font-family-ui:system-ui,-apple-system,sans-serif;--altum-g-font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--altum-g-font-weight-normal:400;--altum-g-font-weight-medium:500;--altum-g-font-weight-semibold:600;--altum-g-font-weight-bold:700;--altum-g-font-size-3xs:10px;--altum-g-line-height-3xs:1.1;--altum-g-font-size-2xs:12px;--altum-g-line-height-2xs:1.2;--altum-g-font-size-xs:11px;--altum-g-line-height-xs:1.35;--altum-g-font-size-sm:13px;--altum-g-line-height-sm:1.35;--altum-g-font-size-base:14px;--altum-g-line-height-base:1.45;--altum-g-font-size-lg:16px;--altum-g-line-height-lg:1.4;--altum-g-font-size-xl:18px;--altum-g-line-height-xl:1.35;--altum-g-font-size-2xl:20px;--altum-g-font-size-3xl:24px;--altum-g-font-size-4xl:32px;--altum-g-color-white:#fff;--altum-g-color-black:#000;--altum-g-color-slate-50:#f8fafc;--altum-g-color-slate-100:#f1f5f9;--altum-g-color-slate-200:#e2e8f0;--altum-g-color-slate-300:#cbd5e1;--altum-g-color-slate-400:#94a3b8;--altum-g-color-slate-500:#64748b;--altum-g-color-slate-600:#475569;--altum-g-color-slate-700:#334155;--altum-g-color-slate-800:#1e293b;--altum-g-color-slate-900:#0f172a;--altum-g-color-red-300:#fca5a5;--altum-g-color-red-700:#b91c1c;--altum-g-color-red-800:#991b1b;--altum-g-color-red-900:#7f1d1d;--altum-g-color-blue-500:#3b82f6;--altum-g-color-emerald-500:#10b981;--altum-g-color-green-600:#16a34a;--altum-g-color-amber-500:#f59e0b;--altum-g-color-amber-600:#d97706;--altum-g-color-violet-500:#8b5cf6;--altum-g-color-teal-500:#14b8a6;--altum-g-color-brand:var(--altum-g-color-slate-600);--altum-g-color-brand-hover:var(--altum-g-color-slate-700);--altum-g-color-brand-active:var(--altum-g-color-slate-800);--altum-dialog-body-size:var(--altum-g-font-size-base);--altum-dialog-max-width-md:500px;--altum-dialog-max-width-lg:600px;--altum-dialog-max-height:85vh;--altum-motion-overlay:0.2s;--altum-option-padding-y:var(--altum-g-space-2);--altum-option-padding-x:var(--altum-g-space-3);--altum-toggle-box-size-sm:16px;--altum-toggle-box-size:20px;--altum-toggle-box-size-lg:24px;--altum-toggle-label-gap:var(--altum-g-space-3);--altum-toggle-stack-gap:var(--altum-g-space-3);--altum-toggle-check-width:4px;--altum-toggle-check-height:8px;--altum-toggle-check-stroke:2px;--altum-toggle-check-width-sm:3px;--altum-toggle-check-height-sm:6px;--altum-toggle-check-stroke-sm:1.5px;--altum-toggle-check-width-lg:5px;--altum-toggle-check-height-lg:9px;--altum-toggle-dash-width:8px;--altum-toggle-dash-height:2px;--altum-toggle-dash-width-sm:6px;--altum-toggle-dash-height-sm:1.5px;--altum-toggle-dash-width-lg:10px;--altum-toggle-task-check-height:7px;--altum-toggle-radio-dot:6px;--altum-toggle-radio-dot-sm:4px;--altum-toggle-radio-dot-lg:8px;--altum-toggle-align-nudge:0.15em;--altum-control-inset:2px;--altum-focus-ring-width:2px;--altum-focus-ring-offset:1px;--altum-focus-ring-color:var(--altum-color-input-border-focus);--altum-button-focus-inner:1px;--altum-button-focus-outer:3px;--altum-opacity-disabled:0.55;--altum-field-disabled-opacity:0.8;--altum-overlay-close-size:28px;--altum-overlay-close-icon-size:16px;--altum-overlay-close-fg:var(--altum-color-muted);--altum-overlay-close-fg-hover:var(--altum-color-text);--altum-overlay-close-bg:#0000;--altum-overlay-close-bg-hover:var(--altum-color-option-hover);--altum-field-message-gap:var(--altum-g-space-1);--altum-field-pad-top-sm:calc(var(--altum-g-space-3) + var(--altum-control-inset));--altum-field-pad-bottom-sm:calc(var(--altum-g-space-1) + var(--altum-control-inset));--altum-field-pad-top-md:var(--altum-g-space-5);--altum-field-pad-bottom-md:var(--altum-g-space-2);--altum-field-pad-top-lg:var(--altum-g-space-6);--altum-field-pad-bottom-lg:calc(var(--altum-g-space-2) + var(--altum-control-inset));--altum-form-legend-size:var(--altum-g-font-size-base);--altum-form-legend-weight:var(--altum-g-font-weight-semibold);--altum-form-legend-line-height:var(--altum-g-line-height-sm);--altum-form-helper-indent:var(--altum-g-space-1);--altum-control-icon-size-sm:14px;--altum-control-icon-size-md:18px;--altum-control-icon-size-lg:22px;--altum-badge-size-sm:16px;--altum-badge-size-md:18px;--altum-badge-font-size:var(--altum-g-font-size-3xs);--altum-badge-font-size-sm:var(--altum-g-font-size-xs);--altum-badge-overhang:calc(var(--altum-g-space-1) + var(--altum-control-inset));--altum-badge-digit-nudge:0.5px;--altum-slider-track-height:3px;--altum-slider-thumb-size:12px;--altum-slider-track:color-mix(in srgb,var(--altum-color-input-text) 12%,#0000);--altum-pagination-active-bar:2px;--altum-color-tabs-indicator:var(--altum-color-brand);--altum-color-fill-primary-bg:var(--altum-color-brand);--altum-color-fill-primary-fg:var(--altum-color-brand-text);--altum-color-fill-floating-bg:var(--altum-color-dropdown-bg);--altum-color-fill-floating-fg:var(--altum-color-input-text);--altum-surface-secondary-bg:var(--altum-color-surface);--altum-surface-secondary-border:var(--altum-color-border);--altum-surface-secondary-shadow:var(--altum-shadow-surface);--altum-color-ink-default:var(--altum-color-input-text);--altum-color-ink-muted:var(--altum-color-muted);--altum-transition-smooth:color 0.16s cubic-bezier(0.16,1,0.3,1),background-color 0.16s cubic-bezier(0.16,1,0.3,1),border-color 0.16s cubic-bezier(0.16,1,0.3,1),box-shadow 0.16s cubic-bezier(0.16,1,0.3,1),opacity 0.16s cubic-bezier(0.16,1,0.3,1);--altum-g-space-1:4px;--altum-g-space-2:8px;--altum-g-space-3:12px;--altum-g-space-4:16px;--altum-g-space-5:20px;--altum-g-space-6:24px;--altum-g-space-7:28px;--altum-g-space-8:32px;--altum-g-space-9:36px;--altum-control-height-xs:28px;--altum-control-height-sm:32px;--altum-control-height-md:44px;--altum-control-height-lg:52px;--altum-switch-track-width-sm:28px;--altum-switch-track-height-sm:var(--altum-toggle-box-size-sm);--altum-switch-thumb-size-sm:calc(var(--altum-toggle-box-size-sm) - var(--altum-control-inset)*2);--altum-switch-track-width-md:36px;--altum-switch-track-height-md:var(--altum-toggle-box-size);--altum-switch-thumb-size-md:calc(var(--altum-toggle-box-size) - var(--altum-control-inset)*2);--altum-switch-track-width-lg:44px;--altum-switch-track-height-lg:var(--altum-toggle-box-size-lg);--altum-switch-thumb-size-lg:calc(var(--altum-toggle-box-size-lg) - var(--altum-control-inset)*2);--altum-g-z-below:-1;--altum-g-z-raised:1;--altum-g-z-raised-above:2;--altum-g-z-control:5;--altum-g-z-local:10;--altum-g-z-upload:50;--altum-g-z-overlay:1000;--altum-g-z-modal:1100;--altum-g-z-tooltip:1150;--altum-g-z-dropdown:1200;--altum-g-z-lightbox:1250;--altum-g-z-notification:1300;--altum-g-z-skip:10000;--altum-field-width-default:320px;--altum-chart-legend-min-width:140px;--altum-popover-min-width:180px;--altum-popover-max-width:360px;--altum-popover-tooltip-max-width:280px;--altum-container-max-sm:640px;--altum-container-max-md:768px;--altum-container-max-lg:960px;--altum-container-max-xl:1200px;--altum-image-crop-size:280px;--altum-image-crop-panel-max:560px;--altum-image-crop-stage-max:480px;--altum-image-gallery-viewport-min:200px;--altum-image-gallery-thumb-width:72px;--altum-image-gallery-thumb-height:54px;--altum-day-strip-day-min:56px;--altum-notification-anchor-inset:56px;--altum-notification-stack-front:64px;--altum-rating-size-sm:16px;--altum-rating-size-md:22px;--altum-rating-size-lg:28px;--altum-command-palette-max-width:560px;--altum-command-palette-max-height:520px;--altum-button-group-item-min-sm:var(--altum-g-space-6);--altum-button-group-item-min-md:var(--altum-g-space-7);--altum-button-group-item-min-lg:var(--altum-g-space-8);--altum-overlay-offset-tooltip:8px;--altum-overlay-offset-popover:8px;--altum-overlay-offset-dropdown:8px;--altum-overlay-offset-modal:0px;--altum-overlay-offset-sheet:0px;--altum-overlay-offset-lightbox:0px;--altum-overlay-offset-notification:0px;--altum-color-brand:var(--altum-g-color-brand);--altum-color-brand-hover:var(--altum-g-color-brand-hover);--altum-color-brand-active:var(--altum-g-color-brand-active);--altum-color-brand-text:var(--altum-g-color-white);--altum-color-brand-border:#ffffff1a;--altum-shadow-brand:0 1px 2px #4755691f;--altum-color-brand-tint:color-mix(in srgb,var(--altum-color-brand) 16%,#0000);--altum-color-brand-tint-hover:color-mix(in srgb,var(--altum-color-brand) 22%,#0000);--altum-color-brand-tint-active:color-mix(in srgb,var(--altum-color-brand-active) 28%,#0000);--altum-color-brand-tint-text:var(--altum-color-brand);--altum-color-brand-tint-border:color-mix(in srgb,var(--altum-color-brand) 22%,#0000);--altum-color-button-border-primary:#1e293b73;--altum-color-button-border-secondary:var(--altum-g-color-slate-300);--altum-color-button-border-tinted:color-mix(in srgb,var(--altum-color-brand) 28%,#0000);--altum-color-button-border-danger:#991b1b59;--altum-color-button-border-danger-secondary:var(--altum-g-color-red-300);--altum-color-surface:var(--altum-g-color-white);--altum-color-surface-elevated:var(--altum-g-color-white);--altum-color-surface-hover:var(--altum-g-color-slate-50);--altum-color-surface-active:var(--altum-g-color-slate-100);--altum-color-text-secondary:var(--altum-g-color-slate-600);--altum-color-border:var(--altum-g-color-slate-200);--altum-shadow-surface:0 1px 2px #0f172a0f,0 4px 12px #0f172a0a;--altum-shadow-lg:0 16px 48px color-mix(in srgb,var(--altum-color-input-text) 16%,#0000);--altum-color-danger-bg-solid:color-mix(in srgb,var(--altum-g-color-red-700) 72%,var(--altum-g-color-slate-700));--altum-color-danger-bg-hover:color-mix(in srgb,var(--altum-g-color-red-800) 72%,var(--altum-g-color-slate-800));--altum-color-danger-bg-active:color-mix(in srgb,var(--altum-g-color-red-900) 78%,var(--altum-g-color-slate-900));--altum-color-danger-text:var(--altum-g-color-white);--altum-color-danger-shadow:0 1px 2px #b91c1c1f;--altum-color-danger-bg-secondary:var(--altum-g-color-white);--altum-color-danger-bg-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 12%,#0000);--altum-color-danger-text-secondary:var(--altum-color-status-error);--altum-color-danger-text-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 82%,var(--altum-color-input-text));--altum-color-danger-shadow-secondary:0 1px 2px #00000005;--altum-color-danger-tint-bg:color-mix(in srgb,var(--altum-color-danger-bg-solid) 12%,#0000);--altum-color-danger-tint-bg-hover:color-mix(in srgb,var(--altum-color-danger-bg-solid) 18%,#0000);--altum-color-danger-tint-bg-active:color-mix(in srgb,var(--altum-color-danger-bg-solid) 24%,#0000);--altum-color-danger-tint-text:var(--altum-color-danger-bg-hover);--altum-color-button-border-danger-tinted:color-mix(in srgb,var(--altum-color-danger-bg-solid) 28%,#0000);--altum-color-status-info:color-mix(in srgb,var(--altum-g-color-blue-500) 58%,var(--altum-g-color-slate-600));--altum-color-status-success:color-mix(in srgb,var(--altum-g-color-emerald-500) 55%,var(--altum-g-color-slate-600));--altum-color-status-success-strong:color-mix(in srgb,var(--altum-g-color-green-600) 68%,var(--altum-g-color-slate-700));--altum-color-status-warning:color-mix(in srgb,var(--altum-g-color-amber-500) 58%,var(--altum-g-color-slate-600));--altum-color-status-warning-strong:color-mix(in srgb,var(--altum-g-color-amber-600) 68%,var(--altum-g-color-slate-700));--altum-color-status-error:color-mix(in srgb,var(--altum-g-color-red-700) 62%,var(--altum-g-color-slate-600));--altum-color-chart-4:color-mix(in srgb,var(--altum-g-color-violet-500) 52%,var(--altum-g-color-slate-600));--altum-color-chart-5:color-mix(in srgb,var(--altum-g-color-teal-500) 52%,var(--altum-g-color-slate-600));--altum-overlay-scrim:#0f172a99;--altum-overlay-scrim-strong:#0f172ab8;--altum-overlay-on-scrim:var(--altum-g-color-white);--altum-overlay-control-bg:#ffffff1f;--altum-overlay-control-border:#ffffff2e;--altum-overlay-content-bg:#0f172a59;--altum-overlay-content-border:#ffffff1f;--altum-overlay-text-muted:#ffffffd9;--altum-overlay-media-shadow:0 16px 48px #00000073;--altum-color-tooltip-bg:var(--altum-g-color-slate-800);--altum-color-tooltip-fg:var(--altum-g-color-slate-50);--altum-color-input-bg:var(--altum-g-color-white);--altum-color-input-text:var(--altum-g-color-slate-900);--altum-color-input-border:var(--altum-g-color-slate-300);--altum-color-input-border-focus:var(--altum-g-color-slate-600);--altum-color-muted:var(--altum-g-color-slate-500);--altum-color-input-bg-readonly:var(--altum-g-color-slate-50);--altum-color-input-border-readonly:var(--altum-g-color-slate-400);--altum-color-input-label-readonly:var(--altum-g-color-slate-500);--altum-color-control-bg-readonly:var(--altum-g-color-slate-50);--altum-color-control-border-readonly:var(--altum-g-color-slate-400);--altum-color-control-bg:var(--altum-g-color-white);--altum-color-control-border:var(--altum-color-input-border);--altum-color-control-bg-checked:var(--altum-color-brand);--altum-color-control-border-checked:var(--altum-color-brand);--altum-color-control-mark-color:var(--altum-g-color-white);--altum-color-control-text-color:var(--altum-g-color-slate-700);--altum-switch-thumb:var(--altum-g-color-white);--altum-switch-track-off:color-mix(in srgb,var(--altum-color-input-text) 32%,var(--altum-color-control-bg));--altum-color-dropdown-bg:var(--altum-g-color-white);--altum-color-dropdown-border:var(--altum-g-color-slate-200);--altum-shadow-dropdown:0 4px 12px #00000014;--altum-color-option-hover:var(--altum-g-color-slate-100);--altum-color-upload-bg:var(--altum-g-color-slate-50);--altum-color-upload-border:var(--altum-g-color-slate-300);--altum-color-bg:var(--altum-g-color-slate-50);--altum-color-text:var(--altum-g-color-slate-900);--altum-color-input-placeholder:var(--altum-color-muted);--altum-sortable-item-bg:var(--altum-color-surface);--altum-sortable-item-bg-hover:var(--altum-color-surface-hover);--altum-sortable-item-bg-dragging:var(--altum-color-surface);--altum-sortable-item-border:var(--altum-color-border);--altum-sortable-item-border-dragging:var(--altum-color-input-border-focus);--altum-sortable-radius:var(--altum-g-radius);--altum-sortable-handle-color:var(--altum-color-muted);--altum-sortable-shadow-dragging:var(--altum-shadow-dropdown);--altum-sortable-transition-fast:box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;--altum-sortable-transition-move:transform 0.35s cubic-bezier(0.16,1,0.3,1);--altum-color-field-bg:var(--altum-color-input-bg);--altum-color-field-text:var(--altum-color-input-text);--altum-color-field-border:var(--altum-color-input-border);--altum-color-border-hover:var(--altum-color-input-border-focus);--altum-field-label:var(--altum-color-muted);--altum-field-placeholder:var(--altum-color-input-placeholder);--altum-field-bg-readonly:var(--altum-color-input-bg-readonly);--altum-field-border-readonly:var(--altum-color-input-border-readonly);--altum-field-label-readonly:var(--altum-color-input-label-readonly);--altum-color-button-secondary-bg:var(--altum-color-surface);--altum-color-button-secondary-bg-hover:var(--altum-color-surface-hover);--altum-color-button-secondary-bg-active:var(--altum-color-surface-active);--altum-color-button-secondary-border:var(--altum-color-button-border-secondary);--altum-color-button-secondary-text:var(--altum-color-text-secondary);--altum-color-button-secondary-shadow:var(--altum-shadow-brand);--altum-color-button-tinted-bg:var(--altum-color-brand-tint);--altum-color-button-tinted-bg-hover:var(--altum-color-brand-tint-hover);--altum-color-button-tinted-bg-active:var(--altum-color-brand-tint-active);--altum-color-button-tinted-border:var(--altum-color-button-border-tinted);--altum-color-button-tinted-text:var(--altum-color-brand-tint-text);--altum-color-button-ghost-hover-bg:var(--altum-color-option-hover);--altum-color-button-ghost-active-bg:color-mix(in srgb,var(--altum-color-input-text) 8%,var(--altum-color-option-hover));--altum-color-button-ghost-text:var(--altum-color-muted);--altum-color-button-ghost-text-hover:var(--altum-color-input-text);--altum-color-chip-secondary-bg:color-mix(in srgb,var(--altum-color-text-secondary) 12%,#0000);--altum-color-chip-secondary-border:var(--altum-color-border);--altum-color-chip-secondary-text:var(--altum-color-text-secondary);--altum-color-chip-secondary-bg-hover:color-mix(in srgb,var(--altum-color-text-secondary) 20%,#0000);--altum-color-chip-secondary-border-hover:color-mix(in srgb,var(--altum-color-border) 70%,var(--altum-color-text-secondary));--altum-color-chip-tinted-bg:var(--altum-color-brand-tint);--altum-color-chip-tinted-border:var(--altum-color-brand-tint-border);--altum-color-chip-tinted-text:var(--altum-color-brand-tint-text);--altum-color-chip-tinted-bg-hover:var(--altum-color-brand-tint-hover);--altum-color-chip-tinted-border-hover:color-mix(in srgb,var(--altum-color-brand-tint-text) 35%,#0000);--altum-color-selection-fill:var(--altum-color-brand);--altum-color-selection-fill-fg:var(--altum-color-brand-text);--altum-color-selection-fill-emphasis:var(--altum-color-brand-hover);--altum-color-selection-neutral-fill:color-mix(in srgb,var(--altum-color-text-secondary) 22%,#0000);--altum-color-selection-neutral-border:color-mix(in srgb,var(--altum-color-text-secondary) 45%,var(--altum-color-border));--altum-color-selection-neutral-slider:var(--altum-color-surface);--altum-color-segmented-primary-slider-bg:var(--altum-color-selection-fill-emphasis);--altum-color-segmented-ghost-slider-bg:var(--altum-color-selection-neutral-slider);--altum-color-segmented-slider-shadow:0 1px 2px color-mix(in srgb,var(--altum-g-color-slate-900) 12%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--altum-g-color-slate-900) 8%,#0000);--altum-color-panel-bg:var(--altum-color-surface);--altum-color-panel-border:var(--altum-color-border);--altum-color-panel-bg-hover:var(--altum-color-surface-hover);--altum-color-type:var(--altum-color-input-text);--altum-color-type-secondary:var(--altum-color-text-secondary);--altum-color-type-tertiary:var(--altum-color-muted);--altum-color-type-muted:var(--altum-g-color-slate-500);--altum-color-type-disabled:var(--altum-color-muted);--altum-color-empty-icon:var(--altum-color-text-secondary);--altum-color-link-color:var(--altum-color-brand);--altum-color-link-color-hover:var(--altum-color-brand-hover);--altum-color-link-secondary:var(--altum-color-text-secondary);--altum-color-link-secondary-hover:var(--altum-color-input-text);--altum-color-link-muted:var(--altum-color-muted);--altum-color-link-muted-hover:var(--altum-color-text-secondary);--altum-color-link-danger:var(--altum-color-status-error);--altum-color-link-danger-hover:color-mix(in srgb,var(--altum-color-status-error) 82%,var(--altum-color-input-text));background-color:var(--altum-color-bg);color:var(--altum-color-text);font-family:var(--altum-g-font-family-ui);transition:var(--altum-transition-smooth)}.H-f0u{--altum-g-color-brand:#4e6480;--altum-g-color-brand-hover:#5d7694;--altum-g-color-brand-active:#41536b;--altum-color-brand:var(--altum-g-color-brand);--altum-color-brand-hover:var(--altum-g-color-brand-hover);--altum-color-brand-active:var(--altum-g-color-brand-active);--altum-color-brand-text:var(--altum-g-color-slate-50);--altum-color-tabs-indicator:var(--altum-color-brand-hover);--altum-color-brand-border:#ffffff38;--altum-shadow-brand:0 1px 2px #00000059;--altum-color-segmented-primary-slider-bg:color-mix(in srgb,var(--altum-color-brand-text) 28%,var(--altum-color-brand));--altum-color-selection-fill:color-mix(in srgb,var(--altum-color-brand) 42%,var(--altum-color-dropdown-bg,#262628));--altum-color-selection-fill-fg:var(--altum-color-brand-text);--altum-color-selection-fill-emphasis:var(--altum-color-segmented-primary-slider-bg);--altum-color-selection-neutral-fill:color-mix(in srgb,var(--altum-color-text-secondary) 22%,#0000);--altum-color-selection-neutral-border:color-mix(in srgb,var(--altum-color-text-secondary) 45%,var(--altum-color-border));--altum-color-selection-neutral-slider:color-mix(in srgb,var(--altum-color-brand-text) 11%,var(--altum-color-surface-elevated));--altum-color-segmented-ghost-slider-bg:var(--altum-color-selection-neutral-slider);--altum-color-segmented-slider-shadow:0 1px 1px color-mix(in srgb,var(--altum-g-color-black) 28%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--altum-g-color-white) 7%,#0000);--altum-color-brand-tint:color-mix(in srgb,var(--altum-g-color-brand) 26%,var(--altum-color-surface));--altum-color-brand-tint-hover:color-mix(in srgb,var(--altum-g-color-brand) 34%,var(--altum-color-surface));--altum-color-brand-tint-active:color-mix(in srgb,var(--altum-g-color-black) 16%,var(--altum-color-brand-tint-hover));--altum-color-brand-tint-text:#c8d3e4;--altum-color-brand-tint-border:color-mix(in srgb,var(--altum-g-color-brand) 32%,#0000);--altum-color-button-border-primary:#ffffff38;--altum-color-button-border-secondary:color-mix(in srgb,#fff 10%,var(--altum-color-surface));--altum-color-button-border-tinted:color-mix(in srgb,var(--altum-g-color-brand) 36%,#0000);--altum-color-button-border-danger:#ffffff0d;--altum-color-button-border-danger-secondary:color-mix(in srgb,var(--altum-color-status-error) 34%,var(--altum-color-surface));--altum-color-surface:#1f1f22;--altum-color-surface-elevated:#262628;--altum-color-surface-hover:#2b2b2e;--altum-color-surface-active:#1a1a1c;--altum-color-text-secondary:#c5c9d1;--altum-color-border:color-mix(in srgb,#fff 12%,var(--altum-color-surface));--altum-shadow-surface:0 1px 3px #00000059,0 8px 24px #00000038;--altum-color-danger-bg-solid:#8f4e53;--altum-color-danger-bg-hover:#a35a60;--altum-color-danger-bg-active:#7a4247;--altum-color-danger-text:#fff;--altum-color-danger-shadow:0 1px 3px #0000004d;--altum-color-danger-bg-secondary:color-mix(in srgb,var(--altum-color-status-error) 9%,var(--altum-color-surface));--altum-color-danger-bg-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 15%,var(--altum-color-surface));--altum-color-danger-text-secondary:var(--altum-color-status-error);--altum-color-danger-text-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 78%,var(--altum-color-text));--altum-color-danger-shadow-secondary:0 1px 2px #0003;--altum-color-danger-tint-bg:color-mix(in srgb,var(--altum-color-status-error) 16%,var(--altum-color-surface));--altum-color-danger-tint-bg-hover:color-mix(in srgb,var(--altum-color-status-error) 22%,var(--altum-color-surface));--altum-color-danger-tint-bg-active:color-mix(in srgb,var(--altum-color-status-error) 28%,var(--altum-color-surface));--altum-color-danger-tint-text:var(--altum-color-status-error);--altum-color-button-border-danger-tinted:color-mix(in srgb,var(--altum-color-status-error) 30%,#0000);--altum-color-status-info:#5b8cba;--altum-color-status-success:#53b689;--altum-color-status-success-strong:#53b689;--altum-color-status-warning:#c4a05e;--altum-color-status-warning-strong:#c4a05e;--altum-color-status-error:#cf7379;--altum-color-chart-4:#8b82b0;--altum-color-chart-5:#5a9e96;--altum-status-bg-amt:14%;--altum-status-bg-base:var(--altum-color-surface);--altum-status-border-amt:26%;--altum-status-bg-hover-amt:22%;--altum-status-border-hover-amt:38%;--altum-status-warning-bg-amt:14%;--altum-status-warning-border-amt:26%;--altum-status-warning-bg-hover-amt:24%;--altum-status-warning-border-hover-amt:40%;--altum-status-danger-bg-hover-amt:20%;--altum-status-danger-border-hover-amt:36%;--altum-overlay-scrim:#0a0a0cb8;--altum-overlay-scrim-strong:#0a0a0cd6;--altum-overlay-on-scrim:#f8fafc;--altum-overlay-control-bg:var(--altum-color-input-bg);--altum-overlay-control-border:var(--altum-color-input-border);--altum-overlay-content-bg:#0a0a0c66;--altum-overlay-content-border:#ffffff1a;--altum-overlay-text-muted:#f8fafcd9;--altum-overlay-media-shadow:0 16px 48px #0000008c;--altum-color-input-bg:var(--altum-color-surface-hover);--altum-color-input-text:#f1f5f9;--altum-color-input-border:color-mix(in srgb,#fff 17%,#0000);--altum-color-input-border-focus:#6b7f98;--altum-focus-ring-color:#f8fafcb8;--altum-focus-ring-offset:2px;--altum-button-focus-inner:2px;--altum-button-focus-outer:4px;--altum-color-link-color:#9aafc4;--altum-color-link-color-hover:#c8d3e4;--altum-color-muted:#a8a8b3;--altum-field-label:#a8a8b3;--altum-color-type-tertiary:#8c8c99;--altum-color-type-muted:#8c8c99;--altum-color-input-bg-readonly:var(--altum-color-surface);--altum-color-input-border-readonly:#475569;--altum-color-input-label-readonly:#a8a8b3;--altum-color-control-bg-readonly:var(--altum-color-surface);--altum-color-control-border-readonly:#475569;--altum-color-control-bg:var(--altum-color-surface-hover);--altum-color-control-border:var(--altum-color-input-border);--altum-color-control-bg-checked:var(--altum-color-brand);--altum-color-control-border-checked:var(--altum-color-brand-hover);--altum-color-control-mark-color:#f1f5f9;--altum-color-control-text-color:#cbd5e1;--altum-switch-thumb:#f8fafc;--altum-switch-track-off:color-mix(in srgb,var(--altum-color-input-text) 42%,var(--altum-color-control-bg));--altum-color-dropdown-bg:var(--altum-color-surface-elevated);--altum-color-dropdown-border:color-mix(in srgb,#fff 14%,#0000);--altum-shadow-dropdown:0 8px 28px #0006;--altum-color-option-hover:#2d2d30;--altum-color-upload-bg:var(--altum-color-surface);--altum-color-upload-border:color-mix(in srgb,#fff 22%,#0000);--altum-color-bg:#141416;--altum-color-tooltip-bg:#303033;--altum-color-tooltip-fg:var(--altum-g-color-slate-50);--altum-color-text:#f8fafc;--altum-color-input-placeholder:var(--altum-color-type-muted);--altum-overlay-close-fg:var(--altum-color-muted);--altum-overlay-close-bg:#0000;--altum-overlay-close-bg-hover:var(--altum-color-option-hover);--altum-color-button-secondary-bg:color-mix(in srgb,var(--altum-g-color-brand) 12%,var(--altum-color-surface));--altum-color-button-secondary-bg-hover:color-mix(in srgb,var(--altum-g-color-brand) 18%,var(--altum-color-surface-hover));--altum-color-button-secondary-bg-active:var(--altum-color-surface-active)}@media (prefers-reduced-motion:reduce){.-n-fq,.-n-fq *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}";const l={themeProvider:"-n-fq",light:"-ETdH",dark:"H-f0u"};o(a);export{l as default};
|
|
1
|
+
"use client";import{injectCss as o}from"../../utils/injectCss.js";var a=".-n-fq{--altum-g-radius:8px;--altum-g-radius-sm:4px;--altum-g-radius-md:var(--altum-g-radius);--altum-g-radius-lg:12px;--altum-g-radius-pill:9999px;--altum-g-font-family-ui:system-ui,-apple-system,sans-serif;--altum-g-font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--altum-g-font-weight-normal:400;--altum-g-font-weight-medium:500;--altum-g-font-weight-semibold:600;--altum-g-font-weight-bold:700;--altum-g-font-size-3xs:10px;--altum-g-line-height-3xs:1.1;--altum-g-font-size-2xs:12px;--altum-g-line-height-2xs:1.2;--altum-g-font-size-xs:11px;--altum-g-line-height-xs:1.35;--altum-g-font-size-sm:13px;--altum-g-line-height-sm:1.35;--altum-g-font-size-base:14px;--altum-g-line-height-base:1.45;--altum-g-font-size-lg:16px;--altum-g-line-height-lg:1.4;--altum-g-font-size-xl:18px;--altum-g-line-height-xl:1.35;--altum-g-font-size-2xl:20px;--altum-g-font-size-3xl:24px;--altum-g-font-size-4xl:32px;--altum-g-color-white:#fff;--altum-g-color-black:#000;--altum-g-color-slate-50:#f8fafc;--altum-g-color-slate-100:#f1f5f9;--altum-g-color-slate-200:#e2e8f0;--altum-g-color-slate-300:#cbd5e1;--altum-g-color-slate-400:#94a3b8;--altum-g-color-slate-500:#64748b;--altum-g-color-slate-600:#475569;--altum-g-color-slate-700:#334155;--altum-g-color-slate-800:#1e293b;--altum-g-color-slate-900:#0f172a;--altum-g-color-red-300:#fca5a5;--altum-g-color-red-400:#f87171;--altum-g-color-red-600:#dc2626;--altum-g-color-red-700:#b91c1c;--altum-g-color-red-800:#991b1b;--altum-g-color-red-900:#7f1d1d;--altum-g-color-blue-500:#3b82f6;--altum-g-color-emerald-500:#10b981;--altum-g-color-green-600:#16a34a;--altum-g-color-amber-500:#f59e0b;--altum-g-color-amber-600:#d97706;--altum-g-color-violet-500:#8b5cf6;--altum-g-color-teal-500:#14b8a6;--altum-g-color-brand:var(--altum-g-color-slate-600);--altum-g-color-brand-hover:var(--altum-g-color-slate-700);--altum-g-color-brand-active:var(--altum-g-color-slate-800);--altum-dialog-body-size:var(--altum-g-font-size-base);--altum-dialog-max-width-md:500px;--altum-dialog-max-width-lg:600px;--altum-dialog-max-height:85vh;--altum-motion-overlay:0.2s;--altum-option-padding-y:var(--altum-g-space-2);--altum-option-padding-x:var(--altum-g-space-3);--altum-toggle-box-size-sm:16px;--altum-toggle-box-size:20px;--altum-toggle-box-size-lg:24px;--altum-toggle-label-gap:var(--altum-g-space-3);--altum-toggle-stack-gap:var(--altum-g-space-3);--altum-toggle-check-width:4px;--altum-toggle-check-height:8px;--altum-toggle-check-stroke:2px;--altum-toggle-check-width-sm:3px;--altum-toggle-check-height-sm:6px;--altum-toggle-check-stroke-sm:1.5px;--altum-toggle-check-width-lg:5px;--altum-toggle-check-height-lg:9px;--altum-toggle-dash-width:8px;--altum-toggle-dash-height:2px;--altum-toggle-dash-width-sm:6px;--altum-toggle-dash-height-sm:1.5px;--altum-toggle-dash-width-lg:10px;--altum-toggle-task-check-height:7px;--altum-toggle-radio-dot:6px;--altum-toggle-radio-dot-sm:4px;--altum-toggle-radio-dot-lg:8px;--altum-toggle-align-nudge:0.15em;--altum-control-inset:2px;--altum-focus-ring-width:2px;--altum-focus-ring-offset:1px;--altum-focus-ring-color:var(--altum-color-input-border-focus);--altum-button-focus-inner:1px;--altum-button-focus-outer:3px;--altum-opacity-disabled:0.55;--altum-field-disabled-opacity:0.8;--altum-overlay-close-size:28px;--altum-overlay-close-icon-size:16px;--altum-overlay-close-fg:var(--altum-color-muted);--altum-overlay-close-fg-hover:var(--altum-color-text);--altum-overlay-close-bg:#0000;--altum-overlay-close-bg-hover:var(--altum-color-option-hover);--altum-field-message-gap:var(--altum-g-space-1);--altum-field-pad-top-sm:calc(var(--altum-g-space-3) + var(--altum-control-inset));--altum-field-pad-bottom-sm:calc(var(--altum-g-space-1) + var(--altum-control-inset));--altum-field-pad-top-md:var(--altum-g-space-5);--altum-field-pad-bottom-md:var(--altum-g-space-2);--altum-field-pad-top-lg:var(--altum-g-space-6);--altum-field-pad-bottom-lg:calc(var(--altum-g-space-2) + var(--altum-control-inset));--altum-form-legend-size:var(--altum-g-font-size-base);--altum-form-legend-weight:var(--altum-g-font-weight-semibold);--altum-form-legend-line-height:var(--altum-g-line-height-sm);--altum-form-helper-indent:var(--altum-g-space-1);--altum-control-icon-size-sm:14px;--altum-control-icon-size-md:18px;--altum-control-icon-size-lg:22px;--altum-badge-size-sm:16px;--altum-badge-size-md:18px;--altum-badge-font-size:var(--altum-g-font-size-3xs);--altum-badge-font-size-sm:var(--altum-g-font-size-xs);--altum-badge-overhang:calc(var(--altum-g-space-1) + var(--altum-control-inset));--altum-badge-digit-nudge:0.5px;--altum-slider-track-height:3px;--altum-slider-thumb-size:12px;--altum-slider-track:color-mix(in srgb,var(--altum-color-input-text) 12%,#0000);--altum-pagination-active-bar:2px;--altum-color-tabs-indicator:var(--altum-color-brand);--altum-color-fill-primary-bg:var(--altum-color-brand);--altum-color-fill-primary-fg:var(--altum-color-brand-text);--altum-color-fill-floating-bg:var(--altum-color-dropdown-bg);--altum-color-fill-floating-fg:var(--altum-color-input-text);--altum-surface-secondary-bg:var(--altum-color-surface);--altum-surface-secondary-border:var(--altum-color-border);--altum-surface-secondary-shadow:var(--altum-shadow-surface);--altum-color-ink-default:var(--altum-color-input-text);--altum-color-ink-muted:var(--altum-color-muted);--altum-transition-smooth:color 0.16s cubic-bezier(0.16,1,0.3,1),background-color 0.16s cubic-bezier(0.16,1,0.3,1),border-color 0.16s cubic-bezier(0.16,1,0.3,1),box-shadow 0.16s cubic-bezier(0.16,1,0.3,1),opacity 0.16s cubic-bezier(0.16,1,0.3,1);--altum-g-space-1:4px;--altum-g-space-2:8px;--altum-g-space-3:12px;--altum-g-space-4:16px;--altum-g-space-5:20px;--altum-g-space-6:24px;--altum-g-space-7:28px;--altum-g-space-8:32px;--altum-g-space-9:36px;--altum-control-height-xs:28px;--altum-control-height-sm:32px;--altum-control-height-md:44px;--altum-control-height-lg:52px;--altum-switch-track-width-sm:28px;--altum-switch-track-height-sm:var(--altum-toggle-box-size-sm);--altum-switch-thumb-size-sm:calc(var(--altum-toggle-box-size-sm) - var(--altum-control-inset)*2);--altum-switch-track-width-md:36px;--altum-switch-track-height-md:var(--altum-toggle-box-size);--altum-switch-thumb-size-md:calc(var(--altum-toggle-box-size) - var(--altum-control-inset)*2);--altum-switch-track-width-lg:44px;--altum-switch-track-height-lg:var(--altum-toggle-box-size-lg);--altum-switch-thumb-size-lg:calc(var(--altum-toggle-box-size-lg) - var(--altum-control-inset)*2);--altum-g-z-below:-1;--altum-g-z-raised:1;--altum-g-z-raised-above:2;--altum-g-z-control:5;--altum-g-z-local:10;--altum-g-z-upload:50;--altum-g-z-overlay:1000;--altum-g-z-modal:1100;--altum-g-z-tooltip:1150;--altum-g-z-dropdown:1200;--altum-g-z-lightbox:1250;--altum-g-z-notification:1300;--altum-g-z-skip:10000;--altum-field-width-default:320px;--altum-chart-legend-min-width:140px;--altum-popover-min-width:180px;--altum-popover-max-width:360px;--altum-popover-tooltip-max-width:280px;--altum-container-max-sm:640px;--altum-container-max-md:768px;--altum-container-max-lg:960px;--altum-container-max-xl:1200px;--altum-image-crop-size:280px;--altum-image-crop-panel-max:560px;--altum-image-crop-stage-max:480px;--altum-image-gallery-viewport-min:200px;--altum-image-gallery-thumb-width:72px;--altum-image-gallery-thumb-height:54px;--altum-day-strip-day-min:56px;--altum-notification-anchor-inset:56px;--altum-notification-stack-front:64px;--altum-rating-size-sm:16px;--altum-rating-size-md:22px;--altum-rating-size-lg:28px;--altum-command-palette-max-width:560px;--altum-command-palette-max-height:520px;--altum-button-group-item-min-sm:var(--altum-g-space-6);--altum-button-group-item-min-md:var(--altum-g-space-7);--altum-button-group-item-min-lg:var(--altum-g-space-8);--altum-overlay-offset-tooltip:8px;--altum-overlay-offset-popover:8px;--altum-overlay-offset-dropdown:8px;--altum-overlay-offset-modal:0px;--altum-overlay-offset-sheet:0px;--altum-overlay-offset-lightbox:0px;--altum-overlay-offset-notification:0px;--altum-color-brand:var(--altum-g-color-brand);--altum-color-brand-hover:var(--altum-g-color-brand-hover);--altum-color-brand-active:var(--altum-g-color-brand-active);--altum-color-brand-text:var(--altum-g-color-white);--altum-color-brand-border:#ffffff1a;--altum-shadow-brand:0 1px 2px #4755691f;--altum-color-brand-tint:color-mix(in srgb,var(--altum-color-brand) 16%,#0000);--altum-color-brand-tint-hover:color-mix(in srgb,var(--altum-color-brand) 22%,#0000);--altum-color-brand-tint-active:color-mix(in srgb,var(--altum-color-brand-active) 28%,#0000);--altum-color-brand-tint-text:var(--altum-color-brand);--altum-color-brand-tint-border:color-mix(in srgb,var(--altum-color-brand) 22%,#0000);--altum-color-button-border-primary:#1e293b73;--altum-color-button-border-secondary:var(--altum-g-color-slate-300);--altum-color-button-border-tinted:color-mix(in srgb,var(--altum-color-brand) 28%,#0000);--altum-color-button-border-danger:#991b1b59;--altum-color-button-border-danger-secondary:var(--altum-g-color-red-300);--altum-color-surface:var(--altum-g-color-white);--altum-color-surface-elevated:var(--altum-g-color-white);--altum-color-surface-hover:var(--altum-g-color-slate-50);--altum-color-surface-active:var(--altum-g-color-slate-100);--altum-color-text-secondary:var(--altum-g-color-slate-600);--altum-color-border:var(--altum-g-color-slate-200);--altum-shadow-surface:0 1px 2px #0f172a0f,0 4px 12px #0f172a0a;--altum-shadow-lg:0 16px 48px color-mix(in srgb,var(--altum-color-input-text) 16%,#0000);--altum-color-danger-bg-solid:color-mix(in srgb,var(--altum-g-color-red-700) 72%,var(--altum-g-color-slate-700));--altum-color-danger-bg-hover:color-mix(in srgb,var(--altum-g-color-red-800) 72%,var(--altum-g-color-slate-800));--altum-color-danger-bg-active:color-mix(in srgb,var(--altum-g-color-red-900) 78%,var(--altum-g-color-slate-900));--altum-color-danger-text:var(--altum-g-color-white);--altum-color-danger-shadow:0 1px 2px #b91c1c1f;--altum-color-danger-bg-secondary:var(--altum-g-color-white);--altum-color-danger-bg-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 12%,#0000);--altum-color-danger-text-secondary:var(--altum-color-status-error);--altum-color-danger-text-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 82%,var(--altum-color-input-text));--altum-color-danger-shadow-secondary:0 1px 2px #00000005;--altum-color-danger-tint-bg:color-mix(in srgb,var(--altum-color-danger-bg-solid) 12%,#0000);--altum-color-danger-tint-bg-hover:color-mix(in srgb,var(--altum-color-danger-bg-solid) 18%,#0000);--altum-color-danger-tint-bg-active:color-mix(in srgb,var(--altum-color-danger-bg-solid) 24%,#0000);--altum-color-danger-tint-text:var(--altum-color-danger-bg-hover);--altum-color-button-border-danger-tinted:color-mix(in srgb,var(--altum-color-danger-bg-solid) 28%,#0000);--altum-color-status-info:color-mix(in srgb,var(--altum-g-color-blue-500) 58%,var(--altum-g-color-slate-600));--altum-color-status-success:color-mix(in srgb,var(--altum-g-color-emerald-500) 55%,var(--altum-g-color-slate-600));--altum-color-status-success-strong:color-mix(in srgb,var(--altum-g-color-green-600) 68%,var(--altum-g-color-slate-700));--altum-color-status-warning:color-mix(in srgb,var(--altum-g-color-amber-500) 58%,var(--altum-g-color-slate-600));--altum-color-status-warning-strong:color-mix(in srgb,var(--altum-g-color-amber-600) 68%,var(--altum-g-color-slate-700));--altum-color-status-error:color-mix(in srgb,var(--altum-g-color-red-700) 62%,var(--altum-g-color-slate-600));--altum-color-chart-4:color-mix(in srgb,var(--altum-g-color-violet-500) 52%,var(--altum-g-color-slate-600));--altum-color-chart-5:color-mix(in srgb,var(--altum-g-color-teal-500) 52%,var(--altum-g-color-slate-600));--altum-overlay-scrim:#0f172a99;--altum-overlay-scrim-strong:#0f172ab8;--altum-overlay-on-scrim:var(--altum-g-color-white);--altum-overlay-control-bg:#ffffff1f;--altum-overlay-control-border:#ffffff2e;--altum-overlay-content-bg:#0f172a59;--altum-overlay-content-border:#ffffff1f;--altum-overlay-text-muted:#ffffffd9;--altum-overlay-media-shadow:0 16px 48px #00000073;--altum-color-tooltip-bg:var(--altum-g-color-slate-800);--altum-color-tooltip-fg:var(--altum-g-color-slate-50);--altum-color-input-bg:var(--altum-g-color-white);--altum-color-input-text:var(--altum-g-color-slate-900);--altum-color-input-border:var(--altum-g-color-slate-300);--altum-color-input-border-focus:var(--altum-g-color-slate-600);--altum-color-muted:var(--altum-g-color-slate-500);--altum-color-input-bg-readonly:var(--altum-g-color-slate-50);--altum-color-input-border-readonly:var(--altum-g-color-slate-400);--altum-color-input-label-readonly:var(--altum-g-color-slate-500);--altum-color-control-bg-readonly:var(--altum-g-color-slate-50);--altum-color-control-border-readonly:var(--altum-g-color-slate-400);--altum-color-control-bg:var(--altum-g-color-white);--altum-color-control-border:var(--altum-color-input-border);--altum-color-control-bg-checked:var(--altum-color-brand);--altum-color-control-border-checked:var(--altum-color-brand);--altum-color-control-mark-color:var(--altum-g-color-white);--altum-color-control-text-color:var(--altum-g-color-slate-700);--altum-switch-thumb:var(--altum-g-color-white);--altum-switch-track-off:color-mix(in srgb,var(--altum-color-input-text) 32%,var(--altum-color-control-bg));--altum-color-dropdown-bg:var(--altum-g-color-white);--altum-color-dropdown-border:var(--altum-g-color-slate-200);--altum-shadow-dropdown:0 4px 12px #00000014;--altum-color-option-hover:var(--altum-g-color-slate-100);--altum-color-upload-bg:var(--altum-g-color-slate-50);--altum-color-upload-border:var(--altum-g-color-slate-300);--altum-color-bg:var(--altum-g-color-slate-50);--altum-color-text:var(--altum-g-color-slate-900);--altum-color-input-placeholder:var(--altum-color-muted);--altum-sortable-item-bg:var(--altum-color-surface);--altum-sortable-item-bg-hover:var(--altum-color-surface-hover);--altum-sortable-item-bg-dragging:var(--altum-color-surface);--altum-sortable-item-border:var(--altum-color-border);--altum-sortable-item-border-dragging:var(--altum-color-input-border-focus);--altum-sortable-radius:var(--altum-g-radius);--altum-sortable-handle-color:var(--altum-color-muted);--altum-sortable-shadow-dragging:var(--altum-shadow-dropdown);--altum-sortable-transition-fast:box-shadow 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;--altum-sortable-transition-move:transform 0.35s cubic-bezier(0.16,1,0.3,1);--altum-color-field-bg:var(--altum-color-input-bg);--altum-color-field-text:var(--altum-color-input-text);--altum-color-field-border:var(--altum-color-input-border);--altum-color-border-hover:var(--altum-color-input-border-focus);--altum-field-label:var(--altum-color-muted);--altum-field-placeholder:var(--altum-color-input-placeholder);--altum-field-bg-readonly:var(--altum-color-input-bg-readonly);--altum-field-border-readonly:var(--altum-color-input-border-readonly);--altum-field-label-readonly:var(--altum-color-input-label-readonly);--altum-color-button-secondary-bg:var(--altum-color-surface);--altum-color-button-secondary-bg-hover:var(--altum-color-surface-hover);--altum-color-button-secondary-bg-active:var(--altum-color-surface-active);--altum-color-button-secondary-border:var(--altum-color-button-border-secondary);--altum-color-button-secondary-text:var(--altum-color-text-secondary);--altum-color-button-secondary-shadow:var(--altum-shadow-brand);--altum-color-button-tinted-bg:var(--altum-color-brand-tint);--altum-color-button-tinted-bg-hover:var(--altum-color-brand-tint-hover);--altum-color-button-tinted-bg-active:var(--altum-color-brand-tint-active);--altum-color-button-tinted-border:var(--altum-color-button-border-tinted);--altum-color-button-tinted-text:var(--altum-color-brand-tint-text);--altum-color-button-ghost-hover-bg:var(--altum-color-option-hover);--altum-color-button-ghost-active-bg:color-mix(in srgb,var(--altum-color-input-text) 8%,var(--altum-color-option-hover));--altum-color-button-ghost-text:var(--altum-color-muted);--altum-color-button-ghost-text-hover:var(--altum-color-input-text);--altum-color-chip-secondary-bg:color-mix(in srgb,var(--altum-color-text-secondary) 12%,#0000);--altum-color-chip-secondary-border:var(--altum-color-border);--altum-color-chip-secondary-text:var(--altum-color-text-secondary);--altum-color-chip-secondary-bg-hover:color-mix(in srgb,var(--altum-color-text-secondary) 20%,#0000);--altum-color-chip-secondary-border-hover:color-mix(in srgb,var(--altum-color-border) 70%,var(--altum-color-text-secondary));--altum-color-chip-tinted-bg:var(--altum-color-brand-tint);--altum-color-chip-tinted-border:var(--altum-color-brand-tint-border);--altum-color-chip-tinted-text:var(--altum-color-brand-tint-text);--altum-color-chip-tinted-bg-hover:var(--altum-color-brand-tint-hover);--altum-color-chip-tinted-border-hover:color-mix(in srgb,var(--altum-color-brand-tint-text) 35%,#0000);--altum-color-selection-fill:var(--altum-color-brand);--altum-color-selection-fill-fg:var(--altum-color-brand-text);--altum-color-selection-fill-emphasis:var(--altum-color-brand-hover);--altum-color-selection-neutral-fill:color-mix(in srgb,var(--altum-color-text-secondary) 22%,#0000);--altum-color-selection-neutral-border:color-mix(in srgb,var(--altum-color-text-secondary) 45%,var(--altum-color-border));--altum-color-selection-neutral-slider:var(--altum-color-surface);--altum-color-segmented-primary-slider-bg:var(--altum-color-selection-fill-emphasis);--altum-color-segmented-ghost-slider-bg:var(--altum-color-selection-neutral-slider);--altum-color-segmented-slider-shadow:0 1px 2px color-mix(in srgb,var(--altum-g-color-slate-900) 12%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--altum-g-color-slate-900) 8%,#0000);--altum-color-panel-bg:var(--altum-color-surface);--altum-color-panel-border:var(--altum-color-border);--altum-color-panel-bg-hover:var(--altum-color-surface-hover);--altum-color-type:var(--altum-color-input-text);--altum-color-type-secondary:var(--altum-color-text-secondary);--altum-color-type-tertiary:var(--altum-color-muted);--altum-color-type-muted:var(--altum-g-color-slate-500);--altum-color-type-disabled:var(--altum-color-muted);--altum-color-empty-icon:var(--altum-color-text-secondary);--altum-color-link-color:var(--altum-color-brand);--altum-color-link-color-hover:var(--altum-color-brand-hover);--altum-color-link-secondary:var(--altum-color-text-secondary);--altum-color-link-secondary-hover:var(--altum-color-input-text);--altum-color-link-muted:var(--altum-color-muted);--altum-color-link-muted-hover:var(--altum-color-text-secondary);--altum-color-link-danger:var(--altum-color-status-error);--altum-color-link-danger-hover:color-mix(in srgb,var(--altum-color-status-error) 82%,var(--altum-color-input-text));background-color:var(--altum-color-bg);color:var(--altum-color-text);font-family:var(--altum-g-font-family-ui);transition:var(--altum-transition-smooth)}.H-f0u{--altum-g-color-brand:#4e6480;--altum-g-color-brand-hover:#5d7694;--altum-g-color-brand-active:#41536b;--altum-color-brand:var(--altum-g-color-brand);--altum-color-brand-hover:var(--altum-g-color-brand-hover);--altum-color-brand-active:var(--altum-g-color-brand-active);--altum-color-brand-text:var(--altum-g-color-slate-50);--altum-color-tabs-indicator:var(--altum-color-brand-hover);--altum-color-brand-border:#ffffff38;--altum-shadow-brand:0 1px 2px #00000059;--altum-color-segmented-primary-slider-bg:color-mix(in srgb,var(--altum-color-brand-text) 28%,var(--altum-color-brand));--altum-color-selection-fill:color-mix(in srgb,var(--altum-color-brand) 42%,var(--altum-color-dropdown-bg,#262628));--altum-color-selection-fill-fg:var(--altum-color-brand-text);--altum-color-selection-fill-emphasis:var(--altum-color-segmented-primary-slider-bg);--altum-color-selection-neutral-fill:color-mix(in srgb,var(--altum-color-text-secondary) 22%,#0000);--altum-color-selection-neutral-border:color-mix(in srgb,var(--altum-color-text-secondary) 45%,var(--altum-color-border));--altum-color-selection-neutral-slider:color-mix(in srgb,var(--altum-color-brand-text) 11%,var(--altum-color-surface-elevated));--altum-color-segmented-ghost-slider-bg:var(--altum-color-selection-neutral-slider);--altum-color-segmented-slider-shadow:0 1px 1px color-mix(in srgb,var(--altum-g-color-black) 28%,#0000),inset 0 0 0 1px color-mix(in srgb,var(--altum-g-color-white) 7%,#0000);--altum-color-brand-tint:color-mix(in srgb,var(--altum-g-color-brand) 26%,var(--altum-color-surface));--altum-color-brand-tint-hover:color-mix(in srgb,var(--altum-g-color-brand) 34%,var(--altum-color-surface));--altum-color-brand-tint-active:color-mix(in srgb,var(--altum-g-color-black) 16%,var(--altum-color-brand-tint-hover));--altum-color-brand-tint-text:#c8d3e4;--altum-color-brand-tint-border:color-mix(in srgb,var(--altum-g-color-brand) 32%,#0000);--altum-color-button-border-primary:#ffffff38;--altum-color-button-border-secondary:color-mix(in srgb,#fff 10%,var(--altum-color-surface));--altum-color-button-border-tinted:color-mix(in srgb,var(--altum-g-color-brand) 36%,#0000);--altum-color-button-border-danger:#ffffff0d;--altum-color-button-border-danger-secondary:color-mix(in srgb,var(--altum-color-status-error) 34%,var(--altum-color-surface));--altum-color-surface:#1f1f22;--altum-color-surface-elevated:#262628;--altum-color-surface-hover:#2b2b2e;--altum-color-surface-active:#1a1a1c;--altum-color-text-secondary:#c5c9d1;--altum-color-border:color-mix(in srgb,#fff 12%,var(--altum-color-surface));--altum-shadow-surface:0 1px 3px #00000059,0 8px 24px #00000038;--altum-color-danger-bg-solid:#8f4e53;--altum-color-danger-bg-hover:#a35a60;--altum-color-danger-bg-active:#7a4247;--altum-color-danger-text:#fff;--altum-color-danger-shadow:0 1px 3px #0000004d;--altum-color-danger-bg-secondary:color-mix(in srgb,var(--altum-color-status-error) 9%,var(--altum-color-surface));--altum-color-danger-bg-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 15%,var(--altum-color-surface));--altum-color-danger-text-secondary:var(--altum-color-status-error);--altum-color-danger-text-secondary-hover:color-mix(in srgb,var(--altum-color-status-error) 78%,var(--altum-color-text));--altum-color-danger-shadow-secondary:0 1px 2px #0003;--altum-color-danger-tint-bg:color-mix(in srgb,var(--altum-color-status-error) 16%,var(--altum-color-surface));--altum-color-danger-tint-bg-hover:color-mix(in srgb,var(--altum-color-status-error) 22%,var(--altum-color-surface));--altum-color-danger-tint-bg-active:color-mix(in srgb,var(--altum-color-status-error) 28%,var(--altum-color-surface));--altum-color-danger-tint-text:var(--altum-color-status-error);--altum-color-button-border-danger-tinted:color-mix(in srgb,var(--altum-color-status-error) 30%,#0000);--altum-color-status-info:#5b8cba;--altum-color-status-success:#53b689;--altum-color-status-success-strong:#53b689;--altum-color-status-warning:#c4a05e;--altum-color-status-warning-strong:#c4a05e;--altum-color-status-error:#cf7379;--altum-color-chart-4:#8b82b0;--altum-color-chart-5:#5a9e96;--altum-status-bg-amt:14%;--altum-status-bg-base:var(--altum-color-surface);--altum-status-border-amt:26%;--altum-status-bg-hover-amt:22%;--altum-status-border-hover-amt:38%;--altum-status-warning-bg-amt:14%;--altum-status-warning-border-amt:26%;--altum-status-warning-bg-hover-amt:24%;--altum-status-warning-border-hover-amt:40%;--altum-status-danger-bg-hover-amt:20%;--altum-status-danger-border-hover-amt:36%;--altum-overlay-scrim:#0a0a0cb8;--altum-overlay-scrim-strong:#0a0a0cd6;--altum-overlay-on-scrim:#f8fafc;--altum-overlay-control-bg:var(--altum-color-input-bg);--altum-overlay-control-border:var(--altum-color-input-border);--altum-overlay-content-bg:#0a0a0c66;--altum-overlay-content-border:#ffffff1a;--altum-overlay-text-muted:#f8fafcd9;--altum-overlay-media-shadow:0 16px 48px #0000008c;--altum-color-input-bg:var(--altum-color-surface-hover);--altum-color-input-text:#f1f5f9;--altum-color-input-border:color-mix(in srgb,#fff 17%,#0000);--altum-color-input-border-focus:#6b7f98;--altum-focus-ring-color:#f8fafcb8;--altum-focus-ring-offset:2px;--altum-button-focus-inner:2px;--altum-button-focus-outer:4px;--altum-color-link-color:#9aafc4;--altum-color-link-color-hover:#c8d3e4;--altum-color-muted:#a8a8b3;--altum-field-label:#a8a8b3;--altum-color-type-tertiary:#8c8c99;--altum-color-type-muted:#8c8c99;--altum-color-input-bg-readonly:var(--altum-color-surface);--altum-color-input-border-readonly:#475569;--altum-color-input-label-readonly:#a8a8b3;--altum-color-control-bg-readonly:var(--altum-color-surface);--altum-color-control-border-readonly:#475569;--altum-color-control-bg:var(--altum-color-surface-hover);--altum-color-control-border:var(--altum-color-input-border);--altum-color-control-bg-checked:var(--altum-color-brand);--altum-color-control-border-checked:var(--altum-color-brand-hover);--altum-color-control-mark-color:#f1f5f9;--altum-color-control-text-color:#cbd5e1;--altum-switch-thumb:#f8fafc;--altum-switch-track-off:color-mix(in srgb,var(--altum-color-input-text) 42%,var(--altum-color-control-bg));--altum-color-dropdown-bg:var(--altum-color-surface-elevated);--altum-color-dropdown-border:color-mix(in srgb,#fff 14%,#0000);--altum-shadow-dropdown:0 8px 28px #0006;--altum-color-option-hover:#2d2d30;--altum-color-upload-bg:var(--altum-color-surface);--altum-color-upload-border:color-mix(in srgb,#fff 22%,#0000);--altum-color-bg:#141416;--altum-color-tooltip-bg:#303033;--altum-color-tooltip-fg:var(--altum-g-color-slate-50);--altum-color-text:#f8fafc;--altum-color-input-placeholder:var(--altum-color-type-muted);--altum-overlay-close-fg:var(--altum-color-muted);--altum-overlay-close-bg:#0000;--altum-overlay-close-bg-hover:var(--altum-color-option-hover);--altum-color-button-secondary-bg:color-mix(in srgb,var(--altum-g-color-brand) 12%,var(--altum-color-surface));--altum-color-button-secondary-bg-hover:color-mix(in srgb,var(--altum-g-color-brand) 18%,var(--altum-color-surface-hover));--altum-color-button-secondary-bg-active:var(--altum-color-surface-active)}@media (prefers-reduced-motion:reduce){.-n-fq,.-n-fq *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}";const l={themeProvider:"-n-fq",light:"-ETdH",dark:"H-f0u"};o(a);export{l as default};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{ru as e}from"./locales/ru.js";import{en as p}from"./locales/en.js";import{Accordion as f}from"./components/Accordion/Accordion.js";import{ActionList as a}from"./components/ActionList/ActionList.js";import{ActionSheetTrigger as l}from"./components/ActionSheetTrigger/ActionSheetTrigger.js";import{Alert as d}from"./components/Alert/Alert.js";import{AspectRatio as u}from"./components/AspectRatio/AspectRatio.js";import{Attachment as S}from"./components/Attachment/Attachment.js";import{Avatar as g,AvatarGroup as L}from"./components/Avatar/Avatar.js";import{Backdrop as T}from"./components/Backdrop/Backdrop.js";import{Badge as B}from"./components/Badge/Badge.js";import{BarChart as b}from"./components/BarChart/BarChart.js";import{Box as
|
|
1
|
+
"use client";import{ru as e}from"./locales/ru.js";import{en as p}from"./locales/en.js";import{Accordion as f}from"./components/Accordion/Accordion.js";import{ActionList as a}from"./components/ActionList/ActionList.js";import{ActionSheetTrigger as l}from"./components/ActionSheetTrigger/ActionSheetTrigger.js";import{Alert as d}from"./components/Alert/Alert.js";import{AspectRatio as u}from"./components/AspectRatio/AspectRatio.js";import{Attachment as S}from"./components/Attachment/Attachment.js";import{Avatar as g,AvatarGroup as L}from"./components/Avatar/Avatar.js";import{Backdrop as T}from"./components/Backdrop/Backdrop.js";import{Badge as B}from"./components/Badge/Badge.js";import{BarChart as b}from"./components/BarChart/BarChart.js";import{Box as G}from"./components/Box/Box.js";import{Bubble as R}from"./components/Bubble/Bubble.js";import{Button as v}from"./components/Button/Button.js";import{ButtonGroup as w}from"./components/ButtonGroup/ButtonGroup.js";import{ButtonIcon as M}from"./components/ButtonIcon/ButtonIcon.js";import{Calendar as H}from"./components/Calendar/Calendar.js";import{CalendarBoard as O}from"./components/CalendarBoard/CalendarBoard.js";import{Card as V}from"./components/Card/Card.js";import{Checkbox as W,CheckboxGroup as Z}from"./components/Checkbox/Checkbox.js";import{Chip as j,ChipGroup as q}from"./components/Chip/Chip.js";import{Collapse as J}from"./components/Collapse/Collapse.js";import{ColorSwatchGroup as X}from"./components/ColorSwatchGroup/ColorSwatchGroup.js";import{CommandPalette as $}from"./components/CommandPalette/CommandPalette.js";import{ConfirmDialog as ro}from"./components/ConfirmDialog/ConfirmDialog.js";import{Container as to,Page as po}from"./components/Container/Container.js";import{ControlRow as fo}from"./components/Layout/ControlRow.js";import{DateField as ao}from"./components/DateField/DateField.js";import{DateRangeField as lo}from"./components/DateRangeField/DateRangeField.js";import{DayStripCalendar as so}from"./components/DayStripCalendar/DayStripCalendar.js";import{DescriptionList as co}from"./components/DescriptionList/DescriptionList.js";import{DialogLayout as Co}from"./components/DialogLayout/DialogLayout.js";import{DonutChart as Lo}from"./components/DonutChart/DonutChart.js";import{Dropdown as To}from"./components/Dropdown/Dropdown.js";import{EmptyState as Bo}from"./components/EmptyState/EmptyState.js";import{FieldBaseButton as bo,FieldBaseIcon as yo,TextField as Go}from"./components/TextField/TextField.js";import{FieldGroup as Ro}from"./components/FieldGroup/FieldGroup.js";import{FieldLabel as vo}from"./components/FieldLabel/FieldLabel.js";import{Fieldset as wo}from"./components/Fieldset/Fieldset.js";import{FileList as Mo}from"./components/FileList/FileList.js";import{FormMessage as Ho}from"./components/FormMessage/FormMessage.js";import{GRID_BREAKPOINTS as Oo}from"./components/Grid/Grid.utils.js";import{Gap as Vo}from"./components/Gap/Gap.js";import{Grid as Wo,GridItem as Zo}from"./components/Grid/Grid.js";import{ImageCrop as jo}from"./components/ImageCrop/ImageCrop.js";import{ImageGallery as zo}from"./components/ImageGallery/ImageGallery.js";import{ImageLightbox as Qo}from"./components/ImageLightbox/ImageLightbox.js";import{Inline as Yo}from"./components/Layout/Inline.js";import{Item as or}from"./components/Item/Item.js";import{Kbd as er,KbdGroup as tr}from"./components/Kbd/Kbd.js";import{Layout as mr,LayoutContent as fr,LayoutFooter as xr,LayoutHeader as ar,LayoutRoot as ir}from"./components/Layout/Layout.js";import{LayoutItem as nr}from"./components/Layout/LayoutItem.js";import{LineChart as sr}from"./components/LineChart/LineChart.js";import{Link as cr}from"./components/Link/Link.js";import{Listbox as Cr}from"./components/Listbox/Listbox.js";import{LiveRegion as Lr}from"./components/LiveRegion/LiveRegion.js";import{LocaleProvider as Tr}from"./components/LocaleProvider/LocaleProvider.js";import{Marker as Br}from"./components/Marker/Marker.js";import{MaskedField as br}from"./components/MaskedField/MaskedField.js";import{Media as Gr}from"./components/Media/Media.js";import{Menu as Rr}from"./components/Menu/Menu.js";import{Modal as vr}from"./components/Modal/Modal.js";import{Notification as wr}from"./components/Notification/Notification.js";import{NotificationProvider as Mr,dismiss as Nr,dismissAll as Hr,notify as Kr,useNotify as Or}from"./components/Notification/toast.js";import{NumberField as Vr}from"./components/NumberField/NumberField.js";import{Overflow as Wr}from"./components/Overflow/Overflow.js";import{Overlay as _r}from"./components/Overlay/Overlay.js";import{Pagination as qr}from"./components/Pagination/Pagination.js";import{PasswordField as Jr,getPasswordStrength as Qr}from"./components/PasswordField/PasswordField.js";import{PinInput as Yr}from"./components/PinInput/PinInput.js";import{Popover as oe}from"./components/Popover/Popover.js";import{PopupSwitch as ee}from"./components/PopupSwitch/PopupSwitch.js";import{Progress as pe,ProgressCircle as me}from"./components/Progress/Progress.js";import{PullToRefresh as xe}from"./components/PullToRefresh/PullToRefresh.js";import{Radio as ie,RadioGroup as le}from"./components/Radio/Radio.js";import{Rating as de}from"./components/Rating/Rating.js";import{RelativeTime as ue,formatRelativeTime as ce}from"./components/RelativeTime/RelativeTime.js";import{SafeArea as Ce}from"./components/SafeArea/SafeArea.js";import{ScrollArea as Le}from"./components/ScrollArea/ScrollArea.js";import{SearchField as Te}from"./components/SearchField/SearchField.js";import{SegmentedControl as Be}from"./components/SegmentedControl/SegmentedControl.js";import{Select as be}from"./components/Select/Select.js";import{SelectionGroup as Ge}from"./components/SelectionGroup/SelectionGroup.js";import{Separator as Re}from"./components/Separator/Separator.js";import{Sheet as ve}from"./components/Sheet/Sheet.js";import{Sidebar as we}from"./components/Sidebar/Sidebar.js";import{Skeleton as Me}from"./components/Skeleton/Skeleton.js";import{SkipLink as He}from"./components/SkipLink/SkipLink.js";import{Slider as Oe}from"./components/Slider/Slider.js";import{SortableList as Ve}from"./components/SortableList/SortableList.js";import{Spinner as We}from"./components/Spinner/Spinner.js";import{Split as _e}from"./components/Layout/Split.js";import{Stack as qe}from"./components/Layout/Stack.js";import{StatBadge as Je}from"./components/StatBadge/StatBadge.js";import{Steps as Xe}from"./components/Steps/Steps.js";import{SuggestField as $e}from"./components/SuggestField/SuggestField.js";import{SwipeToAction as rt}from"./components/SwipeToAction/SwipeToAction.js";import{Switch as tt}from"./components/Switch/Switch.js";import{Table as mt}from"./components/Table/Table.js";import{Tabs as xt}from"./components/Tabs/Tabs.js";import{Text as it}from"./components/Text/Text.js";import{TextareaField as nt}from"./components/TextareaField/TextareaField.js";import{ThemeProvider as st,useTheme as ut}from"./components/ThemeProvider/ThemeProvider.js";import{TimeField as St}from"./components/TimeField/TimeField.js";import{Timeline as gt}from"./components/Timeline/Timeline.js";import{Title as ht}from"./components/Title/Title.js";import{Tooltip as Ft}from"./components/Tooltip/Tooltip.js";import{UploadZone as Pt}from"./components/UploadZone/UploadZone.js";import{VirtualList as yt}from"./components/VirtualList/VirtualList.js";import{VisuallyHidden as At}from"./components/VisuallyHidden/VisuallyHidden.js";import{WheelTimePicker as kt}from"./components/WheelTimePicker/WheelTimePicker.js";import{useCalendarBoardContext as It,useCalendarBoardTaskHover as wt}from"./components/CalendarBoard/CalendarBoard.context.js";import{useLocale as Mt,useT as Nt}from"./locales/localeContext.js";export{f as Accordion,a as ActionList,l as ActionSheetTrigger,d as Alert,u as AspectRatio,S as Attachment,g as Avatar,L as AvatarGroup,T as Backdrop,B as Badge,b as BarChart,G as Box,R as Bubble,v as Button,w as ButtonGroup,M as ButtonIcon,H as Calendar,O as CalendarBoard,V as Card,W as Checkbox,Z as CheckboxGroup,j as Chip,q as ChipGroup,J as Collapse,X as ColorSwatchGroup,$ as CommandPalette,ro as ConfirmDialog,to as Container,fo as ControlRow,ao as DateField,lo as DateRangeField,so as DayStripCalendar,co as DescriptionList,Co as DialogLayout,Lo as DonutChart,To as Dropdown,Bo as EmptyState,bo as FieldBaseButton,yo as FieldBaseIcon,Ro as FieldGroup,vo as FieldLabel,wo as Fieldset,Mo as FileList,Ho as FormMessage,Oo as GRID_BREAKPOINTS,Vo as Gap,Wo as Grid,Zo as GridItem,jo as ImageCrop,zo as ImageGallery,Qo as ImageLightbox,Yo as Inline,or as Item,er as Kbd,tr as KbdGroup,mr as Layout,fr as LayoutContent,xr as LayoutFooter,ar as LayoutHeader,nr as LayoutItem,ir as LayoutRoot,sr as LineChart,cr as Link,Cr as Listbox,Lr as LiveRegion,Tr as LocaleProvider,Br as Marker,br as MaskedField,Gr as Media,Rr as Menu,vr as Modal,wr as Notification,Mr as NotificationProvider,Vr as NumberField,Wr as Overflow,_r as Overlay,po as Page,qr as Pagination,Jr as PasswordField,Yr as PinInput,oe as Popover,ee as PopupSwitch,pe as Progress,me as ProgressCircle,xe as PullToRefresh,ie as Radio,le as RadioGroup,de as Rating,ue as RelativeTime,Ce as SafeArea,Le as ScrollArea,Te as SearchField,Be as SegmentedControl,be as Select,Ge as SelectionGroup,Re as Separator,ve as Sheet,we as Sidebar,Me as Skeleton,He as SkipLink,Oe as Slider,Ve as SortableList,We as Spinner,_e as Split,qe as Stack,Je as StatBadge,Xe as Steps,$e as SuggestField,rt as SwipeToAction,tt as Switch,mt as Table,xt as Tabs,it as Text,Go as TextField,nt as TextareaField,st as ThemeProvider,St as TimeField,gt as Timeline,ht as Title,Ft as Tooltip,Pt as UploadZone,yt as VirtualList,At as VisuallyHidden,kt as WheelTimePicker,Nr as dismiss,Hr as dismissAll,p as en,ce as formatRelativeTime,Qr as getPasswordStrength,Kr as notify,e as ru,It as useCalendarBoardContext,wt as useCalendarBoardTaskHover,Mt as useLocale,Or as useNotify,Nt as useT,ut as useTheme};
|
package/docs/COMPONENTS.md
CHANGED
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
| **PinInput** | PIN / OTP: группа ячеек на **TextField**. `label` — **FieldLabel**; `description` / `error` — **FormMessage**. |
|
|
36
36
|
| **Rating** | Оценка звёздами. |
|
|
37
37
|
| **FormMessage** | Подсказка / ошибка / успех под полем; `variant` `hint` / `error` / `success`. |
|
|
38
|
-
| **Select** | Поле выбора: `options`, `value` / `onChange`, `label`, `filterable`; `selectionMode="multiple"` рисует chips. |
|
|
39
|
-
| **SuggestField** |
|
|
38
|
+
| **Select** | Поле выбора: `options`, `value` / `onChange`, `label`, `filterable`; `selectionMode="multiple"` рисует chips. Свой триггер — `customTrigger`. |
|
|
39
|
+
| **SuggestField** | Автодополнение: `TextField` в `customTrigger` у **`Select`**. Chrome от **`FieldBaseProps`** (`label`, `onClear`, `prefix`, …). |
|
|
40
40
|
| **Checkbox** | `size`, `labelSide`, `indeterminate`, `mode` (`default` \| `task`), `align`, `labelVisibility`, `onCheckedChange(checked)` (native `onChange` сохраняется). |
|
|
41
41
|
| **Switch** | `size`, `labelSide`; `onChange(checked)` и алиас `onCheckedChange`. |
|
|
42
42
|
| **CheckboxGroup** | Группа чекбоксов с управляемым `value: string[]`. |
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
| **DayStripCalendar** | Горизонтальная полоса дней: `daysCount`, prev/next выбирают соседний день, `value` / `onChange`, `renderDay`. |
|
|
52
52
|
| **ColorSwatchGroup** | Выбор цвета из набора цветных точек. |
|
|
53
53
|
| **UploadZone** | Зона перетаскивания файлов для загрузки. |
|
|
54
|
+
| **FieldGroup** | Ряд без своего визуала: поля и `Button` / `ButtonIcon` / `ButtonGroup` / `PopupSwitch` стыкуются одной рамкой, скругление снимается со стороны касания. `width="full"` растягивает поля. |
|
|
54
55
|
| **Fieldset** | Группа полей: `legend` / `description` / `hint` / `footer` / `gap`; содержимое — `children`. Варианты `default` / `card` / `plain`. |
|
|
55
56
|
|
|
56
57
|
---
|
|
@@ -126,7 +127,8 @@
|
|
|
126
127
|
| **Box** | Поверхность (`outlined` / `elevated` / `floating` / `tinted` / `secondary` / `muted` / `glass` / `overlay` / `ghost` / `plain`). Красит только себя; потомки остаются на глобальных токенах. |
|
|
127
128
|
| **Collapse** | Плавное сворачивание по высоте (CSS `grid-template-rows`). |
|
|
128
129
|
| **Separator** | Разделитель: `orientation` horizontal \| vertical, текст (`children`), отступы `start` / `end`. |
|
|
129
|
-
| **
|
|
130
|
+
| **Gap** | Пустой зазор: `size` (токен spacing), `orientation` horizontal \| vertical. Ритм группы — `gap` у Stack / Inline. |
|
|
131
|
+
| **Item** | Строка: `media` / `mediaVariant`, `title`, `description`, `actions`; `wrap` переносит длинный текст вместо ellipsis; поверхность — `Box`. |
|
|
130
132
|
| **AspectRatio** | Обёртка с `aspect-ratio` (16:9 / 1:1). |
|
|
131
133
|
| **Media** | img/video-превью с `aspect-ratio`. |
|
|
132
134
|
| **ScrollArea** | Стилизованный скролл (`orientation` y/x/both); `maxHeight` / `maxWidth` без дефолта. |
|
package/docs/LAYOUT.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Layout-компоненты altum
|
|
2
2
|
|
|
3
|
-
Гайд: **что выбрать** и **зачем**, для панели `Layout
|
|
3
|
+
Гайд: **что выбрать** и **зачем**, для панели `Layout`, flex-примитивов (`Stack`, `Inline`, `Split`, `ControlRow`, `LayoutItem`) и точечного зазора `Gap`.
|
|
4
4
|
|
|
5
5
|
Стили — CSS Modules + токены `--altum-g-space-*` (8pt).
|
|
6
6
|
|
|
@@ -16,6 +16,7 @@ import {
|
|
|
16
16
|
Grid,
|
|
17
17
|
Container,
|
|
18
18
|
Page,
|
|
19
|
+
Gap,
|
|
19
20
|
} from 'altum';
|
|
20
21
|
```
|
|
21
22
|
|
|
@@ -34,6 +35,7 @@ import {
|
|
|
34
35
|
| Поля + Chip + Button в одной строке фильтров | **ControlRow** |
|
|
35
36
|
| Одному ребёнку — `flex: 1` или «не сжимать» | **LayoutItem** (`ControlRow.Item`) |
|
|
36
37
|
| Колонки сетки | **Grid** |
|
|
38
|
+
| Один дополнительный шаг между двумя соседями | **Gap** |
|
|
37
39
|
| Оболочка input (label / prefix / clear) | **TextField** |
|
|
38
40
|
|
|
39
41
|
---
|
|
@@ -247,6 +249,38 @@ Flex-ячейка внутри Stack / Inline / Split / ControlRow.
|
|
|
247
249
|
|
|
248
250
|
---
|
|
249
251
|
|
|
252
|
+
## Gap
|
|
253
|
+
|
|
254
|
+
Пустой зазор фиксированного размера. Общий ритм группы по-прежнему задаёт `gap` у **Stack** / **Inline**. **Gap** — один дополнительный шаг между двумя соседями или зазор вне flex-примитива. Линия — **Separator**.
|
|
255
|
+
|
|
256
|
+
| Проп | По умолчанию | Смысл |
|
|
257
|
+
|------|--------------|--------|
|
|
258
|
+
| `size` | `md` | Токен `none`…`xl` (как `gap` у Stack), число (px) или CSS-строка |
|
|
259
|
+
| `orientation` | `horizontal` | `horizontal` — высота между блоками; `vertical` — ширина в ряду |
|
|
260
|
+
|
|
261
|
+
**Использовать:** отделить подвал формы от полей сильнее, чем общий `gap`; вставить шаг в разметке, которая не обёрнута в Stack / Inline.
|
|
262
|
+
|
|
263
|
+
**Не использовать:** одинаковый ритм у всех детей → `gap` у **Stack** / **Inline**; линия между секциями → **Separator**.
|
|
264
|
+
|
|
265
|
+
```tsx
|
|
266
|
+
<Stack gap="md">
|
|
267
|
+
<TextField label="Имя" width="full" />
|
|
268
|
+
<TextField label="Эл. почта" width="full" />
|
|
269
|
+
<Gap size="lg" />
|
|
270
|
+
<Button variant="primary">Сохранить</Button>
|
|
271
|
+
</Stack>
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
```tsx
|
|
275
|
+
<Inline gap="none">
|
|
276
|
+
<Text>Профиль</Text>
|
|
277
|
+
<Gap orientation="vertical" size="md" />
|
|
278
|
+
<Text>Настройки</Text>
|
|
279
|
+
</Inline>
|
|
280
|
+
```
|
|
281
|
+
|
|
282
|
+
---
|
|
283
|
+
|
|
250
284
|
## Типичные композиции
|
|
251
285
|
|
|
252
286
|
### Тулбар страницы
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "altum",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "Библиотека React + TypeScript UI-компонентов: CSS Modules, токены ThemeProvider, адаптация overlay/sheet.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Alexander <azeeson@gmail.com>",
|
|
@@ -73,7 +73,8 @@
|
|
|
73
73
|
"lint:css": "stylelint \"src/**/*.css\"",
|
|
74
74
|
"lint:css:fix": "stylelint \"src/**/*.css\" --fix && node scripts/fix-css-brace-format.mjs && stylelint \"src/**/*.css\" --fix",
|
|
75
75
|
"lint:css-ownership": "node scripts/audit-css-ownership.mjs",
|
|
76
|
-
"scaffold": "node scripts/scaffold-component.mjs"
|
|
76
|
+
"scaffold": "node scripts/scaffold-component.mjs",
|
|
77
|
+
"catalog": "node scripts/component-catalog.mjs"
|
|
77
78
|
},
|
|
78
79
|
"browserslist": [
|
|
79
80
|
"chrome >= 100",
|
package/types/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
53
53
|
declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
|
|
54
54
|
|
|
55
55
|
type SpacingToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
56
|
+
type SpacingValue = SpacingToken | number | string;
|
|
56
57
|
type GroupGap = 'sm' | 'md' | 'lg';
|
|
57
58
|
|
|
58
59
|
type ControlSize = 'sm' | 'md' | 'lg';
|
|
@@ -187,6 +188,13 @@ interface EmptyStateProps extends Omit<ComponentPropsWithoutRef<'div'>, 'childre
|
|
|
187
188
|
|
|
188
189
|
declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
|
|
189
190
|
|
|
191
|
+
type FieldGroupWidth = 'auto' | 'full';
|
|
192
|
+
interface FieldGroupProps extends ComponentPropsWithoutRef<'div'> {
|
|
193
|
+
width?: FieldGroupWidth;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
declare const FieldGroup: react.ForwardRefExoticComponent<FieldGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
197
|
+
|
|
190
198
|
type FieldsetVariant = 'default' | 'card' | 'plain';
|
|
191
199
|
interface FieldsetProps extends ComponentPropsWithoutRef<'div'> {
|
|
192
200
|
variant?: FieldsetVariant;
|
|
@@ -332,6 +340,7 @@ interface ItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
|
332
340
|
size?: ItemSize;
|
|
333
341
|
variant?: ItemVariant;
|
|
334
342
|
interactive?: boolean;
|
|
343
|
+
wrap?: boolean;
|
|
335
344
|
as?: BoxAs;
|
|
336
345
|
media?: ReactNode;
|
|
337
346
|
mediaVariant?: ItemMediaVariant;
|
|
@@ -1485,6 +1494,14 @@ interface SeparatorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children
|
|
|
1485
1494
|
|
|
1486
1495
|
declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1487
1496
|
|
|
1497
|
+
type GapOrientation = 'horizontal' | 'vertical';
|
|
1498
|
+
interface GapProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
1499
|
+
size?: SpacingValue;
|
|
1500
|
+
orientation?: GapOrientation;
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
declare const Gap: react.ForwardRefExoticComponent<GapProps & react.RefAttributes<HTMLDivElement>>;
|
|
1504
|
+
|
|
1488
1505
|
type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
1489
1506
|
type AlertLayout = 'block' | 'inline';
|
|
1490
1507
|
interface AlertProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
@@ -1653,6 +1670,7 @@ interface PopupSwitchOption<T extends string | number = string> {
|
|
|
1653
1670
|
icon?: ReactNode;
|
|
1654
1671
|
}
|
|
1655
1672
|
type PopupSwitchVariant = 'secondary' | 'tinted' | 'ghost';
|
|
1673
|
+
type PopupSwitchWidth = 'auto' | 'options';
|
|
1656
1674
|
type PopupSwitchAlign = 'start' | 'center';
|
|
1657
1675
|
interface PopupSwitchProps<T extends string | number = string> {
|
|
1658
1676
|
value: T;
|
|
@@ -1663,6 +1681,7 @@ interface PopupSwitchProps<T extends string | number = string> {
|
|
|
1663
1681
|
placeholder?: string;
|
|
1664
1682
|
size?: ControlSize;
|
|
1665
1683
|
variant?: PopupSwitchVariant;
|
|
1684
|
+
width?: PopupSwitchWidth;
|
|
1666
1685
|
align?: PopupSwitchAlign;
|
|
1667
1686
|
'aria-label'?: string;
|
|
1668
1687
|
}
|
|
@@ -1721,6 +1740,15 @@ declare const Overflow: OverflowComponent;
|
|
|
1721
1740
|
|
|
1722
1741
|
type SelectOption = ListboxOption;
|
|
1723
1742
|
type SelectSelectionMode = 'single' | 'multiple' | 'path';
|
|
1743
|
+
interface SelectCustomTriggerProps {
|
|
1744
|
+
triggerRef: (node: HTMLElement | null) => void;
|
|
1745
|
+
open: boolean;
|
|
1746
|
+
listboxId: string;
|
|
1747
|
+
activeDescendantId?: string;
|
|
1748
|
+
chevron: ReactNode;
|
|
1749
|
+
onClick: react__default.MouseEventHandler<HTMLElement>;
|
|
1750
|
+
onKeyDown: react__default.KeyboardEventHandler<HTMLElement>;
|
|
1751
|
+
}
|
|
1724
1752
|
interface SelectProps extends FieldBaseProps {
|
|
1725
1753
|
options: SelectOption[];
|
|
1726
1754
|
groups?: ListboxGroup[];
|
|
@@ -1756,21 +1784,13 @@ interface SelectProps extends FieldBaseProps {
|
|
|
1756
1784
|
noOptionsText?: string;
|
|
1757
1785
|
preventOptionMouseDown?: boolean;
|
|
1758
1786
|
listAriaLabel?: string;
|
|
1759
|
-
|
|
1787
|
+
customTrigger?: (props: SelectCustomTriggerProps) => ReactNode;
|
|
1760
1788
|
onComboboxEnter?: () => void;
|
|
1761
1789
|
onComboboxEscape?: () => void;
|
|
1762
|
-
inputRef?: Ref<HTMLInputElement>;
|
|
1763
1790
|
popupClassName?: string;
|
|
1764
1791
|
className?: string;
|
|
1765
1792
|
id?: string;
|
|
1766
|
-
name?: string;
|
|
1767
|
-
required?: boolean;
|
|
1768
1793
|
'aria-label'?: string;
|
|
1769
|
-
onFocus?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
1770
|
-
onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
1771
|
-
onClick?: react__default.MouseEventHandler<HTMLInputElement>;
|
|
1772
|
-
onKeyDown?: react__default.KeyboardEventHandler<HTMLInputElement>;
|
|
1773
|
-
wrapperProps?: Omit<react__default.HTMLAttributes<HTMLDivElement>, 'className' | 'onChange' | 'prefix' | 'onFocus' | 'onBlur' | 'onClick' | 'onKeyDown'>;
|
|
1774
1794
|
}
|
|
1775
1795
|
|
|
1776
1796
|
declare const Select: react__default.ForwardRefExoticComponent<SelectProps & react__default.RefAttributes<HTMLDivElement>>;
|
|
@@ -2599,5 +2619,5 @@ declare const CalendarBoard: react.FC<CalendarBoardProviderProps> & {
|
|
|
2599
2619
|
TaskChip: react.ForwardRefExoticComponent<CalendarBoardTaskChipProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
|
|
2600
2620
|
};
|
|
2601
2621
|
|
|
2602
|
-
export { Accordion, ActionList, ActionSheetTrigger, Alert, AspectRatio, Attachment, Avatar, AvatarGroup, Backdrop, Badge, BarChart, Box, Bubble, Button, ButtonGroup, ButtonIcon, Calendar, CalendarBoard, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapse, ColorSwatchGroup, CommandPalette, ConfirmDialog, Container, ControlRow, DateField, DateRangeField, DayStripCalendar, DescriptionList, DialogLayout, DonutChart, Dropdown, EmptyState, FieldBaseButton, FieldBaseIcon, FieldLabel, Fieldset, FileList$1 as FileList, FormMessage, GRID_BREAKPOINTS, Grid, GridItem, ImageCrop, ImageGallery, ImageLightbox, Inline, Item, Kbd, KbdGroup, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutItem, LayoutRoot, LineChart, Link, Listbox, LiveRegion, LocaleProvider, Marker, MaskedField, Media, Menu, Modal, Notification, NotificationProvider, NumberField, Overflow, Overlay, Page, Pagination, PasswordField, PinInput, Popover, PopupSwitch, Progress, ProgressCircle, PullToRefresh, Radio, RadioGroup, Rating, RelativeTime, SafeArea, ScrollArea, SearchField, SegmentedControl, Select, SelectionGroup, Separator, Sheet, Sidebar, Skeleton, SkipLink, Slider, SortableList, Spinner, Split, Stack, StatBadge, Steps, SuggestField, SwipeToAction, Switch, Table, Tabs, Text, TextField, TextareaField, ThemeProvider, TimeField, Timeline, Title, Tooltip, UploadZone, VirtualList, VisuallyHidden, WheelTimePicker, dismiss, dismissAll, en, formatRelativeTime, getPasswordStrength, notify, ru, useCalendarBoardContext, useCalendarBoardTaskHover, useLocale, useNotify, useT, useTheme };
|
|
2603
|
-
export type { AccordionItemProps, AccordionProps, AccordionVariant, ActionListGroup, ActionListHandle, ActionListItem, ActionListProps, ActionSheetTriggerProps, AdaptiveValue, AlertLayout, AlertProps, AlertVariant, AspectRatioProps, AttachmentProps, AttachmentSize, AttachmentStatus, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BackdropBlur, BackdropPosition, BackdropProps, BackdropVariant, BadgePosition, BadgeProps, BadgeSize, BadgeVariant, BarChartDataset, BarChartProps, BoxAs, BoxBorderStyle, BoxPadding, BoxProps, BoxRadius, BoxShadow, BoxVariant, BubbleAlign, BubbleProps, BubbleReaction, BubbleVariant, ButtonGroupItemFit, ButtonGroupItemProps, ButtonGroupMode, ButtonGroupRootProps, ButtonGroupVariant, ButtonIconProps, ButtonProps, ButtonVariant, CalendarBoardBodyProps, CalendarBoardDayCellRenderProps, CalendarBoardDayProps, CalendarBoardHeaderProps, CalendarBoardMonthProps, CalendarBoardNavProps, CalendarBoardProviderProps, CalendarBoardRootProps, CalendarBoardTask, CalendarBoardTaskChipProps, CalendarBoardTaskLayout, CalendarBoardTaskRenderProps, CalendarBoardTitleProps, CalendarBoardView, CalendarBoardWeekProps, CalendarBoardYearMonthRenderProps, CalendarBoardYearProps, CalendarBodyProps, CalendarContextValue, CalendarDayCell, CalendarDayCellRenderProps, CalendarHeaderProps, CalendarNavProps, CalendarProviderProps, CalendarRootProps, CalendarScheduleEvent, CalendarSelectionMode, CalendarTitleProps, CalendarViewMode, CardProps, CardVariant, CheckboxGroupProps, CheckboxMode, CheckboxProps, ChipGroupGap, ChipGroupProps, ChipMode, ChipProps, ChipVariant, CollapseProps, ColorSwatchGroupProps, Column, ActionListGroup as CommandPaletteGroup, ActionListItem as CommandPaletteItem, CommandPaletteProps, ConfirmDialogProps, ConfirmDialogSecondaryAction, ContainerProps, ContainerSize, ControlRowProps, ControlSize, DateFieldProps, DateRangeFieldProps, DateRangeValue, DayStripCalendarProps, DayStripDayRenderProps, DeepPartialMessages, DescriptionListItem, DescriptionListProps, DialogLayoutProps, DonutChartProps, DropdownAlign, DropdownPanelScroll, DropdownPopupRole, DropdownProps, DropdownTriggerAttrs, DropdownTriggerMode, DropdownTriggerSlotProps, DropdownWidthMode, EmptyStateProps, EmptyStateSize, FieldBaseButtonProps, FieldBaseIconProps, FieldBaseProps, FieldLabelAlign, FieldLabelJustify, FieldLabelLayout, FieldLabelProps, FieldWidth, FieldsetProps, FieldsetVariant, FileListItemProps, FileListItemStatus, FileListRootProps, FormMessageProps, FormMessageVariant, GridGapToken, GridItemProps, GridMode, GridProps, ImageCropProps, ImageCropResult, ImageCropShape, ImageGalleryItem, ImageGalleryProps, ImageLightboxProps, InlineProps, ItemMediaVariant, ItemProps, ItemSize, ItemVariant, KbdGroupProps, KbdProps, LabelSide, LayoutAlign, LayoutContentProps, LayoutFooterAlign, LayoutFooterProps, LayoutGap, LayoutHeaderProps, LayoutItemProps, LayoutJustify, LayoutRootProps, LayoutSpacing, LineChartProps, LinkProps, LinkSize, LinkStatus, LinkVariant, ListboxFilterFn, ListboxGroup, ListboxHandle, ListboxNavigation, ListboxOption, ListboxProps, LiveRegionProps, LocaleCode, LocaleProviderProps, MarkerProps, MarkerVariant, MaskedFieldProps, MediaProps, MenuProps, MenuTrigger, Messages, ModalBodyProps, ModalFooterAlign, ModalFooterProps, ModalHeaderProps, ModalProps, ModalRootProps, NotificationAction, NotificationItem, NotificationPosition, NotificationProps, NotificationProviderProps, NotificationViewportProps, NotifyInput, NumberFieldProps, OverflowDisplay, OverflowFit, OverflowGap, OverflowItemProps, OverflowProps, OverlayBaseProps, OverlayChildren, OverlayContentProps, OverlayDismiss, OverlayFloatingProps, OverlayModalProps, OverlayProps, OverlayPurpose, OverlaySheetProps, OverlaySheetSide, OverlayVariant, PageProps, PaginationControlsProps, PaginationPageSizeProps, PaginationProps, PaginationRootProps, PaginationSummaryProps, PasswordFieldProps, PasswordStrength, PinInputProps, PopoverContentVariant, PopoverProps, PopoverTriggerMode, PopoverTriggerSlotProps, PopupSwitchAlign, PopupSwitchOption, PopupSwitchProps, PopupSwitchVariant, ProgressCircleProps, ProgressProps, ProgressVariant, PullToRefreshProps, RadioGroupProps, RadioProps, RangeValue, RatingProps, RelativeTimeProps, ResolvedListboxGroup, SafeAreaEdges, SafeAreaProps, ScrollAreaProps, SearchFieldProps, SegmentOption, SegmentedControlProps, SegmentedItemFit, SelectOption, SelectProps, SelectionGroupItemProps, SelectionGroupListProps, SelectionGroupOrientation, SelectionGroupPanelProps, SelectionGroupRootProps, SeparatorOrientation, SeparatorProps, SeparatorSpace, SheetBodyProps, SheetDirection, SheetFooterAlign, SheetFooterProps, SheetHeaderProps, SheetMode, SheetProps, SidebarContentProps, SidebarFooterProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMobileTriggerProps, SidebarProps, SidebarTitleProps, SkeletonProps, SkeletonVariant, SkipLinkProps, SliderProps, SliderRangeProps, SliderSingleProps, SortableItem, SortableListProps, SortableListVariant, SpinnerProps, SpinnerSize, SpinnerVariant, SplitProps, StackProps, StatBadgeProps, StepItem, StepStatus, StepsProps, SuggestFieldOption, SuggestFieldProps, SwipeAction, SwipeToActionProps, SwitchLabelSide, SwitchProps, TableDensity, TableEmptyConfig, TablePagination, TableProps, TableRowActionsProps, TableSortDirection, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsTriggerProps, TabsVariant, TextFieldAs, TextFieldProps, TextFieldRef, TextProps, TextareaFieldProps, Theme, ThemeApplyTarget, ThemeProviderProps, TimeFieldProps, TimePopupProps, TimeValue, TimelineItem, TimelineItemStatus, TimelineProps, TitleProps, TooltipProps, TooltipSide, TooltipTriggerProps, TranslationParams, UploadZoneProps, VirtualListAlign, VirtualListHandle, VirtualListOnRangeChangeOptions, VirtualListProps, VirtualListRange, VirtualListRenderItemInfo, VirtualScrollMetrics, VirtualScrollMetricsStore, VisuallyHiddenProps, WheelTimePickerProps };
|
|
2622
|
+
export { Accordion, ActionList, ActionSheetTrigger, Alert, AspectRatio, Attachment, Avatar, AvatarGroup, Backdrop, Badge, BarChart, Box, Bubble, Button, ButtonGroup, ButtonIcon, Calendar, CalendarBoard, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapse, ColorSwatchGroup, CommandPalette, ConfirmDialog, Container, ControlRow, DateField, DateRangeField, DayStripCalendar, DescriptionList, DialogLayout, DonutChart, Dropdown, EmptyState, FieldBaseButton, FieldBaseIcon, FieldGroup, FieldLabel, Fieldset, FileList$1 as FileList, FormMessage, GRID_BREAKPOINTS, Gap, Grid, GridItem, ImageCrop, ImageGallery, ImageLightbox, Inline, Item, Kbd, KbdGroup, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutItem, LayoutRoot, LineChart, Link, Listbox, LiveRegion, LocaleProvider, Marker, MaskedField, Media, Menu, Modal, Notification, NotificationProvider, NumberField, Overflow, Overlay, Page, Pagination, PasswordField, PinInput, Popover, PopupSwitch, Progress, ProgressCircle, PullToRefresh, Radio, RadioGroup, Rating, RelativeTime, SafeArea, ScrollArea, SearchField, SegmentedControl, Select, SelectionGroup, Separator, Sheet, Sidebar, Skeleton, SkipLink, Slider, SortableList, Spinner, Split, Stack, StatBadge, Steps, SuggestField, SwipeToAction, Switch, Table, Tabs, Text, TextField, TextareaField, ThemeProvider, TimeField, Timeline, Title, Tooltip, UploadZone, VirtualList, VisuallyHidden, WheelTimePicker, dismiss, dismissAll, en, formatRelativeTime, getPasswordStrength, notify, ru, useCalendarBoardContext, useCalendarBoardTaskHover, useLocale, useNotify, useT, useTheme };
|
|
2623
|
+
export type { AccordionItemProps, AccordionProps, AccordionVariant, ActionListGroup, ActionListHandle, ActionListItem, ActionListProps, ActionSheetTriggerProps, AdaptiveValue, AlertLayout, AlertProps, AlertVariant, AspectRatioProps, AttachmentProps, AttachmentSize, AttachmentStatus, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BackdropBlur, BackdropPosition, BackdropProps, BackdropVariant, BadgePosition, BadgeProps, BadgeSize, BadgeVariant, BarChartDataset, BarChartProps, BoxAs, BoxBorderStyle, BoxPadding, BoxProps, BoxRadius, BoxShadow, BoxVariant, BubbleAlign, BubbleProps, BubbleReaction, BubbleVariant, ButtonGroupItemFit, ButtonGroupItemProps, ButtonGroupMode, ButtonGroupRootProps, ButtonGroupVariant, ButtonIconProps, ButtonProps, ButtonVariant, CalendarBoardBodyProps, CalendarBoardDayCellRenderProps, CalendarBoardDayProps, CalendarBoardHeaderProps, CalendarBoardMonthProps, CalendarBoardNavProps, CalendarBoardProviderProps, CalendarBoardRootProps, CalendarBoardTask, CalendarBoardTaskChipProps, CalendarBoardTaskLayout, CalendarBoardTaskRenderProps, CalendarBoardTitleProps, CalendarBoardView, CalendarBoardWeekProps, CalendarBoardYearMonthRenderProps, CalendarBoardYearProps, CalendarBodyProps, CalendarContextValue, CalendarDayCell, CalendarDayCellRenderProps, CalendarHeaderProps, CalendarNavProps, CalendarProviderProps, CalendarRootProps, CalendarScheduleEvent, CalendarSelectionMode, CalendarTitleProps, CalendarViewMode, CardProps, CardVariant, CheckboxGroupProps, CheckboxMode, CheckboxProps, ChipGroupGap, ChipGroupProps, ChipMode, ChipProps, ChipVariant, CollapseProps, ColorSwatchGroupProps, Column, ActionListGroup as CommandPaletteGroup, ActionListItem as CommandPaletteItem, CommandPaletteProps, ConfirmDialogProps, ConfirmDialogSecondaryAction, ContainerProps, ContainerSize, ControlRowProps, ControlSize, DateFieldProps, DateRangeFieldProps, DateRangeValue, DayStripCalendarProps, DayStripDayRenderProps, DeepPartialMessages, DescriptionListItem, DescriptionListProps, DialogLayoutProps, DonutChartProps, DropdownAlign, DropdownPanelScroll, DropdownPopupRole, DropdownProps, DropdownTriggerAttrs, DropdownTriggerMode, DropdownTriggerSlotProps, DropdownWidthMode, EmptyStateProps, EmptyStateSize, FieldBaseButtonProps, FieldBaseIconProps, FieldBaseProps, FieldGroupProps, FieldGroupWidth, FieldLabelAlign, FieldLabelJustify, FieldLabelLayout, FieldLabelProps, FieldWidth, FieldsetProps, FieldsetVariant, FileListItemProps, FileListItemStatus, FileListRootProps, FormMessageProps, FormMessageVariant, GapOrientation, GapProps, GridGapToken, GridItemProps, GridMode, GridProps, ImageCropProps, ImageCropResult, ImageCropShape, ImageGalleryItem, ImageGalleryProps, ImageLightboxProps, InlineProps, ItemMediaVariant, ItemProps, ItemSize, ItemVariant, KbdGroupProps, KbdProps, LabelSide, LayoutAlign, LayoutContentProps, LayoutFooterAlign, LayoutFooterProps, LayoutGap, LayoutHeaderProps, LayoutItemProps, LayoutJustify, LayoutRootProps, LayoutSpacing, LineChartProps, LinkProps, LinkSize, LinkStatus, LinkVariant, ListboxFilterFn, ListboxGroup, ListboxHandle, ListboxNavigation, ListboxOption, ListboxProps, LiveRegionProps, LocaleCode, LocaleProviderProps, MarkerProps, MarkerVariant, MaskedFieldProps, MediaProps, MenuProps, MenuTrigger, Messages, ModalBodyProps, ModalFooterAlign, ModalFooterProps, ModalHeaderProps, ModalProps, ModalRootProps, NotificationAction, NotificationItem, NotificationPosition, NotificationProps, NotificationProviderProps, NotificationViewportProps, NotifyInput, NumberFieldProps, OverflowDisplay, OverflowFit, OverflowGap, OverflowItemProps, OverflowProps, OverlayBaseProps, OverlayChildren, OverlayContentProps, OverlayDismiss, OverlayFloatingProps, OverlayModalProps, OverlayProps, OverlayPurpose, OverlaySheetProps, OverlaySheetSide, OverlayVariant, PageProps, PaginationControlsProps, PaginationPageSizeProps, PaginationProps, PaginationRootProps, PaginationSummaryProps, PasswordFieldProps, PasswordStrength, PinInputProps, PopoverContentVariant, PopoverProps, PopoverTriggerMode, PopoverTriggerSlotProps, PopupSwitchAlign, PopupSwitchOption, PopupSwitchProps, PopupSwitchVariant, PopupSwitchWidth, ProgressCircleProps, ProgressProps, ProgressVariant, PullToRefreshProps, RadioGroupProps, RadioProps, RangeValue, RatingProps, RelativeTimeProps, ResolvedListboxGroup, SafeAreaEdges, SafeAreaProps, ScrollAreaProps, SearchFieldProps, SegmentOption, SegmentedControlProps, SegmentedItemFit, SelectCustomTriggerProps, SelectOption, SelectProps, SelectionGroupItemProps, SelectionGroupListProps, SelectionGroupOrientation, SelectionGroupPanelProps, SelectionGroupRootProps, SeparatorOrientation, SeparatorProps, SeparatorSpace, SheetBodyProps, SheetDirection, SheetFooterAlign, SheetFooterProps, SheetHeaderProps, SheetMode, SheetProps, SidebarContentProps, SidebarFooterProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMobileTriggerProps, SidebarProps, SidebarTitleProps, SkeletonProps, SkeletonVariant, SkipLinkProps, SliderProps, SliderRangeProps, SliderSingleProps, SortableItem, SortableListProps, SortableListVariant, SpinnerProps, SpinnerSize, SpinnerVariant, SplitProps, StackProps, StatBadgeProps, StepItem, StepStatus, StepsProps, SuggestFieldOption, SuggestFieldProps, SwipeAction, SwipeToActionProps, SwitchLabelSide, SwitchProps, TableDensity, TableEmptyConfig, TablePagination, TableProps, TableRowActionsProps, TableSortDirection, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsTriggerProps, TabsVariant, TextFieldAs, TextFieldProps, TextFieldRef, TextProps, TextareaFieldProps, Theme, ThemeApplyTarget, ThemeProviderProps, TimeFieldProps, TimePopupProps, TimeValue, TimelineItem, TimelineItemStatus, TimelineProps, TitleProps, TooltipProps, TooltipSide, TooltipTriggerProps, TranslationParams, UploadZoneProps, VirtualListAlign, VirtualListHandle, VirtualListOnRangeChangeOptions, VirtualListProps, VirtualListRange, VirtualListRenderItemInfo, VirtualScrollMetrics, VirtualScrollMetricsStore, VisuallyHiddenProps, WheelTimePickerProps };
|