@hypoth-ui/wc 0.1.1

package/dist/navigation.d.ts

@@ -0,0 +1,255 @@
+export { i as AccordionOrientation, A as AccordionType, h as DsAccordion, l as DsAccordionContent, j as DsAccordionItem, k as DsAccordionTrigger, y as DsBreadcrumb, B as DsBreadcrumbItem, C as DsBreadcrumbLink, z as DsBreadcrumbList, E as DsBreadcrumbPage, F as DsBreadcrumbSeparator, D as DsCollapsible, b as DsCollapsibleContent, a as DsCollapsibleTrigger, m as DsNavigationMenu, q as DsNavigationMenuContent, s as DsNavigationMenuIndicator, o as DsNavigationMenuItem, r as DsNavigationMenuLink, n as DsNavigationMenuList, p as DsNavigationMenuTrigger, t as DsNavigationMenuViewport, G as DsPagination, H as DsPaginationContent, M as DsPaginationEllipsis, I as DsPaginationItem, J as DsPaginationLink, L as DsPaginationNext, K as DsPaginationPrevious, u as DsScrollArea, w as DsScrollAreaScrollbar, x as DsScrollAreaThumb, v as DsScrollAreaViewport, N as DsStepper, X as DsStepperContent, V as DsStepperDescription, R as DsStepperIndicator, P as DsStepperItem, W as DsStepperSeparator, U as DsStepperTitle, Q as DsStepperTrigger, c as DsTabs, g as DsTabsContent, e as DsTabsList, f as DsTabsTrigger, S as ScrollAreaType, O as StepperOrientation, d as TabsActivationMode, T as TabsOrientation } from './stepper-CCRwcQOe.js';
+import { D as DSElement } from './ds-element-Db0LMfxI.js';
+import 'lit';
+import '@hypoth-ui/primitives-dom';
+
+/**
+ * Command palette root component - provides search-based command/option selection.
+ *
+ * @element ds-command
+ * @slot - Command children (input, list, etc.)
+ *
+ * @fires ds:value-change - When the input value changes
+ * @fires ds:select - When an item is selected
+ *
+ * @example
+ * ```html
+ * <ds-command>
+ *   <ds-command-input placeholder="Search commands..."></ds-command-input>
+ *   <ds-command-list>
+ *     <ds-command-group heading="Actions">
+ *       <ds-command-item value="copy">Copy</ds-command-item>
+ *       <ds-command-item value="paste">Paste</ds-command-item>
+ *     </ds-command-group>
+ *   </ds-command-list>
+ * </ds-command>
+ * ```
+ */
+declare class DsCommand extends DSElement {
+    /**
+     * Current search/filter value.
+     */
+    value: string;
+    /**
+     * Whether the command palette is in a loading state.
+     */
+    loading: boolean;
+    /**
+     * Whether to use built-in fuzzy filtering.
+     * When false, filtering must be handled externally.
+     */
+    filter: boolean;
+    /**
+     * Label for accessibility.
+     */
+    label: string;
+    /**
+     * Tracks visible item count after filtering.
+     */
+    private _visibleCount;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleInputChange;
+    private _handleSelect;
+    private _filterItems;
+    private _fuzzyMatch;
+    private _updateGroupVisibility;
+    private _updateEmptyState;
+    /**
+     * Programmatically set the search value.
+     */
+    setValue(value: string): void;
+    /**
+     * Clear the search value.
+     */
+    clear(): void;
+}
+
+/**
+ * Command palette input component - search input for filtering commands.
+ *
+ * @element ds-command-input
+ *
+ * @fires ds:command-input - When the input value changes (bubbles to ds-command)
+ *
+ * @example
+ * ```html
+ * <ds-command-input placeholder="Type a command or search..."></ds-command-input>
+ * ```
+ */
+declare class DsCommandInput extends DSElement {
+    /**
+     * Current input value.
+     */
+    value: string;
+    /**
+     * Placeholder text.
+     */
+    placeholder: string;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled: boolean;
+    private _input;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _createInput;
+    private _handleInput;
+    private _handleKeyDown;
+    /**
+     * Focus the input.
+     */
+    focus(): void;
+    /**
+     * Blur the input.
+     */
+    blur(): void;
+}
+
+/**
+ * Command palette list component - contains command items with keyboard navigation.
+ *
+ * @element ds-command-list
+ * @slot - Command items and groups
+ *
+ * @example
+ * ```html
+ * <ds-command-list>
+ *   <ds-command-item value="copy">Copy</ds-command-item>
+ *   <ds-command-item value="paste">Paste</ds-command-item>
+ * </ds-command-list>
+ * ```
+ */
+declare class DsCommandList extends DSElement {
+    private _rovingFocus;
+    private _observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _setupMutationObserver;
+    private _setupRovingFocus;
+    private _getVisibleItems;
+    /**
+     * Focus the first visible item.
+     */
+    focus(): void;
+    /**
+     * Focus the last visible item.
+     */
+    focusLast(): void;
+}
+
+/**
+ * Command palette item component - selectable command/option.
+ *
+ * @element ds-command-item
+ * @slot - Item content
+ *
+ * @fires ds:command-select - When the item is selected (bubbles to ds-command)
+ *
+ * @example
+ * ```html
+ * <ds-command-item value="copy" keywords="duplicate clone">
+ *   <ds-icon name="copy"></ds-icon>
+ *   Copy
+ * </ds-command-item>
+ * ```
+ */
+declare class DsCommandItem extends DSElement {
+    /**
+     * Value to emit when selected.
+     */
+    value: string;
+    /**
+     * Additional keywords for fuzzy search (space-separated).
+     */
+    keywords: string;
+    /**
+     * Whether the item is disabled.
+     */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _handleKeyDown;
+    private _select;
+}
+
+/**
+ * Command palette group component - groups related command items with a heading.
+ *
+ * @element ds-command-group
+ * @slot - Command items
+ *
+ * @example
+ * ```html
+ * <ds-command-group heading="Actions">
+ *   <ds-command-item value="copy">Copy</ds-command-item>
+ *   <ds-command-item value="paste">Paste</ds-command-item>
+ * </ds-command-group>
+ * ```
+ */
+declare class DsCommandGroup extends DSElement {
+    /**
+     * Heading text for the group.
+     */
+    heading: string;
+    private _headingEl;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _createHeading;
+}
+
+/**
+ * Command palette separator component - visual divider between items/groups.
+ *
+ * @element ds-command-separator
+ *
+ * @example
+ * ```html
+ * <ds-command-list>
+ *   <ds-command-item value="copy">Copy</ds-command-item>
+ *   <ds-command-separator></ds-command-separator>
+ *   <ds-command-item value="delete">Delete</ds-command-item>
+ * </ds-command-list>
+ * ```
+ */
+declare class DsCommandSeparator extends DSElement {
+    connectedCallback(): void;
+}
+
+/**
+ * Command palette empty state component - shown when no results match the search.
+ *
+ * @element ds-command-empty
+ * @slot - Empty state content
+ *
+ * @example
+ * ```html
+ * <ds-command-empty>
+ *   No results found.
+ * </ds-command-empty>
+ * ```
+ */
+declare class DsCommandEmpty extends DSElement {
+    connectedCallback(): void;
+}
+
+/**
+ * Command palette loading state component - shown when loading async results.
+ *
+ * @element ds-command-loading
+ * @slot - Loading state content (e.g., spinner)
+ *
+ * @example
+ * ```html
+ * <ds-command-loading>
+ *   <ds-spinner size="sm"></ds-spinner>
+ *   Loading...
+ * </ds-command-loading>
+ * ```
+ */
+declare class DsCommandLoading extends DSElement {
+    connectedCallback(): void;
+}
+
+export { DsCommand, DsCommandEmpty, DsCommandGroup, DsCommandInput, DsCommandItem, DsCommandList, DsCommandLoading, DsCommandSeparator };

package/dist/navigation.js

@@ -0,0 +1,111 @@
+import {
+  DsAccordion,
+  DsAccordionContent,
+  DsAccordionItem,
+  DsAccordionTrigger,
+  DsBreadcrumb,
+  DsBreadcrumbItem,
+  DsBreadcrumbLink,
+  DsBreadcrumbList,
+  DsBreadcrumbPage,
+  DsBreadcrumbSeparator,
+  DsCollapsible,
+  DsCollapsibleContent,
+  DsCollapsibleTrigger,
+  DsCommand,
+  DsCommandEmpty,
+  DsCommandGroup,
+  DsCommandInput,
+  DsCommandItem,
+  DsCommandList,
+  DsCommandLoading,
+  DsCommandSeparator,
+  DsNavigationMenu,
+  DsNavigationMenuContent,
+  DsNavigationMenuIndicator,
+  DsNavigationMenuItem,
+  DsNavigationMenuLink,
+  DsNavigationMenuList,
+  DsNavigationMenuTrigger,
+  DsNavigationMenuViewport,
+  DsPagination,
+  DsPaginationContent,
+  DsPaginationEllipsis,
+  DsPaginationItem,
+  DsPaginationLink,
+  DsPaginationNext,
+  DsPaginationPrevious,
+  DsScrollArea,
+  DsScrollAreaScrollbar,
+  DsScrollAreaThumb,
+  DsScrollAreaViewport,
+  DsStepper,
+  DsStepperContent,
+  DsStepperDescription,
+  DsStepperIndicator,
+  DsStepperItem,
+  DsStepperSeparator,
+  DsStepperTitle,
+  DsStepperTrigger,
+  DsTabs,
+  DsTabsContent,
+  DsTabsList,
+  DsTabsTrigger
+} from "./chunk-WQ5BEP3E.js";
+import "./chunk-YDQ434UH.js";
+import "./chunk-H4GJJZ3N.js";
+export {
+  DsAccordion,
+  DsAccordionContent,
+  DsAccordionItem,
+  DsAccordionTrigger,
+  DsBreadcrumb,
+  DsBreadcrumbItem,
+  DsBreadcrumbLink,
+  DsBreadcrumbList,
+  DsBreadcrumbPage,
+  DsBreadcrumbSeparator,
+  DsCollapsible,
+  DsCollapsibleContent,
+  DsCollapsibleTrigger,
+  DsCommand,
+  DsCommandEmpty,
+  DsCommandGroup,
+  DsCommandInput,
+  DsCommandItem,
+  DsCommandList,
+  DsCommandLoading,
+  DsCommandSeparator,
+  DsNavigationMenu,
+  DsNavigationMenuContent,
+  DsNavigationMenuIndicator,
+  DsNavigationMenuItem,
+  DsNavigationMenuLink,
+  DsNavigationMenuList,
+  DsNavigationMenuTrigger,
+  DsNavigationMenuViewport,
+  DsPagination,
+  DsPaginationContent,
+  DsPaginationEllipsis,
+  DsPaginationItem,
+  DsPaginationLink,
+  DsPaginationNext,
+  DsPaginationPrevious,
+  DsScrollArea,
+  DsScrollAreaScrollbar,
+  DsScrollAreaThumb,
+  DsScrollAreaViewport,
+  DsStepper,
+  DsStepperContent,
+  DsStepperDescription,
+  DsStepperIndicator,
+  DsStepperItem,
+  DsStepperSeparator,
+  DsStepperTitle,
+  DsStepperTrigger,
+  DsTabs,
+  DsTabsContent,
+  DsTabsList,
+  DsTabsTrigger
+};
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}