@deepfuture/dui-components 0.0.10 → 0.0.12

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/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/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/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/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/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.

package/all.js

@@ -4,188 +4,176 @@
  *
  * @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";
  *
  * applyTheme({ theme: defaultTheme, components: allComponents });
  * ```
  */
-// --- Component families (used to build allComponents) ---
-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";
-// --- Re-export all families ---
-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, };
-// --- Re-export component classes and types (explicit to avoid name collisions) ---
-// Accordion
+// --- Accordion ---
 export { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
-// Alert Dialog
-export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose } from "./alert-dialog/index.js";
-// Avatar
+// --- Alert Dialog ---
+export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
+// --- Avatar ---
 export { DuiAvatar } from "./avatar/index.js";
-// Badge
+// --- Badge ---
 export { DuiBadge } from "./badge/index.js";
-// Breadcrumb
-export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
-// Button
+// --- Breadcrumb ---
+export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
+// --- Button ---
 export { DuiButton } from "./button/index.js";
-// Calendar
+// --- Calendar ---
 export { DuiCalendar } from "./calendar/index.js";
-// Center
-export { DuiCenter } from "./center/index.js";
-// Checkbox
+// --- Checkbox ---
 export { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
-// Collapsible
+// --- Collapsible ---
 export { DuiCollapsible } from "./collapsible/index.js";
-// Combobox
+// --- Combobox ---
 export { DuiCombobox } from "./combobox/index.js";
-// Command
-export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut } from "./command/index.js";
-// Data Table
+// --- Command ---
+export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
+// --- Data Table ---
 export { DuiDataTable } from "./data-table/index.js";
-// Dialog
-export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose } from "./dialog/index.js";
-// Dropzone
+// --- Dialog ---
+export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
+// --- Dropzone ---
 export { DuiDropzone } from "./dropzone/index.js";
-// HStack
-export { DuiHstack } from "./hstack/index.js";
-// Icon
+// --- Icon ---
 export { DuiIcon } from "./icon/index.js";
-// Input
+// --- Input ---
 export { DuiInput } from "./input/index.js";
-// Link
+// --- Link ---
 export { DuiLink } from "./link/index.js";
-// Menu
+// --- Menu ---
 export { DuiMenu, DuiMenuItem } from "./menu/index.js";
-// Menubar
+// --- Menubar ---
 export { DuiMenubar } from "./menubar/index.js";
-// Number Field
+// --- Number Field ---
 export { DuiNumberField } from "./number-field/index.js";
-// Page Inset
-export { DuiPageInset } from "./page-inset/index.js";
-// Popover
-export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose } from "./popover/index.js";
-// Portal
+// --- Popover ---
+export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
+// --- Portal ---
 export { DuiPortal } from "./portal/index.js";
-// Preview Card
-export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup } from "./preview-card/index.js";
-// Progress
+// --- Preview Card ---
+export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
+// --- Progress ---
 export { DuiProgress } from "./progress/index.js";
-// Radio
+// --- Radio ---
 export { DuiRadio, DuiRadioGroup } from "./radio/index.js";
-// Scroll Area
+// --- Scroll Area ---
 export { DuiScrollArea } from "./scroll-area/index.js";
-// Select
+// --- Select ---
 export { DuiSelect } from "./select/index.js";
-// Separator
+// --- Separator ---
 export { DuiSeparator } from "./separator/index.js";
-// Sidebar
-export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset } from "./sidebar/index.js";
-// Slider
+// --- Sidebar ---
+export { DuiSidebarProvider, DuiSidebar, DuiSidebarTrigger, DuiSidebarContent, DuiSidebarHeader, DuiSidebarFooter, DuiSidebarGroup, DuiSidebarGroupLabel, DuiSidebarMenu, DuiSidebarMenuItem, DuiSidebarMenuButton, DuiSidebarSeparator, DuiSidebarInset, } from "./sidebar/index.js";
+// --- Slider ---
 export { DuiSlider } from "./slider/index.js";
-// Spinner
+// --- Spinner ---
 export { DuiSpinner } from "./spinner/index.js";
-// Switch
+// --- Switch ---
 export { DuiSwitch } from "./switch/index.js";
-// Tabs
-export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator } from "./tabs/index.js";
-// Textarea
+// --- Tabs ---
+export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
+// --- Textarea ---
 export { DuiTextarea } from "./textarea/index.js";
-// Toggle
+// --- Toggle ---
 export { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
-// Toolbar
+// --- Toolbar ---
 export { DuiToolbar } from "./toolbar/index.js";
-// Tooltip
-export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup } from "./tooltip/index.js";
-// Trunc
+// --- Tooltip ---
+export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
+// --- Trunc ---
 export { DuiTrunc } from "./trunc/index.js";
-// VStack
-export { DuiVstack } from "./vstack/index.js";
 /**
  * All DUI component classes, ready for `applyTheme()`.
  * Includes every component and sub-component.
  */
 export const allComponents = [
-    ...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,
+    DuiAccordion,
+    DuiAccordionItem,
+    DuiAlertDialog,
+    DuiAlertDialogTrigger,
+    DuiAlertDialogPopup,
+    DuiAlertDialogClose,
+    DuiAvatar,
+    DuiBadge,
+    DuiBreadcrumb,
+    DuiBreadcrumbItem,
+    DuiBreadcrumbLink,
+    DuiBreadcrumbPage,
+    DuiBreadcrumbSeparator,
+    DuiBreadcrumbEllipsis,
+    DuiButton,
+    DuiCalendar,
+    DuiCheckbox,
+    DuiCheckboxGroup,
+    DuiCollapsible,
+    DuiCombobox,
+    DuiCommand,
+    DuiCommandInput,
+    DuiCommandList,
+    DuiCommandGroup,
+    DuiCommandItem,
+    DuiCommandEmpty,
+    DuiCommandSeparator,
+    DuiCommandShortcut,
+    DuiDataTable,
+    DuiDialog,
+    DuiDialogTrigger,
+    DuiDialogPopup,
+    DuiDialogClose,
+    DuiDropzone,
+    DuiIcon,
+    DuiInput,
+    DuiLink,
+    DuiMenu,
+    DuiMenuItem,
+    DuiMenubar,
+    DuiNumberField,
+    DuiPopover,
+    DuiPopoverTrigger,
+    DuiPopoverPopup,
+    DuiPopoverClose,
+    DuiPortal,
+    DuiPreviewCard,
+    DuiPreviewCardTrigger,
+    DuiPreviewCardPopup,
+    DuiProgress,
+    DuiRadio,
+    DuiRadioGroup,
+    DuiScrollArea,
+    DuiSelect,
+    DuiSeparator,
+    DuiSidebarProvider,
+    DuiSidebar,
+    DuiSidebarTrigger,
+    DuiSidebarContent,
+    DuiSidebarHeader,
+    DuiSidebarFooter,
+    DuiSidebarGroup,
+    DuiSidebarGroupLabel,
+    DuiSidebarMenu,
+    DuiSidebarMenuItem,
+    DuiSidebarMenuButton,
+    DuiSidebarSeparator,
+    DuiSidebarInset,
+    DuiSlider,
+    DuiSpinner,
+    DuiSwitch,
+    DuiTabs,
+    DuiTabsList,
+    DuiTab,
+    DuiTabsPanel,
+    DuiTabsIndicator,
+    DuiTextarea,
+    DuiToggle,
+    DuiToggleGroup,
+    DuiToolbar,
+    DuiTooltip,
+    DuiTooltipTrigger,
+    DuiTooltipPopup,
+    DuiTrunc,
 ];

package/checkbox/checkbox-group.d.ts

@@ -1,5 +1,6 @@
 /** Ported from original DUI: deep-future-app/app/client/components/dui/checkbox */
 import { LitElement, type TemplateResult } from "lit";
+import { type CheckboxGroupContext } from "./checkbox-group-context.js";
 export declare const valueChangeEvent: (detail: string[]) => CustomEvent<string[]>;
 /**
  * `<dui-checkbox-group>` — Groups multiple checkboxes with shared state.
@@ -28,6 +29,7 @@ export declare class DuiCheckboxGroup extends LitElement {
     accessor allValues: string[];
     /** Whether all checkboxes in the group are disabled. */
     accessor disabled: boolean;
+    accessor _ctx: CheckboxGroupContext;
     connectedCallback(): void;
     willUpdate(): void;
     render(): TemplateResult;

package/checkbox/checkbox-group.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 { checkboxGroupContext, } from "./checkbox-group-context.js";
 export const valueChangeEvent = customEvent("value-change", {
     bubbles: true,
     composed: true,
@@ -80,9 +82,9 @@ export class DuiCheckboxGroup extends LitElement {
         }
         this.dispatchEvent(valueChangeEvent(next));
     };
-    #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 {
             checkedValues: this.#getCheckedValues(),
@@ -97,10 +99,10 @@ export class DuiCheckboxGroup extends LitElement {
         if (this.value === undefined && this.defaultValue.length > 0) {
             this.#internalValues = [...this.defaultValue];
         }
-        this.#ctx = this.#buildContext();
+        this._ctx = this.#buildContext();
     }
     willUpdate() {
-        this.#ctx = this.#buildContext();
+        this._ctx = this.#buildContext();
     }
     render() {
         return html `
@@ -126,3 +128,7 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], DuiCheckboxGroup.prototype, "disabled", null);
+__decorate([
+    provide({ context: checkboxGroupContext }),
+    state()
+], DuiCheckboxGroup.prototype, "_ctx", null);

package/checkbox/checkbox.d.ts

@@ -1,5 +1,6 @@
 /** Ported from original DUI: deep-future-app/app/client/components/dui/checkbox */
 import { LitElement, type TemplateResult } from "lit";
+import { type FieldContext } from "../field/field-context.js";
 export declare const checkedChangeEvent: (detail: {
     checked: boolean;
     indeterminate: boolean;
@@ -40,6 +41,7 @@ export declare class DuiCheckbox extends LitElement {
     accessor value: string | undefined;
     /** When true, acts as a parent (select-all) checkbox within a group. */
     accessor parent: boolean;
+    accessor _fieldCtx: FieldContext;
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): TemplateResult;