@diwacopilot/components 1.0.0

package/dist/types/components/diwa-link-pure/diwa-link-pure.d.ts

@@ -0,0 +1,53 @@
+import type { LinkPureSize, LinkPureAlignLabel, LinkTarget } from "./types";
+import type { Theme } from "../../utils/styles";
+/**
+ * @component diwa-link-pure
+ *
+ * A minimal, text+icon link — no background or border. Mirrors PDS p-link-pure.
+ * Renders as <a> when href is set, otherwise as a non-interactive <span>.
+ *
+ * Usage:
+ *   <diwa-link-pure href="/more">Read more</diwa-link-pure>
+ *   <diwa-link-pure href="/back" icon="arrow-left" align-label="start">Back</diwa-link-pure>
+ *   <diwa-link-pure href="/close" hide-label label="Close" icon="x" />
+ *
+ * @slot default — Link label text
+ */
+export declare class DiwaLinkPure {
+    host: HTMLDiwaLinkPureElement;
+    /** Per-component theme override (light / dark). */
+    theme: Theme;
+    /** The URL the link points to. When set, renders as <a>. */
+    href?: string;
+    /** Target attribute — where to open the linked URL. */
+    target: LinkTarget;
+    /** Native download attribute for triggering file downloads. */
+    download?: string;
+    /** Relationship between the current document and the linked resource. */
+    rel?: string;
+    /**
+     * Lucide icon name (kebab-case, e.g. "arrow-right"), or "none" to hide icon.
+     * Defaults to "arrow-right" — matching PDS p-link-pure.
+     */
+    icon: string;
+    /** Hides the label visually (icon-only mode). Keep slot text for screen readers. */
+    hideLabel: boolean;
+    /** Display the link in active/pressed visual state. */
+    active: boolean;
+    /** Shows an underline decoration on the label text. */
+    underline: boolean;
+    /** Text size tier — also scales the icon. */
+    size: LinkPureSize;
+    /**
+     * Controls label position relative to the icon.
+     * "end" (default): [icon] [label]
+     * "start":         [label] [icon]
+     */
+    alignLabel: LinkPureAlignLabel;
+    /** Stretches the link to fill its container width. */
+    stretch: boolean;
+    /** Accessible aria-label override — useful for icon-only links. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=diwa-link-pure.d.ts.map

package/dist/types/components/diwa-link-pure/types.d.ts

@@ -0,0 +1,4 @@
+export type LinkPureSize = 'sm' | 'md' | 'lg';
+export type LinkPureAlignLabel = 'end' | 'start';
+export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,30 @@
+/**
+ * diwa-modal-styles.ts
+ * =====================
+ * CSS-in-JS style function for <diwa-modal>.
+ *
+ * Follows the PDS CSS-in-JS pattern:
+ *   packages/components/src/components/modal/modal-styles.ts
+ *
+ * Visibility technique — the host is always in the DOM; open/close is driven by
+ * `visibility`, `pointer-events`, `opacity`, and `transform` transitions so the
+ * close animation plays fully before the element becomes inert.
+ *
+ * All values use CSS custom properties (--diwa-*). Raw color values are never
+ * hardcoded — theming is handled entirely by the token cascade from app.css.
+ *
+ * Design token override API (injectable by consumers):
+ *   --diwa-modal-width        Width of the panel   (default: 560px)
+ *   --diwa-modal-max-height   Max height of panel  (default: 85vh)
+ */
+import type { ModalBackdrop } from './types';
+/**
+ * Generates scoped CSS for the <diwa-modal> shadow tree.
+ *
+ * @param open             — Whether the modal is currently open.
+ * @param backdrop         — Visual style of the backdrop overlay.
+ * @param hasDismissButton — Whether the × dismiss button is rendered.
+ * @param hasFooter        — Whether the footer slot is populated.
+ */
+export declare const getComponentCss: (open: boolean, backdrop: ModalBackdrop, hasDismissButton: boolean, hasFooter: boolean) => string;
+//# sourceMappingURL=diwa-modal-styles.d.ts.map

package/dist/types/components/diwa-modal/diwa-modal-utils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * diwa-modal-utils.ts
+ * ====================
+ * Accessibility and ARIA utilities for <diwa-modal>.
+ *
+ * Mirrors the PDS pattern used in:
+ *   packages/components/src/components/modal/modal-utils.ts
+ *
+ * Separating focus-trap and ARIA logic into a dedicated utility file keeps
+ * the main component lean and makes accessibility behaviour independently
+ * testable.
+ */
+/**
+ * Returns all focusable elements within a root element or shadow root.
+ * Used to build the focus-trap cycle when the modal is open.
+ */
+export declare const getFocusableElements: (root: Element | ShadowRoot) => HTMLElement[];
+/**
+ * Implements a keyboard focus trap within the modal shadow root.
+ *
+ * When Tab is pressed on the last focusable element, focus wraps to the first.
+ * When Shift+Tab is pressed on the first, focus wraps to the last.
+ *
+ * WCAG 2.4.3 Focus Order — ensures that only the modal is reachable via
+ * keyboard while it is open, preventing interaction with background content.
+ *
+ * @param e        — The keydown KeyboardEvent (key must be 'Tab').
+ * @param focusable — Ordered list of focusable elements inside the modal.
+ * @param activeEl  — The currently focused element (from shadowRoot.activeElement).
+ */
+export declare const trapFocus: (e: KeyboardEvent, focusable: HTMLElement[], activeEl: Element | null) => void;
+//# sourceMappingURL=diwa-modal-utils.d.ts.map

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

@@ -0,0 +1,95 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { ModalBackdrop } from './types';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-modal
+ *
+ * A controlled overlay dialog box for focused interactions.
+ * Follows the PDS controlled-component pattern — the consumer owns open state
+ * and responds to the `dismiss` event to close the modal.
+ *
+ * Design token override API (set on :root or any ancestor):
+ *   --diwa-modal-width       Panel width            (default: 560px)
+ *   --diwa-modal-max-height  Maximum panel height   (default: 85vh)
+ *
+ * Usage:
+ *   <diwa-modal open heading="Confirm deletion" ondismiss={() => setOpen(false)}>
+ *     <p>Are you sure you want to delete this item? This action cannot be undone.</p>
+ *     <div slot="footer">
+ *       <diwa-button variant="danger">Delete</diwa-button>
+ *       <diwa-button variant="secondary" onDiwaClick={handleClose}>Cancel</diwa-button>
+ *     </div>
+ *   </diwa-modal>
+ *
+ * @slot default — Scrollable body content.
+ * @slot header  — Optional sub-header below the title bar (e.g. description, metadata).
+ * @slot footer  — Sticky footer content (e.g. action buttons). Hidden when empty.
+ *
+ * @controlled {"props": ["open"], "event": "dismiss"}
+ */
+export declare class DiwaModal {
+    host: HTMLElement;
+    private readonly _headingId;
+    private _modalEl?;
+    private _savedFocus;
+    /**
+     * Per-component theme override.
+     * Reflects data-theme onto the host element so the light/dark token
+     * overrides in app.css cascade into the Shadow DOM via CSS inheritance.
+     */
+    theme: Theme;
+    /**
+     * Whether the modal is open.
+     *
+     * Controlled prop — set `open={true}` to open and `open={false}` to close.
+     * The component emits `dismiss` when the user requests a close; the
+     * consumer must set `open={false}` in response.
+     */
+    open: boolean;
+    /** Heading text displayed in the modal title bar. */
+    heading?: string;
+    /**
+     * When false, the dismiss (×) button in the header is hidden.
+     * Pair with a close action in the footer or programmatic `open = false`.
+     */
+    dismissButton: boolean;
+    /**
+     * When true, clicking the backdrop does not emit `dismiss`.
+     * Use for required confirmations requiring an explicit user choice.
+     */
+    disableBackdropClick: boolean;
+    /**
+     * Controls the visual style of the backdrop overlay.
+     *
+     * `blur`    — frosted glass via backdrop-filter (default).
+     *             Use when the modal is opened by direct user interaction (e.g. a button click).
+     *
+     * `shading` — solid dark scrim via --diwa-bg-shading.
+     *             Use for system-triggered modals (e.g. session timeout, cookie consent).
+     */
+    backdrop: ModalBackdrop;
+    /** True when the footer slot contains at least one element. */
+    private _hasFooter;
+    /** True when the header slot contains at least one element. */
+    private _hasHeader;
+    /**
+     * Emitted when the user requests the modal to close:
+     *   - Clicking the backdrop (unless `disableBackdropClick` is true)
+     *   - Pressing the Escape key
+     *   - Clicking the dismiss (×) button
+     *
+     * The consumer MUST set `open={false}` in response:
+     * ```html
+     * <diwa-modal open ondismiss={() => (this.open = false)} />
+     * ```
+     */
+    dismiss: EventEmitter<void>;
+    componentWillRender(): void;
+    disconnectedCallback(): void;
+    onOpenChange(isOpen: boolean): void;
+    onKeyDown(e: KeyboardEvent): void;
+    private handleDismiss;
+    private handleBackdropClick;
+    render(): any;
+}
+//# sourceMappingURL=diwa-modal.d.ts.map

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

@@ -0,0 +1,9 @@
+/**
+ * diwa-modal — Public TypeScript types
+ * ======================================
+ * Exported so framework wrapper packages and consumers can share these types.
+ */
+/** Controls the visual style of the backdrop overlay behind the modal. */
+export type ModalBackdrop = 'blur' | 'shading';
+export type { Theme } from '../../utils/styles';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-multi-select/diwa-multi-select-styles.d.ts

@@ -0,0 +1,3 @@
+import type { MultiSelectState } from './types';
+export declare const getComponentCss: (isOpen: boolean, _disabled: boolean, _state: MultiSelectState, _compact: boolean, isUp?: boolean) => string;
+//# sourceMappingURL=diwa-multi-select-styles.d.ts.map

package/dist/types/components/diwa-multi-select/diwa-multi-select.d.ts

@@ -0,0 +1,110 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectTheme, MultiSelectToggleEventDetail } from './types';
+/**
+ * @component diwa-multi-select
+ *
+ * A fully accessible multi-select dropdown with built-in text filter,
+ * keyboard navigation, and form integration.
+ *
+ * Based on the Diwa multi-select API contract.
+ *
+ * Design token override API:
+ *   --diwa-multi-select-height     Trigger button height (default 40px)
+ *   --diwa-multi-select-height-sm  Trigger height when compact (default 32px)
+ *
+ * Usage:
+ *   <diwa-multi-select name="fruits" label="Fruits">
+ *     <diwa-multi-select-option value="apple">Apple</diwa-multi-select-option>
+ *     <diwa-multi-select-option value="banana">Banana</diwa-multi-select-option>
+ *   </diwa-multi-select>
+ *
+ * @slot default         — diwa-multi-select-option elements
+ * @slot label           — Custom label content (overrides the label prop)
+ * @slot description     — Custom description content
+ * @slot message         — Custom message content
+ * @slot selected        — Custom selected-value display in the trigger button
+ * @slot filter          — Custom filter input; disables the built-in filter
+ * @slot options-status  — Loading / no-results / error content for async patterns
+ */
+export declare class DiwaMultiSelect {
+    host: HTMLElement;
+    /** Theme — cascades down to child options. */
+    theme: MultiSelectTheme;
+    /** Visible label text. */
+    label?: string;
+    /** Optional description shown below the label. */
+    description?: string;
+    /** HTML name attribute — identifies the field in form submissions. */
+    name: string;
+    /** Currently selected values. Mutable — updated on user interaction. */
+    value: string[];
+    /** Validation state. */
+    state: MultiSelectState;
+    /** Helper / validation message shown below the trigger. */
+    message?: string;
+    /** Hides the label visually while keeping it accessible. */
+    hideLabel: boolean;
+    /** Disables interaction. */
+    disabled: boolean;
+    /** Marks the field as required. */
+    required: boolean;
+    /** Compact variant — reduces the trigger height. */
+    compact: boolean;
+    /**
+     * Preferred direction for the dropdown panel.
+     * `'auto'` detects viewport space and flips upward if needed.
+     */
+    dropdownDirection: MultiSelectDropdownDirection;
+    /** Emitted when the selection changes. */
+    change: EventEmitter<MultiSelectChangeEventDetail>;
+    /** Emitted when the dropdown opens or closes. */
+    toggle: EventEmitter<MultiSelectToggleEventDetail>;
+    /** Emitted when the component loses focus (dropdown closes via click-outside). */
+    blur: EventEmitter<void>;
+    private isOpen;
+    private filterText;
+    private hasFilterResults;
+    private dropdownClass;
+    private internalId;
+    private triggerEl;
+    private filterInputEl?;
+    private options;
+    private highlightedIndex;
+    private hasCustomFilterSlot;
+    private hasCustomSelectedSlot;
+    onThemeChange(): void;
+    onCompactChange(): void;
+    onValueChange(): void;
+    onIsOpenChange(open: boolean): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /** Programmatically opens the dropdown. */
+    open(): Promise<void>;
+    /** Programmatically closes the dropdown. */
+    close(): Promise<void>;
+    onOptionUpdate(e: CustomEvent<{
+        value: string;
+        selected: boolean;
+    }>): void;
+    onSlotChange(): void;
+    private collectOptions;
+    private syncSelectionFromValue;
+    private syncChildThemes;
+    private syncChildCompact;
+    private getVisibleOptions;
+    private getFirstHighlightIndex;
+    private applyHighlight;
+    private clearHighlight;
+    private updateDropdownDirection;
+    private resetFilter;
+    private onClickOutside;
+    private onTriggerClick;
+    private onTriggerKeyDown;
+    private onFilterInput;
+    private onResetClick;
+    private get selectedLabels();
+    render(): any;
+}
+//# sourceMappingURL=diwa-multi-select.d.ts.map

package/dist/types/components/diwa-multi-select/types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * diwa-multi-select — Public TypeScript types
+ */
+export type MultiSelectState = 'none' | 'error' | 'success';
+export type MultiSelectDropdownDirection = 'up' | 'down' | 'auto';
+export type MultiSelectTheme = 'light' | 'dark';
+export type MultiSelectChangeEventDetail = {
+    name: string;
+    value: string[];
+};
+export type MultiSelectToggleEventDetail = {
+    open: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-multi-select-option/diwa-multi-select-option-styles.d.ts

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

package/dist/types/components/diwa-multi-select-option/diwa-multi-select-option.d.ts

@@ -0,0 +1,53 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-multi-select-option
+ *
+ * Individual option element for use inside <diwa-multi-select>.
+ * Renders a row with a CSS checkbox and label text.
+ *
+ * Not intended for standalone use — must be slotted into <diwa-multi-select>.
+ *
+ * @slot default — Option label text (plain text or inline phrasing content)
+ */
+export declare class DiwaMultiSelectOption {
+    host: HTMLDiwaMultiSelectOptionElement;
+    /** The value submitted/emitted when this option is selected. */
+    value: string;
+    /** Disables the option — it cannot be selected. */
+    disabled: boolean;
+    /**
+     * Whether the option is currently selected.
+     * Maintained by the parent <diwa-multi-select>; consumers can also
+     * pre-select options by setting this attribute.
+     */
+    selected: boolean;
+    /**
+     * Whether the option is currently keyboard-highlighted.
+     * Set exclusively by the parent component.
+     */
+    highlighted: boolean;
+    /**
+     * Compact variant — reduces the option row height and checkbox size.
+     * Inherited from the parent diwa-multi-select.
+     */
+    compact: boolean;
+    /** Theme — inherited from the parent diwa-multi-select. */
+    theme: Theme;
+    /**
+     * Emitted when the user clicks or presses Enter on the option.
+     * Bubbles and crosses Shadow DOM so the parent can catch it via @Listen.
+     */
+    diwaMultiSelectOptionUpdate: EventEmitter<{
+        value: string;
+        selected: boolean;
+    }>;
+    handlePropChange(): void;
+    /** Focuses the inner option element. */
+    setFocus(): Promise<void>;
+    private optionEl?;
+    private handleClick;
+    private handleKeyDown;
+    render(): any;
+}
+//# sourceMappingURL=diwa-multi-select-option.d.ts.map

package/dist/types/components/diwa-multi-select-option/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * diwa-multi-select-option — Public TypeScript types
+ */
+export type { Theme as MultiSelectOptionTheme } from '../../utils/styles';
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/types/components/diwa-pagination/diwa-pagination-utils.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Universal pagination model generation algorithm.
+ *
+ * Ported from an upstream pagination algorithm:
+ *   packages/components/src/components/pagination/pagination-utils.ts
+ *   (which was itself adapted from ultimate-pagination)
+ *
+ * Kept: ItemType, PaginationItem, PaginationOptions, createRange,
+ *       createPaginationItems, getTotalPages, getCurrentActivePage.
+ * Dropped: deprecated allyLabel* types, maxNumberOfPageLinks.
+ */
+export type PaginationOptions = {
+    activePage: number;
+    pageTotal: number;
+    showLastPage: boolean;
+};
+export type PaginationItem = {
+    /** Page number — relevant for clickable PAGE items; undefined for ELLIPSIS. */
+    value?: number;
+    /** True for the active page, and true for prev/next when they are actionable. */
+    isActive: boolean;
+    /** Positional flags used for responsive class names (future use). */
+    isBeforeCurrent?: boolean;
+    isBeforeBeforeCurrent?: boolean;
+    isAfterCurrent?: boolean;
+    isAfterAfterCurrent?: boolean;
+    type: ItemType;
+};
+export declare enum ItemType {
+    PAGE = 0,
+    ELLIPSIS = 1,
+    PREVIOUS = 2,
+    NEXT = 3
+}
+export declare const createRange: (start: number, end: number) => number[];
+/**
+ * Builds the ordered list of pagination items (PREVIOUS, PAGE, ELLIPSIS, NEXT)
+ * for the given options. The caller is responsible for clamping `activePage`
+ * before passing it in — use `getCurrentActivePage()`.
+ */
+export declare const createPaginationItems: (options: PaginationOptions) => PaginationItem[];
+/** Clamps activePage to a valid range [1, totalPages]. */
+export declare const getCurrentActivePage: (activePage: number, totalPages: number) => number;
+/** Derives total page count, guarding against zero/negative inputs. */
+export declare const getTotalPages: (totalItemsCount: number, itemsPerPage: number) => number;
+//# sourceMappingURL=diwa-pagination-utils.d.ts.map

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

@@ -0,0 +1,57 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { Theme } from '../../utils/styles';
+import type { PaginationIntl, PaginationUpdateEventDetail } from './types';
+/**
+ * @component diwa-pagination
+ *
+ * Splits a large data set across numbered pages with previous and next navigation.
+ * Renders up to 7 page items (prev + pages/ellipsis + next) matching Diwa's
+ * pagination visual and API contract.
+ *
+ * The active page is indicated with a bottom accent line (`--diwa-accent`) rather
+ * than a border box, keeping Diwa's minimal aesthetic.
+ *
+ * Semi-controlled: `activePage` is mutable — it updates internally on click AND
+ * emits an `update` event so the consumer can sync external state.
+ *
+ * Usage:
+ *   <diwa-pagination total-items-count="500" items-per-page="25" active-page="1"
+ *     onupdate={e => setPage(e.detail.page)} />
+ *
+ * Source lineage:
+ *   components/src/components/pagination/pagination.tsx
+ */
+export declare class DiwaPagination {
+    host: HTMLDiwaPaginationElement;
+    /** Per-component theme override (`light` / `dark`). */
+    theme: Theme;
+    /** Total number of items in the data set. */
+    totalItemsCount: number;
+    /** Number of items shown per page. */
+    itemsPerPage: number;
+    /**
+     * Index of the currently active page (1-based).
+     * Semi-controlled: mutates internally on click and emits `update`.
+     */
+    activePage: number;
+    /** Show a direct link to the last page (in addition to the prev/next buttons). */
+    showLastPage: boolean;
+    /**
+     * Override the default aria-label wording for prev/next/page buttons and the nav element.
+     * Useful for localisation.
+     * Default: `{ root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page' }`
+     */
+    intl: PaginationIntl;
+    /**
+     * Emitted when the user navigates to a different page.
+     *
+     * React consumers: use the lowercase `onupdate` prop:
+     * ```jsx
+     * <diwa-pagination onupdate={e => setPage(e.detail.page)} />
+     * ```
+     */
+    update: EventEmitter<PaginationUpdateEventDetail>;
+    private handleClick;
+    render(): any;
+}
+//# sourceMappingURL=diwa-pagination.d.ts.map

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

@@ -0,0 +1,11 @@
+/**
+ * diwa-pagination — Public TypeScript types
+ */
+/** Override the default wording used for aria-labels on prev/next and page buttons. */
+export type PaginationIntl = Partial<Record<'root' | 'prev' | 'next' | 'page', string>>;
+/** Emitted by the `update` event when the active page changes. */
+export type PaginationUpdateEventDetail = {
+    page: number;
+    previousPage: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-pin-code/diwa-pin-code-styles.d.ts

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

package/dist/types/components/diwa-pin-code/diwa-pin-code.d.ts

@@ -0,0 +1,43 @@
+import { type EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+import type { PinCodeType, PinCodeUpdateEventDetail } from './types';
+/**
+ * @controlled {"props": ["value"], "event": "update"}
+ */
+export declare class DiwaPinCode {
+    host: HTMLElement;
+    /** Visible label text. */
+    label: string;
+    /** Supplementary description below the label. */
+    description: string;
+    /** Validation state. */
+    state: InputFieldState;
+    /** Feedback message. */
+    message: string;
+    /** Number of input boxes (1–6). */
+    length: number;
+    /** Current value string. Length should match the length prop. */
+    value: string;
+    /** Input type — "number" restricts input to digits; "password" masks the value. */
+    type: PinCodeType;
+    /** Whether the pin code is required. */
+    required: boolean;
+    /** Disables all input boxes. */
+    disabled: boolean;
+    /** Renders compact input boxes. */
+    compact: boolean;
+    /** Hides the visible label while preserving it as accessible name. */
+    hideLabel: boolean;
+    /** Adapts the color when used on a light or dark background. */
+    theme: Theme;
+    /** Emitted when any box value changes. */
+    update: EventEmitter<PinCodeUpdateEventDetail>;
+    private getBoxes;
+    private emitUpdate;
+    private handleInput;
+    private handleKeyDown;
+    private handlePaste;
+    render(): any;
+}
+//# sourceMappingURL=diwa-pin-code.d.ts.map

package/dist/types/components/diwa-pin-code/types.d.ts

@@ -0,0 +1,6 @@
+export type PinCodeType = 'number' | 'password';
+export interface PinCodeUpdateEventDetail {
+    value: string;
+    isComplete: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+import type { Theme } from '../../utils/styles';
+import type { PopoverDirection } from './types';
+/**
+ * @slot default — Content displayed inside the popover panel.
+ * @slot button  — Custom trigger element that replaces the default info button.
+ */
+export declare class DiwaPopover {
+    host: HTMLDiwaPopoverElement;
+    /** Preferred direction the panel opens relative to the trigger. */
+    direction: PopoverDirection;
+    /** Short description text rendered directly inside the panel (alternative to using the default slot). */
+    description?: string;
+    /** Adapts the color when used on a light or dark background. */
+    theme: Theme;
+    private isOpen;
+    handleGlobalKeydown(e: KeyboardEvent): void;
+    handleGlobalPointerDown(e: PointerEvent): void;
+    private toggle;
+    render(): any;
+}
+//# sourceMappingURL=diwa-popover.d.ts.map

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

@@ -0,0 +1,2 @@
+export type PopoverDirection = 'top' | 'bottom' | 'start' | 'end';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-radio-group/diwa-radio-group-styles.d.ts

@@ -0,0 +1,3 @@
+import type { RadioGroupState, RadioGroupDirection } from './types';
+export declare const getComponentCss: (state: RadioGroupState, direction: RadioGroupDirection, _disabled: boolean, compact: boolean) => string;
+//# sourceMappingURL=diwa-radio-group-styles.d.ts.map