@diwacopilot/components 1.0.0

package/dist/types/components/diwa-inline-notification/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * diwa-inline-notification — Public TypeScript types
+ */
+/** Semantic state of the notification. Controls colour, icon, and ARIA live role. */
+export type InlineNotificationState = 'info' | 'success' | 'warning' | 'error';
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,100 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import type { InputState, InputType } from "./types";
+import type { Theme } from '../../utils/styles';
+/**
+ * @component diwa-input
+ *
+ * A fully encapsulated, accessible text input primitive.
+ * Supports all common text-based HTML input types and validation states.
+ *
+ * Design token override API (set on :root or any ancestor):
+ *   --diwa-input-height          Height of the input
+ *   --diwa-input-padding-x       Horizontal padding
+ *   --diwa-input-radius          Border radius
+ *   --diwa-input-border          Default border colour
+ *   --diwa-input-bg              Background colour
+ *   --diwa-input-color           Text colour
+ *   --diwa-input-placeholder-color  Placeholder text colour
+ *   --diwa-input-font-size       Font size
+ *   --diwa-input-border-focus    Border colour when focused
+ *   --diwa-input-border-error    Border colour in error state
+ *   --diwa-input-border-success  Border colour in success state
+ *
+ * Usage:
+ *   <diwa-input label="Email" type="email" placeholder="you@example.com"></diwa-input>
+ *   <diwa-input label="Password" type="password" required></diwa-input>
+ *   <diwa-input label="Search" type="search" state="error" hint="No results found."></diwa-input>
+ *
+ * @slot prefix — Icon or content placed before the input (e.g., a search icon)
+ * @slot suffix — Icon or content placed after the input (e.g., a clear button)
+ */
+export declare class DiwaInput {
+    /** Native input type. Controls keyboard, validation, and autocomplete behaviour. */
+    type: InputType;
+    /** Visible label text. Linked to the inner <input> via htmlFor/id. */
+    label?: string;
+    /** Placeholder text shown when the field is empty. */
+    placeholder?: string;
+    /** Controlled value. Use with onDiwaChange for controlled form patterns. */
+    value: string;
+    /** Marks the field as required. Sets aria-required on the inner input. */
+    required: boolean;
+    /** Disables the input. Blocks pointer and keyboard interaction. */
+    disabled: boolean;
+    /** Makes the input read-only. Content is selectable but not editable. */
+    readonly: boolean;
+    /**
+     * Validation state. Controls border colour and the hint text colour.
+     * Pair with the `hint` prop to surface error or success messages.
+     */
+    state: InputState;
+    /**
+     * Helper / hint text rendered below the input.
+     * In the error state this text should describe the validation failure.
+     * Associated via aria-describedby for screen reader announcement.
+     */
+    hint?: string;
+    /**
+     * HTML autocomplete attribute passthrough.
+     * Allows browsers to offer autocomplete suggestions.
+     */
+    autocomplete?: string;
+    /**
+     * HTML name attribute — used to identify the field in form data.
+     */
+    name?: string;
+    /**
+     * HTML id forwarded to the inner input.
+     * When omitted the component generates a unique id for label association.
+     */
+    inputId?: string;
+    /** Per-component theme override. */
+    theme: Theme;
+    /**
+     * Emitted on every keystroke (mirrors native `input` event).
+     * Payload is the current string value.
+     */
+    diwaInput: EventEmitter<string>;
+    /**
+     * Emitted when the input loses focus (mirrors native `change` event).
+     * Payload is the committed string value.
+     */
+    diwaChange: EventEmitter<string>;
+    /**
+     * Emitted when the input receives focus.
+     */
+    diwaFocus: EventEmitter<FocusEvent>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    diwaBlur: EventEmitter<FocusEvent>;
+    private internalId;
+    private get resolvedId();
+    private get hintId();
+    private handleInput;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input.d.ts.map

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

@@ -0,0 +1,10 @@
+import type { InputFieldState } from './types';
+/**
+ * Returns the shared Shadow DOM CSS for all diwa-input-* components.
+ *
+ * NOTE: Border and background live on .input-wrapper so start/end slot content
+ * shares the same bordered box as the native input. This also prevents Tailwind
+ * v4 preflight from stripping padding set directly on :host.
+ */
+export declare const getInputCss: (state: InputFieldState, _disabled: boolean, _readonly: boolean, compact: boolean, hasStart: boolean, hasEnd: boolean, hasSuffix: boolean) => string;
+//# sourceMappingURL=input-styles.d.ts.map

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

@@ -0,0 +1,15 @@
+/**
+ * diwa-input — Public TypeScript interfaces
+ * ==========================================
+ * Exported so framework wrapper packages and consumers can share these types.
+ */
+/** Native input type subset that this component supports. */
+export type InputType = "text" | "email" | "password" | "search" | "url" | "number" | "tel";
+/** Validation state rendered on the input (legacy diwa-input generic component). */
+export type InputState = "default" | "error" | "success";
+/**
+ * Validation state for the individual diwa-input-* components.
+ * Aligns with other diwa components (diwa-checkbox, etc.) that use 'none'.
+ */
+export type InputFieldState = 'none' | 'error' | 'success';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components/diwa-input-date/diwa-input-date-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-date-styles.d.ts.map

package/dist/types/components/diwa-input-date/diwa-input-date.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputDate {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** ISO 8601 date string (YYYY-MM-DD) for the minimum allowed date. */
+    min?: string;
+    /** ISO 8601 date string (YYYY-MM-DD) for the maximum allowed date. */
+    max?: string;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-date.d.ts.map

package/dist/types/components/diwa-input-email/diwa-input-email-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-email-styles.d.ts.map

package/dist/types/components/diwa-input-email/diwa-input-email.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputEmail {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-email.d.ts.map

package/dist/types/components/diwa-input-month/diwa-input-month-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-month-styles.d.ts.map

package/dist/types/components/diwa-input-month/diwa-input-month.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputMonth {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Minimum month in YYYY-MM format. */
+    min?: string;
+    /** Maximum month in YYYY-MM format. */
+    max?: string;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-month.d.ts.map

package/dist/types/components/diwa-input-number/diwa-input-number-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-number-styles.d.ts.map

package/dist/types/components/diwa-input-number/diwa-input-number.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputNumber {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step increment. */
+    step?: number;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-number.d.ts.map

package/dist/types/components/diwa-input-password/diwa-input-password-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-password-styles.d.ts.map

package/dist/types/components/diwa-input-password/diwa-input-password.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputPassword {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Show the eye icon button to toggle password visibility. */
+    showToggle: boolean;
+    /** Internal visibility state for the password toggle. */
+    private showPassword;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    private handleToggle;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-password.d.ts.map

package/dist/types/components/diwa-input-search/diwa-input-search-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-search-styles.d.ts.map

package/dist/types/components/diwa-input-search/diwa-input-search.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputSearch {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Show the clear (×) button when the field has a value. */
+    showClearButton: boolean;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    private handleClear;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-search.d.ts.map

package/dist/types/components/diwa-input-tel/diwa-input-tel-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-tel-styles.d.ts.map

package/dist/types/components/diwa-input-tel/diwa-input-tel.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputTel {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-tel.d.ts.map

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

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-text-styles.d.ts.map

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputText {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    maxLength?: number;
+    minLength?: number;
+    spellCheck?: boolean;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-text.d.ts.map

package/dist/types/components/diwa-input-time/diwa-input-time-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-time-styles.d.ts.map

package/dist/types/components/diwa-input-time/diwa-input-time.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputTime {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Minimum time in HH:MM format. */
+    min?: string;
+    /** Maximum time in HH:MM format. */
+    max?: string;
+    /** Step in seconds. */
+    step?: number;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-time.d.ts.map

package/dist/types/components/diwa-input-url/diwa-input-url-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-url-styles.d.ts.map

package/dist/types/components/diwa-input-url/diwa-input-url.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputUrl {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-url.d.ts.map

package/dist/types/components/diwa-input-week/diwa-input-week-styles.d.ts

@@ -0,0 +1,2 @@
+export { getInputCss as getComponentCss } from '../diwa-input/input-styles';
+//# sourceMappingURL=diwa-input-week-styles.d.ts.map

package/dist/types/components/diwa-input-week/diwa-input-week.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { InputFieldState } from '../diwa-input/types';
+import type { Theme } from '../../utils/styles';
+export declare class DiwaInputWeek {
+    el: HTMLElement;
+    private _hasStart;
+    private _hasEnd;
+    label: string;
+    description: string;
+    message: string;
+    state: InputFieldState;
+    name: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    hideLabel: boolean;
+    compact: boolean;
+    autoComplete?: string;
+    theme: Theme;
+    /** Minimum week in YYYY-Www format (e.g. 2024-W01). */
+    min?: string;
+    /** Maximum week in YYYY-Www format (e.g. 2024-W52). */
+    max?: string;
+    change: EventEmitter<string>;
+    input: EventEmitter<string>;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    connectedCallback(): void;
+    private handleInput;
+    private handleChange;
+    private handleBlur;
+    private handleFocus;
+    render(): any;
+}
+//# sourceMappingURL=diwa-input-week.d.ts.map

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

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

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

@@ -0,0 +1,42 @@
+import type { LinkVariant, LinkTarget } from "./types";
+import type { Theme } from "../../utils/styles";
+/**
+ * @component diwa-link
+ *
+ * A fully accessible link primitive. Renders as <a> when href is provided,
+ * otherwise as a non-interactive <span>. Mirrors the PDS p-link component.
+ *
+ * Usage:
+ *   <diwa-link href="/home">Home</diwa-link>
+ *   <diwa-link href="/docs" variant="secondary" target="_blank">Docs</diwa-link>
+ *   <diwa-link href="/about" variant="ghost" icon="arrow-right">About</diwa-link>
+ *
+ * @slot default — Link label text
+ */
+export declare class DiwaLink {
+    host: HTMLDiwaLinkElement;
+    /** Per-component theme override. */
+    theme: Theme;
+    /** Visual style variant. */
+    variant: LinkVariant;
+    /** 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: string;
+    /** Hides the label visually (icon-only mode). Keep slot text for screen readers. */
+    hideLabel: boolean;
+    /** Compact (smaller) size variant. */
+    compact: boolean;
+    /** Accessible aria-label override — useful for icon-only links. */
+    label?: string;
+    /** Disabled state. Sets aria-disabled and prevents interaction. */
+    disabled: boolean;
+    render(): any;
+}
+//# sourceMappingURL=diwa-link.d.ts.map

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

@@ -0,0 +1,3 @@
+export type LinkVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
+//# sourceMappingURL=types.d.ts.map

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

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