altum 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.module.css.js +1 -1
- package/dist/components/Attachment/Attachment.js +1 -1
- package/dist/components/Attachment/Attachment.module.css.js +1 -1
- package/dist/components/Gap/Gap.js +1 -0
- package/dist/components/Gap/Gap.module.css.js +1 -0
- package/dist/components/Item/Item.js +1 -1
- package/dist/index.js +1 -1
- package/docs/COMPONENTS.md +2 -1
- package/docs/LAYOUT.md +35 -1
- package/package.json +1 -1
- package/types/index.d.ts +12 -2
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
## [Unreleased]
|
|
10
10
|
|
|
11
|
+
## [0.0.8] — 2026-09-28
|
|
12
|
+
|
|
13
|
+
**`Gap`** — пустой зазор (`size`, `orientation`). У **`Item`** `wrap` переносит длинные `title` и `description`.
|
|
14
|
+
|
|
15
|
+
**Исправлено.** У **`Attachment`** hover ошибки не снимает заливку, `sm` / `xs` берут свой кегль, загрузка — `aria-busy`, ошибка — `aria-invalid`. У **`Alert`** один зазор до `actions`.
|
|
16
|
+
|
|
11
17
|
## [0.0.7] — 2026-09-28
|
|
12
18
|
|
|
13
19
|
**`FieldGroup`** стыкует поля и кнопки одной рамкой: оболочка **`Select`** по видимому полю, высота как у кнопки и **`PopupSwitch`**, тень варианта не ложится на соседа. **`PopupSwitch`**: `width="options"` по самой длинной подписи, шеврон **`IconChevronUpDown`**. У **`Button`** `variant="link"` `size` меняет кегль и иконку. Storybook **About**: страница бренда и каталог компонентов (`npm run catalog`).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsxs as d,jsx as o}from"react/jsx-runtime";import{forwardRef as w}from"react";import{IconCheckmark as y}from"../../icons/icons/IconCheckmark.js";import{IconInformation as C}from"../../icons/icons/IconInformation.js";import{IconWarning as g}from"../../icons/icons/IconWarning.js";import{IconWrong as x}from"../../icons/icons/IconWrong.js";import{OverlayCloseButton as j}from"../ButtonIcon/OverlayCloseButton.js";import e from"../../styles/MediaItem.module.css.js";import r from"./Alert.module.css.js";import f from"../../styles/status.module.css.js";import{cn as i}from"../../utils/cn.js";import{useLocale as A}from"../../locales/localeContext.js";import{ruSlice as L}from"../../locales/slices/common.ru.js";const W={common:L},B={info:o(C,{size:16}),success:o(y,{size:16}),warning:o(g,{size:16}),error:o(x,{size:16})},p=w(function({variant:n="info",size:c="md",layout:u="block",className:h,role:v,title:l,icon:m,actions:s,onClose:a,closeLabel:N,children:t,...I},b){const{t:z}=A(W),k=N??z("common.close");return d("div",{ref:b,className:i(e.row,e.wrap,r.alert,
|
|
1
|
+
"use client";import{jsxs as d,jsx as o}from"react/jsx-runtime";import{forwardRef as w}from"react";import{IconCheckmark as y}from"../../icons/icons/IconCheckmark.js";import{IconInformation as C}from"../../icons/icons/IconInformation.js";import{IconWarning as g}from"../../icons/icons/IconWarning.js";import{IconWrong as x}from"../../icons/icons/IconWrong.js";import{OverlayCloseButton as j}from"../ButtonIcon/OverlayCloseButton.js";import e from"../../styles/MediaItem.module.css.js";import r from"./Alert.module.css.js";import f from"../../styles/status.module.css.js";import{cn as i}from"../../utils/cn.js";import{useLocale as A}from"../../locales/localeContext.js";import{ruSlice as L}from"../../locales/slices/common.ru.js";const W={common:L},B={info:o(C,{size:16}),success:o(y,{size:16}),warning:o(g,{size:16}),error:o(x,{size:16})},p=w(function({variant:n="info",size:c="md",layout:u="block",className:h,role:v,title:l,icon:m,actions:s,onClose:a,closeLabel:N,children:t,...I},b){const{t:z}=A(W),k=N??z("common.close");return d("div",{ref:b,className:i(e.row,e.wrap,r.alert,f[n],f.surface,c!=="md"&&r[c],u==="inline"&&r.inline,h),role:v??(n==="error"?"alert":"status"),...I,children:[m!==null&&o("div",{className:i(e.media,r.icon),"aria-hidden":!0,children:m??B[n]}),d("div",{className:i(e.content,r.body),children:[l!=null&&l!==""&&o("div",{className:i(e.title,r.title),children:l}),t!=null&&t!==""&&o("div",{className:i(e.description,r.content),children:t}),s!=null&&o("div",{className:i(e.actions,r.actions),children:s})]}),a!=null&&o(j,{"aria-label":k,onClick:a})]})});p.displayName="Alert";export{p as Alert};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t="._7cYyI{align-items:flex-start;background-color:var(--altum-status-bg);border:1px solid var(--altum-status-border);border-radius:var(--altum-g-radius);color:var(--altum-status-fg);padding:var(--altum-g-space-3) var(--altum-g-space-4)}._7cYyI .Zg6SB{color:inherit;margin-top:var(--altum-g-space-1)}._7cYyI .abGgF{color:inherit;font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-xs)}._7cYyI .UXnmZ,._7cYyI .abGgF{font-size:var(--altum-g-font-size-sm)}._7cYyI .UXnmZ{color:var(--altum-color-muted);line-height:var(--altum-g-line-height-base)}._7cYyI .RW9lv{align-items:flex-start;flex-wrap:wrap;gap:var(--altum-g-space-2)
|
|
1
|
+
"use client";import{injectCss as a}from"../../utils/injectCss.js";var t="._7cYyI{align-items:flex-start;background-color:var(--altum-status-bg);border:1px solid var(--altum-status-border);border-radius:var(--altum-g-radius);color:var(--altum-status-fg);padding:var(--altum-g-space-3) var(--altum-g-space-4)}._7cYyI .Zg6SB{color:inherit;margin-top:var(--altum-g-space-1)}._7cYyI .abGgF{color:inherit;font-weight:var(--altum-g-font-weight-semibold);line-height:var(--altum-g-line-height-xs)}._7cYyI .UXnmZ,._7cYyI .abGgF{font-size:var(--altum-g-font-size-sm)}._7cYyI .UXnmZ{color:var(--altum-color-muted);line-height:var(--altum-g-line-height-base)}._7cYyI .RW9lv{align-items:flex-start;flex-wrap:wrap;gap:var(--altum-g-space-2)}._7cYyI._8W0SD{gap:var(--altum-g-space-2);padding:var(--altum-g-space-2) var(--altum-g-space-3)}._7cYyI._8W0SD .UXnmZ,._7cYyI._8W0SD .abGgF{font-size:var(--altum-g-font-size-xs)}._7cYyI.-rVFO{padding:var(--altum-g-space-4) var(--altum-g-space-5)}._7cYyI.-rVFO .abGgF{font-size:var(--altum-g-font-size-base)}._7cYyI.OCIzv{display:inline-flex;max-width:100%;vertical-align:middle;width:auto}._7cYyI.OCIzv .B60Rk{align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--altum-g-space-2)}";const e={alert:"_7cYyI",icon:"Zg6SB",title:"abGgF",content:"UXnmZ",actions:"RW9lv",sm:"_8W0SD",lg:"-rVFO",inline:"OCIzv",body:"B60Rk"};a(t);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as
|
|
1
|
+
"use client";import{jsx as t,jsxs as n,Fragment as l}from"react/jsx-runtime";import{forwardRef as p}from"react";import{Spinner as c}from"../Spinner/Spinner.js";import{Item as u}from"../Item/Item.js";import a from"./Attachment.module.css.js";import{cn as f}from"../../utils/cn.js";const m=p(function({size:r="md",status:i="idle",media:e,className:s,...o},d){return t(u,{ref:d,...o,size:r==="xs"?"sm":r,variant:"outlined",mediaClassName:a.media,titleClassName:a.title,descriptionClassName:a.description,media:i==="uploading"&&e!=null?n(l,{children:[e,t("span",{className:a.uploadOverlay,"aria-hidden":!0,children:t(c,{size:16,"aria-hidden":!0})})]}):e,className:f(a.attachment,r!=="md"?a[r]:"",i==="error"?a.error:"",s),"data-status":i,"aria-busy":i==="uploading"||void 0,"aria-invalid":i==="error"||void 0})});m.displayName="Attachment";export{m as Attachment};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._5PlRC{--altum-attachment-max-width:360px;--altum-attachment-max-width-sm:280px;--altum-attachment-max-width-xs:220px;max-width:var(--altum-attachment-max-width)}._5PlRC:hover:not(:disabled){background:var(--altum-color-panel-bg-hover)}._5PlRC.NkCiM{max-width:var(--altum-attachment-max-width-sm)}._5PlRC.um8pJ{max-width:var(--altum-attachment-max-width-xs)}._5PlRC.um8pJ .FCf1F{height:var(--altum-g-space-5);width:var(--altum-g-space-5)}._5PlRC.um8pJ .n2PFF{font-size:var(--altum-g-font-size-2xs)}._5PlRC.Fv4Vl{
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var a="._5PlRC{--altum-attachment-max-width:360px;--altum-attachment-max-width-sm:280px;--altum-attachment-max-width-xs:220px;max-width:var(--altum-attachment-max-width)}._5PlRC:hover:not(:disabled):not(.Fv4Vl){background:var(--altum-color-panel-bg-hover)}._5PlRC.NkCiM{max-width:var(--altum-attachment-max-width-sm)}._5PlRC.NkCiM .n2PFF{font-size:var(--altum-g-font-size-sm)}._5PlRC.um8pJ{max-width:var(--altum-attachment-max-width-xs)}._5PlRC.um8pJ .FCf1F{height:var(--altum-g-space-5);width:var(--altum-g-space-5)}._5PlRC.um8pJ .n2PFF{font-size:var(--altum-g-font-size-2xs)}._5PlRC.Fv4Vl{border-color:color-mix(in srgb,var(--altum-color-status-error) 40%,var(--altum-color-panel-border))}._5PlRC.Fv4Vl,._5PlRC.Fv4Vl:hover:not(:disabled){background:color-mix(in srgb,var(--altum-color-status-error) 8%,var(--altum-color-panel-bg))}._5PlRC:is(.NkCiM,.um8pJ) .koTJ7{color:var(--altum-field-label);font-size:var(--altum-g-font-size-xs);line-height:1.3}._5PlRC .FCf1F{position:relative}._5PlRC ._5vdyS{align-items:center;background:color-mix(in srgb,var(--altum-color-panel-bg) 55%,#0000);display:flex;inset:0;justify-content:center;position:absolute}._5PlRC .n2PFF{font-size:var(--altum-g-font-size-sm)}._5PlRC .koTJ7{color:var(--altum-field-label);font-size:var(--altum-g-font-size-xs);line-height:1.3}";const l={attachment:"_5PlRC",error:"Fv4Vl",sm:"NkCiM",title:"n2PFF",xs:"um8pJ",media:"FCf1F",description:"koTJ7",uploadOverlay:"_5vdyS"};t(a);export{l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{jsx as p}from"react/jsx-runtime";import{forwardRef as n}from"react";import r from"./Gap.module.css.js";import{cn as f}from"../../utils/cn.js";import{resolveSpacingCss as l}from"../../utils/spacing.js";const o=n(function({size:e="md",orientation:t="horizontal",className:i,style:a,...m},s){return p("div",{ref:s,className:f(r.root,r[t],i),...m,style:{"--altum-gap-size":l(e),...a},"aria-hidden":!0})});o.displayName="Gap";export{o as Gap};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import{injectCss as t}from"../../utils/injectCss.js";var i=".l6T1Y{box-sizing:border-box;flex-shrink:0}.l6T1Y.G1-wh{height:var(--altum-gap-size);width:100%}.l6T1Y.WROmB{align-self:stretch;width:var(--altum-gap-size)}";const e={root:"l6T1Y",horizontal:"G1-wh",vertical:"WROmB"};t(i);export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
"use client";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{forwardRef as R}from"react";import{Box as $}from"../Box/Box.js";import N from"../../styles/flexChild.module.css.js";import n from"../../styles/MediaItem.module.css.js";import i from"./Item.module.css.js";import{cn as e}from"../../utils/cn.js";import{implicitAs as z}from"../../utils/implicitAs.js";import{Flex as s}from"../../base/Flex/Flex.js";const A={sm:"sm",md:"md",lg:"md"},B={sm:"none",md:"var(--altum-control-inset)",lg:"var(--altum-control-inset)"},g=R(function({size:a="md",variant:v="ghost",interactive:t=!1,wrap:h=!1,as:o,media:c,mediaVariant:w="icon",mediaClassName:x,title:r,titleClassName:C,description:m,descriptionClassName:k,actions:d,actionsClassName:b,className:j,onClick:p,role:f,...y},F){const I=t?z(o,p,f):o??"div";return l($,{ref:F,as:I,variant:v,padding:"none",className:e(i.item,a!=="md"&&i[a],t&&i.interactive,h&&n.wrap,j),onClick:p,role:f,...y,children:u(s,{align:"center",gap:A[a],wrap:!1,children:[c!=null?l("div",{className:e(n.media,i.media,i[`media_${w}`],x),children:c}):null,r!=null||m!=null?u(s,{direction:"column",gap:B[a],wrap:!1,className:e(N.grow,i.body),children:[r!=null?l("div",{className:e(n.title,i.title,C),children:r}):null,m!=null?l("div",{className:e(n.description,i.description,k),children:m}):null]}):null,d!=null?l(s,{align:"center",gap:"xs",wrap:!1,className:e(N.noShrink,i.actions,b),children:d}):null]})})});g.displayName="Item";export{g as Item};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";import{ru as e}from"./locales/ru.js";import{en as p}from"./locales/en.js";import{Accordion as f}from"./components/Accordion/Accordion.js";import{ActionList as a}from"./components/ActionList/ActionList.js";import{ActionSheetTrigger as l}from"./components/ActionSheetTrigger/ActionSheetTrigger.js";import{Alert as d}from"./components/Alert/Alert.js";import{AspectRatio as u}from"./components/AspectRatio/AspectRatio.js";import{Attachment as S}from"./components/Attachment/Attachment.js";import{Avatar as g,AvatarGroup as L}from"./components/Avatar/Avatar.js";import{Backdrop as T}from"./components/Backdrop/Backdrop.js";import{Badge as B}from"./components/Badge/Badge.js";import{BarChart as b}from"./components/BarChart/BarChart.js";import{Box as
|
|
1
|
+
"use client";import{ru as e}from"./locales/ru.js";import{en as p}from"./locales/en.js";import{Accordion as f}from"./components/Accordion/Accordion.js";import{ActionList as a}from"./components/ActionList/ActionList.js";import{ActionSheetTrigger as l}from"./components/ActionSheetTrigger/ActionSheetTrigger.js";import{Alert as d}from"./components/Alert/Alert.js";import{AspectRatio as u}from"./components/AspectRatio/AspectRatio.js";import{Attachment as S}from"./components/Attachment/Attachment.js";import{Avatar as g,AvatarGroup as L}from"./components/Avatar/Avatar.js";import{Backdrop as T}from"./components/Backdrop/Backdrop.js";import{Badge as B}from"./components/Badge/Badge.js";import{BarChart as b}from"./components/BarChart/BarChart.js";import{Box as G}from"./components/Box/Box.js";import{Bubble as R}from"./components/Bubble/Bubble.js";import{Button as v}from"./components/Button/Button.js";import{ButtonGroup as w}from"./components/ButtonGroup/ButtonGroup.js";import{ButtonIcon as M}from"./components/ButtonIcon/ButtonIcon.js";import{Calendar as H}from"./components/Calendar/Calendar.js";import{CalendarBoard as O}from"./components/CalendarBoard/CalendarBoard.js";import{Card as V}from"./components/Card/Card.js";import{Checkbox as W,CheckboxGroup as Z}from"./components/Checkbox/Checkbox.js";import{Chip as j,ChipGroup as q}from"./components/Chip/Chip.js";import{Collapse as J}from"./components/Collapse/Collapse.js";import{ColorSwatchGroup as X}from"./components/ColorSwatchGroup/ColorSwatchGroup.js";import{CommandPalette as $}from"./components/CommandPalette/CommandPalette.js";import{ConfirmDialog as ro}from"./components/ConfirmDialog/ConfirmDialog.js";import{Container as to,Page as po}from"./components/Container/Container.js";import{ControlRow as fo}from"./components/Layout/ControlRow.js";import{DateField as ao}from"./components/DateField/DateField.js";import{DateRangeField as lo}from"./components/DateRangeField/DateRangeField.js";import{DayStripCalendar as so}from"./components/DayStripCalendar/DayStripCalendar.js";import{DescriptionList as co}from"./components/DescriptionList/DescriptionList.js";import{DialogLayout as Co}from"./components/DialogLayout/DialogLayout.js";import{DonutChart as Lo}from"./components/DonutChart/DonutChart.js";import{Dropdown as To}from"./components/Dropdown/Dropdown.js";import{EmptyState as Bo}from"./components/EmptyState/EmptyState.js";import{FieldBaseButton as bo,FieldBaseIcon as yo,TextField as Go}from"./components/TextField/TextField.js";import{FieldGroup as Ro}from"./components/FieldGroup/FieldGroup.js";import{FieldLabel as vo}from"./components/FieldLabel/FieldLabel.js";import{Fieldset as wo}from"./components/Fieldset/Fieldset.js";import{FileList as Mo}from"./components/FileList/FileList.js";import{FormMessage as Ho}from"./components/FormMessage/FormMessage.js";import{GRID_BREAKPOINTS as Oo}from"./components/Grid/Grid.utils.js";import{Gap as Vo}from"./components/Gap/Gap.js";import{Grid as Wo,GridItem as Zo}from"./components/Grid/Grid.js";import{ImageCrop as jo}from"./components/ImageCrop/ImageCrop.js";import{ImageGallery as zo}from"./components/ImageGallery/ImageGallery.js";import{ImageLightbox as Qo}from"./components/ImageLightbox/ImageLightbox.js";import{Inline as Yo}from"./components/Layout/Inline.js";import{Item as or}from"./components/Item/Item.js";import{Kbd as er,KbdGroup as tr}from"./components/Kbd/Kbd.js";import{Layout as mr,LayoutContent as fr,LayoutFooter as xr,LayoutHeader as ar,LayoutRoot as ir}from"./components/Layout/Layout.js";import{LayoutItem as nr}from"./components/Layout/LayoutItem.js";import{LineChart as sr}from"./components/LineChart/LineChart.js";import{Link as cr}from"./components/Link/Link.js";import{Listbox as Cr}from"./components/Listbox/Listbox.js";import{LiveRegion as Lr}from"./components/LiveRegion/LiveRegion.js";import{LocaleProvider as Tr}from"./components/LocaleProvider/LocaleProvider.js";import{Marker as Br}from"./components/Marker/Marker.js";import{MaskedField as br}from"./components/MaskedField/MaskedField.js";import{Media as Gr}from"./components/Media/Media.js";import{Menu as Rr}from"./components/Menu/Menu.js";import{Modal as vr}from"./components/Modal/Modal.js";import{Notification as wr}from"./components/Notification/Notification.js";import{NotificationProvider as Mr,dismiss as Nr,dismissAll as Hr,notify as Kr,useNotify as Or}from"./components/Notification/toast.js";import{NumberField as Vr}from"./components/NumberField/NumberField.js";import{Overflow as Wr}from"./components/Overflow/Overflow.js";import{Overlay as _r}from"./components/Overlay/Overlay.js";import{Pagination as qr}from"./components/Pagination/Pagination.js";import{PasswordField as Jr,getPasswordStrength as Qr}from"./components/PasswordField/PasswordField.js";import{PinInput as Yr}from"./components/PinInput/PinInput.js";import{Popover as oe}from"./components/Popover/Popover.js";import{PopupSwitch as ee}from"./components/PopupSwitch/PopupSwitch.js";import{Progress as pe,ProgressCircle as me}from"./components/Progress/Progress.js";import{PullToRefresh as xe}from"./components/PullToRefresh/PullToRefresh.js";import{Radio as ie,RadioGroup as le}from"./components/Radio/Radio.js";import{Rating as de}from"./components/Rating/Rating.js";import{RelativeTime as ue,formatRelativeTime as ce}from"./components/RelativeTime/RelativeTime.js";import{SafeArea as Ce}from"./components/SafeArea/SafeArea.js";import{ScrollArea as Le}from"./components/ScrollArea/ScrollArea.js";import{SearchField as Te}from"./components/SearchField/SearchField.js";import{SegmentedControl as Be}from"./components/SegmentedControl/SegmentedControl.js";import{Select as be}from"./components/Select/Select.js";import{SelectionGroup as Ge}from"./components/SelectionGroup/SelectionGroup.js";import{Separator as Re}from"./components/Separator/Separator.js";import{Sheet as ve}from"./components/Sheet/Sheet.js";import{Sidebar as we}from"./components/Sidebar/Sidebar.js";import{Skeleton as Me}from"./components/Skeleton/Skeleton.js";import{SkipLink as He}from"./components/SkipLink/SkipLink.js";import{Slider as Oe}from"./components/Slider/Slider.js";import{SortableList as Ve}from"./components/SortableList/SortableList.js";import{Spinner as We}from"./components/Spinner/Spinner.js";import{Split as _e}from"./components/Layout/Split.js";import{Stack as qe}from"./components/Layout/Stack.js";import{StatBadge as Je}from"./components/StatBadge/StatBadge.js";import{Steps as Xe}from"./components/Steps/Steps.js";import{SuggestField as $e}from"./components/SuggestField/SuggestField.js";import{SwipeToAction as rt}from"./components/SwipeToAction/SwipeToAction.js";import{Switch as tt}from"./components/Switch/Switch.js";import{Table as mt}from"./components/Table/Table.js";import{Tabs as xt}from"./components/Tabs/Tabs.js";import{Text as it}from"./components/Text/Text.js";import{TextareaField as nt}from"./components/TextareaField/TextareaField.js";import{ThemeProvider as st,useTheme as ut}from"./components/ThemeProvider/ThemeProvider.js";import{TimeField as St}from"./components/TimeField/TimeField.js";import{Timeline as gt}from"./components/Timeline/Timeline.js";import{Title as ht}from"./components/Title/Title.js";import{Tooltip as Ft}from"./components/Tooltip/Tooltip.js";import{UploadZone as Pt}from"./components/UploadZone/UploadZone.js";import{VirtualList as yt}from"./components/VirtualList/VirtualList.js";import{VisuallyHidden as At}from"./components/VisuallyHidden/VisuallyHidden.js";import{WheelTimePicker as kt}from"./components/WheelTimePicker/WheelTimePicker.js";import{useCalendarBoardContext as It,useCalendarBoardTaskHover as wt}from"./components/CalendarBoard/CalendarBoard.context.js";import{useLocale as Mt,useT as Nt}from"./locales/localeContext.js";export{f as Accordion,a as ActionList,l as ActionSheetTrigger,d as Alert,u as AspectRatio,S as Attachment,g as Avatar,L as AvatarGroup,T as Backdrop,B as Badge,b as BarChart,G as Box,R as Bubble,v as Button,w as ButtonGroup,M as ButtonIcon,H as Calendar,O as CalendarBoard,V as Card,W as Checkbox,Z as CheckboxGroup,j as Chip,q as ChipGroup,J as Collapse,X as ColorSwatchGroup,$ as CommandPalette,ro as ConfirmDialog,to as Container,fo as ControlRow,ao as DateField,lo as DateRangeField,so as DayStripCalendar,co as DescriptionList,Co as DialogLayout,Lo as DonutChart,To as Dropdown,Bo as EmptyState,bo as FieldBaseButton,yo as FieldBaseIcon,Ro as FieldGroup,vo as FieldLabel,wo as Fieldset,Mo as FileList,Ho as FormMessage,Oo as GRID_BREAKPOINTS,Vo as Gap,Wo as Grid,Zo as GridItem,jo as ImageCrop,zo as ImageGallery,Qo as ImageLightbox,Yo as Inline,or as Item,er as Kbd,tr as KbdGroup,mr as Layout,fr as LayoutContent,xr as LayoutFooter,ar as LayoutHeader,nr as LayoutItem,ir as LayoutRoot,sr as LineChart,cr as Link,Cr as Listbox,Lr as LiveRegion,Tr as LocaleProvider,Br as Marker,br as MaskedField,Gr as Media,Rr as Menu,vr as Modal,wr as Notification,Mr as NotificationProvider,Vr as NumberField,Wr as Overflow,_r as Overlay,po as Page,qr as Pagination,Jr as PasswordField,Yr as PinInput,oe as Popover,ee as PopupSwitch,pe as Progress,me as ProgressCircle,xe as PullToRefresh,ie as Radio,le as RadioGroup,de as Rating,ue as RelativeTime,Ce as SafeArea,Le as ScrollArea,Te as SearchField,Be as SegmentedControl,be as Select,Ge as SelectionGroup,Re as Separator,ve as Sheet,we as Sidebar,Me as Skeleton,He as SkipLink,Oe as Slider,Ve as SortableList,We as Spinner,_e as Split,qe as Stack,Je as StatBadge,Xe as Steps,$e as SuggestField,rt as SwipeToAction,tt as Switch,mt as Table,xt as Tabs,it as Text,Go as TextField,nt as TextareaField,st as ThemeProvider,St as TimeField,gt as Timeline,ht as Title,Ft as Tooltip,Pt as UploadZone,yt as VirtualList,At as VisuallyHidden,kt as WheelTimePicker,Nr as dismiss,Hr as dismissAll,p as en,ce as formatRelativeTime,Qr as getPasswordStrength,Kr as notify,e as ru,It as useCalendarBoardContext,wt as useCalendarBoardTaskHover,Mt as useLocale,Or as useNotify,Nt as useT,ut as useTheme};
|
package/docs/COMPONENTS.md
CHANGED
|
@@ -127,7 +127,8 @@
|
|
|
127
127
|
| **Box** | Поверхность (`outlined` / `elevated` / `floating` / `tinted` / `secondary` / `muted` / `glass` / `overlay` / `ghost` / `plain`). Красит только себя; потомки остаются на глобальных токенах. |
|
|
128
128
|
| **Collapse** | Плавное сворачивание по высоте (CSS `grid-template-rows`). |
|
|
129
129
|
| **Separator** | Разделитель: `orientation` horizontal \| vertical, текст (`children`), отступы `start` / `end`. |
|
|
130
|
-
| **
|
|
130
|
+
| **Gap** | Пустой зазор: `size` (токен spacing), `orientation` horizontal \| vertical. Ритм группы — `gap` у Stack / Inline. |
|
|
131
|
+
| **Item** | Строка: `media` / `mediaVariant`, `title`, `description`, `actions`; `wrap` переносит длинный текст вместо ellipsis; поверхность — `Box`. |
|
|
131
132
|
| **AspectRatio** | Обёртка с `aspect-ratio` (16:9 / 1:1). |
|
|
132
133
|
| **Media** | img/video-превью с `aspect-ratio`. |
|
|
133
134
|
| **ScrollArea** | Стилизованный скролл (`orientation` y/x/both); `maxHeight` / `maxWidth` без дефолта. |
|
package/docs/LAYOUT.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Layout-компоненты altum
|
|
2
2
|
|
|
3
|
-
Гайд: **что выбрать** и **зачем**, для панели `Layout
|
|
3
|
+
Гайд: **что выбрать** и **зачем**, для панели `Layout`, flex-примитивов (`Stack`, `Inline`, `Split`, `ControlRow`, `LayoutItem`) и точечного зазора `Gap`.
|
|
4
4
|
|
|
5
5
|
Стили — CSS Modules + токены `--altum-g-space-*` (8pt).
|
|
6
6
|
|
|
@@ -16,6 +16,7 @@ import {
|
|
|
16
16
|
Grid,
|
|
17
17
|
Container,
|
|
18
18
|
Page,
|
|
19
|
+
Gap,
|
|
19
20
|
} from 'altum';
|
|
20
21
|
```
|
|
21
22
|
|
|
@@ -34,6 +35,7 @@ import {
|
|
|
34
35
|
| Поля + Chip + Button в одной строке фильтров | **ControlRow** |
|
|
35
36
|
| Одному ребёнку — `flex: 1` или «не сжимать» | **LayoutItem** (`ControlRow.Item`) |
|
|
36
37
|
| Колонки сетки | **Grid** |
|
|
38
|
+
| Один дополнительный шаг между двумя соседями | **Gap** |
|
|
37
39
|
| Оболочка input (label / prefix / clear) | **TextField** |
|
|
38
40
|
|
|
39
41
|
---
|
|
@@ -247,6 +249,38 @@ Flex-ячейка внутри Stack / Inline / Split / ControlRow.
|
|
|
247
249
|
|
|
248
250
|
---
|
|
249
251
|
|
|
252
|
+
## Gap
|
|
253
|
+
|
|
254
|
+
Пустой зазор фиксированного размера. Общий ритм группы по-прежнему задаёт `gap` у **Stack** / **Inline**. **Gap** — один дополнительный шаг между двумя соседями или зазор вне flex-примитива. Линия — **Separator**.
|
|
255
|
+
|
|
256
|
+
| Проп | По умолчанию | Смысл |
|
|
257
|
+
|------|--------------|--------|
|
|
258
|
+
| `size` | `md` | Токен `none`…`xl` (как `gap` у Stack), число (px) или CSS-строка |
|
|
259
|
+
| `orientation` | `horizontal` | `horizontal` — высота между блоками; `vertical` — ширина в ряду |
|
|
260
|
+
|
|
261
|
+
**Использовать:** отделить подвал формы от полей сильнее, чем общий `gap`; вставить шаг в разметке, которая не обёрнута в Stack / Inline.
|
|
262
|
+
|
|
263
|
+
**Не использовать:** одинаковый ритм у всех детей → `gap` у **Stack** / **Inline**; линия между секциями → **Separator**.
|
|
264
|
+
|
|
265
|
+
```tsx
|
|
266
|
+
<Stack gap="md">
|
|
267
|
+
<TextField label="Имя" width="full" />
|
|
268
|
+
<TextField label="Эл. почта" width="full" />
|
|
269
|
+
<Gap size="lg" />
|
|
270
|
+
<Button variant="primary">Сохранить</Button>
|
|
271
|
+
</Stack>
|
|
272
|
+
```
|
|
273
|
+
|
|
274
|
+
```tsx
|
|
275
|
+
<Inline gap="none">
|
|
276
|
+
<Text>Профиль</Text>
|
|
277
|
+
<Gap orientation="vertical" size="md" />
|
|
278
|
+
<Text>Настройки</Text>
|
|
279
|
+
</Inline>
|
|
280
|
+
```
|
|
281
|
+
|
|
282
|
+
---
|
|
283
|
+
|
|
250
284
|
## Типичные композиции
|
|
251
285
|
|
|
252
286
|
### Тулбар страницы
|
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'div'> {
|
|
|
53
53
|
declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
|
|
54
54
|
|
|
55
55
|
type SpacingToken = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
56
|
+
type SpacingValue = SpacingToken | number | string;
|
|
56
57
|
type GroupGap = 'sm' | 'md' | 'lg';
|
|
57
58
|
|
|
58
59
|
type ControlSize = 'sm' | 'md' | 'lg';
|
|
@@ -339,6 +340,7 @@ interface ItemProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
|
339
340
|
size?: ItemSize;
|
|
340
341
|
variant?: ItemVariant;
|
|
341
342
|
interactive?: boolean;
|
|
343
|
+
wrap?: boolean;
|
|
342
344
|
as?: BoxAs;
|
|
343
345
|
media?: ReactNode;
|
|
344
346
|
mediaVariant?: ItemMediaVariant;
|
|
@@ -1492,6 +1494,14 @@ interface SeparatorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children
|
|
|
1492
1494
|
|
|
1493
1495
|
declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1494
1496
|
|
|
1497
|
+
type GapOrientation = 'horizontal' | 'vertical';
|
|
1498
|
+
interface GapProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
1499
|
+
size?: SpacingValue;
|
|
1500
|
+
orientation?: GapOrientation;
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
declare const Gap: react.ForwardRefExoticComponent<GapProps & react.RefAttributes<HTMLDivElement>>;
|
|
1504
|
+
|
|
1495
1505
|
type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
1496
1506
|
type AlertLayout = 'block' | 'inline';
|
|
1497
1507
|
interface AlertProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
@@ -2609,5 +2619,5 @@ declare const CalendarBoard: react.FC<CalendarBoardProviderProps> & {
|
|
|
2609
2619
|
TaskChip: react.ForwardRefExoticComponent<CalendarBoardTaskChipProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
|
|
2610
2620
|
};
|
|
2611
2621
|
|
|
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 };
|
|
2622
|
+
export { Accordion, ActionList, ActionSheetTrigger, Alert, AspectRatio, Attachment, Avatar, AvatarGroup, Backdrop, Badge, BarChart, Box, Bubble, Button, ButtonGroup, ButtonIcon, Calendar, CalendarBoard, Card, Checkbox, CheckboxGroup, Chip, ChipGroup, Collapse, ColorSwatchGroup, CommandPalette, ConfirmDialog, Container, ControlRow, DateField, DateRangeField, DayStripCalendar, DescriptionList, DialogLayout, DonutChart, Dropdown, EmptyState, FieldBaseButton, FieldBaseIcon, FieldGroup, FieldLabel, Fieldset, FileList$1 as FileList, FormMessage, GRID_BREAKPOINTS, Gap, Grid, GridItem, ImageCrop, ImageGallery, ImageLightbox, Inline, Item, Kbd, KbdGroup, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutItem, LayoutRoot, LineChart, Link, Listbox, LiveRegion, LocaleProvider, Marker, MaskedField, Media, Menu, Modal, Notification, NotificationProvider, NumberField, Overflow, Overlay, Page, Pagination, PasswordField, PinInput, Popover, PopupSwitch, Progress, ProgressCircle, PullToRefresh, Radio, RadioGroup, Rating, RelativeTime, SafeArea, ScrollArea, SearchField, SegmentedControl, Select, SelectionGroup, Separator, Sheet, Sidebar, Skeleton, SkipLink, Slider, SortableList, Spinner, Split, Stack, StatBadge, Steps, SuggestField, SwipeToAction, Switch, Table, Tabs, Text, TextField, TextareaField, ThemeProvider, TimeField, Timeline, Title, Tooltip, UploadZone, VirtualList, VisuallyHidden, WheelTimePicker, dismiss, dismissAll, en, formatRelativeTime, getPasswordStrength, notify, ru, useCalendarBoardContext, useCalendarBoardTaskHover, useLocale, useNotify, useT, useTheme };
|
|
2623
|
+
export type { AccordionItemProps, AccordionProps, AccordionVariant, ActionListGroup, ActionListHandle, ActionListItem, ActionListProps, ActionSheetTriggerProps, AdaptiveValue, AlertLayout, AlertProps, AlertVariant, AspectRatioProps, AttachmentProps, AttachmentSize, AttachmentStatus, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, BackdropBlur, BackdropPosition, BackdropProps, BackdropVariant, BadgePosition, BadgeProps, BadgeSize, BadgeVariant, BarChartDataset, BarChartProps, BoxAs, BoxBorderStyle, BoxPadding, BoxProps, BoxRadius, BoxShadow, BoxVariant, BubbleAlign, BubbleProps, BubbleReaction, BubbleVariant, ButtonGroupItemFit, ButtonGroupItemProps, ButtonGroupMode, ButtonGroupRootProps, ButtonGroupVariant, ButtonIconProps, ButtonProps, ButtonVariant, CalendarBoardBodyProps, CalendarBoardDayCellRenderProps, CalendarBoardDayProps, CalendarBoardHeaderProps, CalendarBoardMonthProps, CalendarBoardNavProps, CalendarBoardProviderProps, CalendarBoardRootProps, CalendarBoardTask, CalendarBoardTaskChipProps, CalendarBoardTaskLayout, CalendarBoardTaskRenderProps, CalendarBoardTitleProps, CalendarBoardView, CalendarBoardWeekProps, CalendarBoardYearMonthRenderProps, CalendarBoardYearProps, CalendarBodyProps, CalendarContextValue, CalendarDayCell, CalendarDayCellRenderProps, CalendarHeaderProps, CalendarNavProps, CalendarProviderProps, CalendarRootProps, CalendarScheduleEvent, CalendarSelectionMode, CalendarTitleProps, CalendarViewMode, CardProps, CardVariant, CheckboxGroupProps, CheckboxMode, CheckboxProps, ChipGroupGap, ChipGroupProps, ChipMode, ChipProps, ChipVariant, CollapseProps, ColorSwatchGroupProps, Column, ActionListGroup as CommandPaletteGroup, ActionListItem as CommandPaletteItem, CommandPaletteProps, ConfirmDialogProps, ConfirmDialogSecondaryAction, ContainerProps, ContainerSize, ControlRowProps, ControlSize, DateFieldProps, DateRangeFieldProps, DateRangeValue, DayStripCalendarProps, DayStripDayRenderProps, DeepPartialMessages, DescriptionListItem, DescriptionListProps, DialogLayoutProps, DonutChartProps, DropdownAlign, DropdownPanelScroll, DropdownPopupRole, DropdownProps, DropdownTriggerAttrs, DropdownTriggerMode, DropdownTriggerSlotProps, DropdownWidthMode, EmptyStateProps, EmptyStateSize, FieldBaseButtonProps, FieldBaseIconProps, FieldBaseProps, FieldGroupProps, FieldGroupWidth, FieldLabelAlign, FieldLabelJustify, FieldLabelLayout, FieldLabelProps, FieldWidth, FieldsetProps, FieldsetVariant, FileListItemProps, FileListItemStatus, FileListRootProps, FormMessageProps, FormMessageVariant, GapOrientation, GapProps, GridGapToken, GridItemProps, GridMode, GridProps, ImageCropProps, ImageCropResult, ImageCropShape, ImageGalleryItem, ImageGalleryProps, ImageLightboxProps, InlineProps, ItemMediaVariant, ItemProps, ItemSize, ItemVariant, KbdGroupProps, KbdProps, LabelSide, LayoutAlign, LayoutContentProps, LayoutFooterAlign, LayoutFooterProps, LayoutGap, LayoutHeaderProps, LayoutItemProps, LayoutJustify, LayoutRootProps, LayoutSpacing, LineChartProps, LinkProps, LinkSize, LinkStatus, LinkVariant, ListboxFilterFn, ListboxGroup, ListboxHandle, ListboxNavigation, ListboxOption, ListboxProps, LiveRegionProps, LocaleCode, LocaleProviderProps, MarkerProps, MarkerVariant, MaskedFieldProps, MediaProps, MenuProps, MenuTrigger, Messages, ModalBodyProps, ModalFooterAlign, ModalFooterProps, ModalHeaderProps, ModalProps, ModalRootProps, NotificationAction, NotificationItem, NotificationPosition, NotificationProps, NotificationProviderProps, NotificationViewportProps, NotifyInput, NumberFieldProps, OverflowDisplay, OverflowFit, OverflowGap, OverflowItemProps, OverflowProps, OverlayBaseProps, OverlayChildren, OverlayContentProps, OverlayDismiss, OverlayFloatingProps, OverlayModalProps, OverlayProps, OverlayPurpose, OverlaySheetProps, OverlaySheetSide, OverlayVariant, PageProps, PaginationControlsProps, PaginationPageSizeProps, PaginationProps, PaginationRootProps, PaginationSummaryProps, PasswordFieldProps, PasswordStrength, PinInputProps, PopoverContentVariant, PopoverProps, PopoverTriggerMode, PopoverTriggerSlotProps, PopupSwitchAlign, PopupSwitchOption, PopupSwitchProps, PopupSwitchVariant, PopupSwitchWidth, ProgressCircleProps, ProgressProps, ProgressVariant, PullToRefreshProps, RadioGroupProps, RadioProps, RangeValue, RatingProps, RelativeTimeProps, ResolvedListboxGroup, SafeAreaEdges, SafeAreaProps, ScrollAreaProps, SearchFieldProps, SegmentOption, SegmentedControlProps, SegmentedItemFit, SelectCustomTriggerProps, SelectOption, SelectProps, SelectionGroupItemProps, SelectionGroupListProps, SelectionGroupOrientation, SelectionGroupPanelProps, SelectionGroupRootProps, SeparatorOrientation, SeparatorProps, SeparatorSpace, SheetBodyProps, SheetDirection, SheetFooterAlign, SheetFooterProps, SheetHeaderProps, SheetMode, SheetProps, SidebarContentProps, SidebarFooterProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMobileTriggerProps, SidebarProps, SidebarTitleProps, SkeletonProps, SkeletonVariant, SkipLinkProps, SliderProps, SliderRangeProps, SliderSingleProps, SortableItem, SortableListProps, SortableListVariant, SpinnerProps, SpinnerSize, SpinnerVariant, SplitProps, StackProps, StatBadgeProps, StepItem, StepStatus, StepsProps, SuggestFieldOption, SuggestFieldProps, SwipeAction, SwipeToActionProps, SwitchLabelSide, SwitchProps, TableDensity, TableEmptyConfig, TablePagination, TableProps, TableRowActionsProps, TableSortDirection, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsTriggerProps, TabsVariant, TextFieldAs, TextFieldProps, TextFieldRef, TextProps, TextareaFieldProps, Theme, ThemeApplyTarget, ThemeProviderProps, TimeFieldProps, TimePopupProps, TimeValue, TimelineItem, TimelineItemStatus, TimelineProps, TitleProps, TooltipProps, TooltipSide, TooltipTriggerProps, TranslationParams, UploadZoneProps, VirtualListAlign, VirtualListHandle, VirtualListOnRangeChangeOptions, VirtualListProps, VirtualListRange, VirtualListRenderItemInfo, VirtualScrollMetrics, VirtualScrollMetricsStore, VisuallyHiddenProps, WheelTimePickerProps };
|