@deepfuture/dui-components 0.0.2 → 0.0.4

package/README.md

@@ -163,7 +163,14 @@ A visual editor for design tokens. Edit colors with OKLCH sliders, tweak spacing
 
 ### Inspector
 
-Toggle with **Ctrl+Shift+I** to inspect any DUI component at runtime — view properties, design tokens, style layers, slots, and CSS parts. Also exposes `window.__dui_inspect()` for programmatic access by LLM agents via Chrome DevTools.
+A runtime inspector and mutation API for DUI components. Two interfaces:
+
+- **Visual UI** (Ctrl+Shift+I) — hover-highlight components, inspect properties/tokens/styles, edit theme CSS and design tokens live
+- **Console API** — `window.__dui_inspect()`, `window.__dui_mutate.*`, `window.__dui_export()` for programmatic access by agents or scripts
+
+Both share a changelog, so agent and human edits are visible to each other. Changes can be exported as structured source file diffs.
+
+See **[Inspector docs](docs/inspector.md)** for the full API reference and usage guide.
 
 ## Documentation
 
@@ -172,6 +179,7 @@ Toggle with **Ctrl+Shift+I** to inspect any DUI component at runtime — view pr
 - [Creating Components](docs/creating-components.md) — guide for adding new components
 - [Theming](docs/theming.md) — theme system, design tokens, writing component styles
 - [Consuming](docs/consuming.md) — integrating DUI into an app
+- [Inspector](docs/inspector.md) — runtime inspection, mutation API, and visual editor
 - [Accessibility](docs/accessibility.md) — accessibility patterns and guidelines
 
 ## Contributing

package/accordion/accordion-item.js

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

package/accordion/index.d.ts

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

package/accordion/index.js

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

package/alert-dialog/index.d.ts

@@ -1,6 +1,11 @@
-export { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
+import { DuiAlertDialog, openChangeEvent } from "./alert-dialog.js";
+export { DuiAlertDialog, openChangeEvent };
 export type { AlertDialogOpenChangeDetail } 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";
+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 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,4 +1,9 @@
-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";
+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];

package/all.d.ts

@@ -4,7 +4,7 @@
  *
  * @example
  * ```ts
- * import { applyTheme } from "@deepfuture/dui-core";
+ * import { applyTheme } from "@deepfuture/dui-core/apply-theme";
  * import { defaultTheme } from "@deepfuture/dui-theme-default";
  * import { allComponents } from "@deepfuture/dui-components/all";
  *
@@ -12,32 +12,73 @@
  * ```
  */
 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 type { BadgeVariant } 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 type { ButtonSize, ButtonVariant } 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 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 { DuiIcon } from "./icon/index.js";
@@ -48,12 +89,12 @@ 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";
@@ -61,19 +102,19 @@ 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, TextareaVariant } 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";

package/all.js

@@ -4,188 +4,188 @@
  *
  * @example
  * ```ts
- * import { applyTheme } from "@deepfuture/dui-core";
+ * import { applyTheme } from "@deepfuture/dui-core/apply-theme";
  * import { defaultTheme } from "@deepfuture/dui-theme-default";
  * import { allComponents } from "@deepfuture/dui-components/all";
  *
  * applyTheme({ theme: defaultTheme, components: allComponents });
  * ```
  */
-// --- Accordion ---
+// --- 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
 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 ---
+// 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 ---
+// 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 ---
+// 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 ---
+// VStack
 export { DuiVstack } from "./vstack/index.js";
 /**
  * All DUI component classes, ready for `applyTheme()`.
  * Includes every component and sub-component.
  */
 export const allComponents = [
-    DuiAccordion,
-    DuiAccordionItem,
-    DuiAlertDialog,
-    DuiAlertDialogTrigger,
-    DuiAlertDialogPopup,
-    DuiAlertDialogClose,
-    DuiAvatar,
-    DuiBadge,
-    DuiBreadcrumb,
-    DuiBreadcrumbItem,
-    DuiBreadcrumbLink,
-    DuiBreadcrumbPage,
-    DuiBreadcrumbSeparator,
-    DuiBreadcrumbEllipsis,
-    DuiButton,
-    DuiCalendar,
-    DuiCenter,
-    DuiCheckbox,
-    DuiCheckboxGroup,
-    DuiCollapsible,
-    DuiCombobox,
-    DuiCommand,
-    DuiCommandInput,
-    DuiCommandList,
-    DuiCommandGroup,
-    DuiCommandItem,
-    DuiCommandEmpty,
-    DuiCommandSeparator,
-    DuiCommandShortcut,
-    DuiDataTable,
-    DuiDialog,
-    DuiDialogTrigger,
-    DuiDialogPopup,
-    DuiDialogClose,
-    DuiDropzone,
-    DuiHstack,
-    DuiIcon,
-    DuiInput,
-    DuiLink,
-    DuiMenu,
-    DuiMenuItem,
-    DuiMenubar,
-    DuiNumberField,
-    DuiPageInset,
-    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,
-    DuiVstack,
+    ...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,
 ];

package/avatar/index.d.ts

@@ -1,2 +1,4 @@
-export { DuiAvatar, loadingStatusChangeEvent } from "./avatar.js";
+import { DuiAvatar, loadingStatusChangeEvent } from "./avatar.js";
+export { DuiAvatar, loadingStatusChangeEvent };
 export type { ImageStatus } from "./avatar.js";
+export declare const avatarFamily: (typeof DuiAvatar)[];

package/avatar/index.js

@@ -1 +1,3 @@
-export { DuiAvatar, loadingStatusChangeEvent } from "./avatar.js";
+import { DuiAvatar, loadingStatusChangeEvent } from "./avatar.js";
+export { DuiAvatar, loadingStatusChangeEvent };
+export const avatarFamily = [DuiAvatar];

package/badge/badge.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, type TemplateResult } from "lit";
-export type BadgeVariant = "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info";
 /**
  * `<dui-badge>` — A badge/chip component for status indicators and labels.
  *
@@ -9,6 +8,5 @@ export type BadgeVariant = "default" | "secondary" | "destructive" | "outline" |
 export declare class DuiBadge extends LitElement {
     static tagName: "dui-badge";
     static styles: import("lit").CSSResult[];
-    accessor variant: BadgeVariant;
     render(): TemplateResult;
 }

package/badge/badge.js

@@ -1,11 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { css, html, LitElement } from "lit";
-import { property } from "lit/decorators.js";
 import { base } from "@deepfuture/dui-core/base";
 /** Structural styles only — layout CSS. */
 const styles = css `
@@ -27,9 +20,6 @@ const styles = css `
 export class DuiBadge extends LitElement {
     static { this.tagName = "dui-badge"; }
     static { this.styles = [base, styles]; }
-    #variant_accessor_storage = "default";
-    get variant() { return this.#variant_accessor_storage; }
-    set variant(value) { this.#variant_accessor_storage = value; }
     render() {
         return html `
       <span part="root">
@@ -38,6 +28,3 @@ export class DuiBadge extends LitElement {
     `;
     }
 }
-__decorate([
-    property({ reflect: true })
-], DuiBadge.prototype, "variant", null);

package/badge/index.d.ts

@@ -1,2 +1,3 @@
-export { DuiBadge } from "./badge.js";
-export type { BadgeVariant } from "./badge.js";
+import { DuiBadge } from "./badge.js";
+export { DuiBadge };
+export declare const badgeFamily: (typeof DuiBadge)[];

package/badge/index.js

@@ -1 +1,3 @@
-export { DuiBadge } from "./badge.js";
+import { DuiBadge } from "./badge.js";
+export { DuiBadge };
+export const badgeFamily = [DuiBadge];