@deepfuture/dui-components 0.0.2 → 0.0.4

package/breadcrumb/index.d.ts

@@ -1,6 +1,13 @@
-export { DuiBreadcrumb } from "./breadcrumb.js";
-export { DuiBreadcrumbItem } from "./breadcrumb-item.js";
-export { DuiBreadcrumbLink } from "./breadcrumb-link.js";
-export { DuiBreadcrumbPage } from "./breadcrumb-page.js";
-export { DuiBreadcrumbSeparator } from "./breadcrumb-separator.js";
-export { DuiBreadcrumbEllipsis } from "./breadcrumb-ellipsis.js";
+import { DuiBreadcrumb } from "./breadcrumb.js";
+export { DuiBreadcrumb };
+import { DuiBreadcrumbItem } from "./breadcrumb-item.js";
+export { DuiBreadcrumbItem };
+import { DuiBreadcrumbLink } from "./breadcrumb-link.js";
+export { DuiBreadcrumbLink };
+import { DuiBreadcrumbPage } from "./breadcrumb-page.js";
+export { DuiBreadcrumbPage };
+import { DuiBreadcrumbSeparator } from "./breadcrumb-separator.js";
+export { DuiBreadcrumbSeparator };
+import { DuiBreadcrumbEllipsis } from "./breadcrumb-ellipsis.js";
+export { DuiBreadcrumbEllipsis };
+export declare const breadcrumbFamily: (typeof DuiBreadcrumb | typeof DuiBreadcrumbItem | typeof DuiBreadcrumbLink | typeof DuiBreadcrumbPage | typeof DuiBreadcrumbSeparator | typeof DuiBreadcrumbEllipsis)[];

package/breadcrumb/index.js

@@ -1,6 +1,13 @@
-export { DuiBreadcrumb } from "./breadcrumb.js";
-export { DuiBreadcrumbItem } from "./breadcrumb-item.js";
-export { DuiBreadcrumbLink } from "./breadcrumb-link.js";
-export { DuiBreadcrumbPage } from "./breadcrumb-page.js";
-export { DuiBreadcrumbSeparator } from "./breadcrumb-separator.js";
-export { DuiBreadcrumbEllipsis } from "./breadcrumb-ellipsis.js";
+import { DuiBreadcrumb } from "./breadcrumb.js";
+export { DuiBreadcrumb };
+import { DuiBreadcrumbItem } from "./breadcrumb-item.js";
+export { DuiBreadcrumbItem };
+import { DuiBreadcrumbLink } from "./breadcrumb-link.js";
+export { DuiBreadcrumbLink };
+import { DuiBreadcrumbPage } from "./breadcrumb-page.js";
+export { DuiBreadcrumbPage };
+import { DuiBreadcrumbSeparator } from "./breadcrumb-separator.js";
+export { DuiBreadcrumbSeparator };
+import { DuiBreadcrumbEllipsis } from "./breadcrumb-ellipsis.js";
+export { DuiBreadcrumbEllipsis };
+export const breadcrumbFamily = [DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis];

package/button/button.d.ts

@@ -1,6 +1,4 @@
 import { LitElement, type TemplateResult } from "lit";
-export type ButtonSize = "sm" | "md" | "lg";
-export type ButtonVariant = "default" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link";
 /** Fired when a button with `href` is clicked via normal (non-modifier) click. */
 export declare const navigateEvent: (detail: {
     href: string;
@@ -8,7 +6,7 @@ export declare const navigateEvent: (detail: {
     href: string;
 }>;
 /**
- * `<dui-button>` — A button component with variants, sizes, and theme-aware hover.
+ * `<dui-button>` — A button component.
  *
  * Renders as a native `<button>` by default. When `href` is set, renders as a
  * native `<a>` tag instead. Normal clicks fire a `dui-navigate` event that
@@ -28,8 +26,6 @@ export declare class DuiButton extends LitElement {
         slotAssignment?: SlotAssignmentMode;
     };
     static styles: import("lit").CSSResult[];
-    accessor variant: ButtonVariant;
-    accessor size: ButtonSize;
     accessor disabled: boolean;
     accessor focusableWhenDisabled: boolean;
     accessor type: "button" | "submit" | "reset";

package/button/button.js

@@ -35,11 +35,10 @@ const styles = css `
     cursor: pointer;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
-    transition-property: background, box-shadow, filter, transform, border-color;
   }
 `;
 /**
- * `<dui-button>` — A button component with variants, sizes, and theme-aware hover.
+ * `<dui-button>` — A button component.
  *
  * Renders as a native `<button>` by default. When `href` is set, renders as a
  * native `<a>` tag instead. Normal clicks fire a `dui-navigate` event that
@@ -56,12 +55,6 @@ export class DuiButton extends LitElement {
         delegatesFocus: true,
     }; }
     static { this.styles = [base, styles]; }
-    #variant_accessor_storage = "default";
-    get variant() { return this.#variant_accessor_storage; }
-    set variant(value) { this.#variant_accessor_storage = value; }
-    #size_accessor_storage = "md";
-    get size() { return this.#size_accessor_storage; }
-    set size(value) { this.#size_accessor_storage = value; }
     #disabled_accessor_storage = false;
     get disabled() { return this.#disabled_accessor_storage; }
     set disabled(value) { this.#disabled_accessor_storage = value; }
@@ -123,12 +116,6 @@ export class DuiButton extends LitElement {
         return this.href !== undefined ? this.#renderLink() : this.#renderButton();
     }
 }
-__decorate([
-    property({ reflect: true })
-], DuiButton.prototype, "variant", null);
-__decorate([
-    property({ reflect: true })
-], DuiButton.prototype, "size", null);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DuiButton.prototype, "disabled", null);

package/button/index.d.ts

@@ -1,2 +1,3 @@
-export { DuiButton, navigateEvent } from "./button.js";
-export type { ButtonSize, ButtonVariant } from "./button.js";
+import { DuiButton, navigateEvent } from "./button.js";
+export { DuiButton, navigateEvent };
+export declare const buttonFamily: (typeof DuiButton)[];

package/button/index.js

@@ -1 +1,3 @@
-export { DuiButton, navigateEvent } from "./button.js";
+import { DuiButton, navigateEvent } from "./button.js";
+export { DuiButton, navigateEvent };
+export const buttonFamily = [DuiButton];

package/calendar/index.d.ts

@@ -1 +1,3 @@
-export { DuiCalendar, valueChangeEvent } from "./calendar.js";
+import { DuiCalendar, valueChangeEvent } from "./calendar.js";
+export { DuiCalendar, valueChangeEvent };
+export declare const calendarFamily: (typeof DuiCalendar)[];

package/calendar/index.js

@@ -1 +1,3 @@
-export { DuiCalendar, valueChangeEvent } from "./calendar.js";
+import { DuiCalendar, valueChangeEvent } from "./calendar.js";
+export { DuiCalendar, valueChangeEvent };
+export const calendarFamily = [DuiCalendar];

package/center/index.d.ts

@@ -1 +1,3 @@
-export { DuiCenter } from "./center.js";
+import { DuiCenter } from "./center.js";
+export { DuiCenter };
+export declare const centerFamily: (typeof DuiCenter)[];

package/center/index.js

@@ -1 +1,3 @@
-export { DuiCenter } from "./center.js";
+import { DuiCenter } from "./center.js";
+export { DuiCenter };
+export const centerFamily = [DuiCenter];

package/checkbox/checkbox.js

@@ -37,7 +37,6 @@ const styles = css `
     border: none;
     outline: 0;
     cursor: pointer;
-    transition-property: background, border-color, box-shadow, filter, transform;
   }
 
   [part="root"][data-disabled] {

package/checkbox/index.d.ts

@@ -1,3 +1,6 @@
-export { DuiCheckbox, checkedChangeEvent } from "./checkbox.js";
-export { DuiCheckboxGroup, valueChangeEvent } from "./checkbox-group.js";
+import { DuiCheckbox, checkedChangeEvent } from "./checkbox.js";
+export { DuiCheckbox, checkedChangeEvent };
+import { DuiCheckboxGroup, valueChangeEvent } from "./checkbox-group.js";
+export { DuiCheckboxGroup, valueChangeEvent };
 export type { CheckboxGroupContext } from "./checkbox-group-context.js";
+export declare const checkboxFamily: (typeof DuiCheckbox | typeof DuiCheckboxGroup)[];

package/checkbox/index.js

@@ -1,2 +1,5 @@
-export { DuiCheckbox, checkedChangeEvent } from "./checkbox.js";
-export { DuiCheckboxGroup, valueChangeEvent } from "./checkbox-group.js";
+import { DuiCheckbox, checkedChangeEvent } from "./checkbox.js";
+export { DuiCheckbox, checkedChangeEvent };
+import { DuiCheckboxGroup, valueChangeEvent } from "./checkbox-group.js";
+export { DuiCheckboxGroup, valueChangeEvent };
+export const checkboxFamily = [DuiCheckbox, DuiCheckboxGroup];

package/collapsible/collapsible.js

@@ -27,7 +27,6 @@ const styles = css `
     text-align: left;
     outline: none;
     box-sizing: border-box;
-    transition-property: background, box-shadow, filter, transform;
   }
 
   [part="trigger"][data-disabled] {
@@ -36,7 +35,6 @@ const styles = css `
 
   [part="indicator"] {
     flex-shrink: 0;
-    transition-property: transform;
   }
 
   [part="panel"] {

package/collapsible/index.d.ts

@@ -1 +1,3 @@
-export { DuiCollapsible, openChangeEvent } from "./collapsible.js";
+import { DuiCollapsible, openChangeEvent } from "./collapsible.js";
+export { DuiCollapsible, openChangeEvent };
+export declare const collapsibleFamily: (typeof DuiCollapsible)[];

package/collapsible/index.js

@@ -1 +1,3 @@
-export { DuiCollapsible, openChangeEvent } from "./collapsible.js";
+import { DuiCollapsible, openChangeEvent } from "./collapsible.js";
+export { DuiCollapsible, openChangeEvent };
+export const collapsibleFamily = [DuiCollapsible];

package/combobox/combobox.js

@@ -87,26 +87,19 @@ const componentStyles = css `
     flex-shrink: 0;
   }
 `;
-/** Styles injected into the portal positioner. */
+/** Structural styles injected into the portal positioner. */
 const portalPopupStyles = [
     css `
     .Popup {
-      background: var(--popover);
-      border: var(--border-width-thin) solid var(--border);
-      border-radius: var(--radius-md);
-      box-shadow: var(--shadow-md);
       opacity: 1;
-      transition-property: opacity, transform;
-      transition-duration: var(--duration-fast);
-      transition-timing-function: var(--ease-out-3);
       transform: translateY(0);
+      transition-property: opacity, transform;
       pointer-events: auto;
     }
 
     .Popup[data-starting-style],
     .Popup[data-ending-style] {
       opacity: 0;
-      transform: translateY(calc(var(--space-1) * -1));
     }
 
     dui-scroll-area {
@@ -114,32 +107,13 @@ const portalPopupStyles = [
       height: auto;
     }
 
-    .List {
-      padding: var(--space-1);
-    }
-
-    /* ---- Items ---- */
-
     .Item {
       display: flex;
       align-items: center;
-      gap: var(--space-2);
-      padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
-      border-radius: var(--radius-sm);
-      font-size: var(--font-size-sm);
-      font-family: var(--font-sans);
-      color: var(--popover-foreground);
       cursor: pointer;
     }
 
-    .Item:hover,
-    .Item[data-highlighted] {
-      background: var(--secondary);
-      color: var(--foreground);
-    }
-
     .ItemIndicator {
-      --icon-size: var(--space-3_5);
       flex-shrink: 0;
       display: flex;
       align-items: center;
@@ -152,15 +126,6 @@ const portalPopupStyles = [
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-
-    /* ---- Empty ---- */
-
-    .Empty {
-      padding: var(--space-3) var(--space-3);
-      font-size: var(--font-size-sm);
-      color: var(--muted-foreground);
-      text-align: center;
-    }
   `,
 ];
 /**

package/combobox/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
+import { DuiCombobox, valueChangeEvent, valuesChangeEvent } from "./combobox.js";
+export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
+export declare const comboboxFamily: (typeof DuiCombobox)[];
 export type { SelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox.js";

package/combobox/index.js

@@ -1 +1,3 @@
-export { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
+import { DuiCombobox, valueChangeEvent, valuesChangeEvent, } from "./combobox.js";
+export { DuiCombobox, valueChangeEvent, valuesChangeEvent, };
+export const comboboxFamily = [DuiCombobox];

package/command/index.d.ts

@@ -1,10 +1,19 @@
-export { DuiCommand } from "./command.js";
-export { DuiCommandInput } from "./command-input.js";
-export { DuiCommandList } from "./command-list.js";
-export { DuiCommandGroup } from "./command-group.js";
-export { DuiCommandItem } from "./command-item.js";
-export { DuiCommandEmpty } from "./command-empty.js";
-export { DuiCommandSeparator } from "./command-separator.js";
-export { DuiCommandShortcut } from "./command-shortcut.js";
+import { DuiCommand } from "./command.js";
+export { DuiCommand };
+import { DuiCommandInput } from "./command-input.js";
+export { DuiCommandInput };
+import { DuiCommandList } from "./command-list.js";
+export { DuiCommandList };
+import { DuiCommandGroup } from "./command-group.js";
+export { DuiCommandGroup };
+import { DuiCommandItem } from "./command-item.js";
+export { DuiCommandItem };
+import { DuiCommandEmpty } from "./command-empty.js";
+export { DuiCommandEmpty };
+import { DuiCommandSeparator } from "./command-separator.js";
+export { DuiCommandSeparator };
+import { DuiCommandShortcut } from "./command-shortcut.js";
+export { DuiCommandShortcut };
 export type { CommandContext, CommandItemEntry } from "./command-context.js";
 export { commandScore } from "./command-score.js";
+export declare const commandFamily: (typeof DuiCommand | typeof DuiCommandInput | typeof DuiCommandList | typeof DuiCommandGroup | typeof DuiCommandItem | typeof DuiCommandEmpty | typeof DuiCommandSeparator | typeof DuiCommandShortcut)[];

package/command/index.js

@@ -1,9 +1,18 @@
-export { DuiCommand } from "./command.js";
-export { DuiCommandInput } from "./command-input.js";
-export { DuiCommandList } from "./command-list.js";
-export { DuiCommandGroup } from "./command-group.js";
-export { DuiCommandItem } from "./command-item.js";
-export { DuiCommandEmpty } from "./command-empty.js";
-export { DuiCommandSeparator } from "./command-separator.js";
-export { DuiCommandShortcut } from "./command-shortcut.js";
+import { DuiCommand } from "./command.js";
+export { DuiCommand };
+import { DuiCommandInput } from "./command-input.js";
+export { DuiCommandInput };
+import { DuiCommandList } from "./command-list.js";
+export { DuiCommandList };
+import { DuiCommandGroup } from "./command-group.js";
+export { DuiCommandGroup };
+import { DuiCommandItem } from "./command-item.js";
+export { DuiCommandItem };
+import { DuiCommandEmpty } from "./command-empty.js";
+export { DuiCommandEmpty };
+import { DuiCommandSeparator } from "./command-separator.js";
+export { DuiCommandSeparator };
+import { DuiCommandShortcut } from "./command-shortcut.js";
+export { DuiCommandShortcut };
 export { commandScore } from "./command-score.js";
+export const commandFamily = [DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut];

package/data-table/data-table.js

@@ -135,10 +135,6 @@ const componentStyles = css `
     flex-shrink: 0;
   }
 
-  tbody tr {
-    transition-property: background, filter, transform;
-  }
-
   .Pagination {
     display: flex;
     align-items: center;

package/data-table/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiDataTable } from "./data-table.js";
+import { DuiDataTable } from "./data-table.js";
+export { DuiDataTable };
 export type { ColumnDef, SortDirection, SortState, PageState } from "./data-table.js";
+export declare const dataTableFamily: (typeof DuiDataTable)[];

package/data-table/index.js

@@ -1 +1,3 @@
-export { DuiDataTable } from "./data-table.js";
+import { DuiDataTable } from "./data-table.js";
+export { DuiDataTable };
+export const dataTableFamily = [DuiDataTable];

package/dialog/index.d.ts

@@ -1,6 +1,11 @@
-export { DuiDialog, openChangeEvent } from "./dialog.js";
+import { DuiDialog, openChangeEvent } from "./dialog.js";
+export { DuiDialog, openChangeEvent };
 export type { DialogOpenChangeDetail } from "./dialog.js";
-export { DuiDialogTrigger } from "./dialog-trigger.js";
-export { DuiDialogPopup } from "./dialog-popup.js";
-export { DuiDialogClose } from "./dialog-close.js";
+import { DuiDialogTrigger } from "./dialog-trigger.js";
+export { DuiDialogTrigger };
+import { DuiDialogPopup } from "./dialog-popup.js";
+export { DuiDialogPopup };
+import { DuiDialogClose } from "./dialog-close.js";
+export { DuiDialogClose };
 export type { DialogContext } from "./dialog-context.js";
+export declare const dialogFamily: (typeof DuiDialog | typeof DuiDialogTrigger | typeof DuiDialogPopup | typeof DuiDialogClose)[];

package/dialog/index.js

@@ -1,4 +1,9 @@
-export { DuiDialog, openChangeEvent } from "./dialog.js";
-export { DuiDialogTrigger } from "./dialog-trigger.js";
-export { DuiDialogPopup } from "./dialog-popup.js";
-export { DuiDialogClose } from "./dialog-close.js";
+import { DuiDialog, openChangeEvent } from "./dialog.js";
+export { DuiDialog, openChangeEvent };
+import { DuiDialogTrigger } from "./dialog-trigger.js";
+export { DuiDialogTrigger };
+import { DuiDialogPopup } from "./dialog-popup.js";
+export { DuiDialogPopup };
+import { DuiDialogClose } from "./dialog-close.js";
+export { DuiDialogClose };
+export const dialogFamily = [DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose];

package/dropzone/dropzone.js

@@ -47,7 +47,6 @@ const styles = css `
   [part="root"] {
     text-align: center;
     cursor: pointer;
-    transition-property: border-color, background, color, box-shadow, filter, transform;
   }
 
   input[type="file"] {

package/dropzone/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
+import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
+export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
 export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone.js";
+export declare const dropzoneFamily: (typeof DuiDropzone)[];

package/dropzone/index.js

@@ -1 +1,3 @@
-export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
+import { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent } from "./dropzone.js";
+export { DuiDropzone, dropzoneDropEvent, dropAcceptedEvent, dropRejectedEvent, dropzoneErrorEvent };
+export const dropzoneFamily = [DuiDropzone];

package/hstack/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiHstack } from "./hstack.js";
+import { DuiHstack } from "./hstack.js";
+export { DuiHstack };
 export type { HstackAlignment, HstackJustify } from "./hstack.js";
+export declare const hstackFamily: (typeof DuiHstack)[];

package/hstack/index.js

@@ -1 +1,3 @@
-export { DuiHstack } from "./hstack.js";
+import { DuiHstack } from "./hstack.js";
+export { DuiHstack };
+export const hstackFamily = [DuiHstack];

package/icon/index.d.ts

@@ -1 +1,3 @@
-export { DuiIcon } from "./icon.js";
+import { DuiIcon } from "./icon.js";
+export { DuiIcon };
+export declare const iconFamily: (typeof DuiIcon)[];

package/icon/index.js

@@ -1 +1,3 @@
-export { DuiIcon } from "./icon.js";
+import { DuiIcon } from "./icon.js";
+export { DuiIcon };
+export const iconFamily = [DuiIcon];

package/input/index.d.ts

@@ -1 +1,3 @@
-export { DuiInput, inputChangeEvent } from "./input.js";
+import { DuiInput, inputChangeEvent } from "./input.js";
+export { DuiInput, inputChangeEvent };
+export declare const inputFamily: (typeof DuiInput)[];

package/input/index.js

@@ -1 +1,3 @@
-export { DuiInput, inputChangeEvent } from "./input.js";
+import { DuiInput, inputChangeEvent } from "./input.js";
+export { DuiInput, inputChangeEvent };
+export const inputFamily = [DuiInput];

package/input/input.js

@@ -25,7 +25,6 @@ const styles = css `
     box-sizing: border-box;
     width: 100%;
     outline: none;
-    transition-property: border-color, box-shadow, background, filter, transform;
   }
 
   [part="input"]:disabled {

package/link/index.d.ts

@@ -1 +1,3 @@
-export { DuiLink, spaNavigateEvent } from "./link.js";
+import { DuiLink, spaNavigateEvent } from "./link.js";
+export { DuiLink, spaNavigateEvent };
+export declare const linkFamily: (typeof DuiLink)[];

package/link/index.js

@@ -1 +1,3 @@
-export { DuiLink, spaNavigateEvent } from "./link.js";
+import { DuiLink, spaNavigateEvent } from "./link.js";
+export { DuiLink, spaNavigateEvent };
+export const linkFamily = [DuiLink];

package/menu/index.d.ts

@@ -1,2 +1,5 @@
-export { DuiMenu } from "./menu.js";
-export { DuiMenuItem } from "./menu-item.js";
+import { DuiMenu } from "./menu.js";
+export { DuiMenu };
+import { DuiMenuItem } from "./menu-item.js";
+export { DuiMenuItem };
+export declare const menuFamily: (typeof DuiMenuItem | typeof DuiMenu)[];

package/menu/index.js

@@ -1,2 +1,5 @@
-export { DuiMenu } from "./menu.js";
-export { DuiMenuItem } from "./menu-item.js";
+import { DuiMenu } from "./menu.js";
+export { DuiMenu };
+import { DuiMenuItem } from "./menu-item.js";
+export { DuiMenuItem };
+export const menuFamily = [DuiMenu, DuiMenuItem];

package/menu/menu-item.d.ts

@@ -8,8 +8,6 @@ import { LitElement, type TemplateResult } from "lit";
 export declare class DuiMenuItem extends LitElement {
     static tagName: "dui-menu-item";
     static styles: import("lit").CSSResult[];
-    /** Visual variant. */
-    accessor variant: "default" | "danger";
     /** Whether the item is disabled. */
     accessor disabled: boolean;
     connectedCallback(): void;

package/menu/menu-item.js

@@ -21,7 +21,6 @@ const componentStyles = css `
   .Item {
     display: flex;
     align-items: center;
-    gap: var(--space-2);
     cursor: pointer;
   }
 `;
@@ -33,10 +32,6 @@ const componentStyles = css `
 export class DuiMenuItem extends LitElement {
     static { this.tagName = "dui-menu-item"; }
     static { this.styles = [base, hostStyles, componentStyles]; }
-    #variant_accessor_storage = "default";
-    /** Visual variant. */
-    get variant() { return this.#variant_accessor_storage; }
-    set variant(value) { this.#variant_accessor_storage = value; }
     #disabled_accessor_storage = false;
     /** Whether the item is disabled. */
     get disabled() { return this.#disabled_accessor_storage; }
@@ -54,9 +49,6 @@ export class DuiMenuItem extends LitElement {
     `;
     }
 }
-__decorate([
-    property({ type: String, reflect: true })
-], DuiMenuItem.prototype, "variant", null);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DuiMenuItem.prototype, "disabled", null);

package/menu/menu.js

@@ -14,33 +14,22 @@ const componentStyles = css `
     cursor: pointer;
   }
 `;
-/** Styles injected into the portal positioner. */
+/** Structural styles injected into the portal positioner. */
 const portalPopupStyles = [
     css `
     .Popup {
-      background: var(--popover);
-      border: var(--border-width-thin) solid var(--border);
-      border-radius: var(--radius-md);
-      box-shadow: var(--shadow-md);
       max-height: 240px;
       overflow-y: auto;
       overscroll-behavior: contain;
       opacity: 1;
       transform: translateY(0);
       transition-property: opacity, transform;
-      transition-duration: var(--duration-fast);
-      transition-timing-function: var(--ease-out-3);
       pointer-events: auto;
     }
 
     .Popup[data-starting-style],
     .Popup[data-ending-style] {
       opacity: 0;
-      transform: translateY(calc(var(--space-1) * -1));
-    }
-
-    .Menu {
-      padding: var(--space-1);
     }
   `,
 ];

package/menubar/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiMenubar } from "./menubar.js";
+import { DuiMenubar } from "./menubar.js";
+export { DuiMenubar };
 export type { MenubarContext } from "./menubar-context.js";
+export declare const menubarFamily: (typeof DuiMenubar)[];

package/menubar/index.js

@@ -1 +1,3 @@
-export { DuiMenubar } from "./menubar.js";
+import { DuiMenubar } from "./menubar.js";
+export { DuiMenubar };
+export const menubarFamily = [DuiMenubar];

package/number-field/index.d.ts

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

package/number-field/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepfuture/dui-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "DUI unstyled web components — structural CSS only, themed via applyTheme()",
   "type": "module",
   "license": "MIT",
@@ -194,7 +194,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@deepfuture/dui-core": "0.0.2",
+    "@deepfuture/dui-core": "0.0.4",
     "lit": "^3.3.2",
     "@lit/context": "^1.1.3"
   },

package/page-inset/index.d.ts

@@ -1 +1,3 @@
-export { DuiPageInset } from "./page-inset.js";
+import { DuiPageInset } from "./page-inset.js";
+export { DuiPageInset };
+export declare const pageInsetFamily: (typeof DuiPageInset)[];