altum 0.0.1 → 0.0.2
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 +21 -4
- package/README.md +10 -10
- package/dist/base/ButtonBase/ButtonBase.module.css.js +1 -1
- package/dist/base/ChartBase/ChartBase.module.css.js +1 -1
- package/dist/base/DialogBase/DialogBase.js +1 -1
- package/dist/base/DialogBase/DialogBase.module.css.js +1 -1
- package/dist/base/FieldBase/FieldBase.js +1 -1
- package/dist/base/FieldBase/FieldBase.module.css.js +1 -1
- package/dist/base/ToggleControlBase/ToggleControlBase.module.css.js +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/Accordion.module.css.js +1 -1
- package/dist/components/ActionList/ActionList.js +1 -1
- package/dist/components/ActionList/ActionList.module.css.js +1 -1
- package/dist/components/ActionSheetTrigger/ActionSheetTrigger.module.css.js +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.module.css.js +1 -1
- package/dist/components/AspectRatio/AspectRatio.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/Avatar/Avatar.module.css.js +1 -1
- package/dist/components/Backdrop/Backdrop.module.css.js +1 -1
- package/dist/components/Badge/Badge.module.css.js +1 -1
- package/dist/components/BarChart/BarChart.module.css.js +1 -1
- package/dist/components/Box/Box.module.css.js +1 -1
- package/dist/components/Bubble/Bubble.module.css.js +1 -1
- package/dist/components/Button/Button.module.css.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.module.css.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.js +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.module.css.js +1 -1
- package/dist/components/Calendar/Calendar.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.EventBar.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.Schedule.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.TimedEvent.module.css.js +1 -1
- package/dist/components/CalendarBoard/CalendarBoard.module.css.js +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.module.css.js +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Chip/Chip.module.css.js +1 -1
- package/dist/components/Collapse/Collapse.module.css.js +1 -1
- package/dist/components/ColorSwatchGroup/ColorSwatchGroup.module.css.js +1 -1
- package/dist/components/CommandPalette/CommandPalette.js +1 -1
- package/dist/components/CommandPalette/CommandPalette.module.css.js +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.module.css.js +1 -1
- package/dist/components/Container/Container.module.css.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Filter.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.Shell.module.css.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +1 -1
- package/dist/components/CustomSelect/CustomSelect.module.css.js +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.utils.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.module.css.js +1 -1
- package/dist/components/DayStripCalendar/DayStripCalendar.module.css.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.module.css.js +1 -1
- package/dist/components/DonutChart/DonutChart.module.css.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/Dropdown/Dropdown.module.css.js +1 -1
- package/dist/components/EmptyState/EmptyState.module.css.js +1 -1
- package/dist/components/FieldLabel/FieldLabel.module.css.js +1 -1
- package/dist/components/Fieldset/Fieldset.module.css.js +1 -1
- package/dist/components/FileList/FileList.module.css.js +1 -1
- package/dist/components/FormMessage/FormMessage.module.css.js +1 -1
- package/dist/components/GrabHandle/GrabHandle.module.css.js +1 -1
- package/dist/components/Grid/Grid.module.css.js +1 -1
- package/dist/components/ImageCrop/ImageCrop.module.css.js +1 -1
- package/dist/components/ImageGallery/ImageGallery.js +1 -1
- package/dist/components/ImageGallery/ImageGallery.module.css.js +1 -1
- package/dist/components/ImageLightbox/ImageLightbox.js +1 -1
- package/dist/components/ImageLightbox/ImageLightbox.module.css.js +1 -1
- package/dist/components/Item/Item.js +1 -1
- package/dist/components/Item/Item.module.css.js +1 -1
- package/dist/components/Kbd/Kbd.module.css.js +1 -1
- package/dist/components/Layout/Layout.module.css.js +1 -1
- package/dist/components/Layout/flexPrimitives.module.css.js +1 -1
- package/dist/components/LineChart/LineChart.module.css.js +1 -1
- package/dist/components/Link/Link.module.css.js +1 -1
- package/dist/components/Listbox/Listbox.js +1 -1
- package/dist/components/Listbox/Listbox.module.css.js +1 -1
- package/dist/components/Marker/Marker.js +1 -1
- package/dist/components/Marker/Marker.module.css.js +1 -1
- package/dist/components/MaskedField/MaskedField.js +1 -1
- package/dist/components/MaskedField/MaskedField.module.css.js +1 -1
- package/dist/components/Media/Media.module.css.js +1 -1
- package/dist/components/Menu/Menu.js +1 -0
- package/dist/components/Menu/Menu.module.css.js +1 -0
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/Modal.module.css.js +1 -1
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/Notification/Notification.module.css.js +1 -1
- package/dist/components/NumberField/NumberField.module.css.js +1 -1
- package/dist/components/Overflow/Overflow.js +1 -0
- package/dist/components/Overflow/Overflow.module.css.js +1 -0
- package/dist/components/Overflow/OverflowActionsMode.js +1 -0
- package/dist/components/Overflow/OverflowMeasure.js +1 -0
- package/dist/components/Overlay/Overlay.Focus.js +1 -1
- package/dist/components/Overlay/Overlay.Root.js +1 -1
- package/dist/components/Overlay/Overlay.module.css.js +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.module.css.js +1 -1
- package/dist/components/PasswordField/PasswordField.module.css.js +1 -1
- package/dist/components/PinInput/PinInput.module.css.js +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/Popover.module.css.js +1 -1
- package/dist/components/Progress/Progress.module.css.js +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.module.css.js +1 -1
- package/dist/components/Rating/Rating.module.css.js +1 -1
- package/dist/components/SafeArea/SafeArea.module.css.js +1 -1
- package/dist/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/dist/components/SearchField/SearchField.module.css.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.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/SelectionGroup/SelectionGroup.js +1 -1
- package/dist/components/SelectionGroup/SelectionGroup.module.css.js +1 -1
- package/dist/components/Separator/Separator.module.css.js +1 -1
- package/dist/components/Sheet/Sheet.js +1 -1
- package/dist/components/Sheet/Sheet.module.css.js +1 -1
- package/dist/components/Sidebar/Sidebar.module.css.js +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Skeleton/Skeleton.module.css.js +1 -1
- package/dist/components/SkipLink/SkipLink.module.css.js +1 -1
- package/dist/components/Slider/Slider.module.css.js +1 -1
- package/dist/components/SortableList/SortableList.module.css.js +1 -1
- package/dist/components/Spinner/Spinner.module.css.js +1 -1
- package/dist/components/StatBadge/StatBadge.module.css.js +1 -1
- package/dist/components/Steps/Steps.module.css.js +1 -1
- package/dist/components/SuggestField/SuggestField.js +1 -1
- package/dist/components/SuggestField/SuggestField.module.css.js +1 -1
- package/dist/components/SwipeToAction/SwipeToAction.module.css.js +1 -1
- package/dist/components/Switch/Switch.module.css.js +1 -1
- package/dist/components/Table/Table.module.css.js +1 -1
- package/dist/components/Table/Table.slots.js +1 -1
- package/dist/components/Table/TableContext.js +1 -1
- package/dist/components/Table/TableRow.js +1 -1
- package/dist/components/Table/TableRowActions.js +1 -1
- package/dist/components/Table/TableView.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.module.css.js +1 -1
- package/dist/components/Text/Text.module.css.js +1 -1
- package/dist/components/TextField/TextField.js +1 -1
- package/dist/components/TextField/TextField.module.css.js +1 -1
- package/dist/components/TextareaField/TextareaField.module.css.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.module.css.js +1 -1
- package/dist/components/TimePicker/TimePicker.js +1 -1
- package/dist/components/TimePicker/TimePicker.module.css.js +1 -1
- package/dist/components/Timeline/Timeline.module.css.js +1 -1
- package/dist/components/Title/Title.module.css.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.module.css.js +1 -1
- package/dist/components/UploadZone/UploadZone.module.css.js +1 -1
- package/dist/components/VirtualList/VirtualList.module.css.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.module.css.js +1 -1
- package/dist/index.js +1 -1
- package/dist/locales/en.js +1 -1
- package/dist/locales/ru.js +1 -1
- package/dist/styles/ControlTrack.module.css.js +1 -0
- package/dist/styles/MediaItem.module.css.js +1 -0
- package/dist/utils/controlTrack.js +1 -1
- package/dist/utils/renderChildren.js +1 -1
- package/docs/COMPONENTS.md +24 -27
- package/docs/ICONS.md +6 -5
- package/docs/LAYOUT.md +2 -2
- package/docs/THEMING.md +30 -20
- package/package.json +5 -5
- package/types/entries/hooks.d.ts +1 -1
- package/types/index.d.ts +271 -450
- package/dist/base/ListOptionBase/ListOptionBase.js +0 -1
- package/dist/base/ListOptionBase/ListOptionBase.module.css.js +0 -1
- package/dist/base/MediaRowBase/MediaRowBase.js +0 -1
- package/dist/base/MediaRowBase/MediaRowBase.module.css.js +0 -1
- package/dist/components/ContextMenu/ContextMenu.js +0 -1
- package/dist/components/ContextMenu/ContextMenu.module.css.js +0 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +0 -1
- package/dist/components/OverflowActions/OverflowActions.js +0 -1
- package/dist/components/OverflowActions/OverflowActions.module.css.js +0 -1
- package/dist/components/OverflowGroup/OverflowGroup.js +0 -1
- package/dist/components/OverflowGroup/OverflowGroup.module.css.js +0 -1
- package/dist/utils/controlTrack.module.css.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsx as a}from"react/jsx-runtime";import{forwardRef as o}from"react";import{cn as r}from"../../utils/cn.js";import e from"./ListOptionBase.module.css.js";const m=o(function({className:t,selected:i,highlighted:l,multiline:n,type:s="button",children:p,...d},u){return a("button",{ref:u,type:s,className:r(e.option,i&&e.selected,l&&e.highlighted,n&&e.multiline,t),...d,children:p})});m.displayName="ListOptionBase";const c=o(function({className:t,multiline:i,children:l,...n},s){return a("span",{ref:s,className:r(e.label,i&&e.labelMultiline,t),...n,children:l})});c.displayName="ListOptionBaseLabel";export{m as ListOptionBase,c as ListOptionBaseLabel};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";var e=".ListOptionBase_rUZnR{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:var(--altum-g-radius-sm);box-sizing:border-box;color:var(--altum-color-control-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--altum-g-font-size-base);padding:var(--altum-option-padding-y) var(--altum-option-padding-x);text-align:left;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);width:100%}.ListOptionBase_rUZnR:disabled{cursor:not-allowed;opacity:var(--altum-opacity-disabled)}.ListOptionBase_rUZnR:hover:not(:disabled){background-color:var(--altum-color-option-hover)}.ListOptionBase_rUZnR:focus-visible:not(:disabled){background-color:var(--altum-color-option-hover);outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:calc(var(--altum-focus-ring-offset)*-1)}.ListOptionBase_zOFok{align-items:center}.ListOptionBase_Rv4nx{background-color:var(--altum-color-option-hover)}.ListOptionBase_y-u4x{background-color:var(--altum-color-control-bg-checked);color:var(--altum-color-control-mark-color)}.ListOptionBase_y-u4x.ListOptionBase_Rv4nx:not(:disabled),.ListOptionBase_y-u4x:focus-visible:not(:disabled),.ListOptionBase_y-u4x:hover:not(:disabled){background-color:var(--altum-color-brand-hover);color:var(--altum-color-control-mark-color)}.ListOptionBase_-nZV8{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ListOptionBase_BwMh3{align-items:center;display:flex;flex:1 1 auto;gap:var(--altum-g-space-2);overflow:visible;text-overflow:unset;white-space:normal}";const a={option:"ListOptionBase_rUZnR",multiline:"ListOptionBase_zOFok",highlighted:"ListOptionBase_Rv4nx",selected:"ListOptionBase_y-u4x",label:"ListOptionBase_-nZV8",labelMultiline:"ListOptionBase_BwMh3"};(function(t){if(!(typeof document>"u")){var o=document.createElement("style");o.textContent=t,document.head.appendChild(o)}})(e);export{a as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsx as n}from"react/jsx-runtime";import{forwardRef as l}from"react";import{cn as r}from"../../utils/cn.js";import c from"./MediaRowBase.module.css.js";const d=l(function({as:e="div",children:s,className:i,style:a,...t},p){return n(e,{ref:p,className:r(c.row,i),style:a,...t,children:s})}),o=l(function({children:e,className:s,style:i,...a},t){return n("div",{ref:t,className:r(c.media,s),style:i,...a,children:e})}),m=l(function({children:e,className:s,style:i,...a},t){return n("div",{ref:t,className:r(c.content,s),style:i,...a,children:e})}),f=l(function({children:e,className:s,style:i,...a},t){return n("div",{ref:t,className:r(c.title,s),style:i,...a,children:e})}),y=l(function({children:e,className:s,style:i,...a},t){return n("div",{ref:t,className:r(c.description,s),style:i,...a,children:e})}),N=l(function({children:e,className:s,style:i,...a},t){return n("div",{ref:t,className:r(c.actions,s),style:i,...a,children:e})});d.displayName="MediaRowBase",o.displayName="MediaRowBase.Media",m.displayName="MediaRowBase.Content",f.displayName="MediaRowBase.Title",y.displayName="MediaRowBase.Description",N.displayName="MediaRowBase.Actions";const u=Object.assign(d,{Media:o,Content:m,Title:f,Description:y,Actions:N});export{u as MediaRowBase};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";var a=".MediaRowBase_8O1Cy{align-items:center;box-sizing:border-box;display:flex;gap:var(--altum-g-space-3);min-width:0;width:100%}.MediaRowBase_8O1Cy .MediaRowBase_D7se1{align-items:center;box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden}:is(.MediaRowBase_8O1Cy .MediaRowBase_D7se1) img{display:block;height:100%;object-fit:cover;width:100%}.MediaRowBase_8O1Cy .MediaRowBase_UMedO{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--altum-g-space-1);min-width:0}.MediaRowBase_8O1Cy .MediaRowBase_gjqFL{font-weight:var(--altum-g-font-weight-medium);line-height:1.3}.MediaRowBase_8O1Cy .MediaRowBase_GVO7k,.MediaRowBase_8O1Cy .MediaRowBase_gjqFL{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MediaRowBase_8O1Cy .MediaRowBase_TGRVB{align-items:center;display:inline-flex;flex-shrink:0}";const o={row:"MediaRowBase_8O1Cy",media:"MediaRowBase_D7se1",content:"MediaRowBase_UMedO",title:"MediaRowBase_gjqFL",description:"MediaRowBase_GVO7k",actions:"MediaRowBase_TGRVB"};(function(i){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=i,document.head.appendChild(e)}})(a);export{o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsxs as u,Fragment as O,jsx as n}from"react/jsx-runtime";import{forwardRef as A,useState as d,useRef as F,useCallback as H,useLayoutEffect as I}from"react";import{ActionList as l}from"../ActionList/ActionList.js";import{Box as j}from"../Box/Box.js";import{Overlay as G}from"../Overlay/Overlay.js";import{clampToViewport as S}from"../../utils/anchorPosition.js";import g from"./ContextMenu.module.css.js";import{cn as V}from"../../utils/cn.js";import{composeEventHandlers as h}from"../../utils/composeEvents.js";import{useLocale as X}from"../../locales/localeContext.js";const x=A(function({children:C,groups:b,onAction:y,filterable:v=!1,emptyText:p,className:w,tabIndex:M,"aria-label":E,onContextMenu:L,onKeyDown:R,...T},k){const{t:D}=X(),[i,a]=d(!1),[o,c]=d({top:0,left:0}),s=F(null),f=H(()=>a(!1),[]),B=h(L,e=>{e.preventDefault();let t=e.clientX,r=e.clientY;if(!t&&!r){const m=e.currentTarget.getBoundingClientRect();t=m.left,r=m.bottom}c({top:r,left:t}),a(!0)}),K=h(R,e=>{if(!(e.key==="ContextMenu"||e.shiftKey&&e.key==="F10"))return;e.preventDefault();const t=document.activeElement,r=(t instanceof HTMLElement&&e.currentTarget.contains(t)?t:e.currentTarget).getBoundingClientRect();c({top:r.bottom,left:r.left}),a(!0)});I(()=>{if(!i||!s.current)return;const e=s.current.getBoundingClientRect(),t=S(o.left,o.top,e.width,e.height);(t.top!==o.top||t.left!==o.left)&&c(t)},[o.left,o.top,i]);const N=e=>{y?.(e),f()};return u(O,{children:[n("div",{ref:k,className:V(g.target,w),...T,tabIndex:M??0,onContextMenu:B,onKeyDown:K,children:C}),n(G,{variant:"floating",purpose:"dropdown",open:i,onClose:f,role:"presentation",style:{top:o.top,left:o.left},trapFocus:!0,closeOnOutsideClick:!0,closeOnEscape:!0,asChild:!0,children:n(j,{ref:s,variant:"floating",border:!0,shadow:"md",padding:"none",radius:"md",className:g.menu,children:u(l.Root,{"aria-label":E??D("contextMenu.ariaLabel"),onAction:N,children:[v&&n(l.Search,{}),b.map(e=>u(l.Group,{id:e.id,children:[n(l.GroupLabel,{children:e.label}),e.items.map(t=>n(l.Item,{...t},t.id))]},e.id)),p&&n(l.Empty,{children:p})]})})})]})});x.displayName="ContextMenu";export{x as ContextMenu};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";var n=".ContextMenu_aYG8Y{min-width:0}.ContextMenu_aYG8Y:focus{outline:none}.ContextMenu_aYG8Y:focus-visible{outline:var(--altum-focus-ring-width) solid var(--altum-focus-ring-color);outline-offset:var(--altum-focus-ring-offset)}.ContextMenu_MDn4t{--altum-context-menu-min-width:180px;--altum-context-menu-max-width:320px;--altum-context-menu-max-height:360px;max-height:min(var(--altum-context-menu-max-height),calc(100vh - var(--altum-g-space-4)));max-width:min(var(--altum-context-menu-max-width),calc(100vw - var(--altum-g-space-4)));min-width:var(--altum-context-menu-min-width);overflow:auto}";const a={target:"ContextMenu_aYG8Y",menu:"ContextMenu_MDn4t"};(function(e){if(!(typeof document>"u")){var t=document.createElement("style");t.textContent=e,document.head.appendChild(t)}})(n);export{a as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{forwardRef as y,useCallback as A}from"react";import{Dropdown as n}from"../Dropdown/Dropdown.js";import{ActionList as l}from"../ActionList/ActionList.js";import{useControlledStateWithCallback as D}from"../../hooks/useControlledState.js";import{useLocale as j}from"../../locales/localeContext.js";const c=y(function({trigger:m,groups:s,open:h,onOpenChange:f,align:u="right",widthMode:b="content",mobileTitle:g,filterable:C=!1,filterPlaceholder:w,emptyText:t,onAction:a,className:M,"aria-label":T,...x},L){const{t:d}=j(),[N,r]=D(h,!1,f),R=A(o=>{a?.(o),r(!1)},[a,r]);return e("div",{ref:L,className:M,...x,children:i(n,{open:N,onOpenChange:r,onClose:()=>r(!1),align:u,widthMode:b,popupRole:"none",mobileTitle:g??d("dropdownMenu.mobileTitle"),children:[e(n.Trigger,{asChild:!0,children:m}),e(n.Content,{children:i(l.Root,{className:void 0,"aria-label":T??d("dropdownMenu.ariaLabel"),onAction:R,children:[C&&e(l.Search,{placeholder:w}),s.map(o=>i(l.Group,{id:o.id,children:[e(l.GroupLabel,{children:o.label}),o.items.map(p=>e(l.Item,{...p},p.id))]},o.id)),t&&e(l.Empty,{children:t})]})})]})})});c.displayName="DropdownMenu";export{c as DropdownMenu};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsxs as w,jsx as l}from"react/jsx-runtime";import O,{forwardRef as Z,useId as _,useState as $,useMemo as x,useCallback as N}from"react";import{Dropdown as y}from"../Dropdown/Dropdown.js";import{ActionList as f}from"../ActionList/ActionList.js";import{Button as q}from"../Button/Button.js";import{ButtonIcon as k}from"../ButtonIcon/ButtonIcon.js";import{IconDots3 as J}from"../../icons/icons/IconDots3.js";import{cn as u}from"../../utils/cn.js";import{useActionSheetContext as Q}from"../ActionSheetTrigger/actionSheetContext.js";import c from"./OverflowActions.module.css.js";import{useLocale as U}from"../../locales/localeContext.js";const W=new Set(["id","icon","label","textValue","disabled","onSelect","className","key"]);function Y(e){return O.isValidElement(e)&&e.type===p}function ee(e){const o=[];return O.Children.forEach(e,(t,n)=>{if(!Y(t))return;const r=t.props.id??`action-${n}`;o.push({...t.props,id:r,key:String(t.key??r)})}),o}function C(e){return typeof e.textValue=="string"&&e.textValue.length>0?e.textValue:typeof e.label=="string"||typeof e.label=="number"?String(e.label):e.id??e.key}function z(e){const o={};for(const[t,n]of Object.entries(e))W.has(t)||n!==void 0&&(o[t]=n);return o}const p=()=>null;p.displayName="OverflowActions.Item";function ie({item:e,display:o,size:t}){const n=C(e),r=o==="icon"&&e.icon!=null,a=z(e);return r?l(k,{...a,type:"button",variant:"ghost",size:t,icon:e.icon,id:e.id,"aria-label":a["aria-label"]??(a["aria-labelledby"]?void 0:n),disabled:e.disabled,className:u(c.visibleAction,e.className),onClick:()=>e.onSelect?.()}):l(q,{...a,type:"button",variant:"ghost",size:t,iconStart:e.icon,id:e.id,disabled:e.disabled,className:u(c.visibleAction,e.className),onClick:()=>e.onSelect?.(),children:e.label})}const I=Z(function({children:e,visibleCount:o,display:t="icon-label",showOverflowTrigger:n,size:r="sm",mobileTitle:a,className:T,"aria-label":V,...j},L){const{t:d}=U(),A=V??d("overflowActions.ariaLabel"),M=a??d("overflowActions.title"),B=_(),s=Q(),[E,G]=$(!1),b=x(()=>ee(e),[e]),S=o===void 0||!Number.isFinite(o)?b.length:Math.max(0,Math.floor(o)),R=b.slice(0,S),h=b.slice(S),v=h.length>0,D=!(n??s?.shouldShowOverflowTrigger??!0),g=s!=null&&v,F=g?s.overflowOpen:E,m=N(i=>{g?s.setOverflowOpen(i):G(i)},[g,s]),H=x(()=>h.map(i=>({id:i.id??i.key,label:i.label,textValue:C(i),icon:i.icon,disabled:i.disabled,onSelect:i.onSelect,buttonProps:z(i)})),[h]),K=N(i=>{i.onSelect?.(),m(!1)},[m]),P=v&&!D,X=v;return w("div",{ref:L,className:u(c.root,T),...j,role:"toolbar","aria-label":A,children:[R.map(i=>l(ie,{item:i,display:t,size:r},i.key)),X&&w(y,{open:F,onOpenChange:m,onClose:()=>m(!1),align:"right",widthMode:"content",popupRole:"listbox",mobileTitle:M,children:[l(y.Trigger,{asChild:!0,children:l(k,{type:"button",variant:"ghost",size:r,icon:l(J,{size:r==="sm"?16:18}),"aria-label":d("overflowActions.more"),className:u(c.overflowTrigger,P?"":c.srOnlyTrigger)})}),l(y.Content,{children:l(f.Root,{id:B,"aria-label":A,onAction:K,children:w(f.Group,{id:"overflow",children:[l(f.GroupLabel,{children:d("overflowActions.title")}),H.map(i=>l(f.Item,{...i},i.id))]})})})]})]})});I.displayName="OverflowActions";const te=Object.assign(I,{Item:p});export{te as OverflowActions,p as OverflowActionsItem};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";var o=".OverflowActions_HRssW{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--altum-g-space-1);min-width:0;position:relative}.OverflowActions_KOnLs,.OverflowActions_XGjeZ{flex-shrink:0}.OverflowActions_fWj7C{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.OverflowActions_fWj7C:focus-visible{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}";const t={root:"OverflowActions_HRssW",visibleAction:"OverflowActions_XGjeZ",overflowTrigger:"OverflowActions_KOnLs",srOnlyTrigger:"OverflowActions_fWj7C"};(function(i){if(!(typeof document>"u")){var e=document.createElement("style");e.textContent=i,document.head.appendChild(e)}})(o);export{t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import{jsx as i,jsxs as D}from"react/jsx-runtime";import T,{forwardRef as ie,useMemo as P,useState as E,useRef as f,useCallback as q,useLayoutEffect as le,useEffect as ae}from"react";import{composeRefs as se}from"../../utils/composeRefs.js";import{Dropdown as O}from"../Dropdown/Dropdown.js";import{ButtonIcon as B}from"../ButtonIcon/ButtonIcon.js";import{IconDots3 as H}from"../../icons/icons/IconDots3.js";import{cn as z}from"../../utils/cn.js";import n from"./OverflowGroup.module.css.js";import{useLocale as ce}from"../../locales/localeContext.js";function ue(e){return T.Children.toArray(e).filter(l=>T.isValidElement(l))}function k(e,l){return e.key!=null?String(e.key):`overflow-item-${l}`}function me(e){switch(e){case"sm":return 16;case"lg":return 20;default:return 18}}function fe(e){return e==="sm"?n.gapSm:e==="lg"?n.gapLg:n.gapMd}function J(e){if(!e)return 0;const l=getComputedStyle(e).columnGap||getComputedStyle(e).gap,s=Number.parseFloat(l);return Number.isFinite(s)?s:0}function K(e,l,s,p,u){const c=l.length;if(c===0||e<=0)return 0;const b=o=>{if(o<=0)return 0;let m=0;for(let d=0;d<o;d+=1)m+=l[d]??0;return m+p*Math.max(0,o-1)},G=b(c),N=u!==void 0?Math.min(c,Math.max(0,Math.floor(u))):c;if(G<=e&&N>=c)return c;for(let o=N;o>=0;o-=1){const m=b(o);if((o<c?m+(o>0?p:0)+s:m)<=e)return o}return 0}const U=ie(function({children:e,gap:l="md",size:s="md",fit:p="content",maxVisible:u,align:c="right",moreLabel:b,mobileTitle:G,className:N,"aria-label":o,...m},d){const{t:I}=ce(),a=P(()=>ue(e),[e]),h=`${P(()=>a.map((r,t)=>k(r,t)).join("\0"),[a])}|${l}|${s}|${p}|${u??""}`,[R,X]=E(""),[w,Y]=E(a.length),[Z,W]=E(!1),C=f(null),$=f(null),j=f(null),y=f([]),M=f([]),L=f(0),g=R!==h,Q=o??I("overflowGroup.ariaLabel"),F=b??I("overflowGroup.more"),_=G??I("overflowGroup.title"),ee=fe(l),V=me(s),S=q(r=>{Y(t=>t===r?t:r)},[]),x=q(()=>{const r=C.current,t=$.current;if(!r||!t||M.current.length===0)return;const v=K(r.clientWidth,M.current,L.current,J(t),u);S(v)},[S,u]);le(()=>{const r=C.current,t=$.current;if(!(!r||!t)){if(g){y.current=y.current.slice(0,a.length),M.current=a.map((pe,oe)=>y.current[oe]?.offsetWidth??0),L.current=j.current?.offsetWidth??0;const v=K(r.clientWidth,M.current,L.current,J(t),u);S(v),X(h);return}x()}},[S,a.length,u,h,g,x]),ae(()=>{const r=C.current;if(!r||typeof ResizeObserver>"u")return;const t=new ResizeObserver(()=>{R===h&&x()});return t.observe(r),()=>t.disconnect()},[h,x,R]);const A=!g&&w<a.length,re=g?a.length:w,te=a.slice(0,re),ne=A?a.slice(w):[];return i("div",{ref:se(d,C),className:z(n.root,p==="container"?n.fitContainer:n.fitContent,N),role:"group","aria-label":Q,...m,children:D("div",{ref:$,className:z(n.row,ee),children:[te.map((r,t)=>i("div",{ref:v=>{y.current[t]=v},className:n.item,children:r},k(r,t))),g&&i("div",{ref:j,className:z(n.measureItem,n.moreMeasure),"aria-hidden":!0,children:i(B,{type:"button",variant:"ghost",size:s,icon:i(H,{size:V}),"aria-label":F,className:n.overflowTrigger,tabIndex:-1})}),A&&i("div",{className:n.moreSlot,children:D(O,{open:Z,onOpenChange:W,onClose:()=>W(!1),align:c,widthMode:"content",popupRole:"none",mobileTitle:_,children:[i(O.Trigger,{asChild:!0,children:i(B,{type:"button",variant:"ghost",size:s,icon:i(H,{size:V}),"aria-label":F,className:n.overflowTrigger})}),i(O.Content,{className:n.menuPanel,children:i("div",{className:n.menuStack,children:ne.map((r,t)=>i("div",{className:n.menuItem,children:T.cloneElement(r,{className:z(n.menuItemControl,r.props.className)})},k(r,w+t)))})})]})})]})})});U.displayName="OverflowGroup";export{U as OverflowGroup};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";var e=".OverflowGroup_0E5kr{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;max-width:100%;min-width:0;position:relative}.OverflowGroup_wjQXB{width:-moz-max-content;width:max-content}.OverflowGroup_PQu6a{align-self:stretch;height:100%;width:100%}.OverflowGroup_PQu6a .OverflowGroup_kuITI{align-items:stretch;height:100%}.OverflowGroup_PQu6a .OverflowGroup_G4TBy{align-items:stretch;display:flex}.OverflowGroup_PQu6a .OverflowGroup_fw5qu{align-items:stretch;margin-inline-start:auto}.OverflowGroup_PQu6a .OverflowGroup_tjg1Z{align-self:stretch;background-color:initial!important;border:none!important;border-radius:calc(var(--altum-g-radius) - 2px);box-shadow:none!important;height:auto!important;min-height:0!important;opacity:.75}.OverflowGroup_PQu6a .OverflowGroup_tjg1Z:hover:not(:disabled){background-color:color-mix(in srgb,var(--altum-field-label) 8%,transparent)!important;opacity:1}.OverflowGroup_PQu6a .OverflowGroup_tjg1Z:focus-visible{opacity:1}.OverflowGroup_kuITI{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;min-width:0;width:100%}.OverflowGroup_7F-vQ,.OverflowGroup_G4TBy{flex-shrink:0}.OverflowGroup_2a-E-{pointer-events:none;position:absolute;visibility:hidden}.OverflowGroup_fw5qu{align-items:center;display:flex;flex-shrink:0}.OverflowGroup_zd3OL{gap:var(--altum-g-space-1)}.OverflowGroup_xZxkw{gap:var(--altum-g-space-2)}.OverflowGroup_EfQbk{gap:var(--altum-g-space-3)}.OverflowGroup_tjg1Z{flex-shrink:0}.OverflowGroup_TBWyw{box-sizing:border-box!important;max-width:min(20rem,calc(100vw - var(--altum-g-space-8)));overflow-x:hidden!important;overflow-y:auto!important}.OverflowGroup_kO8BD{flex-direction:column;gap:var(--altum-g-space-2);overflow-x:hidden;padding:var(--altum-g-space-2);width:-moz-max-content;width:max-content}.OverflowGroup_4-abr,.OverflowGroup_kO8BD{align-items:stretch;box-sizing:border-box;display:flex;max-width:100%}.OverflowGroup_4-abr{flex-shrink:0;min-width:0}.OverflowGroup_4-abr>*{box-sizing:border-box;max-width:100%}.OverflowGroup_4-abr>.OverflowGroup_GhO5S{height:auto!important;min-height:var(--altum-control-height-sm);width:100%}";const t={root:"OverflowGroup_0E5kr",fitContent:"OverflowGroup_wjQXB",fitContainer:"OverflowGroup_PQu6a",row:"OverflowGroup_kuITI",item:"OverflowGroup_G4TBy",moreSlot:"OverflowGroup_fw5qu",overflowTrigger:"OverflowGroup_tjg1Z",measureItem:"OverflowGroup_7F-vQ",moreMeasure:"OverflowGroup_2a-E-",gapSm:"OverflowGroup_zd3OL",gapMd:"OverflowGroup_xZxkw",gapLg:"OverflowGroup_EfQbk",menuPanel:"OverflowGroup_TBWyw",menuStack:"OverflowGroup_kO8BD",menuItem:"OverflowGroup_4-abr",menuItemControl:"OverflowGroup_GhO5S"};(function(r){if(!(typeof document>"u")){var o=document.createElement("style");o.textContent=r,document.head.appendChild(o)}})(e);export{t as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var l=".utils_iBn2K.utils_0ci96{background-color:var(--altum-color-brand);border:1px solid transparent;box-shadow:var(--altum-shadow-brand)}.utils_iBn2K.utils_ooQpP{background-color:var(--altum-color-button-tinted-bg);border:1px solid var(--altum-color-button-tinted-border);box-shadow:none}.utils_iBn2K.utils_lIT9x{background-color:var(--altum-color-button-secondary-bg)}.utils_iBn2K.utils_K3sfL,.utils_iBn2K.utils_lIT9x{border:1px solid var(--altum-color-button-secondary-border);box-shadow:none}.utils_iBn2K.utils_K3sfL{background-color:initial}.utils_iBn2K.utils_PzNwo,.utils_iBn2K.utils_supmM{background-color:initial;border:1px solid transparent;box-shadow:none}.utils_iBn2K.utils_8onan{background-color:var(--altum-field-bg-readonly);border:1px dashed var(--altum-field-border-readonly);box-shadow:none;cursor:default}";const r={track:"utils_iBn2K",primary:"utils_0ci96",tinted:"utils_ooQpP",secondary:"utils_lIT9x",ghost:"utils_K3sfL",plain:"utils_supmM",link:"utils_PzNwo",readOnly:"utils_8onan"};(function(t){if(!(typeof document>"u")){var o=document.createElement("style");o.textContent=t,document.head.appendChild(o)}})(l);export{r as default};
|