@deepfuture/dui-components 0.0.21 → 1.0.0

package/all.js

@@ -1,233 +1,136 @@
 /**
- * Barrel export of all DUI components.
- * Provides the `allComponents` array for one-shot `applyTheme()` registration.
- *
- * @example
- * ```ts
- * 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 });
- * ```
+ * Side-effect imports — registers all DUI components.
+ * Also re-exports all classes for programmatic use.
  */
-// --- Accordion ---
-import { DuiAccordion, DuiAccordionItem } from "./accordion/index.js";
-export { DuiAccordion, DuiAccordionItem };
-// --- Alert Dialog ---
-import { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, } from "./alert-dialog/index.js";
-export { DuiAlertDialog, DuiAlertDialogTrigger, DuiAlertDialogPopup, DuiAlertDialogClose, };
-// --- Avatar ---
-import { DuiAvatar } from "./avatar/index.js";
-export { DuiAvatar };
-// --- Badge ---
-import { DuiBadge } from "./badge/index.js";
-export { DuiBadge };
-// --- Breadcrumb ---
-import { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, } from "./breadcrumb/index.js";
-export { DuiBreadcrumb, DuiBreadcrumbItem, DuiBreadcrumbLink, DuiBreadcrumbPage, DuiBreadcrumbSeparator, DuiBreadcrumbEllipsis, };
-// --- Button ---
-import { DuiButton } from "./button/index.js";
-export { DuiButton };
-// --- Calendar ---
-import { DuiCalendar } from "./calendar/index.js";
-export { DuiCalendar };
-// --- Card ---
-import { DuiCard } from "./card/index.js";
-export { DuiCard };
-// --- Checkbox ---
-import { DuiCheckbox, DuiCheckboxGroup } from "./checkbox/index.js";
-export { DuiCheckbox, DuiCheckboxGroup };
-// --- Collapsible ---
-import { DuiCollapsible } from "./collapsible/index.js";
-export { DuiCollapsible };
-// --- Combobox ---
-import { DuiCombobox } from "./combobox/index.js";
-export { DuiCombobox };
-// --- Command ---
-import { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, } from "./command/index.js";
-export { DuiCommand, DuiCommandInput, DuiCommandList, DuiCommandGroup, DuiCommandItem, DuiCommandEmpty, DuiCommandSeparator, DuiCommandShortcut, };
-// --- Data Table ---
-import { DuiDataTable } from "./data-table/index.js";
-export { DuiDataTable };
-// --- Dialog ---
-import { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, } from "./dialog/index.js";
-export { DuiDialog, DuiDialogTrigger, DuiDialogPopup, DuiDialogClose, };
-// --- Dropzone ---
-import { DuiDropzone } from "./dropzone/index.js";
-export { DuiDropzone };
-// --- Field ---
-import { DuiField } from "./field/index.js";
-export { DuiField };
-// --- Fieldset ---
-import { DuiFieldset } from "./fieldset/index.js";
-export { DuiFieldset };
-// --- Icon ---
-import { DuiIcon } from "./icon/index.js";
-export { DuiIcon };
-// --- Input ---
-import { DuiInput } from "./input/index.js";
-export { DuiInput };
-// --- Menu ---
-import { DuiMenu, DuiMenuItem } from "./menu/index.js";
-export { DuiMenu, DuiMenuItem };
-// --- Menubar ---
-import { DuiMenubar } from "./menubar/index.js";
-export { DuiMenubar };
-// --- Number Field ---
-import { DuiNumberField } from "./number-field/index.js";
-export { DuiNumberField };
-// --- Stepper ---
-import { DuiStepper } from "./stepper/index.js";
-export { DuiStepper };
-// --- Popover ---
-import { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, } from "./popover/index.js";
-export { DuiPopover, DuiPopoverTrigger, DuiPopoverPopup, DuiPopoverClose, };
-// --- Portal ---
-import { DuiPortal } from "./portal/index.js";
-export { DuiPortal };
-// --- Preview Card ---
-import { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, } from "./preview-card/index.js";
-export { DuiPreviewCard, DuiPreviewCardTrigger, DuiPreviewCardPopup, };
-// --- Progress ---
-import { DuiProgress } from "./progress/index.js";
-export { DuiProgress };
-// --- Radio ---
-import { DuiRadio, DuiRadioGroup } from "./radio/index.js";
-export { DuiRadio, DuiRadioGroup };
-// --- Scroll Area ---
-import { DuiScrollArea } from "./scroll-area/index.js";
-export { DuiScrollArea };
-// --- Select ---
-import { DuiSelect } from "./select/index.js";
-export { DuiSelect };
-// --- Separator ---
-import { DuiSeparator } from "./separator/index.js";
-export { DuiSeparator };
-// --- Split Button ---
-import { DuiSplitButton } from "./split-button/index.js";
-export { DuiSplitButton };
-// --- Sidebar ---
-import { 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, };
-// --- Slider ---
-import { DuiSlider } from "./slider/index.js";
-export { DuiSlider };
-// --- Spinner ---
-import { DuiSpinner } from "./spinner/index.js";
-export { DuiSpinner };
-// --- Switch ---
-import { DuiSwitch } from "./switch/index.js";
-export { DuiSwitch };
-// --- Tabs ---
-import { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, } from "./tabs/index.js";
-export { DuiTabs, DuiTabsList, DuiTab, DuiTabsPanel, DuiTabsIndicator, };
-// --- Textarea ---
-import { DuiTextarea } from "./textarea/index.js";
-export { DuiTextarea };
-// --- Toggle ---
-import { DuiToggle, DuiToggleGroup } from "./toggle/index.js";
-export { DuiToggle, DuiToggleGroup };
-// --- Toolbar ---
-import { DuiToolbar } from "./toolbar/index.js";
-export { DuiToolbar };
-// --- Tooltip ---
-import { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, } from "./tooltip/index.js";
-export { DuiTooltip, DuiTooltipTrigger, DuiTooltipPopup, };
-// --- Trunc ---
-import { DuiTrunc } from "./trunc/index.js";
-export { DuiTrunc };
-/**
- * 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,
-    DuiCard,
-    DuiCheckbox,
-    DuiCheckboxGroup,
-    DuiCollapsible,
-    DuiCombobox,
-    DuiCommand,
-    DuiCommandInput,
-    DuiCommandList,
-    DuiCommandGroup,
-    DuiCommandItem,
-    DuiCommandEmpty,
-    DuiCommandSeparator,
-    DuiCommandShortcut,
-    DuiDataTable,
-    DuiDialog,
-    DuiDialogTrigger,
-    DuiDialogPopup,
-    DuiDialogClose,
-    DuiDropzone,
-    DuiField,
-    DuiFieldset,
-    DuiIcon,
-    DuiInput,
-    DuiMenu,
-    DuiMenuItem,
-    DuiMenubar,
-    DuiNumberField,
-    DuiStepper,
-    DuiPopover,
-    DuiPopoverTrigger,
-    DuiPopoverPopup,
-    DuiPopoverClose,
-    DuiPortal,
-    DuiPreviewCard,
-    DuiPreviewCardTrigger,
-    DuiPreviewCardPopup,
-    DuiProgress,
-    DuiRadio,
-    DuiRadioGroup,
-    DuiScrollArea,
-    DuiSelect,
-    DuiSeparator,
-    DuiSplitButton,
-    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,
-];
+import "./accordion/index.js";
+import "./alert-dialog/index.js";
+import "./avatar/index.js";
+import "./badge/index.js";
+import "./breadcrumb/index.js";
+import "./button/index.js";
+import "./calendar/index.js";
+import "./card/index.js";
+import "./card-grid/index.js";
+import "./checkbox/index.js";
+import "./collapsible/index.js";
+import "./combobox/index.js";
+import "./command/index.js";
+import "./data-table/index.js";
+import "./dialog/index.js";
+import "./dropzone/index.js";
+import "./field/index.js";
+import "./fieldset/index.js";
+import "./icon/index.js";
+import "./input/index.js";
+import "./menu/index.js";
+import "./menubar/index.js";
+import "./number-field/index.js";
+import "./popover/index.js";
+import "./portal/index.js";
+import "./preview-card/index.js";
+import "./progress/index.js";
+import "./radio/index.js";
+import "./scroll-area/index.js";
+import "./select/index.js";
+import "./separator/index.js";
+import "./sidebar/index.js";
+import "./slider/index.js";
+import "./spinner/index.js";
+import "./split-button/index.js";
+import "./stepper/index.js";
+import "./switch/index.js";
+import "./tabs/index.js";
+import "./textarea/index.js";
+import "./toggle/index.js";
+import "./toolbar/index.js";
+import "./tooltip/index.js";
+import "./trunc/index.js";
+export { DuiAccordion } from "./accordion/index.js";
+export { DuiAccordionItem } from "./accordion/index.js";
+export { DuiAlertDialog } from "./alert-dialog/index.js";
+export { DuiAlertDialogClose } from "./alert-dialog/index.js";
+export { DuiAlertDialogPopup } from "./alert-dialog/index.js";
+export { DuiAlertDialogTrigger } from "./alert-dialog/index.js";
+export { DuiAvatar } from "./avatar/index.js";
+export { DuiBadge } from "./badge/index.js";
+export { DuiBreadcrumb } from "./breadcrumb/index.js";
+export { DuiBreadcrumbEllipsis } from "./breadcrumb/index.js";
+export { DuiBreadcrumbItem } from "./breadcrumb/index.js";
+export { DuiBreadcrumbLink } from "./breadcrumb/index.js";
+export { DuiBreadcrumbPage } from "./breadcrumb/index.js";
+export { DuiBreadcrumbSeparator } from "./breadcrumb/index.js";
+export { DuiButton } from "./button/index.js";
+export { DuiCalendar } from "./calendar/index.js";
+export { DuiCard } from "./card/index.js";
+export { DuiCardGrid } from "./card-grid/index.js";
+export { DuiCheckbox } from "./checkbox/index.js";
+export { DuiCheckboxGroup } from "./checkbox/index.js";
+export { DuiCollapsible } from "./collapsible/index.js";
+export { DuiCombobox } from "./combobox/index.js";
+export { DuiCommand } from "./command/index.js";
+export { DuiCommandEmpty } from "./command/index.js";
+export { DuiCommandGroup } from "./command/index.js";
+export { DuiCommandInput } from "./command/index.js";
+export { DuiCommandItem } from "./command/index.js";
+export { DuiCommandList } from "./command/index.js";
+export { DuiCommandSeparator } from "./command/index.js";
+export { DuiCommandShortcut } from "./command/index.js";
+export { DuiDataTable } from "./data-table/index.js";
+export { DuiDialog } from "./dialog/index.js";
+export { DuiDialogClose } from "./dialog/index.js";
+export { DuiDialogPopup } from "./dialog/index.js";
+export { DuiDialogTrigger } from "./dialog/index.js";
+export { DuiDropzone } from "./dropzone/index.js";
+export { DuiField } from "./field/index.js";
+export { DuiFieldset } from "./fieldset/index.js";
+export { DuiIcon } from "./icon/index.js";
+export { DuiInput } from "./input/index.js";
+export { DuiMenu } from "./menu/index.js";
+export { DuiMenuItem } from "./menu/index.js";
+export { DuiMenubar } from "./menubar/index.js";
+export { DuiNumberField } from "./number-field/index.js";
+export { DuiPopover } from "./popover/index.js";
+export { DuiPopoverClose } from "./popover/index.js";
+export { DuiPopoverPopup } from "./popover/index.js";
+export { DuiPopoverTrigger } from "./popover/index.js";
+export { DuiPortal } from "./portal/index.js";
+export { DuiPreviewCard } from "./preview-card/index.js";
+export { DuiPreviewCardPopup } from "./preview-card/index.js";
+export { DuiPreviewCardTrigger } from "./preview-card/index.js";
+export { DuiProgress } from "./progress/index.js";
+export { DuiRadio } from "./radio/index.js";
+export { DuiRadioGroup } from "./radio/index.js";
+export { DuiScrollArea } from "./scroll-area/index.js";
+export { DuiSelect } from "./select/index.js";
+export { DuiSeparator } from "./separator/index.js";
+export { DuiSidebar } from "./sidebar/index.js";
+export { DuiSidebarContent } from "./sidebar/index.js";
+export { DuiSidebarFooter } from "./sidebar/index.js";
+export { DuiSidebarGroup } from "./sidebar/index.js";
+export { DuiSidebarGroupLabel } from "./sidebar/index.js";
+export { DuiSidebarHeader } from "./sidebar/index.js";
+export { DuiSidebarInset } from "./sidebar/index.js";
+export { DuiSidebarMenu } from "./sidebar/index.js";
+export { DuiSidebarMenuButton } from "./sidebar/index.js";
+export { DuiSidebarMenuItem } from "./sidebar/index.js";
+export { DuiSidebarProvider } from "./sidebar/index.js";
+export { DuiSidebarSeparator } from "./sidebar/index.js";
+export { DuiSidebarTrigger } from "./sidebar/index.js";
+export { DuiSlider } from "./slider/index.js";
+export { DuiSpinner } from "./spinner/index.js";
+export { DuiSplitButton } from "./split-button/index.js";
+export { DuiStepper } from "./stepper/index.js";
+export { DuiSwitch } from "./switch/index.js";
+export { DuiTab } from "./tabs/index.js";
+export { DuiTabs } from "./tabs/index.js";
+export { DuiTabsIndicator } from "./tabs/index.js";
+export { DuiTabsList } from "./tabs/index.js";
+export { DuiTabsPanel } from "./tabs/index.js";
+export { DuiTextarea } from "./textarea/index.js";
+export { DuiToggle } from "./toggle/index.js";
+export { DuiToggleGroup } from "./toggle/index.js";
+export { DuiToolbar } from "./toolbar/index.js";
+export { DuiTooltip } from "./tooltip/index.js";
+export { DuiTooltipPopup } from "./tooltip/index.js";
+export { DuiTooltipTrigger } from "./tooltip/index.js";
+export { DuiTrunc } from "./trunc/index.js";

package/avatar/avatar.d.ts

@@ -1,41 +1,5 @@
-/** Ported from original DUI: deep-future-app/app/client/components/dui/avatar */
-import { LitElement, type PropertyValues, type TemplateResult } from "lit";
-export type ImageStatus = "idle" | "loading" | "loaded" | "error";
-export declare const loadingStatusChangeEvent: (detail: {
-    status: ImageStatus;
-}) => CustomEvent<{
-    status: ImageStatus;
-}>;
-/**
- * `<dui-avatar>` — Avatar component with image and fallback support.
- *
- * Renders an image when `src` is provided and loads successfully.
- * Falls back to slotted content (e.g. initials) after an optional delay.
- *
- * @slot - Fallback content shown when the image is unavailable.
- * @csspart root - The avatar container.
- * @csspart image - The avatar image element.
- * @csspart fallback - The fallback content container.
- * @cssprop --avatar-size - Avatar dimensions (width and height). Default: var(--space-12).
- * @fires loading-status-change - Fired when the image loading status changes. Detail: { status }
- */
-export declare class DuiAvatar extends LitElement {
-    #private;
-    static tagName: "dui-avatar";
+import { DuiAvatarPrimitive } from "@deepfuture/dui-primitives/avatar";
+import "../_install.js";
+export declare class DuiAvatar extends DuiAvatarPrimitive {
     static styles: import("lit").CSSResult[];
-    /** Image URL for the avatar. */
-    accessor src: string | undefined;
-    /** Alt text for the avatar image. */
-    accessor alt: string;
-    /** Milliseconds to wait before showing fallback content. */
-    accessor fallbackDelay: number | undefined;
-    /**
-     * Avatar size as a CSS length value (e.g. `"var(--space-8)"`, `"2rem"`).
-     * When set, overrides `--avatar-size` on the host.
-     */
-    accessor size: string | undefined;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    willUpdate(changed: PropertyValues): void;
-    render(): TemplateResult;
 }