@deepfuture/dui-components 0.0.9 → 0.0.11

package/_deprecated/center/index.d.ts

@@ -0,0 +1 @@
+export { DuiCenter } from "./center.js";

package/_deprecated/center/index.js

@@ -0,0 +1 @@
+export { DuiCenter } from "./center.js";

package/_deprecated/center/register.d.ts

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

package/_deprecated/center/register.js

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

package/_deprecated/hstack/index.d.ts

@@ -0,0 +1,2 @@
+export { DuiHstack } from "./hstack.js";
+export type { HstackAlignment, HstackJustify } from "./hstack.js";

package/_deprecated/hstack/index.js

@@ -0,0 +1 @@
+export { DuiHstack } from "./hstack.js";

package/_deprecated/hstack/register.d.ts

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

package/_deprecated/hstack/register.js

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

package/_deprecated/page-inset/index.d.ts

@@ -0,0 +1 @@
+export { DuiPageInset } from "./page-inset.js";

package/_deprecated/page-inset/index.js

@@ -0,0 +1 @@
+export { DuiPageInset } from "./page-inset.js";

package/_deprecated/page-inset/register.d.ts

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

package/_deprecated/page-inset/register.js

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

package/_deprecated/vstack/index.d.ts

@@ -0,0 +1 @@
+export { DuiVstack } from "./vstack.js";

package/_deprecated/vstack/index.js

@@ -0,0 +1 @@
+export { DuiVstack } from "./vstack.js";

package/_deprecated/vstack/register.d.ts

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

package/_deprecated/vstack/register.js

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

package/accordion/index.d.ts

@@ -1,6 +1,3 @@
-import { DuiAccordion, valueChangeEvent } from "./accordion.js";
-export { DuiAccordion, valueChangeEvent };
-import { DuiAccordionItem, openChangeEvent } from "./accordion-item.js";
-export { DuiAccordionItem, openChangeEvent };
+export { DuiAccordion, valueChangeEvent } from "./accordion.js";
+export { DuiAccordionItem, openChangeEvent } from "./accordion-item.js";
 export type { AccordionContext } from "./accordion-context.js";
-export declare const accordionFamily: (typeof DuiAccordion | typeof DuiAccordionItem)[];

package/accordion/index.js

@@ -1,5 +1,2 @@
-import { DuiAccordion, valueChangeEvent } from "./accordion.js";
-export { DuiAccordion, valueChangeEvent };
-import { DuiAccordionItem, openChangeEvent } from "./accordion-item.js";
-export { DuiAccordionItem, openChangeEvent };
-export const accordionFamily = [DuiAccordion, DuiAccordionItem];
+export { DuiAccordion, valueChangeEvent } from "./accordion.js";
+export { DuiAccordionItem, openChangeEvent } from "./accordion-item.js";

package/accordion/register.d.ts

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

package/accordion/register.js

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

package/alert-dialog/alert-dialog.d.ts

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

package/alert-dialog/alert-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 { alertDialogContext, } from "./alert-dialog-context.js";
 export const openChangeEvent = customEvent("open-change", { bubbles: true, composed: true });
 const hostStyles = css `
   :host {
@@ -61,9 +63,9 @@ export class DuiAlertDialog 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 DuiAlertDialog 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" })
 ], DuiAlertDialog.prototype, "defaultOpen", null);
+__decorate([
+    provide({ context: alertDialogContext }),
+    state()
+], DuiAlertDialog.prototype, "_ctx", null);

package/alert-dialog/index.d.ts

@@ -1,11 +1,6 @@
-import { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
-export { DuiAlertDialog, openChangeEvent };
+export { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
 export type { AlertDialogOpenChangeDetail } from "./alert-dialog.js";
-import { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
-export { DuiAlertDialogTrigger };
-import { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
-export { DuiAlertDialogPopup };
-import { DuiAlertDialogClose } from "./alert-dialog-close.js";
-export { DuiAlertDialogClose };
+export { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
+export { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
+export { DuiAlertDialogClose } from "./alert-dialog-close.js";
 export type { AlertDialogContext } from "./alert-dialog-context.js";
-export declare const alertDialogFamily: (typeof DuiAlertDialog | typeof DuiAlertDialogTrigger | typeof DuiAlertDialogPopup | typeof DuiAlertDialogClose)[];

package/alert-dialog/index.js

@@ -1,9 +1,4 @@
-import { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
-export { DuiAlertDialog, openChangeEvent };
-import { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
-export { DuiAlertDialogTrigger };
-import { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
-export { DuiAlertDialogPopup };
-import { DuiAlertDialogClose } from "./alert-dialog-close.js";
-export { DuiAlertDialogClose };
-export const alertDialogFamily = [DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose];
+export { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
+export { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
+export { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
+export { DuiAlertDialogClose } from "./alert-dialog-close.js";

package/alert-dialog/register.d.ts

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

package/alert-dialog/register.js

@@ -0,0 +1,16 @@
+import { DuiAlertDialog } from "./alert-dialog.js";
+import { DuiAlertDialogTrigger } from "./alert-dialog-trigger.js";
+import { DuiAlertDialogPopup } from "./alert-dialog-popup.js";
+import { DuiAlertDialogClose } from "./alert-dialog-close.js";
+if (!customElements.get(DuiAlertDialog.tagName)) {
+    customElements.define(DuiAlertDialog.tagName, DuiAlertDialog);
+}
+if (!customElements.get(DuiAlertDialogTrigger.tagName)) {
+    customElements.define(DuiAlertDialogTrigger.tagName, DuiAlertDialogTrigger);
+}
+if (!customElements.get(DuiAlertDialogPopup.tagName)) {
+    customElements.define(DuiAlertDialogPopup.tagName, DuiAlertDialogPopup);
+}
+if (!customElements.get(DuiAlertDialogClose.tagName)) {
+    customElements.define(DuiAlertDialogClose.tagName, DuiAlertDialogClose);
+}

package/all.d.ts

@@ -4,7 +4,7 @@
  *
  * @example
  * ```ts
- * import { applyTheme } from "@deepfuture/dui-core/apply-theme";
+ * import { applyTheme } from "@deepfuture/dui-core";
  * import { defaultTheme } from "@deepfuture/dui-theme-default";
  * import { allComponents } from "@deepfuture/dui-components/all";
  *
@@ -12,75 +12,29 @@
  * ```
  */
 import type { LitElement } from "lit";
-import { accordionFamily } from "./accordion/index.js";
-import { alertDialogFamily } from "./alert-dialog/index.js";
-import { avatarFamily } from "./avatar/index.js";
-import { badgeFamily } from "./badge/index.js";
-import { breadcrumbFamily } from "./breadcrumb/index.js";
-import { buttonFamily } from "./button/index.js";
-import { calendarFamily } from "./calendar/index.js";
-import { centerFamily } from "./center/index.js";
-import { checkboxFamily } from "./checkbox/index.js";
-import { collapsibleFamily } from "./collapsible/index.js";
-import { comboboxFamily } from "./combobox/index.js";
-import { commandFamily } from "./command/index.js";
-import { dataTableFamily } from "./data-table/index.js";
-import { dialogFamily } from "./dialog/index.js";
-import { dropzoneFamily } from "./dropzone/index.js";
-import { hstackFamily } from "./hstack/index.js";
-import { iconFamily } from "./icon/index.js";
-import { inputFamily } from "./input/index.js";
-import { linkFamily } from "./link/index.js";
-import { menuFamily } from "./menu/index.js";
-import { menubarFamily } from "./menubar/index.js";
-import { numberFieldFamily } from "./number-field/index.js";
-import { pageInsetFamily } from "./page-inset/index.js";
-import { popoverFamily } from "./popover/index.js";
-import { portalFamily } from "./portal/index.js";
-import { previewCardFamily } from "./preview-card/index.js";
-import { progressFamily } from "./progress/index.js";
-import { radioFamily } from "./radio/index.js";
-import { scrollAreaFamily } from "./scroll-area/index.js";
-import { selectFamily } from "./select/index.js";
-import { separatorFamily } from "./separator/index.js";
-import { sidebarFamily } from "./sidebar/index.js";
-import { sliderFamily } from "./slider/index.js";
-import { spinnerFamily } from "./spinner/index.js";
-import { switchFamily } from "./switch/index.js";
-import { tabsFamily } from "./tabs/index.js";
-import { textareaFamily } from "./textarea/index.js";
-import { toggleFamily } from "./toggle/index.js";
-import { toolbarFamily } from "./toolbar/index.js";
-import { tooltipFamily } from "./tooltip/index.js";
-import { truncFamily } from "./trunc/index.js";
-import { vstackFamily } from "./vstack/index.js";
-export { accordionFamily, alertDialogFamily, avatarFamily, badgeFamily, breadcrumbFamily, buttonFamily, calendarFamily, centerFamily, checkboxFamily, collapsibleFamily, comboboxFamily, commandFamily, dataTableFamily, dialogFamily, dropzoneFamily, hstackFamily, iconFamily, inputFamily, linkFamily, menuFamily, menubarFamily, numberFieldFamily, pageInsetFamily, popoverFamily, portalFamily, previewCardFamily, progressFamily, radioFamily, scrollAreaFamily, selectFamily, separatorFamily, sidebarFamily, sliderFamily, spinnerFamily, switchFamily, tabsFamily, textareaFamily, toggleFamily, toolbarFamily, tooltipFamily, truncFamily, vstackFamily, };
 export { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
 export type { AccordionContext } from "./accordion/index.js";
-export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose } from "./alert-dialog/index.js";
-export type { AlertDialogOpenChangeDetail, AlertDialogContext } from "./alert-dialog/index.js";
+export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
+export type { AlertDialogOpenChangeDetail, AlertDialogContext, } from "./alert-dialog/index.js";
 export { DuiAvatar } from "./avatar/index.js";
 export type { ImageStatus } from "./avatar/index.js";
 export { DuiBadge } from "./badge/index.js";
-export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
+export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
 export { DuiButton } from "./button/index.js";
 export { DuiCalendar } from "./calendar/index.js";
-export { DuiCenter } from "./center/index.js";
 export { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
 export type { CheckboxGroupContext } from "./checkbox/index.js";
 export { DuiCollapsible } from "./collapsible/index.js";
 export { DuiCombobox } from "./combobox/index.js";
-export type { SelectOption as ComboboxSelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail } from "./combobox/index.js";
-export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut } from "./command/index.js";
+export type { SelectOption as ComboboxSelectOption, ComboboxValueChangeDetail, ComboboxValuesChangeDetail, } from "./combobox/index.js";
+export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
 export type { CommandContext, CommandItemEntry } from "./command/index.js";
 export { DuiDataTable } from "./data-table/index.js";
-export type { ColumnDef, SortDirection, SortState, PageState } from "./data-table/index.js";
-export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose } from "./dialog/index.js";
+export type { ColumnDef, SortDirection, SortState, PageState, } from "./data-table/index.js";
+export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
 export type { DialogOpenChangeDetail, DialogContext } from "./dialog/index.js";
 export { DuiDropzone } from "./dropzone/index.js";
-export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail } from "./dropzone/index.js";
-export { DuiHstack } from "./hstack/index.js";
-export type { HstackAlignment, HstackJustify } from "./hstack/index.js";
+export type { DropzoneErrorCode, DropzoneRejectionCode, FileRejectionError, RejectedFile, DropzoneDropDetail, DropzoneAcceptedDetail, DropzoneRejectedDetail, DropzoneErrorDetail, } from "./dropzone/index.js";
 export { DuiIcon } from "./icon/index.js";
 export { DuiInput } from "./input/index.js";
 export { DuiLink } from "./link/index.js";
@@ -88,13 +42,12 @@ export { DuiMenu, DuiMenuItem } from "./menu/index.js";
 export { DuiMenubar } from "./menubar/index.js";
 export type { MenubarContext } from "./menubar/index.js";
 export { DuiNumberField } from "./number-field/index.js";
-export { DuiPageInset } from "./page-inset/index.js";
-export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose } from "./popover/index.js";
-export type { PopoverOpenChangeDetail, PopoverContext, PopoverSide } from "./popover/index.js";
+export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
+export type { PopoverOpenChangeDetail, PopoverContext, PopoverSide, } from "./popover/index.js";
 export { DuiPortal } from "./portal/index.js";
 export type { QueryRoot } from "./portal/index.js";
-export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup } from "./preview-card/index.js";
-export type { PreviewCardOpenChangeDetail, PreviewCardContext, PreviewCardSide } from "./preview-card/index.js";
+export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
+export type { PreviewCardOpenChangeDetail, PreviewCardContext, PreviewCardSide, } from "./preview-card/index.js";
 export { DuiProgress } from "./progress/index.js";
 export { DuiRadio, DuiRadioGroup } from "./radio/index.js";
 export type { RadioGroupContext } from "./radio/index.js";
@@ -102,22 +55,21 @@ export { DuiScrollArea } from "./scroll-area/index.js";
 export { DuiSelect } from "./select/index.js";
 export type { SelectOption } from "./select/index.js";
 export { DuiSeparator } from "./separator/index.js";
-export { 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, } from "./sidebar/index.js";
 export type { SidebarContext } from "./sidebar/index.js";
 export { DuiSlider } from "./slider/index.js";
 export { DuiSpinner } from "./spinner/index.js";
 export { DuiSwitch } from "./switch/index.js";
-export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator } from "./tabs/index.js";
+export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
 export type { TabsContext } from "./tabs/index.js";
 export { DuiTextarea } from "./textarea/index.js";
 export type { TextareaResize } from "./textarea/index.js";
 export { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
 export type { ToggleGroupContext } from "./toggle/index.js";
 export { DuiToolbar } from "./toolbar/index.js";
-export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup } from "./tooltip/index.js";
+export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
 export type { TooltipContext, TooltipSide } from "./tooltip/index.js";
 export { DuiTrunc } from "./trunc/index.js";
-export { DuiVstack } from "./vstack/index.js";
 /**
  * All DUI component classes, ready for `applyTheme()`.
  * Includes every component and sub-component.