@hypoth-ui/wc 0.1.1

package/dist/data-display.js

@@ -0,0 +1,57 @@
+import {
+  DsAspectRatio,
+  DsAvatar,
+  DsAvatarGroup,
+  DsBadge,
+  DsCalendar,
+  DsCard,
+  DsCardContent,
+  DsCardFooter,
+  DsCardHeader,
+  DsDataTable,
+  DsList,
+  DsListItem,
+  DsSeparator,
+  DsTable,
+  DsTableBody,
+  DsTableCell,
+  DsTableHead,
+  DsTableHeader,
+  DsTableRow,
+  DsTag,
+  DsTree,
+  DsTreeItem
+} from "./chunk-DNNI5BDE.js";
+import {
+  DsProgress,
+  DsSkeleton
+} from "./chunk-VPXL4RB3.js";
+import "./chunk-YDQ434UH.js";
+import "./chunk-H4GJJZ3N.js";
+export {
+  DsAspectRatio,
+  DsAvatar,
+  DsAvatarGroup,
+  DsBadge,
+  DsCalendar,
+  DsCard,
+  DsCardContent,
+  DsCardFooter,
+  DsCardHeader,
+  DsDataTable,
+  DsList,
+  DsListItem,
+  DsProgress,
+  DsSeparator,
+  DsSkeleton,
+  DsTable,
+  DsTableBody,
+  DsTableCell,
+  DsTableHead,
+  DsTableHeader,
+  DsTableRow,
+  DsTag,
+  DsTree,
+  DsTreeItem
+};
+//# sourceMappingURL=data-display.js.map

package/dist/data-display.js.map

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

package/dist/ds-element-Db0LMfxI.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+
+/**
+ * DSElement - Base class for design system Web Components.
+ *
+ * All design system components should extend this class to ensure
+ * consistent Light DOM rendering behavior.
+ *
+ * Light DOM rendering enables:
+ * - Direct CSS styling from @hypoth-ui/css and consumer stylesheets
+ * - Form integration (autocomplete, form association)
+ * - Standard DOM API access (querySelector from any scope)
+ * - Natural event bubbling without shadow boundary issues
+ *
+ * @example
+ * ```typescript
+ * import { html } from 'lit';
+ * import { property } from 'lit/decorators.js';
+ * import { DSElement } from '@hypoth-ui/wc';
+ *
+ * export class DsCard extends DSElement {
+ *   @property({ reflect: true })
+ *   variant: 'default' | 'elevated' = 'default';
+ *
+ *   render() {
+ *     return html`<div class="ds-card ds-card--${this.variant}">
+ *       <slot></slot>
+ *     </div>`;
+ *   }
+ * }
+ * ```
+ */
+declare class DSElement extends LitElement {
+    /**
+     * Override createRenderRoot to use Light DOM.
+     * This renders content directly into the host element instead of Shadow DOM.
+     *
+     * @returns The host element itself for Light DOM rendering
+     */
+    protected createRenderRoot(): HTMLElement;
+}
+
+export { DSElement as D };

package/dist/feedback.d.ts

@@ -0,0 +1,292 @@
+import { TemplateResult } from 'lit';
+import { D as DSElement } from './ds-element-Db0LMfxI.js';
+export { D as DsProgress, b as DsSkeleton, a as ProgressSize, P as ProgressVariant, e as SkeletonAnimation, c as SkeletonSize, S as SkeletonVariant, d as SkeletonWidth } from './skeleton-MUdd2029.js';
+export { D as DsSpinner, S as SpinnerSize } from './spinner-BWaNlc-Y.js';
+
+type AlertVariant = "info" | "success" | "warning" | "error";
+/**
+ * Alert component for contextual feedback messages.
+ *
+ * @element ds-alert
+ * @slot - Default slot for alert description/content
+ * @slot icon - Custom icon content
+ * @slot action - Action button slot
+ *
+ * @fires ds:close - Fired when close button is clicked
+ *
+ * @csspart alert - The alert container
+ * @csspart icon - The icon container
+ * @csspart content - The content container
+ * @csspart title - The title element
+ * @csspart description - The description slot container
+ * @csspart close - The close button
+ *
+ * @cssprop --ds-alert-bg - Background color
+ * @cssprop --ds-alert-fg - Text color
+ * @cssprop --ds-alert-border - Border color
+ * @cssprop --ds-alert-icon - Icon color
+ */
+declare class DsAlert extends DSElement {
+    static styles: never[];
+    /**
+     * The visual variant of the alert.
+     */
+    variant: AlertVariant;
+    /**
+     * The alert title.
+     */
+    alertTitle: string;
+    /**
+     * Whether the alert can be closed.
+     */
+    closable: boolean;
+    /**
+     * Hide the default icon.
+     */
+    hideIcon: boolean;
+    private handleClose;
+    private handleKeyDown;
+    /**
+     * Get the ARIA role based on variant.
+     * Error and warning use 'alert' for immediate announcement.
+     * Info and success use 'status' for polite announcement.
+     */
+    private getRole;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-alert": DsAlert;
+    }
+}
+
+/**
+ * Toast Controller
+ *
+ * Manages toast queue, lifecycle, and provides imperative API
+ * for showing and dismissing toasts.
+ */
+type ToastVariant = "info" | "success" | "warning" | "error";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+type ToastState = "entering" | "visible" | "exiting" | "dismissed";
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    /** Toast title (required) */
+    title: string;
+    /** Optional description */
+    description?: string;
+    /** Visual variant */
+    variant?: ToastVariant;
+    /** Auto-dismiss duration in ms (0 = no auto-dismiss) */
+    duration?: number;
+    /** Optional action button */
+    action?: ToastAction;
+}
+interface ToastData extends ToastOptions {
+    /** Unique toast ID */
+    id: string;
+    /** Current lifecycle state */
+    state: ToastState;
+    /** Timestamp when created */
+    createdAt: number;
+    /** Timer ID for auto-dismiss */
+    timerId?: ReturnType<typeof setTimeout>;
+}
+interface ToastControllerOptions {
+    /** Maximum simultaneous toasts */
+    maxToasts?: number;
+    /** Default duration in ms */
+    defaultDuration?: number;
+    /** Toast position */
+    position?: ToastPosition;
+    /** Callback when toast list changes */
+    onUpdate?: (toasts: ToastData[]) => void;
+}
+/**
+ * ToastController manages the toast queue and lifecycle.
+ *
+ * @example
+ * ```typescript
+ * const controller = new ToastController({
+ *   maxToasts: 5,
+ *   defaultDuration: 5000,
+ *   onUpdate: (toasts) => renderToasts(toasts),
+ * });
+ *
+ * // Show a toast
+ * const id = controller.show({ title: "Saved!", variant: "success" });
+ *
+ * // Dismiss a specific toast
+ * controller.dismiss(id);
+ *
+ * // Dismiss all toasts
+ * controller.dismissAll();
+ * ```
+ */
+declare class ToastController {
+    private toasts;
+    private options;
+    constructor(options?: ToastControllerOptions);
+    /**
+     * Show a new toast
+     */
+    show(options: ToastOptions): string;
+    /**
+     * Dismiss a toast by ID
+     */
+    dismiss(id: string): void;
+    /**
+     * Dismiss all toasts
+     */
+    dismissAll(): void;
+    /**
+     * Pause auto-dismiss for a toast (e.g., on hover)
+     */
+    pause(id: string): void;
+    /**
+     * Resume auto-dismiss for a toast
+     */
+    resume(id: string): void;
+    /**
+     * Get current toasts
+     */
+    getToasts(): ToastData[];
+    /**
+     * Get controller options
+     */
+    getOptions(): Required<ToastControllerOptions>;
+    /**
+     * Update controller options
+     */
+    setOptions(options: Partial<ToastControllerOptions>): void;
+    private updateState;
+    private notify;
+}
+/**
+ * Get or create the global toast controller
+ */
+declare function getGlobalToastController(): ToastController;
+/**
+ * Set the global toast controller (used by ToastProvider)
+ */
+declare function setGlobalToastController(controller: ToastController): void;
+/**
+ * Global toast function for showing toasts
+ *
+ * @example
+ * ```typescript
+ * dsToast({ title: "Saved!", variant: "success" });
+ *
+ * dsToast({
+ *   title: "Error",
+ *   description: "Something went wrong",
+ *   variant: "error",
+ *   action: { label: "Retry", onClick: () => retry() },
+ * });
+ * ```
+ */
+declare function dsToast(options: ToastOptions): string;
+
+/**
+ * Individual toast notification element.
+ *
+ * @element ds-toast
+ * @slot action - Action button slot
+ *
+ * @fires ds:dismiss - Fired when toast is dismissed
+ * @fires ds:pause - Fired when mouse enters (for pause)
+ * @fires ds:resume - Fired when mouse leaves (for resume)
+ */
+declare class DsToast extends DSElement {
+    static styles: never[];
+    /**
+     * Unique toast ID
+     */
+    toastId: string;
+    /**
+     * Toast title
+     */
+    toastTitle: string;
+    /**
+     * Toast description
+     */
+    description: string;
+    /**
+     * Visual variant
+     */
+    variant: ToastVariant;
+    /**
+     * Current state
+     */
+    toastState: ToastState;
+    /**
+     * Duration for progress bar (0 = no progress)
+     */
+    duration: number;
+    /**
+     * Hide the icon
+     */
+    hideIcon: boolean;
+    private isPaused;
+    private handleDismiss;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-toast": DsToast;
+    }
+}
+
+/**
+ * Toast provider component that manages toast queue and rendering.
+ *
+ * @element ds-toast-provider
+ * @slot - Default slot for app content
+ *
+ * @example
+ * ```html
+ * <ds-toast-provider position="top-right" max="5">
+ *   <!-- Your app content -->
+ * </ds-toast-provider>
+ *
+ * <script>
+ *   dsToast({ title: "Hello!", variant: "success" });
+ * </script>
+ * ```
+ */
+declare class DsToastProvider extends DSElement {
+    static styles: never[];
+    /**
+     * Toast position
+     */
+    position: ToastPosition;
+    /**
+     * Maximum simultaneous toasts
+     */
+    max: number;
+    /**
+     * Default duration in ms
+     */
+    duration: number;
+    private toasts;
+    private controller;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleDismiss;
+    private handlePause;
+    private handleResume;
+    private handleActionClick;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-toast-provider": DsToastProvider;
+    }
+}
+
+export { type AlertVariant, DsAlert, DsToast, DsToastProvider, type ToastAction, ToastController, type ToastControllerOptions, type ToastData, type ToastOptions, type ToastPosition, type ToastState, type ToastVariant, dsToast, getGlobalToastController, setGlobalToastController };

package/dist/feedback.js

@@ -0,0 +1,31 @@
+import {
+  DsAlert,
+  DsToast,
+  DsToastProvider,
+  ToastController,
+  dsToast,
+  getGlobalToastController,
+  setGlobalToastController
+} from "./chunk-DHUM4Q5Y.js";
+import {
+  DsSpinner
+} from "./chunk-MYQWCLUJ.js";
+import {
+  DsProgress,
+  DsSkeleton
+} from "./chunk-VPXL4RB3.js";
+import "./chunk-YDQ434UH.js";
+import "./chunk-H4GJJZ3N.js";
+export {
+  DsAlert,
+  DsProgress,
+  DsSkeleton,
+  DsSpinner,
+  DsToast,
+  DsToastProvider,
+  ToastController,
+  dsToast,
+  getGlobalToastController,
+  setGlobalToastController
+};
+//# sourceMappingURL=feedback.js.map

package/dist/feedback.js.map

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