@deepfuture/dui-components 0.0.14 → 0.0.16

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.
@@ -73,6 +73,7 @@ const styles = css `
73
73
 
74
74
  [part="panel"] {
75
75
  overflow: hidden;
76
+ contain: content;
76
77
  transition-property: height;
77
78
  }
78
79
  `;
package/all.d.ts CHANGED
@@ -12,64 +12,106 @@
12
12
  * ```
13
13
  */
14
14
  import type { LitElement } from "lit";
15
- export { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
15
+ import { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
16
+ export { DuiAccordion, DuiAccordionItem };
16
17
  export type { AccordionContext } from "./accordion/index.js";
17
- export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
18
+ import { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose } from "./alert-dialog/index.js";
19
+ export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, };
18
20
  export type { AlertDialogOpenChangeDetail, AlertDialogContext, } from "./alert-dialog/index.js";
19
- export { DuiAvatar } from "./avatar/index.js";
21
+ import { DuiAvatar } from "./avatar/index.js";
22
+ export { DuiAvatar };
20
23
  export type { ImageStatus } from "./avatar/index.js";
21
- export { DuiBadge } from "./badge/index.js";
22
- export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
23
- export { DuiButton } from "./button/index.js";
24
- export { DuiCalendar } from "./calendar/index.js";
25
- export { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
24
+ import { DuiBadge } from "./badge/index.js";
25
+ export { DuiBadge };
26
+ import { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
27
+ export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, };
28
+ import { DuiButton } from "./button/index.js";
29
+ export { DuiButton };
30
+ import { DuiCalendar } from "./calendar/index.js";
31
+ export { DuiCalendar };
32
+ import { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
33
+ export { DuiCheckbox, DuiCheckboxGroup };
26
34
  export type { CheckboxGroupContext } from "./checkbox/index.js";
27
- export { DuiCollapsible } from "./collapsible/index.js";
28
- export { DuiCombobox } from "./combobox/index.js";
35
+ import { DuiCollapsible } from "./collapsible/index.js";
36
+ export { DuiCollapsible };
37
+ import { DuiCombobox } from "./combobox/index.js";
38
+ export { DuiCombobox };
29
39
  export type { SelectOption as ComboboxSelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox/index.js";
30
- export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
40
+ import { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut } from "./command/index.js";
41
+ export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, };
31
42
  export type { CommandContext, CommandItemEntry } from "./command/index.js";
32
- export { DuiDataTable } from "./data-table/index.js";
43
+ import { DuiDataTable } from "./data-table/index.js";
44
+ export { DuiDataTable };
33
45
  export type { ColumnDef, SortDirection, SortState, PageState, } from "./data-table/index.js";
34
- export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
46
+ import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose } from "./dialog/index.js";
47
+ export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, };
35
48
  export type { DialogOpenChangeDetail, DialogContext } from "./dialog/index.js";
36
- export { DuiDropzone } from "./dropzone/index.js";
49
+ import { DuiDropzone } from "./dropzone/index.js";
50
+ export { DuiDropzone };
37
51
  export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone/index.js";
38
- export { DuiIcon } from "./icon/index.js";
39
- export { DuiInput } from "./input/index.js";
40
- export { DuiLink } from "./link/index.js";
41
- export { DuiMenu, DuiMenuItem } from "./menu/index.js";
42
- export { DuiMenubar } from "./menubar/index.js";
52
+ import { DuiIcon } from "./icon/index.js";
53
+ export { DuiIcon };
54
+ import { DuiInput } from "./input/index.js";
55
+ export { DuiInput };
56
+ import { DuiLink } from "./link/index.js";
57
+ export { DuiLink };
58
+ import { DuiMenu, DuiMenuItem } from "./menu/index.js";
59
+ export { DuiMenu, DuiMenuItem };
60
+ import { DuiMenubar } from "./menubar/index.js";
61
+ export { DuiMenubar };
43
62
  export type { MenubarContext } from "./menubar/index.js";
44
- export { DuiNumberField } from "./number-field/index.js";
45
- export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
63
+ import { DuiNumberField } from "./number-field/index.js";
64
+ export { DuiNumberField };
65
+ import { DuiStepper } from "./stepper/index.js";
66
+ export { DuiStepper };
67
+ import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose } from "./popover/index.js";
68
+ export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
46
69
  export type { PopoverOpenChangeDetail, PopoverContext, PopoverSide, } from "./popover/index.js";
47
- export { DuiPortal } from "./portal/index.js";
70
+ import { DuiPortal } from "./portal/index.js";
71
+ export { DuiPortal };
48
72
  export type { QueryRoot } from "./portal/index.js";
49
- export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
73
+ import { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup } from "./preview-card/index.js";
74
+ export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, };
50
75
  export type { PreviewCardOpenChangeDetail, PreviewCardContext, PreviewCardSide, } from "./preview-card/index.js";
51
- export { DuiProgress } from "./progress/index.js";
52
- export { DuiRadio, DuiRadioGroup } from "./radio/index.js";
76
+ import { DuiProgress } from "./progress/index.js";
77
+ export { DuiProgress };
78
+ import { DuiRadio, DuiRadioGroup } from "./radio/index.js";
79
+ export { DuiRadio, DuiRadioGroup };
53
80
  export type { RadioGroupContext } from "./radio/index.js";
54
- export { DuiScrollArea } from "./scroll-area/index.js";
55
- export { DuiSelect } from "./select/index.js";
81
+ import { DuiScrollArea } from "./scroll-area/index.js";
82
+ export { DuiScrollArea };
83
+ import { DuiSelect } from "./select/index.js";
84
+ export { DuiSelect };
56
85
  export type { SelectOption } from "./select/index.js";
57
- export { DuiSeparator } from "./separator/index.js";
58
- export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
86
+ import { DuiSeparator } from "./separator/index.js";
87
+ export { DuiSeparator };
88
+ import { DuiSplitButton } from "./split-button/index.js";
89
+ export { DuiSplitButton };
90
+ import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset } from "./sidebar/index.js";
91
+ export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
59
92
  export type { SidebarContext } from "./sidebar/index.js";
60
- export { DuiSlider } from "./slider/index.js";
61
- export { DuiSpinner } from "./spinner/index.js";
62
- export { DuiSwitch } from "./switch/index.js";
63
- export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
93
+ import { DuiSlider } from "./slider/index.js";
94
+ export { DuiSlider };
95
+ import { DuiSpinner } from "./spinner/index.js";
96
+ export { DuiSpinner };
97
+ import { DuiSwitch } from "./switch/index.js";
98
+ export { DuiSwitch };
99
+ import { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator } from "./tabs/index.js";
100
+ export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, };
64
101
  export type { TabsContext } from "./tabs/index.js";
65
- export { DuiTextarea } from "./textarea/index.js";
102
+ import { DuiTextarea } from "./textarea/index.js";
103
+ export { DuiTextarea };
66
104
  export type { TextareaResize } from "./textarea/index.js";
67
- export { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
105
+ import { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
106
+ export { DuiToggle, DuiToggleGroup };
68
107
  export type { ToggleGroupContext } from "./toggle/index.js";
69
- export { DuiToolbar } from "./toolbar/index.js";
70
- export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
108
+ import { DuiToolbar } from "./toolbar/index.js";
109
+ export { DuiToolbar };
110
+ import { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup } from "./tooltip/index.js";
111
+ export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, };
71
112
  export type { TooltipContext, TooltipSide } from "./tooltip/index.js";
72
- export { DuiTrunc } from "./trunc/index.js";
113
+ import { DuiTrunc } from "./trunc/index.js";
114
+ export { DuiTrunc };
73
115
  /**
74
116
  * All DUI component classes, ready for `applyTheme()`.
75
117
  * Includes every component and sub-component.
package/all.js CHANGED
@@ -12,81 +12,125 @@
12
12
  * ```
13
13
  */
14
14
  // --- Accordion ---
15
- export { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
15
+ import { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
16
+ export { DuiAccordion, DuiAccordionItem };
16
17
  // --- Alert Dialog ---
17
- export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
18
+ import { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
19
+ export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, };
18
20
  // --- Avatar ---
19
- export { DuiAvatar } from "./avatar/index.js";
21
+ import { DuiAvatar } from "./avatar/index.js";
22
+ export { DuiAvatar };
20
23
  // --- Badge ---
21
- export { DuiBadge } from "./badge/index.js";
24
+ import { DuiBadge } from "./badge/index.js";
25
+ export { DuiBadge };
22
26
  // --- Breadcrumb ---
23
- export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
27
+ import { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
28
+ export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, };
24
29
  // --- Button ---
25
- export { DuiButton } from "./button/index.js";
30
+ import { DuiButton } from "./button/index.js";
31
+ export { DuiButton };
26
32
  // --- Calendar ---
27
- export { DuiCalendar } from "./calendar/index.js";
33
+ import { DuiCalendar } from "./calendar/index.js";
34
+ export { DuiCalendar };
28
35
  // --- Checkbox ---
29
- export { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
36
+ import { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
37
+ export { DuiCheckbox, DuiCheckboxGroup };
30
38
  // --- Collapsible ---
31
- export { DuiCollapsible } from "./collapsible/index.js";
39
+ import { DuiCollapsible } from "./collapsible/index.js";
40
+ export { DuiCollapsible };
32
41
  // --- Combobox ---
33
- export { DuiCombobox } from "./combobox/index.js";
42
+ import { DuiCombobox } from "./combobox/index.js";
43
+ export { DuiCombobox };
34
44
  // --- Command ---
35
- export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
45
+ import { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
46
+ export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, };
36
47
  // --- Data Table ---
37
- export { DuiDataTable } from "./data-table/index.js";
48
+ import { DuiDataTable } from "./data-table/index.js";
49
+ export { DuiDataTable };
38
50
  // --- Dialog ---
39
- export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
51
+ import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
52
+ export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, };
40
53
  // --- Dropzone ---
41
- export { DuiDropzone } from "./dropzone/index.js";
54
+ import { DuiDropzone } from "./dropzone/index.js";
55
+ export { DuiDropzone };
42
56
  // --- Icon ---
43
- export { DuiIcon } from "./icon/index.js";
57
+ import { DuiIcon } from "./icon/index.js";
58
+ export { DuiIcon };
44
59
  // --- Input ---
45
- export { DuiInput } from "./input/index.js";
60
+ import { DuiInput } from "./input/index.js";
61
+ export { DuiInput };
46
62
  // --- Link ---
47
- export { DuiLink } from "./link/index.js";
63
+ import { DuiLink } from "./link/index.js";
64
+ export { DuiLink };
48
65
  // --- Menu ---
49
- export { DuiMenu, DuiMenuItem } from "./menu/index.js";
66
+ import { DuiMenu, DuiMenuItem } from "./menu/index.js";
67
+ export { DuiMenu, DuiMenuItem };
50
68
  // --- Menubar ---
51
- export { DuiMenubar } from "./menubar/index.js";
69
+ import { DuiMenubar } from "./menubar/index.js";
70
+ export { DuiMenubar };
52
71
  // --- Number Field ---
53
- export { DuiNumberField } from "./number-field/index.js";
72
+ import { DuiNumberField } from "./number-field/index.js";
73
+ export { DuiNumberField };
74
+ // --- Stepper ---
75
+ import { DuiStepper } from "./stepper/index.js";
76
+ export { DuiStepper };
54
77
  // --- Popover ---
55
- export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
78
+ import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
79
+ export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
56
80
  // --- Portal ---
57
- export { DuiPortal } from "./portal/index.js";
81
+ import { DuiPortal } from "./portal/index.js";
82
+ export { DuiPortal };
58
83
  // --- Preview Card ---
59
- export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
84
+ import { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
85
+ export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, };
60
86
  // --- Progress ---
61
- export { DuiProgress } from "./progress/index.js";
87
+ import { DuiProgress } from "./progress/index.js";
88
+ export { DuiProgress };
62
89
  // --- Radio ---
63
- export { DuiRadio, DuiRadioGroup } from "./radio/index.js";
90
+ import { DuiRadio, DuiRadioGroup } from "./radio/index.js";
91
+ export { DuiRadio, DuiRadioGroup };
64
92
  // --- Scroll Area ---
65
- export { DuiScrollArea } from "./scroll-area/index.js";
93
+ import { DuiScrollArea } from "./scroll-area/index.js";
94
+ export { DuiScrollArea };
66
95
  // --- Select ---
67
- export { DuiSelect } from "./select/index.js";
96
+ import { DuiSelect } from "./select/index.js";
97
+ export { DuiSelect };
68
98
  // --- Separator ---
69
- export { DuiSeparator } from "./separator/index.js";
99
+ import { DuiSeparator } from "./separator/index.js";
100
+ export { DuiSeparator };
101
+ // --- Split Button ---
102
+ import { DuiSplitButton } from "./split-button/index.js";
103
+ export { DuiSplitButton };
70
104
  // --- Sidebar ---
71
- export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
105
+ import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
106
+ export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
72
107
  // --- Slider ---
73
- export { DuiSlider } from "./slider/index.js";
108
+ import { DuiSlider } from "./slider/index.js";
109
+ export { DuiSlider };
74
110
  // --- Spinner ---
75
- export { DuiSpinner } from "./spinner/index.js";
111
+ import { DuiSpinner } from "./spinner/index.js";
112
+ export { DuiSpinner };
76
113
  // --- Switch ---
77
- export { DuiSwitch } from "./switch/index.js";
114
+ import { DuiSwitch } from "./switch/index.js";
115
+ export { DuiSwitch };
78
116
  // --- Tabs ---
79
- export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
117
+ import { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
118
+ export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, };
80
119
  // --- Textarea ---
81
- export { DuiTextarea } from "./textarea/index.js";
120
+ import { DuiTextarea } from "./textarea/index.js";
121
+ export { DuiTextarea };
82
122
  // --- Toggle ---
83
- export { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
123
+ import { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
124
+ export { DuiToggle, DuiToggleGroup };
84
125
  // --- Toolbar ---
85
- export { DuiToolbar } from "./toolbar/index.js";
126
+ import { DuiToolbar } from "./toolbar/index.js";
127
+ export { DuiToolbar };
86
128
  // --- Tooltip ---
87
- export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
129
+ import { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
130
+ export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, };
88
131
  // --- Trunc ---
89
- export { DuiTrunc } from "./trunc/index.js";
132
+ import { DuiTrunc } from "./trunc/index.js";
133
+ export { DuiTrunc };
90
134
  /**
91
135
  * All DUI component classes, ready for `applyTheme()`.
92
136
  * Includes every component and sub-component.
@@ -133,6 +177,7 @@ export const allComponents = [
133
177
  DuiMenuItem,
134
178
  DuiMenubar,
135
179
  DuiNumberField,
180
+ DuiStepper,
136
181
  DuiPopover,
137
182
  DuiPopoverTrigger,
138
183
  DuiPopoverPopup,
@@ -147,6 +192,7 @@ export const allComponents = [
147
192
  DuiScrollArea,
148
193
  DuiSelect,
149
194
  DuiSeparator,
195
+ DuiSplitButton,
150
196
  DuiSidebarProvider,
151
197
  DuiSidebar,
152
198
  DuiSidebarTrigger,
@@ -71,6 +71,7 @@ const styles = css `
71
71
 
72
72
  [part="panel"] {
73
73
  overflow: hidden;
74
+ contain: content;
74
75
  transition-property: height;
75
76
  }
76
77
  `;
@@ -1,3 +1,3 @@
1
- import { DuiNumberField, valueChangeEvent } from "./number-field.js";
2
- export { DuiNumberField, valueChangeEvent };
1
+ import { DuiNumberField, valueChangeEvent, valueCommittedEvent } from "./number-field.js";
2
+ export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
3
3
  export declare const numberFieldFamily: (typeof DuiNumberField)[];
@@ -1,3 +1,3 @@
1
- import { DuiNumberField, valueChangeEvent } from "./number-field.js";
2
- export { DuiNumberField, valueChangeEvent };
1
+ import { DuiNumberField, valueChangeEvent, valueCommittedEvent, } from "./number-field.js";
2
+ export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
3
3
  export const numberFieldFamily = [DuiNumberField];
@@ -5,14 +5,24 @@ export declare const valueChangeEvent: (detail: {
5
5
  }) => CustomEvent<{
6
6
  value: number;
7
7
  }>;
8
+ export declare const valueCommittedEvent: (detail: {
9
+ value: number;
10
+ }) => CustomEvent<{
11
+ value: number;
12
+ }>;
8
13
  /**
9
- * `<dui-number-field>` — A numeric input with increment/decrement buttons.
14
+ * `<dui-number-field>` — A numeric input with optional label, icon,
15
+ * unit suffix, drag-to-scrub behavior, and precision formatting.
16
+ *
17
+ * For simple step-up/step-down with buttons, use `<dui-stepper>` instead.
10
18
  *
11
19
  * @csspart root - The outer container.
20
+ * @csspart label - Label text element.
21
+ * @csspart icon - Icon slot wrapper.
12
22
  * @csspart input - The text input element.
13
- * @csspart decrement - The decrement button.
14
- * @csspart increment - The increment button.
23
+ * @csspart unit - Unit suffix element.
15
24
  * @fires value-change - Fired when value changes. Detail: { value: number }
25
+ * @fires value-committed - Fired on pointerup (end of drag), blur, or Enter. Detail: { value: number }
16
26
  */
17
27
  export declare class DuiNumberField extends LitElement {
18
28
  #private;
@@ -29,6 +39,17 @@ export declare class DuiNumberField extends LitElement {
29
39
  accessor readOnly: boolean;
30
40
  accessor required: boolean;
31
41
  accessor name: string | undefined;
42
+ accessor label: string;
43
+ accessor labelPosition: string;
44
+ accessor iconPosition: string;
45
+ accessor unit: string;
46
+ accessor precision: number | undefined;
47
+ accessor scrubLabel: boolean;
48
+ accessor scrubValue: boolean;
49
+ accessor scrubField: boolean;
50
+ accessor clickLabel: boolean;
51
+ accessor clickValue: boolean;
52
+ accessor clickField: boolean;
32
53
  accessor _fieldCtx: FieldContext;
33
54
  connectedCallback(): void;
34
55
  willUpdate(): void;