@deepfuture/dui-components 0.0.11 → 0.0.12

package/README.md

@@ -0,0 +1,191 @@
+# DUI
+
+[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+[![npm](https://img.shields.io/npm/v/@deepfuture/dui-core.svg)](https://www.npmjs.com/package/@deepfuture/dui-core)
+
+Unstyled [Lit](https://lit.dev) web component library with composable themes.
+
+Components provide structure and behavior with zero visual opinions. Themes provide all aesthetics — colors, spacing, typography, borders. Swap the theme to completely change the look without touching component code.
+
+**[Live Docs & Demos →](https://deepfuturenow.github.io/dui/)**
+
+## Install
+
+**npm / pnpm / yarn:**
+
+```bash
+npm install @deepfuture/dui-core @deepfuture/dui-components @deepfuture/dui-theme-default
+```
+
+**Deno:**
+
+```typescript
+import { applyTheme } from "npm:@deepfuture/dui-core/apply-theme";
+import { defaultTheme } from "npm:@deepfuture/dui-theme-default";
+import { allComponents } from "npm:@deepfuture/dui-components/all";
+```
+
+**CDN (zero setup):**
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@deepfuture/dui-cdn/dui.min.js"></script>
+```
+
+## Quick Start
+
+```typescript
+import { applyTheme } from "@deepfuture/dui-core/apply-theme";
+import { defaultTheme } from "@deepfuture/dui-theme-default";
+import { DuiButton } from "@deepfuture/dui-components/button";
+import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose } from "@deepfuture/dui-components/dialog";
+
+// Register components with a theme — this is the only setup needed
+applyTheme({
+  theme: defaultTheme,
+  components: [DuiButton, DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose],
+});
+```
+
+```html
+<dui-dialog>
+  <dui-dialog-trigger>
+    <dui-button>Open Dialog</dui-button>
+  </dui-dialog-trigger>
+  <dui-dialog-popup>
+    <h2>Hello</h2>
+    <p>This is a dialog.</p>
+    <dui-dialog-close>
+      <dui-button variant="outline">Close</dui-button>
+    </dui-dialog-close>
+  </dui-dialog-popup>
+</dui-dialog>
+```
+
+Or register everything at once:
+
+```typescript
+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 });
+```
+
+## How It Works
+
+`applyTheme()` takes unstyled component classes and a theme, creates themed subclasses with composed styles, and registers them as custom elements.
+
+```
+Component structural CSS → Theme base styles → Theme component styles
+```
+
+No build step, no decorators, no code generation — just a function call. Components are standard web components that work in any framework or plain HTML.
+
+## Components
+
+43 component families, 85+ elements total.
+
+| Category | Components |
+|----------|-----------|
+| **Actions** | Button, Link, Toggle, Toggle Group, Toolbar |
+| **Forms** | Input, Textarea, Select, Combobox, Checkbox, Checkbox Group, Radio, Radio Group, Switch, Slider, Number Field, Dropzone |
+| **Data Display** | Badge, Avatar, Calendar, Data Table, Progress, Spinner, Separator, Trunc |
+| **Overlays** | Dialog, Alert Dialog, Popover, Tooltip, Menu, Menubar, Preview Card, Command |
+| **Disclosure** | Accordion, Collapsible, Tabs |
+| **Navigation** | Breadcrumb, Sidebar (with 12 sub-components) |
+| **Layout** | HStack, VStack, Center, Page Inset, Scroll Area, Portal |
+| **Utility** | Icon |
+
+## Styling
+
+DUI uses a two-layer styling approach:
+
+### CSS Variables — for the variant system
+
+Variables control values that variants, sizes, and states toggle:
+
+```css
+/* Override variant colors */
+dui-button {
+  --button-bg: linear-gradient(135deg, pink, purple);
+  --button-radius: var(--radius-full);
+}
+```
+
+### `::part(root)` — for everything else
+
+Every component exposes a `root` CSS part for full CSS expressiveness:
+
+```css
+/* Frosted glass effect */
+dui-dialog-popup::part(root) {
+  backdrop-filter: blur(12px);
+}
+
+/* Custom hover animation */
+dui-button::part(root):hover {
+  filter: brightness(1.25);
+  transform: translateY(-1px);
+}
+
+/* Glow shadow */
+dui-badge::part(root) {
+  box-shadow: 0 0 16px oklch(0.7 0.2 280 / 0.4);
+}
+```
+
+No need for the library to anticipate every CSS property — `::part()` gives you direct access.
+
+## Dark Mode
+
+DUI uses CSS custom properties for theming. Toggle dark mode by adding `class="dark"` to a parent element:
+
+```html
+<body class="dark">
+  <!-- All DUI components render in dark mode -->
+</body>
+```
+
+## Packages
+
+| Package | Purpose |
+|---------|---------|
+| [`@deepfuture/dui-core`](https://www.npmjs.com/package/@deepfuture/dui-core) | `applyTheme()`, event factory, base styles |
+| [`@deepfuture/dui-components`](https://www.npmjs.com/package/@deepfuture/dui-components) | Unstyled component classes |
+| [`@deepfuture/dui-theme-default`](https://www.npmjs.com/package/@deepfuture/dui-theme-default) | Design tokens + aesthetic styles |
+| [`@deepfuture/dui-cdn`](https://www.npmjs.com/package/@deepfuture/dui-cdn) | Pre-bundled CDN build (all deps inlined) |
+
+## Dev Tools
+
+### Theme Editor
+
+A visual editor for design tokens. Edit colors with OKLCH sliders, tweak spacing and typography, and export your customized `tokens.css`.
+
+### Inspector
+
+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
+
+- **[Live Docs](https://deepfuturenow.github.io/dui/)** — interactive demos for every component
+- [Architecture](docs/architecture.md) — mental model, package responsibilities, design decisions
+- [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
+
+See [CONTRIBUTING.md](CONTRIBUTING.md) for dev setup, code conventions, and PR guidelines.
+
+## License
+
+[MIT](LICENSE)

package/_deprecated/center/index.d.ts

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

package/_deprecated/center/index.js

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

package/_deprecated/hstack/index.d.ts

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

package/_deprecated/hstack/index.js

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

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

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

package/_deprecated/page-inset/index.js

@@ -1 +1,3 @@
-export { DuiPageInset } from "./page-inset.js";
+import { DuiPageInset } from "./page-inset.js";
+export { DuiPageInset };
+export const pageInsetFamily = [DuiPageInset];

package/_deprecated/vstack/index.d.ts

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

package/_deprecated/vstack/index.js

@@ -1 +1,3 @@
-export { DuiVstack } from "./vstack.js";
+import { DuiVstack } from "./vstack.js";
+export { DuiVstack };
+export const vstackFamily = [DuiVstack];

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/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/index.d.ts

@@ -1 +1,3 @@
-export { DuiBadge } 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];

package/breadcrumb/index.d.ts

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

package/breadcrumb/index.js

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

package/button/index.d.ts

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

package/button/index.js

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

package/calendar/index.d.ts

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

package/calendar/index.js

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

package/checkbox/index.d.ts

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

package/checkbox/index.js

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

package/collapsible/index.d.ts

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

package/collapsible/index.js

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

package/combobox/index.d.ts

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

package/combobox/index.js

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

package/command/index.d.ts

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

package/command/index.js

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

package/data-table/index.d.ts

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

package/data-table/index.js

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

package/dialog/index.d.ts

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

package/dialog/index.js

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

package/dropzone/index.d.ts

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

package/dropzone/index.js

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

package/icon/index.d.ts

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

package/icon/index.js

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

package/input/index.d.ts

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

package/input/index.js

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

package/link/index.d.ts

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

package/link/index.js

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

package/menu/index.d.ts

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

package/menu/index.js

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

package/menubar/index.d.ts

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

package/menubar/index.js

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

package/number-field/index.d.ts

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