@diwacopilot/components 1.0.0

package/dist/types/components/diwa-table-body/diwa-table-body.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '../../utils/styles';
+/** @component diwa-table-body — Maps to <tbody> inside diwa-table. */
+export declare class DiwaTableBody {
+    theme: Theme;
+    render(): any;
+}
+//# sourceMappingURL=diwa-table-body.d.ts.map

package/dist/types/components/diwa-table-cell/diwa-table-cell-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: (multiline: boolean) => string;
+//# sourceMappingURL=diwa-table-cell-styles.d.ts.map

package/dist/types/components/diwa-table-cell/diwa-table-cell.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '../../utils/styles';
+/** @component diwa-table-cell — Maps to <td> inside a diwa-table-row. */
+export declare class DiwaTableCell {
+    theme: Theme;
+    multiline: boolean;
+    render(): any;
+}
+//# sourceMappingURL=diwa-table-cell.d.ts.map

package/dist/types/components/diwa-table-head/diwa-table-head-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: () => string;
+//# sourceMappingURL=diwa-table-head-styles.d.ts.map

package/dist/types/components/diwa-table-head/diwa-table-head.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '../../utils/styles';
+/** @component diwa-table-head — Maps to <thead> inside diwa-table. */
+export declare class DiwaTableHead {
+    theme: Theme;
+    render(): any;
+}
+//# sourceMappingURL=diwa-table-head.d.ts.map

package/dist/types/components/diwa-table-head-cell/diwa-table-head-cell-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: (sortable: boolean, multiline: boolean) => string;
+//# sourceMappingURL=diwa-table-head-cell-styles.d.ts.map

package/dist/types/components/diwa-table-head-cell/diwa-table-head-cell.d.ts

@@ -0,0 +1,13 @@
+import type { Theme } from '../../utils/styles';
+import type { TableHeadCellSort } from './types';
+/** @component diwa-table-head-cell — Maps to <th> inside a diwa-table-head row. */
+export declare class DiwaTableHeadCell {
+    host: HTMLElement;
+    theme: Theme;
+    sort?: TableHeadCellSort;
+    hideLabel: boolean;
+    multiline: boolean;
+    private handleSort;
+    render(): any;
+}
+//# sourceMappingURL=diwa-table-head-cell.d.ts.map

package/dist/types/components/diwa-table-head-cell/types.d.ts

@@ -0,0 +1,8 @@
+export type Direction = 'asc' | 'desc';
+export interface TableHeadCellSort {
+    id: string;
+    active: boolean;
+    direction: Direction;
+}
+export type TableUpdateEventDetail = TableHeadCellSort;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-table-row/diwa-table-row-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: () => string;
+//# sourceMappingURL=diwa-table-row-styles.d.ts.map

package/dist/types/components/diwa-table-row/diwa-table-row.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '../../utils/styles';
+/** @component diwa-table-row — Maps to <tr> inside diwa-table-head or diwa-table-body. */
+export declare class DiwaTableRow {
+    theme: Theme;
+    render(): any;
+}
+//# sourceMappingURL=diwa-table-row.d.ts.map

package/dist/types/components/diwa-tabs/diwa-tabs-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: () => string;
+//# sourceMappingURL=diwa-tabs-styles.d.ts.map

package/dist/types/components/diwa-tabs/diwa-tabs.d.ts

@@ -0,0 +1,36 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { TabsUpdateEventDetail } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-tabs
+ *
+ * A full tabs component consisting of an integrated tab bar and panel area.
+ * Accepts `diwa-tabs-item` elements as children. The component renders
+ * its own horizontal tab buttons and shows only the panel for the active
+ * tab.
+ *
+ * Usage:
+ *   <diwa-tabs active-tab-index={0} onupdate={e => setTab(e.detail.activeTabIndex)}>
+ *     <diwa-tabs-item label="Overview">Content A</diwa-tabs-item>
+ *     <diwa-tabs-item label="Details">Content B</diwa-tabs-item>
+ *   </diwa-tabs>
+ */
+export declare class DiwaTabs {
+    host: HTMLDiwaTabsElement;
+    /** Per-component theme override. */
+    theme: Theme;
+    /** Zero-based index of the currently active tab. */
+    activeTabIndex: number;
+    /**
+     * Emitted when the user selects a different tab.
+     */
+    update: EventEmitter<TabsUpdateEventDetail>;
+    handleIndexChange(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    private getItems;
+    private syncItems;
+    private handleTabClick;
+    render(): any;
+}
+//# sourceMappingURL=diwa-tabs.d.ts.map

package/dist/types/components/diwa-tabs/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * diwa-tabs — Public TypeScript types
+ */
+export interface TabsUpdateEventDetail {
+    activeTabIndex: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-tabs-bar/diwa-tabs-bar-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: () => string;
+//# sourceMappingURL=diwa-tabs-bar-styles.d.ts.map

package/dist/types/components/diwa-tabs-bar/diwa-tabs-bar.d.ts

@@ -0,0 +1,42 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { TabsBarUpdateEventDetail } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-tabs-bar
+ *
+ * A styled tab navigation bar. Accepts `<a>` or `<button>` elements in the
+ * default slot and tracks the active index. Mark the active tab with the
+ * `data-active` attribute or the `active` CSS class, or let the component
+ * manage it by providing `activeTabIndex`.
+ *
+ * Usage:
+ *   <diwa-tabs-bar active-tab-index={1} onupdate={e => setTab(e.detail.activeTabIndex)}>
+ *     <button>Tab 1</button>
+ *     <button>Tab 2</button>
+ *     <button>Tab 3</button>
+ *   </diwa-tabs-bar>
+ */
+export declare class DiwaTabsBar {
+    host: HTMLDiwaTabsBarElement;
+    /** Per-component theme override. */
+    theme: Theme;
+    /** Zero-based index of the active tab. */
+    activeTabIndex: number;
+    /**
+     * Emitted when the active tab changes.
+     */
+    update: EventEmitter<TabsBarUpdateEventDetail>;
+    handleIndexChange(): void;
+    componentDidLoad(): void;
+    handleClick(event: Event): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private getTabElements;
+    private getTabIndexFromEventTarget;
+    private isTabDisabled;
+    private getNextEnabledIndex;
+    private getBoundaryEnabledIndex;
+    private setActiveTab;
+    private syncTabs;
+    render(): any;
+}
+//# sourceMappingURL=diwa-tabs-bar.d.ts.map

package/dist/types/components/diwa-tabs-bar/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * diwa-tabs-bar — Public TypeScript types
+ */
+export interface TabsBarUpdateEventDetail {
+    activeTabIndex: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-tabs-item/diwa-tabs-item-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: (active: boolean) => string;
+//# sourceMappingURL=diwa-tabs-item-styles.d.ts.map

package/dist/types/components/diwa-tabs-item/diwa-tabs-item.d.ts

@@ -0,0 +1,21 @@
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-tabs-item
+ *
+ * A single panel used inside `diwa-tabs`. The parent renders the tab button
+ * from the `label` prop, and shows/hides this panel via `active`.
+ *
+ * Usage:
+ *   <diwa-tabs-item label="Overview">Panel content here</diwa-tabs-item>
+ */
+export declare class DiwaTabsItem {
+    host: HTMLDiwaTabsItemElement;
+    /** Per-component theme override. */
+    theme: Theme;
+    /** Tab button label. Rendered by the parent diwa-tabs component. */
+    label: string;
+    /** Whether this panel is currently visible. Managed by the parent diwa-tabs. */
+    active: boolean;
+    render(): any;
+}
+//# sourceMappingURL=diwa-tabs-item.d.ts.map

package/dist/types/components/diwa-tabs-item/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * diwa-tabs-item — Public TypeScript types
+ */
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-tag/diwa-tag-styles.d.ts

@@ -0,0 +1,3 @@
+import type { TagVariant } from './types';
+export declare const getComponentCss: (variant: TagVariant, compact: boolean) => string;
+//# sourceMappingURL=diwa-tag-styles.d.ts.map

package/dist/types/components/diwa-tag/diwa-tag.d.ts

@@ -0,0 +1,17 @@
+import type { Theme } from '../../utils/styles';
+import type { TagVariant } from './types';
+/**
+ * @slot default — Tag label content.
+ */
+export declare class DiwaTag {
+    /** Visual style variant. */
+    variant: TagVariant;
+    /** Renders a compact (smaller) version of the tag. */
+    compact: boolean;
+    /** Lucide icon name to display before the label, or omit for no icon. */
+    icon?: string;
+    /** Adapts the color when used on a light or dark background. */
+    theme: Theme;
+    render(): any;
+}
+//# sourceMappingURL=diwa-tag.d.ts.map

package/dist/types/components/diwa-tag/types.d.ts

@@ -0,0 +1,3 @@
+export declare const TAG_VARIANTS: readonly ["neutral", "primary", "info", "success", "warning", "error"];
+export type TagVariant = (typeof TAG_VARIANTS)[number];
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.d.ts

@@ -0,0 +1,3 @@
+import type { TagVariant } from '../diwa-tag/types';
+export declare const getComponentCss: (variant: TagVariant, compact: boolean) => string;
+//# sourceMappingURL=diwa-tag-dismissible-styles.d.ts.map

package/dist/types/components/diwa-tag-dismissible/diwa-tag-dismissible.d.ts

@@ -0,0 +1,21 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Theme } from '../../utils/styles';
+import type { TagVariant } from './types';
+/**
+ * @slot default — Tag label content.
+ */
+export declare class DiwaTagDismissible {
+    /** Visual style variant. */
+    variant: TagVariant;
+    /** Renders a compact (smaller) version of the tag. */
+    compact: boolean;
+    /** Accessible label for the dismiss button. */
+    label?: string;
+    /** Adapts the color when used on a light or dark background. */
+    theme: Theme;
+    /** Emitted when the dismiss button is clicked. */
+    dismiss: EventEmitter<void>;
+    private handleDismiss;
+    render(): any;
+}
+//# sourceMappingURL=diwa-tag-dismissible.d.ts.map

package/dist/types/components/diwa-tag-dismissible/types.d.ts

@@ -0,0 +1,3 @@
+import type { TagVariant } from '../diwa-tag/types';
+export type { TagVariant };
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-text/diwa-text-styles.d.ts

@@ -0,0 +1,3 @@
+import type { TextAlign, TextColor, TextSize, TextWeight } from './types';
+export declare const getComponentCss: (size: TextSize, weight: TextWeight, align: TextAlign, color: TextColor, ellipsis: boolean) => string;
+//# sourceMappingURL=diwa-text-styles.d.ts.map

package/dist/types/components/diwa-text/diwa-text.d.ts

@@ -0,0 +1,39 @@
+import type { TextAlign, TextColor, TextSize, TextTag, TextWeight } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-text
+ *
+ * A semantically correct text renderer that maps a visual type scale onto
+ * the correct HTML element. Mirrors the Diwa text API contract.
+ *
+ * Usage:
+ *   <diwa-text size="large" weight="semibold">Section title</diwa-text>
+ *   <diwa-text size="small" color="secondary">Supporting detail</diwa-text>
+ *   <diwa-text tag="span" size="medium" ellipsis>Truncated text</diwa-text>
+ *
+ * @slot default — Text content. Can include inline elements.
+ */
+export declare class DiwaText {
+    /** Per-component theme override. */
+    theme: Theme;
+    /** HTML element to render. Choose based on semantic context. */
+    tag: TextTag;
+    /** Font size tier. Maps to the diwa type scale. */
+    size: TextSize;
+    /** Font weight. */
+    weight: TextWeight;
+    /** Horizontal alignment. `start` and `end` are RTL-aware. */
+    align: TextAlign;
+    /**
+     * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —
+     * useful inside buttons, table cells, or other styled containers.
+     */
+    color: TextColor;
+    /**
+     * Clip overflow to a single line with a trailing ellipsis.
+     * The host element must have a defined width for this to take effect.
+     */
+    ellipsis: boolean;
+    render(): any;
+}
+//# sourceMappingURL=diwa-text.d.ts.map

package/dist/types/components/diwa-text/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * diwa-text — Public TypeScript interfaces
+ */
+/** HTML tag rendered by diwa-text. */
+export type TextTag = 'p' | 'span' | 'div' | 'label' | 'li';
+/** Font size tier. Maps to --diwa-font-size-* tokens. */
+export type TextSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+/** Font weight. */
+export type TextWeight = 'regular' | 'semibold' | 'bold';
+/** Horizontal text alignment. */
+export type TextAlign = 'start' | 'center' | 'end';
+/**
+ * Text colour alias.
+ * `inherit` — passes through the surrounding text colour unchanged.
+ */
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'inherit';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-text-list/diwa-text-list-styles.d.ts

@@ -0,0 +1,3 @@
+import type { TextListType } from './types';
+export declare const getComponentCss: (type: TextListType) => string;
+//# sourceMappingURL=diwa-text-list-styles.d.ts.map

package/dist/types/components/diwa-text-list/diwa-text-list.d.ts

@@ -0,0 +1,29 @@
+import type { TextListType } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-text-list
+ *
+ * A styled list that renders as `<ul>`, `<ol>`, or an inline flex row depending
+ * on the `type` prop. Accepts `diwa-text-list-item` children in the default slot.
+ *
+ * Usage:
+ *   <diwa-text-list>
+ *     <diwa-text-list-item>First item</diwa-text-list-item>
+ *     <diwa-text-list-item>Second item</diwa-text-list-item>
+ *   </diwa-text-list>
+ *
+ * @slot default — diwa-text-list-item elements.
+ */
+export declare class DiwaTextList {
+    /** Per-component theme override. */
+    theme: Theme;
+    /**
+     * List style.
+     * - `unordered` — bullet points (`<ul>`)
+     * - `ordered` — numbered list (`<ol>`)
+     * - `inline` — comma/space separated flex row (`<ul>` without markers)
+     */
+    type: TextListType;
+    render(): any;
+}
+//# sourceMappingURL=diwa-text-list.d.ts.map

package/dist/types/components/diwa-text-list/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * diwa-text-list — Public TypeScript interfaces
+ */
+/** The list style type. */
+export type TextListType = 'unordered' | 'ordered' | 'inline';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-text-list-item/diwa-text-list-item-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getItemCss: () => string;
+//# sourceMappingURL=diwa-text-list-item-styles.d.ts.map

package/dist/types/components/diwa-text-list-item/diwa-text-list-item.d.ts

@@ -0,0 +1,20 @@
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-text-list-item
+ *
+ * A single item within a `diwa-text-list`. Renders as a `<li>` (display: list-item)
+ * so it inherits the list-style-type and indentation from its parent list.
+ *
+ * Usage:
+ *   <diwa-text-list>
+ *     <diwa-text-list-item>Item text</diwa-text-list-item>
+ *   </diwa-text-list>
+ *
+ * @slot default — Item text or inline content.
+ */
+export declare class DiwaTextListItem {
+    /** Per-component theme override. */
+    theme: Theme;
+    render(): any;
+}
+//# sourceMappingURL=diwa-text-list-item.d.ts.map

package/dist/types/components/diwa-text-list-item/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * diwa-text-list-item — Public TypeScript interfaces
+ *
+ * This component has no public types beyond what is inherited from the shared
+ * Theme type. The file exists for consistency across the component library.
+ */
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-textarea/diwa-textarea-styles.d.ts

@@ -0,0 +1,5 @@
+import type { InputFieldState } from '../diwa-input/types';
+import type { TextareaResize } from './types';
+export type { TextareaResize } from './types';
+export declare const getComponentCss: (state: InputFieldState, disabled: boolean, readOnly: boolean, resize: TextareaResize, compact: boolean) => string;
+//# sourceMappingURL=diwa-textarea-styles.d.ts.map

package/dist/types/components/diwa-textarea/diwa-textarea.d.ts

@@ -0,0 +1,56 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+import type { TextareaResize } from './types';
+/**
+ * @slot label-after — Content placed after the label (e.g. a diwa-popover).
+ *
+ * @controlled {"props": ["value"], "event": "input"}
+ */
+export declare class DiwaTextarea {
+    /** Visible label text. */
+    label: string;
+    /** Supplementary description shown below the label. */
+    description: string;
+    /** Validation state affecting border colour and message colour. */
+    state: InputFieldState;
+    /** Feedback message shown when state is "error" or "success". */
+    message: string;
+    /** The name attribute forwarded to the native textarea. */
+    name: string;
+    /** Current value. Update in response to the input event. */
+    value: string;
+    /** Placeholder text shown when the textarea is empty. */
+    placeholder: string;
+    /** Whether the textarea is required. */
+    required: boolean;
+    /** Whether the textarea is disabled. */
+    disabled: boolean;
+    /** Whether the textarea is read-only. */
+    readOnly: boolean;
+    /** Maximum character length. */
+    maxLength?: number;
+    /** Minimum character length. */
+    minLength?: number;
+    /** Number of visible text rows. */
+    rows: number;
+    /** Controls which dimensions can be resized by the user. */
+    resize: TextareaResize;
+    /** Renders a compact version with reduced padding and font size. */
+    compact: boolean;
+    /** Hides the label visually (label is still in the DOM for screen readers). */
+    hideLabel: boolean;
+    /** Adapts the color when used on a light or dark background. */
+    theme: Theme;
+    /** Emitted on every keystroke. Detail contains the current value string. */
+    input: EventEmitter<string>;
+    /** Emitted when the textarea loses focus after value changes. */
+    change: EventEmitter<string>;
+    /** Emitted when the textarea loses focus. */
+    blur: EventEmitter<FocusEvent>;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    render(): any;
+}
+//# sourceMappingURL=diwa-textarea.d.ts.map

package/dist/types/components/diwa-textarea/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * diwa-textarea — Public TypeScript types
+ */
+export type TextareaResize = 'none' | 'both' | 'vertical' | 'horizontal';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-toast/diwa-toast-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const getComponentCss: () => string;
+//# sourceMappingURL=diwa-toast-styles.d.ts.map

package/dist/types/components/diwa-toast/diwa-toast.d.ts

@@ -0,0 +1,31 @@
+import type { ToastMessage } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-toast
+ *
+ * Singleton container that queues and displays toast notifications.
+ * Call `addMessage()` to queue a new toast. The toast container positions
+ * itself fixed at the bottom-right of the viewport.
+ *
+ * Usage:
+ *   const toast = document.querySelector('diwa-toast');
+ *   toast.addMessage({ text: 'Saved!', state: 'success' });
+ *
+ * Or via the static helper:
+ *   DiwaToast.addMessage({ text: 'Error!', state: 'error' });
+ */
+export declare class DiwaToast {
+    host: HTMLDiwaToastElement;
+    theme: Theme;
+    messages: Array<ToastMessage & {
+        id: number;
+    }>;
+    private nextId;
+    /**
+     * Adds a toast message to the queue.
+     */
+    addMessage(message: ToastMessage): Promise<void>;
+    private removeMessage;
+    render(): any;
+}
+//# sourceMappingURL=diwa-toast.d.ts.map

package/dist/types/components/diwa-toast/types.d.ts

@@ -0,0 +1,10 @@
+/**
+ * diwa-toast — Public TypeScript types
+ */
+export type ToastState = 'neutral' | 'success' | 'error' | 'warning' | 'info';
+export interface ToastMessage {
+    text: string;
+    state?: ToastState;
+    duration?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-toast-item/diwa-toast-item-styles.d.ts

@@ -0,0 +1,3 @@
+import type { ToastState } from './types';
+export declare const getComponentCss: (state: ToastState) => string;
+//# sourceMappingURL=diwa-toast-item-styles.d.ts.map

package/dist/types/components/diwa-toast-item/diwa-toast-item.d.ts

@@ -0,0 +1,24 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { ToastState } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-toast-item
+ *
+ * Renders a single toast notification. Managed by `diwa-toast` — do not
+ * use this component directly; use `diwa-toast.addMessage()` instead.
+ */
+export declare class DiwaToastItem {
+    /** Per-component theme override. */
+    theme: Theme;
+    /** Message text to display. */
+    text: string;
+    /** Visual state affecting icon and colour. */
+    state: ToastState;
+    /**
+     * Emitted when the user dismisses the toast or the auto-dismiss timer fires.
+     */
+    dismiss: EventEmitter<void>;
+    private handleClose;
+    render(): any;
+}
+//# sourceMappingURL=diwa-toast-item.d.ts.map

package/dist/types/components/diwa-toast-item/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * diwa-toast-item — Public TypeScript types
+ */
+export type { ToastState } from '../diwa-toast/types';
+//# sourceMappingURL=types.d.ts.map