@getflip/swirl-ai 0.448.0

package/dist/types/components/swirl-data-cell/swirl-data-cell.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlDataCellIntent = "default" | "critical" | "warning" | "success" | "info" | "special" | "translucent";
+/**
+ * @slot media - Optional media content (e.g., swirl-avatar, icons). Only swirl-avatar and icon elements are styled.
+ * @slot content - Optional content element (e.g., swirl-text-input, swirl-select). When provided, the value prop is ignored. Content automatically takes 100% width when no label is present.
+ * @slot suffix - Optional suffix content (e.g., buttons, badges)
+ */
+export declare class SwirlDataCell {
+    el: HTMLElement;
+    intent?: SwirlDataCellIntent;
+    label?: string;
+    tooltip?: string;
+    value?: string;
+    vertical?: boolean;
+    valueChange: EventEmitter<MouseEvent>;
+    private elementId;
+    private handleRadioClick;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/swirl-data-cell/swirl-data-cell.stories.d.ts

@@ -0,0 +1,18 @@
+import Docs from "./swirl-data-cell.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDataCell: any;
+export declare const MultipleCells: () => HTMLElement;
+export declare const WithInput: () => HTMLElement;
+export declare const WithSelect: () => HTMLElement;
+export declare const WithCheckbox: () => HTMLElement;
+export declare const WithRadioButton: () => HTMLElement;

package/dist/types/components/swirl-data-cell-stack/swirl-data-cell-stack.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @slot cta - Optional call-to-action (e.g., button)
+ * @slot - The data cell items
+ */
+export declare class SwirlDataCellStack {
+    el: HTMLElement;
+    description?: string;
+    hideLabel?: boolean;
+    label?: string;
+    private headerId;
+    private onSlotChange;
+    render(): any;
+}

package/dist/types/components/swirl-data-cell-stack/swirl-data-cell-stack.stories.d.ts

@@ -0,0 +1,14 @@
+import Docs from "./swirl-data-cell-stack.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDataCellStack: any;
+export declare const MultipleStacks: () => HTMLDivElement;

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

@@ -0,0 +1,54 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
+export declare class SwirlDateInput {
+    el: HTMLSwirlDateInputElement;
+    autoFocus?: boolean;
+    autoSelect?: boolean;
+    datePickerDisableDate?: (date: Date) => boolean;
+    datePickerLabel?: string;
+    datePickerTriggerLabel?: string;
+    disabled?: boolean;
+    firstDayOfWeek?: number;
+    format?: string;
+    inline?: boolean;
+    invalid?: boolean;
+    labels?: WCDatepickerLabels;
+    locale?: string;
+    placeholder?: string;
+    preferredInputMode?: "input" | "pick";
+    required?: boolean;
+    swirlAriaDescribedby?: string;
+    value?: string;
+    readonly?: boolean;
+    iconSize: 20 | 24;
+    isInPickOnlyMode: boolean;
+    invalidInput: EventEmitter<string>;
+    valueChange: EventEmitter<string>;
+    private id;
+    private inputEl;
+    private mask;
+    private pattern;
+    private pickerPopover;
+    private mediaQueryUnsubscribe;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    watchFormat(): void;
+    watchValue(newValue: string, oldValue: string): void;
+    /**
+     * Opens the date picker popover.
+     */
+    openPicker(): Promise<void>;
+    private focus;
+    private updateIconSize;
+    private onClick;
+    private onMouseDown;
+    private onFocus;
+    private onBlur;
+    private onPickDate;
+    private handleAutoSelect;
+    private setIsInPickOnlyMode;
+    private setupMask;
+    updateValue(): void;
+    render(): any;
+}

package/dist/types/components/swirl-date-input/swirl-date-input.stories.d.ts

@@ -0,0 +1,29 @@
+import Docs from "./swirl-date-input.mdx";
+declare const _default: {
+    argTypes: {
+        format: {
+            description: string;
+            table: {
+                type: {
+                    detail: string;
+                    summary: string;
+                };
+            };
+        };
+        locale: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDateInput: any;

package/dist/types/components/swirl-date-picker/swirl-date-picker.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
+import "wc-datepicker";
+export declare class SwirlDatePicker {
+    el: HTMLElement;
+    disableDate?: (date: Date) => boolean;
+    firstDayOfWeek?: number;
+    fixedMaxWidth: boolean;
+    labels?: WCDatepickerLabels;
+    locale?: string;
+    range?: boolean;
+    startDate?: Date;
+    value?: Date | Date[];
+    valueChange: EventEmitter<Date | Date[]>;
+    componentWillLoad(): void;
+    private onClick;
+    private onSelectDate;
+    render(): any;
+}

package/dist/types/components/swirl-date-picker/swirl-date-picker.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-date-picker.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDatePicker: any;

package/dist/types/components/swirl-description-list/swirl-description-list.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @slot slot - The description list items
+ */
+export declare class SwirlDescriptionList {
+    render(): any;
+}

package/dist/types/components/swirl-description-list/swirl-description-list.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-description-list.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDescriptionList: any;

package/dist/types/components/swirl-description-list-item/swirl-description-list-item.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @slot slot - The description
+ * @slot tools - Optional tools to be displayed on the right side of the item
+ * @slot additional-content - Optional additional content displayed at the bottom of the item
+ */
+export declare class SwirlDescriptionListItem {
+    el: HTMLElement;
+    bordered?: boolean;
+    maxWidth?: string;
+    term: string;
+    tooltip?: string;
+    render(): any;
+}

package/dist/types/components/swirl-description-list-item/swirl-description-list-item.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-description-list-item.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDescriptionListItem: any;

package/dist/types/components/swirl-dialog/swirl-dialog.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlDialogToggleEvent } from "../../utils";
+export type SwirlDialogIntent = "primary" | "critical";
+/**
+ * @slot slot - The dialog content
+ * @slot left-controls - Controls displayed on the left side of the default ones
+ */
+export declare class SwirlDialog {
+    el: HTMLElement;
+    hideLabel?: boolean;
+    intent?: SwirlDialogIntent;
+    label: string;
+    primaryActionLabel?: string;
+    returnFocusTo?: HTMLElement | string;
+    secondaryActionLabel?: string;
+    dialogClose: EventEmitter<void>;
+    dialogOpen: EventEmitter<void>;
+    primaryAction: EventEmitter<MouseEvent>;
+    secondaryAction: EventEmitter<MouseEvent>;
+    toggleDialog: EventEmitter<SwirlDialogToggleEvent>;
+    closing: boolean;
+    opening: boolean;
+    private dialogEl;
+    private temporaryReturnFocusTo;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private ensureOpening;
+    private setDialogCustomProps;
+    /**
+     * Open the dialog.
+     */
+    open(returnFocusTo?: HTMLElement | string): Promise<void>;
+    /**
+     * Close the dialog.
+     */
+    close(): Promise<void>;
+    private onClose;
+    onToggle: (event: ToggleEvent) => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    private onBackdropClick;
+    private onPrimaryAction;
+    private onSecondaryAction;
+    private customFocusReturn;
+    render(): any;
+}

package/dist/types/components/swirl-dialog/swirl-dialog.stories.d.ts

@@ -0,0 +1,22 @@
+import Docs from "./swirl-dialog.mdx";
+declare const _default: {
+    argTypes: {
+        returnFocusTo: {
+            control: string;
+            description: string;
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+            source: {
+                code: string;
+            };
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlDialog: any;

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-clap.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiClap {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-happy.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiHappy {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-idea.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiIdea {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-love.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiLove {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-sad.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiSad {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.d.ts

@@ -0,0 +1,6 @@
+import { SwirlEmojiSize } from "../swirl-emoji.types";
+export declare class SwirlEmojiThumbsUp {
+    label?: string;
+    size?: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/swirl-emoji.d.ts

@@ -0,0 +1,7 @@
+import { SwirlEmojiSize } from "./swirl-emoji.types";
+export declare class SwirlEmoji {
+    label?: string;
+    name: string;
+    size: SwirlEmojiSize;
+    render(): any;
+}

package/dist/types/components/swirl-emoji/swirl-emoji.stories.d.ts

@@ -0,0 +1,19 @@
+import Docs from "./swirl-emoji.mdx";
+declare const _default: {
+    argTypes: {
+        name: {
+            control: string;
+            options: string[];
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlEmoji: any;

package/dist/types/components/swirl-emoji/swirl-emoji.types.d.ts

@@ -0,0 +1 @@
+export type SwirlEmojiSize = 16 | 20 | 24 | 32;

package/dist/types/components/swirl-empty-state/swirl-empty-state.d.ts

@@ -0,0 +1,13 @@
+import { SwirlHeadingLevel } from "../swirl-heading/swirl-heading";
+/**
+ * @slot slot - The main content (e.g. heading, description).
+ * @slot illustration - The placeholder illustration
+ * @slot controls - The action controls (e.g. buttons).
+ */
+export declare class SwirlEmptyState {
+    el: HTMLElement;
+    heading?: string;
+    headingLevel: SwirlHeadingLevel;
+    illustration?: string;
+    render(): any;
+}

package/dist/types/components/swirl-empty-state/swirl-empty-state.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-empty-state.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlEmptyState: any;

package/dist/types/components/swirl-file-chip/swirl-file-chip.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+type SwirlFileChipFileType = "image" | "video" | "audio" | "pdf" | "compressed" | "document" | "unknown";
+export declare class SwirlFileChip {
+    url: string;
+    name: string;
+    type: string;
+    description?: string;
+    loading?: boolean;
+    loadingLabel?: string;
+    skipNativeDownload?: boolean;
+    showDownloadButton?: boolean;
+    showPreviewButton?: boolean;
+    downloadButtonLabel?: string;
+    previewButtonLabel?: string;
+    preview: EventEmitter<void>;
+    download: EventEmitter<void>;
+    isHovered: boolean;
+    fileType: SwirlFileChipFileType;
+    private readonly fileIconMap;
+    componentWillLoad(): void;
+    watchType(): void;
+    private handleDownloadClick;
+    private handlePreviewClick;
+    private getFileIcon;
+    private setFileType;
+    render(): any;
+}
+export {};

package/dist/types/components/swirl-file-chip/swirl-file-chip.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-file-chip.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlFileChip: any;

package/dist/types/components/swirl-file-uploader/swirl-file-uploader.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlFormInput } from "../../utils";
+import { SwirlButtonVariant } from "../swirl-button/swirl-button";
+export declare class SwirlFileUploader implements SwirlFormInput<FileList> {
+    accept?: string;
+    ctaLabel?: string;
+    description?: string;
+    descriptionAllowHtml?: boolean;
+    disabled?: boolean;
+    dragDropLabel?: string;
+    hideLabel?: boolean;
+    inputId: string;
+    inputName: string;
+    label: string;
+    multiple?: boolean;
+    showDropzone?: boolean;
+    uploadButtonIcon?: string;
+    uploadButtonLabel?: string;
+    uploadButtonVariant?: SwirlButtonVariant;
+    valueChange: EventEmitter<FileList>;
+    private inputEl;
+    /**
+     * Reset the file input.
+     */
+    reset(): Promise<void>;
+    private onChange;
+    private onUploadButtonClick;
+    render(): any;
+}

package/dist/types/components/swirl-file-uploader/swirl-file-uploader.stories.d.ts

@@ -0,0 +1,13 @@
+import Docs from "./swirl-file-uploader.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlFileUploader: any;

package/dist/types/components/swirl-file-viewer/swirl-file-viewer.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlFileViewerPdfViewMode, SwirlFileViewerPdfZoom } from "./viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf";
+/**
+ * @slot watermark - Optional watermark image to be displayed in the bottom left corner. Only supported for image files.
+ */
+export declare class SwirlFileViewer {
+    el: HTMLElement;
+    active?: boolean;
+    autoplay?: boolean;
+    description?: string;
+    disableDownload?: boolean;
+    disablePrint?: boolean;
+    errorMessage?: string;
+    file: string;
+    fileName?: string;
+    pdfWorkerSrc?: string;
+    thumbnailUrl?: string;
+    type: string;
+    typeUnsupportedMessage?: string;
+    viewMode?: SwirlFileViewerPdfViewMode;
+    zoom?: SwirlFileViewerPdfZoom;
+    skipNativeDownload?: boolean;
+    activate: EventEmitter<HTMLElement>;
+    visiblePagesChange: EventEmitter<number[]>;
+    downloadStart: EventEmitter<void>;
+    private viewer;
+    /**
+     * Download the file.
+     */
+    download(): Promise<void>;
+    /**
+     * Print the file. Applicable to PDFs only.
+     */
+    print(): Promise<void>;
+    private onActivate;
+    private onVisiblePagesChange;
+    private onFallbackDownload;
+    render(): any;
+}

package/dist/types/components/swirl-file-viewer/swirl-file-viewer.stories.d.ts

@@ -0,0 +1,35 @@
+import Docs from "./swirl-file-viewer.mdx";
+declare const _default: {
+    argTypes: {
+        autoplay: {
+            description: string;
+        };
+        file: {
+            control: {
+                type: string;
+            };
+        };
+        zoom: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        skipNativeDownload: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlFileViewer: any;

package/dist/types/components/swirl-file-viewer/viewers/swirl-file-viewer-audio/swirl-file-viewer-audio.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export declare class SwirlFileViewerAudio {
+    el: HTMLElement;
+    autoplay?: boolean;
+    file: string;
+    activate: EventEmitter<HTMLElement>;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/swirl-file-viewer/viewers/swirl-file-viewer-csv/swirl-file-viewer-csv.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export declare class SwirlFileViewerCsv {
+    el: HTMLElement;
+    errorMessage?: string;
+    file: string;
+    data: (boolean | number | string)[][];
+    error: boolean;
+    loading: boolean;
+    activate: EventEmitter<HTMLElement>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    updateTable(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/swirl-file-viewer/viewers/swirl-file-viewer-fallback/swirl-file-viewer-fallback.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "../../../../stencil-public-runtime";
+export declare class SwirlFileViewerFallback {
+    el: HTMLElement;
+    disableDownload?: boolean;
+    downloadButtonLabel?: string;
+    fileName?: string;
+    file: string;
+    activate: EventEmitter<HTMLElement>;
+    download: EventEmitter<void>;
+    componentDidLoad(): void;
+    private onDownload;
+    render(): any;
+}