altum 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -6
- 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/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 +3 -2
- package/package.json +3 -2
- package/types/index.d.ts +21 -11
package/CHANGELOG.md
CHANGED
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
|
|
9
9
|
## [Unreleased]
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
- **`IconChevronUpDown`** — шеврон вверх и шеврон вниз в одной иконке.
|
|
13
|
-
- Storybook **About** — страница **Компоненты**: список с иконкой, кратким описанием и размером собственного кода, плюс сумма по всем компонентам.
|
|
11
|
+
## [0.0.7] — 2026-09-28
|
|
14
12
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
**`FieldGroup`** стыкует поля и кнопки одной рамкой: оболочка **`Select`** по видимому полю, высота как у кнопки и **`PopupSwitch`**, тень варианта не ложится на соседа. **`PopupSwitch`**: `width="options"` по самой длинной подписи, шеврон **`IconChevronUpDown`**. У **`Button`** `variant="link"` `size` меняет кегль и иконку. Storybook **About**: страница бренда и каталог компонентов (`npm run catalog`).
|
|
14
|
+
|
|
15
|
+
**Несовместимо.** У **`Select`** снят `combobox` (вместе с `inputRef`, `wrapperProps`, `name`, `required` и обработчиками инпута). Свой триггер — `customTrigger`: **`SuggestField`** рисует там `TextField`, **`Select`** поле не рисует.
|
|
16
|
+
|
|
17
|
+
**Исправлено.** Клик по шеврону **`Select`** открывает и закрывает список. Отступ справа от шеврона **`PopupSwitch`** как у **`Select`**.
|
|
18
18
|
|
|
19
19
|
## [0.0.6] — 2026-09-27
|
|
20
20
|
|
|
@@ -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};
|
|
@@ -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 A}from"./components/Box/Box.js";import{Bubble 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 A}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 Ao}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{Grid as Vo,GridItem as Uo}from"./components/Grid/Grid.js";import{ImageCrop as Zo}from"./components/ImageCrop/ImageCrop.js";import{ImageGallery as jo}from"./components/ImageGallery/ImageGallery.js";import{ImageLightbox as zo}from"./components/ImageLightbox/ImageLightbox.js";import{Inline as Qo}from"./components/Layout/Inline.js";import{Item as Yo}from"./components/Item/Item.js";import{Kbd as or,KbdGroup as rr}from"./components/Kbd/Kbd.js";import{Layout as tr,LayoutContent as pr,LayoutFooter as mr,LayoutHeader as fr,LayoutRoot as xr}from"./components/Layout/Layout.js";import{LayoutItem as ir}from"./components/Layout/LayoutItem.js";import{LineChart as nr}from"./components/LineChart/LineChart.js";import{Link as sr}from"./components/Link/Link.js";import{Listbox as cr}from"./components/Listbox/Listbox.js";import{LiveRegion as Cr}from"./components/LiveRegion/LiveRegion.js";import{LocaleProvider as Lr}from"./components/LocaleProvider/LocaleProvider.js";import{Marker as Tr}from"./components/Marker/Marker.js";import{MaskedField as Br}from"./components/MaskedField/MaskedField.js";import{Media as br}from"./components/Media/Media.js";import{Menu as Ar}from"./components/Menu/Menu.js";import{Modal as Rr}from"./components/Modal/Modal.js";import{Notification as vr}from"./components/Notification/Notification.js";import{NotificationProvider as wr,dismiss as Dr,dismissAll as Mr,notify as Nr,useNotify as Hr}from"./components/Notification/toast.js";import{NumberField as Or}from"./components/NumberField/NumberField.js";import{Overflow as Vr}from"./components/Overflow/Overflow.js";import{Overlay as Wr}from"./components/Overlay/Overlay.js";import{Pagination as _r}from"./components/Pagination/Pagination.js";import{PasswordField as qr,getPasswordStrength as zr}from"./components/PasswordField/PasswordField.js";import{PinInput as Qr}from"./components/PinInput/PinInput.js";import{Popover as Yr}from"./components/Popover/Popover.js";import{PopupSwitch as oe}from"./components/PopupSwitch/PopupSwitch.js";import{Progress as ee,ProgressCircle as te}from"./components/Progress/Progress.js";import{PullToRefresh as me}from"./components/PullToRefresh/PullToRefresh.js";import{Radio as xe,RadioGroup as ae}from"./components/Radio/Radio.js";import{Rating as le}from"./components/Rating/Rating.js";import{RelativeTime as de,formatRelativeTime as se}from"./components/RelativeTime/RelativeTime.js";import{SafeArea as ce}from"./components/SafeArea/SafeArea.js";import{ScrollArea as Ce}from"./components/ScrollArea/ScrollArea.js";import{SearchField as Le}from"./components/SearchField/SearchField.js";import{SegmentedControl as Te}from"./components/SegmentedControl/SegmentedControl.js";import{Select as Be}from"./components/Select/Select.js";import{SelectionGroup as be}from"./components/SelectionGroup/SelectionGroup.js";import{Separator as Ae}from"./components/Separator/Separator.js";import{Sheet as Re}from"./components/Sheet/Sheet.js";import{Sidebar as ve}from"./components/Sidebar/Sidebar.js";import{Skeleton as we}from"./components/Skeleton/Skeleton.js";import{SkipLink as Me}from"./components/SkipLink/SkipLink.js";import{Slider as He}from"./components/Slider/Slider.js";import{SortableList as Oe}from"./components/SortableList/SortableList.js";import{Spinner as Ve}from"./components/Spinner/Spinner.js";import{Split as We}from"./components/Layout/Split.js";import{Stack as _e}from"./components/Layout/Stack.js";import{StatBadge as qe}from"./components/StatBadge/StatBadge.js";import{Steps as Je}from"./components/Steps/Steps.js";import{SuggestField as Xe}from"./components/SuggestField/SuggestField.js";import{SwipeToAction as $e}from"./components/SwipeToAction/SwipeToAction.js";import{Switch as rt}from"./components/Switch/Switch.js";import{Table as tt}from"./components/Table/Table.js";import{Tabs as mt}from"./components/Tabs/Tabs.js";import{Text as xt}from"./components/Text/Text.js";import{TextareaField as it}from"./components/TextareaField/TextareaField.js";import{ThemeProvider as nt,useTheme as dt}from"./components/ThemeProvider/ThemeProvider.js";import{TimeField as ut}from"./components/TimeField/TimeField.js";import{Timeline as St}from"./components/Timeline/Timeline.js";import{Title as gt}from"./components/Title/Title.js";import{Tooltip as ht}from"./components/Tooltip/Tooltip.js";import{UploadZone as Ft}from"./components/UploadZone/UploadZone.js";import{VirtualList as Pt}from"./components/VirtualList/VirtualList.js";import{VisuallyHidden as yt}from"./components/VisuallyHidden/VisuallyHidden.js";import{WheelTimePicker as Gt}from"./components/WheelTimePicker/WheelTimePicker.js";import{useCalendarBoardContext as kt,useCalendarBoardTaskHover as vt}from"./components/CalendarBoard/CalendarBoard.context.js";import{useLocale as wt,useT as Dt}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,A 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 Grid,Uo as GridItem,Zo as ImageCrop,jo as ImageGallery,zo as ImageLightbox,Qo as Inline,Yo as Item,or as Kbd,rr as KbdGroup,tr as Layout,pr as LayoutContent,mr as LayoutFooter,fr as LayoutHeader,ir as LayoutItem,xr as LayoutRoot,nr as LineChart,sr as Link,cr as Listbox,Cr as LiveRegion,Lr as LocaleProvider,Tr as Marker,Br as MaskedField,br as Media,Ar as Menu,Rr as Modal,vr as Notification,wr as NotificationProvider,Or as NumberField,Vr as Overflow,Wr as Overlay,po as Page,_r as Pagination,qr as PasswordField,Qr as PinInput,Yr as Popover,oe as PopupSwitch,ee as Progress,te as ProgressCircle,me as PullToRefresh,xe as Radio,ae as RadioGroup,le as Rating,de as RelativeTime,ce as SafeArea,Ce as ScrollArea,Le as SearchField,Te as SegmentedControl,Be as Select,be as SelectionGroup,Ae as Separator,Re as Sheet,ve as Sidebar,we as Skeleton,Me as SkipLink,He as Slider,Oe as SortableList,Ve as Spinner,We as Split,_e as Stack,qe as StatBadge,Je as Steps,Xe as SuggestField,$e as SwipeToAction,rt as Switch,tt as Table,mt as Tabs,xt as Text,Ao as TextField,it as TextareaField,nt as ThemeProvider,ut as TimeField,St as Timeline,gt as Title,ht as Tooltip,Ft as UploadZone,Pt as VirtualList,yt as VisuallyHidden,Gt as WheelTimePicker,Dr as dismiss,Mr as dismissAll,p as en,se as formatRelativeTime,zr as getPasswordStrength,Nr as notify,e as ru,kt as useCalendarBoardContext,vt as useCalendarBoardTaskHover,wt as useLocale,Hr as useNotify,Dt as useT,dt 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
|
---
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "altum",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.7",
|
|
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
|
@@ -187,6 +187,13 @@ interface EmptyStateProps extends Omit<ComponentPropsWithoutRef<'div'>, 'childre
|
|
|
187
187
|
|
|
188
188
|
declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
|
|
189
189
|
|
|
190
|
+
type FieldGroupWidth = 'auto' | 'full';
|
|
191
|
+
interface FieldGroupProps extends ComponentPropsWithoutRef<'div'> {
|
|
192
|
+
width?: FieldGroupWidth;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
declare const FieldGroup: react.ForwardRefExoticComponent<FieldGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
196
|
+
|
|
190
197
|
type FieldsetVariant = 'default' | 'card' | 'plain';
|
|
191
198
|
interface FieldsetProps extends ComponentPropsWithoutRef<'div'> {
|
|
192
199
|
variant?: FieldsetVariant;
|
|
@@ -1653,6 +1660,7 @@ interface PopupSwitchOption<T extends string | number = string> {
|
|
|
1653
1660
|
icon?: ReactNode;
|
|
1654
1661
|
}
|
|
1655
1662
|
type PopupSwitchVariant = 'secondary' | 'tinted' | 'ghost';
|
|
1663
|
+
type PopupSwitchWidth = 'auto' | 'options';
|
|
1656
1664
|
type PopupSwitchAlign = 'start' | 'center';
|
|
1657
1665
|
interface PopupSwitchProps<T extends string | number = string> {
|
|
1658
1666
|
value: T;
|
|
@@ -1663,6 +1671,7 @@ interface PopupSwitchProps<T extends string | number = string> {
|
|
|
1663
1671
|
placeholder?: string;
|
|
1664
1672
|
size?: ControlSize;
|
|
1665
1673
|
variant?: PopupSwitchVariant;
|
|
1674
|
+
width?: PopupSwitchWidth;
|
|
1666
1675
|
align?: PopupSwitchAlign;
|
|
1667
1676
|
'aria-label'?: string;
|
|
1668
1677
|
}
|
|
@@ -1721,6 +1730,15 @@ declare const Overflow: OverflowComponent;
|
|
|
1721
1730
|
|
|
1722
1731
|
type SelectOption = ListboxOption;
|
|
1723
1732
|
type SelectSelectionMode = 'single' | 'multiple' | 'path';
|
|
1733
|
+
interface SelectCustomTriggerProps {
|
|
1734
|
+
triggerRef: (node: HTMLElement | null) => void;
|
|
1735
|
+
open: boolean;
|
|
1736
|
+
listboxId: string;
|
|
1737
|
+
activeDescendantId?: string;
|
|
1738
|
+
chevron: ReactNode;
|
|
1739
|
+
onClick: react__default.MouseEventHandler<HTMLElement>;
|
|
1740
|
+
onKeyDown: react__default.KeyboardEventHandler<HTMLElement>;
|
|
1741
|
+
}
|
|
1724
1742
|
interface SelectProps extends FieldBaseProps {
|
|
1725
1743
|
options: SelectOption[];
|
|
1726
1744
|
groups?: ListboxGroup[];
|
|
@@ -1756,21 +1774,13 @@ interface SelectProps extends FieldBaseProps {
|
|
|
1756
1774
|
noOptionsText?: string;
|
|
1757
1775
|
preventOptionMouseDown?: boolean;
|
|
1758
1776
|
listAriaLabel?: string;
|
|
1759
|
-
|
|
1777
|
+
customTrigger?: (props: SelectCustomTriggerProps) => ReactNode;
|
|
1760
1778
|
onComboboxEnter?: () => void;
|
|
1761
1779
|
onComboboxEscape?: () => void;
|
|
1762
|
-
inputRef?: Ref<HTMLInputElement>;
|
|
1763
1780
|
popupClassName?: string;
|
|
1764
1781
|
className?: string;
|
|
1765
1782
|
id?: string;
|
|
1766
|
-
name?: string;
|
|
1767
|
-
required?: boolean;
|
|
1768
1783
|
'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
1784
|
}
|
|
1775
1785
|
|
|
1776
1786
|
declare const Select: react__default.ForwardRefExoticComponent<SelectProps & react__default.RefAttributes<HTMLDivElement>>;
|
|
@@ -2599,5 +2609,5 @@ declare const CalendarBoard: react.FC<CalendarBoardProviderProps> & {
|
|
|
2599
2609
|
TaskChip: react.ForwardRefExoticComponent<CalendarBoardTaskChipProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
|
|
2600
2610
|
};
|
|
2601
2611
|
|
|
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 };
|
|
2612
|
+
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, 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 };
|
|
2613
|
+
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, 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 };
|