@deepfuture/dui-components 0.0.15 → 0.0.16

package/accordion/accordion-item.js

@@ -73,6 +73,7 @@ const styles = css `
 
   [part="panel"] {
     overflow: hidden;
+    contain: content;
     transition-property: height;
   }
 `;

package/all.d.ts

@@ -62,6 +62,8 @@ export { DuiMenubar };
 export type { MenubarContext } from "./menubar/index.js";
 import { DuiNumberField } from "./number-field/index.js";
 export { DuiNumberField };
+import { DuiStepper } from "./stepper/index.js";
+export { DuiStepper };
 import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose } from "./popover/index.js";
 export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
 export type { PopoverOpenChangeDetail, PopoverContext, PopoverSide, } from "./popover/index.js";
@@ -83,6 +85,8 @@ export { DuiSelect };
 export type { SelectOption } from "./select/index.js";
 import { DuiSeparator } from "./separator/index.js";
 export { DuiSeparator };
+import { DuiSplitButton } from "./split-button/index.js";
+export { DuiSplitButton };
 import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset } from "./sidebar/index.js";
 export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
 export type { SidebarContext } from "./sidebar/index.js";

package/all.js

@@ -71,6 +71,9 @@ export { DuiMenubar };
 // --- Number Field ---
 import { DuiNumberField } from "./number-field/index.js";
 export { DuiNumberField };
+// --- Stepper ---
+import { DuiStepper } from "./stepper/index.js";
+export { DuiStepper };
 // --- Popover ---
 import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
 export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
@@ -95,6 +98,9 @@ export { DuiSelect };
 // --- Separator ---
 import { DuiSeparator } from "./separator/index.js";
 export { DuiSeparator };
+// --- Split Button ---
+import { DuiSplitButton } from "./split-button/index.js";
+export { DuiSplitButton };
 // --- Sidebar ---
 import { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
 export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, };
@@ -171,6 +177,7 @@ export const allComponents = [
     DuiMenuItem,
     DuiMenubar,
     DuiNumberField,
+    DuiStepper,
     DuiPopover,
     DuiPopoverTrigger,
     DuiPopoverPopup,
@@ -185,6 +192,7 @@ export const allComponents = [
     DuiScrollArea,
     DuiSelect,
     DuiSeparator,
+    DuiSplitButton,
     DuiSidebarProvider,
     DuiSidebar,
     DuiSidebarTrigger,

package/collapsible/collapsible.js

@@ -71,6 +71,7 @@ const styles = css `
 
   [part="panel"] {
     overflow: hidden;
+    contain: content;
     transition-property: height;
   }
 `;

package/number-field/index.d.ts

@@ -1,3 +1,3 @@
-import { DuiNumberField, valueChangeEvent } from "./number-field.js";
-export { DuiNumberField, valueChangeEvent };
+import { DuiNumberField, valueChangeEvent, valueCommittedEvent } from "./number-field.js";
+export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
 export declare const numberFieldFamily: (typeof DuiNumberField)[];

package/number-field/index.js

@@ -1,3 +1,3 @@
-import { DuiNumberField, valueChangeEvent } from "./number-field.js";
-export { DuiNumberField, valueChangeEvent };
+import { DuiNumberField, valueChangeEvent, valueCommittedEvent, } from "./number-field.js";
+export { DuiNumberField, valueChangeEvent, valueCommittedEvent };
 export const numberFieldFamily = [DuiNumberField];

package/number-field/number-field.d.ts

@@ -5,14 +5,24 @@ export declare const valueChangeEvent: (detail: {
 }) => CustomEvent<{
     value: number;
 }>;
+export declare const valueCommittedEvent: (detail: {
+    value: number;
+}) => CustomEvent<{
+    value: number;
+}>;
 /**
- * `<dui-number-field>` — A numeric input with increment/decrement buttons.
+ * `<dui-number-field>` — A numeric input with optional label, icon,
+ * unit suffix, drag-to-scrub behavior, and precision formatting.
+ *
+ * For simple step-up/step-down with buttons, use `<dui-stepper>` instead.
  *
  * @csspart root - The outer container.
+ * @csspart label - Label text element.
+ * @csspart icon - Icon slot wrapper.
  * @csspart input - The text input element.
- * @csspart decrement - The decrement button.
- * @csspart increment - The increment button.
+ * @csspart unit - Unit suffix element.
  * @fires value-change - Fired when value changes. Detail: { value: number }
+ * @fires value-committed - Fired on pointerup (end of drag), blur, or Enter. Detail: { value: number }
  */
 export declare class DuiNumberField extends LitElement {
     #private;
@@ -29,6 +39,17 @@ export declare class DuiNumberField extends LitElement {
     accessor readOnly: boolean;
     accessor required: boolean;
     accessor name: string | undefined;
+    accessor label: string;
+    accessor labelPosition: string;
+    accessor iconPosition: string;
+    accessor unit: string;
+    accessor precision: number | undefined;
+    accessor scrubLabel: boolean;
+    accessor scrubValue: boolean;
+    accessor scrubField: boolean;
+    accessor clickLabel: boolean;
+    accessor clickValue: boolean;
+    accessor clickField: boolean;
     accessor _fieldCtx: FieldContext;
     connectedCallback(): void;
     willUpdate(): void;