@deepfuture/dui-components 0.0.9 → 0.0.11

package/checkbox/register.js

@@ -0,0 +1,8 @@
+import { DuiCheckbox } from "./checkbox.js";
+import { DuiCheckboxGroup } from "./checkbox-group.js";
+if (!customElements.get(DuiCheckbox.tagName)) {
+    customElements.define(DuiCheckbox.tagName, DuiCheckbox);
+}
+if (!customElements.get(DuiCheckboxGroup.tagName)) {
+    customElements.define(DuiCheckboxGroup.tagName, DuiCheckboxGroup);
+}

package/collapsible/index.d.ts

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

package/collapsible/index.js

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

package/collapsible/register.d.ts

@@ -0,0 +1 @@
+export {};

package/collapsible/register.js

@@ -0,0 +1,4 @@
+import { DuiCollapsible } from "./collapsible.js";
+if (!customElements.get(DuiCollapsible.tagName)) {
+    customElements.define(DuiCollapsible.tagName, DuiCollapsible);
+}

package/combobox/index.d.ts

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

package/combobox/index.js

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

package/combobox/register.d.ts

@@ -0,0 +1 @@
+export {};

package/combobox/register.js

@@ -0,0 +1,4 @@
+import { DuiCombobox } from "./combobox.js";
+if (!customElements.get(DuiCombobox.tagName)) {
+    customElements.define(DuiCombobox.tagName, DuiCombobox);
+}

package/command/index.d.ts

@@ -1,19 +1,10 @@
-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 { 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";
 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,18 +1,9 @@
-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 { 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";
 export { commandScore } from "./command-score.js";
-export const commandFamily = [DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut];

package/command/register.d.ts

@@ -0,0 +1 @@
+export {};

package/command/register.js

@@ -0,0 +1,22 @@
+import { DuiCommand } from "./command.js";
+import { DuiCommandInput } from "./command-input.js";
+import { DuiCommandList } from "./command-list.js";
+import { DuiCommandGroup } from "./command-group.js";
+import { DuiCommandItem } from "./command-item.js";
+import { DuiCommandEmpty } from "./command-empty.js";
+import { DuiCommandSeparator } from "./command-separator.js";
+import { DuiCommandShortcut } from "./command-shortcut.js";
+for (const C of [
+    DuiCommand,
+    DuiCommandInput,
+    DuiCommandList,
+    DuiCommandGroup,
+    DuiCommandItem,
+    DuiCommandEmpty,
+    DuiCommandSeparator,
+    DuiCommandShortcut,
+]) {
+    if (!customElements.get(C.tagName)) {
+        customElements.define(C.tagName, C);
+    }
+}

package/data-table/index.d.ts

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

package/data-table/index.js

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

package/data-table/register.d.ts

@@ -0,0 +1 @@
+export {};

package/data-table/register.js

@@ -0,0 +1,4 @@
+import { DuiDataTable } from "./data-table.js";
+if (!customElements.get(DuiDataTable.tagName)) {
+    customElements.define(DuiDataTable.tagName, DuiDataTable);
+}

package/dialog/dialog.d.ts

@@ -1,5 +1,6 @@
 /** Ported from original DUI: deep-future-app/app/client/components/dui/dialog */
 import { LitElement, type TemplateResult } from "lit";
+import { type DialogContext } from "./dialog-context.js";
 export type DialogOpenChangeDetail = {
     open: boolean;
 };
@@ -24,6 +25,7 @@ export declare class DuiDialog extends LitElement {
     accessor open: boolean | undefined;
     /** Initial open state for uncontrolled mode. */
     accessor defaultOpen: boolean;
+    accessor _ctx: DialogContext;
     connectedCallback(): void;
     willUpdate(): void;
     render(): TemplateResult;

package/dialog/dialog.js

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, LitElement } from "lit";
-import { property } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
+import { provide } from "@lit/context";
 import { base } from "@deepfuture/dui-core/base";
 import { customEvent } from "@deepfuture/dui-core/event";
+import { dialogContext } from "./dialog-context.js";
 export const openChangeEvent = customEvent("open-change", { bubbles: true, composed: true });
 const hostStyles = css `
   :host {
@@ -61,9 +63,9 @@ export class DuiDialog extends LitElement {
         }
         this.dispatchEvent(openChangeEvent({ open: false }));
     };
-    #ctx_accessor_storage = this.#buildContext();
-    get #ctx() { return this.#ctx_accessor_storage; }
-    set #ctx(value) { this.#ctx_accessor_storage = value; }
+    #_ctx_accessor_storage = this.#buildContext();
+    get _ctx() { return this.#_ctx_accessor_storage; }
+    set _ctx(value) { this.#_ctx_accessor_storage = value; }
     #buildContext() {
         return {
             open: this.#isOpen,
@@ -80,10 +82,10 @@ export class DuiDialog extends LitElement {
         if (this.open === undefined && this.defaultOpen) {
             this.#internalOpen = true;
         }
-        this.#ctx = this.#buildContext();
+        this._ctx = this.#buildContext();
     }
     willUpdate() {
-        this.#ctx = this.#buildContext();
+        this._ctx = this.#buildContext();
     }
     render() {
         return html `<slot></slot>`;
@@ -95,3 +97,7 @@ __decorate([
 __decorate([
     property({ type: Boolean, attribute: "default-open" })
 ], DuiDialog.prototype, "defaultOpen", null);
+__decorate([
+    provide({ context: dialogContext }),
+    state()
+], DuiDialog.prototype, "_ctx", null);

package/dialog/index.d.ts

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

package/dialog/index.js

@@ -1,9 +1,4 @@
-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];
+export { DuiDialog, openChangeEvent } from "./dialog.js";
+export { DuiDialogTrigger } from "./dialog-trigger.js";
+export { DuiDialogPopup } from "./dialog-popup.js";
+export { DuiDialogClose } from "./dialog-close.js";

package/dialog/register.d.ts

@@ -0,0 +1 @@
+export {};

package/dialog/register.js

@@ -0,0 +1,16 @@
+import { DuiDialog } from "./dialog.js";
+import { DuiDialogTrigger } from "./dialog-trigger.js";
+import { DuiDialogPopup } from "./dialog-popup.js";
+import { DuiDialogClose } from "./dialog-close.js";
+if (!customElements.get(DuiDialog.tagName)) {
+    customElements.define(DuiDialog.tagName, DuiDialog);
+}
+if (!customElements.get(DuiDialogTrigger.tagName)) {
+    customElements.define(DuiDialogTrigger.tagName, DuiDialogTrigger);
+}
+if (!customElements.get(DuiDialogPopup.tagName)) {
+    customElements.define(DuiDialogPopup.tagName, DuiDialogPopup);
+}
+if (!customElements.get(DuiDialogClose.tagName)) {
+    customElements.define(DuiDialogClose.tagName, DuiDialogClose);
+}

package/dropzone/index.d.ts

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

package/dropzone/index.js

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

package/dropzone/register.d.ts

@@ -0,0 +1 @@
+export {};

package/dropzone/register.js

@@ -0,0 +1,4 @@
+import { DuiDropzone } from "./index.js";
+if (!customElements.get(DuiDropzone.tagName)) {
+    customElements.define(DuiDropzone.tagName, DuiDropzone);
+}

package/global.d.ts

@@ -22,7 +22,6 @@ import type { DuiBreadcrumbSeparator } from "./breadcrumb/breadcrumb-separator.j
 import type { DuiBreadcrumbEllipsis } from "./breadcrumb/breadcrumb-ellipsis.js";
 import type { DuiButton } from "./button/button.js";
 import type { DuiCalendar } from "./calendar/calendar.js";
-import type { DuiCenter } from "./center/center.js";
 import type { DuiCheckbox } from "./checkbox/checkbox.js";
 import type { DuiCheckboxGroup } from "./checkbox/checkbox-group.js";
 import type { DuiCollapsible } from "./collapsible/collapsible.js";
@@ -41,7 +40,6 @@ import type { DuiDialogTrigger } from "./dialog/dialog-trigger.js";
 import type { DuiDialogPopup } from "./dialog/dialog-popup.js";
 import type { DuiDialogClose } from "./dialog/dialog-close.js";
 import type { DuiDropzone } from "./dropzone/dropzone.js";
-import type { DuiHstack } from "./hstack/hstack.js";
 import type { DuiIcon } from "./icon/icon.js";
 import type { DuiInput } from "./input/input.js";
 import type { DuiLink } from "./link/link.js";
@@ -49,7 +47,6 @@ import type { DuiMenu } from "./menu/menu.js";
 import type { DuiMenuItem } from "./menu/menu-item.js";
 import type { DuiMenubar } from "./menubar/menubar.js";
 import type { DuiNumberField } from "./number-field/number-field.js";
-import type { DuiPageInset } from "./page-inset/page-inset.js";
 import type { DuiPopover } from "./popover/popover.js";
 import type { DuiPopoverTrigger } from "./popover/popover-trigger.js";
 import type { DuiPopoverPopup } from "./popover/popover-popup.js";
@@ -93,7 +90,6 @@ import type { DuiTooltip } from "./tooltip/tooltip.js";
 import type { DuiTooltipTrigger } from "./tooltip/tooltip-trigger.js";
 import type { DuiTooltipPopup } from "./tooltip/tooltip-popup.js";
 import type { DuiTrunc } from "./trunc/trunc.js";
-import type { DuiVstack } from "./vstack/vstack.js";
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -113,7 +109,6 @@ declare global {
     "dui-breadcrumb-ellipsis": DuiBreadcrumbEllipsis;
     "dui-button": DuiButton;
     "dui-calendar": DuiCalendar;
-    "dui-center": DuiCenter;
     "dui-checkbox": DuiCheckbox;
     "dui-checkbox-group": DuiCheckboxGroup;
     "dui-collapsible": DuiCollapsible;
@@ -132,7 +127,6 @@ declare global {
     "dui-dialog-popup": DuiDialogPopup;
     "dui-dialog-close": DuiDialogClose;
     "dui-dropzone": DuiDropzone;
-    "dui-hstack": DuiHstack;
     "dui-icon": DuiIcon;
     "dui-input": DuiInput;
     "dui-link": DuiLink;
@@ -140,7 +134,6 @@ declare global {
     "dui-menu-item": DuiMenuItem;
     "dui-menubar": DuiMenubar;
     "dui-number-field": DuiNumberField;
-    "dui-page-inset": DuiPageInset;
     "dui-popover": DuiPopover;
     "dui-popover-trigger": DuiPopoverTrigger;
     "dui-popover-popup": DuiPopoverPopup;
@@ -184,6 +177,5 @@ declare global {
     "dui-tooltip-trigger": DuiTooltipTrigger;
     "dui-tooltip-popup": DuiTooltipPopup;
     "dui-trunc": DuiTrunc;
-    "dui-vstack": DuiVstack;
   }
 }

package/icon/index.d.ts

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

package/icon/index.js

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

package/icon/register.d.ts

@@ -0,0 +1 @@
+export {};

package/icon/register.js

@@ -0,0 +1,4 @@
+import { DuiIcon } from "./icon.js";
+if (!customElements.get(DuiIcon.tagName)) {
+    customElements.define(DuiIcon.tagName, DuiIcon);
+}

package/input/index.d.ts

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

package/input/index.js

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

package/input/input.d.ts

@@ -1,5 +1,6 @@
 /** Ported from original DUI: deep-future-app/app/client/components/dui/input */
 import { LitElement, type TemplateResult } from "lit";
+import { type FieldContext } from "@deepfuture/dui-components/field";
 export declare const inputChangeEvent: (detail: {
     value: string;
 }) => CustomEvent<{
@@ -42,6 +43,7 @@ export declare class DuiInput extends LitElement {
     accessor autocomplete: string | undefined;
     /** Whether the input should receive focus on mount. */
     accessor autofocus: boolean;
+    accessor _fieldCtx: FieldContext;
     firstUpdated(): void;
     render(): TemplateResult;
 }

package/input/input.js

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, LitElement } from "lit";
-import { property } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
+import { consume } from "@lit/context";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { live } from "lit/directives/live.js";
 import { base } from "@deepfuture/dui-core/base";
+import { fieldContext } from "@deepfuture/dui-components/field";
 import { customEvent } from "@deepfuture/dui-core/event";
 export const inputChangeEvent = customEvent("input-change", {
     bubbles: true,
@@ -94,23 +96,23 @@ export class DuiInput extends LitElement {
     /** Whether the input should receive focus on mount. */
     get autofocus() { return this.#autofocus_accessor_storage; }
     set autofocus(value) { this.#autofocus_accessor_storage = value; }
-    #ctx_accessor_storage;
-    get #ctx() { return this.#ctx_accessor_storage; }
-    set #ctx(value) { this.#ctx_accessor_storage = value; }
+    #_fieldCtx_accessor_storage;
+    get _fieldCtx() { return this.#_fieldCtx_accessor_storage; }
+    set _fieldCtx(value) { this.#_fieldCtx_accessor_storage = value; }
     get #controlId() {
-        return this.#ctx?.controlId ?? "";
+        return this._fieldCtx?.controlId ?? "";
     }
     get #descriptionId() {
-        return this.#ctx?.descriptionId;
+        return this._fieldCtx?.descriptionId;
     }
     get #errorId() {
-        return this.#ctx?.errorId;
+        return this._fieldCtx?.errorId;
     }
     get #isDisabled() {
-        return this.disabled || (this.#ctx?.disabled ?? false);
+        return this.disabled || (this._fieldCtx?.disabled ?? false);
     }
     get #isInvalid() {
-        return this.#ctx?.invalid ?? false;
+        return this._fieldCtx?.invalid ?? false;
     }
     firstUpdated() {
         if (this.autofocus) {
@@ -120,16 +122,16 @@ export class DuiInput extends LitElement {
     #onInput = (event) => {
         const target = event.target;
         this.value = target.value;
-        this.#ctx?.markDirty();
-        this.#ctx?.setFilled(this.value.length > 0);
+        this._fieldCtx?.markDirty();
+        this._fieldCtx?.setFilled(this.value.length > 0);
         this.dispatchEvent(inputChangeEvent({ value: this.value }));
     };
     #onFocus = () => {
-        this.#ctx?.setFocused(true);
+        this._fieldCtx?.setFocused(true);
     };
     #onBlur = () => {
-        this.#ctx?.setFocused(false);
-        this.#ctx?.markTouched();
+        this._fieldCtx?.setFocused(false);
+        this._fieldCtx?.markTouched();
     };
     render() {
         const describedBy = [this.#descriptionId, this.#isInvalid ? this.#errorId : undefined]
@@ -155,10 +157,10 @@ export class DuiInput extends LitElement {
         ?data-disabled="${this.#isDisabled}"
         ?data-invalid="${this.#isInvalid}"
         ?data-valid="${!this.#isInvalid}"
-        ?data-dirty="${this.#ctx?.dirty}"
-        ?data-touched="${this.#ctx?.touched}"
-        ?data-filled="${this.#ctx?.filled}"
-        ?data-focused="${this.#ctx?.focused}"
+        ?data-dirty="${this._fieldCtx?.dirty}"
+        ?data-touched="${this._fieldCtx?.touched}"
+        ?data-filled="${this._fieldCtx?.filled}"
+        ?data-focused="${this._fieldCtx?.focused}"
         @input="${this.#onInput}"
         @focus="${this.#onFocus}"
         @blur="${this.#onBlur}"
@@ -202,3 +204,7 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], DuiInput.prototype, "autofocus", null);
+__decorate([
+    consume({ context: fieldContext, subscribe: true }),
+    state()
+], DuiInput.prototype, "_fieldCtx", null);

package/input/register.d.ts

@@ -0,0 +1 @@
+export {};

package/input/register.js

@@ -0,0 +1,4 @@
+import { DuiInput } from "./index.js";
+if (!customElements.get(DuiInput.tagName)) {
+    customElements.define(DuiInput.tagName, DuiInput);
+}

package/link/index.d.ts

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

package/link/index.js

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

package/link/register.d.ts

@@ -0,0 +1 @@
+export {};

package/link/register.js

@@ -0,0 +1,4 @@
+import { DuiLink } from "./index.js";
+if (!customElements.get(DuiLink.tagName)) {
+    customElements.define(DuiLink.tagName, DuiLink);
+}

package/menu/index.d.ts

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

package/menu/index.js

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

package/menu/register.d.ts

@@ -0,0 +1 @@
+export {};

package/menu/register.js

@@ -0,0 +1,8 @@
+import { DuiMenu } from "./menu.js";
+import { DuiMenuItem } from "./menu-item.js";
+if (!customElements.get(DuiMenu.tagName)) {
+    customElements.define(DuiMenu.tagName, DuiMenu);
+}
+if (!customElements.get(DuiMenuItem.tagName)) {
+    customElements.define(DuiMenuItem.tagName, DuiMenuItem);
+}

package/menubar/index.d.ts

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

package/menubar/index.js

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

package/menubar/menubar.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, type TemplateResult } from "lit";
+import { type MenubarContext } from "./menubar-context.js";
 /**
  * `<dui-menubar>` — A horizontal bar of menus with coordinated open/close.
  *
@@ -14,6 +15,7 @@ export declare class DuiMenubar extends LitElement {
     static styles: import("lit").CSSResult[];
     accessor loop: boolean;
     accessor orientation: "horizontal" | "vertical";
+    accessor _ctx: MenubarContext;
     willUpdate(): void;
     render(): TemplateResult;
 }