@getflip/swirl-ai 0.448.0

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

@@ -0,0 +1,28 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlBannerAriaRole = "alert" | "status";
+export type SwirlBannerIntent = "default" | "critical" | "success" | "warning" | "info";
+export type SwirlBannerSize = "s" | "m";
+export declare class SwirlBanner {
+    element: HTMLElement;
+    actionLabel?: string;
+    content: string;
+    dismissable?: boolean;
+    dismissLabel?: string;
+    importance?: SwirlBannerAriaRole;
+    intent?: SwirlBannerIntent;
+    showIcon?: boolean;
+    icon?: string;
+    size?: SwirlBannerSize;
+    action?: EventEmitter<MouseEvent>;
+    dismiss?: EventEmitter<MouseEvent>;
+    private dismissButtonEl;
+    private iconEl;
+    private mediaQueryUnsubscribe;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private forceIconProps;
+    private determineIcon;
+    onAction: (event: MouseEvent) => void;
+    onDismiss: (event: MouseEvent) => void;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import Docs from "./swirl-banner.mdx";
+declare const _default: {
+    argTypes: {
+        icon: {
+            table: {
+                type: {
+                    detail: string;
+                    summary: string;
+                };
+            };
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlBanner: any;

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

@@ -0,0 +1,63 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlBoxBorderColor = "default" | "strong";
+export type SwirlBoxOverflow = "visible" | "hidden" | "clip" | "scroll" | "auto";
+export type SwirlBoxPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32";
+export type SwirlBoxPosition = "absolute" | "fixed" | "relative" | "static" | "sticky";
+/**
+ * @slot slot - The box contents
+ */
+export declare class SwirlBox {
+    el: HTMLElement;
+    borderColor?: SwirlBoxBorderColor;
+    bordered?: boolean;
+    borderedBlockEnd?: boolean;
+    borderedBlockEndWhenScrolled?: boolean;
+    borderedBlockStart?: boolean;
+    borderedBlockStartWhenScrolled?: boolean;
+    borderedInlineEnd?: boolean;
+    borderedInlineStart?: boolean;
+    bottom?: string;
+    centerBlock?: boolean;
+    centerInline?: boolean;
+    cover?: boolean;
+    height?: string;
+    hideScrollbar?: boolean;
+    left?: string;
+    maxHeight?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    overflow?: SwirlBoxOverflow;
+    overflowX?: SwirlBoxOverflow;
+    overflowY?: SwirlBoxOverflow;
+    padding?: SwirlBoxPadding;
+    paddingBlockEnd?: SwirlBoxPadding;
+    paddingBlockStart?: SwirlBoxPadding;
+    paddingInlineEnd?: SwirlBoxPadding;
+    paddingInlineStart?: SwirlBoxPadding;
+    position?: SwirlBoxPosition;
+    right?: string;
+    basis?: string;
+    shrink?: string;
+    grow?: string;
+    top?: string;
+    width?: string;
+    zIndex?: string;
+    componentLoad: EventEmitter<void>;
+    scrollState: {
+        scrollable: boolean;
+        scrolledToBottom: boolean;
+        scrolledToTop: boolean;
+    };
+    private resizeObserver;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onScrollTrackingPropChange(): void;
+    private setupResizeObserver;
+    private teardownResizeObserver;
+    private get needsScrollTracking();
+    private onScroll;
+    private updateScrollState;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,53 @@
+export type SwirlButtonIconPosition = "start" | "end";
+export type SwirlButtonIntent = "default" | "primary" | "critical" | "strong";
+export type SwirlButtonSize = "m" | "l";
+export type SwirlButtonTextAlign = "start" | "center" | "end";
+export type SwirlButtonType = "button" | "submit";
+export type SwirlButtonVariant = "flat" | "ghost" | "plain" | "floating" | "on-image" | "outline" | "translucent";
+export type SwirlButtonCursor = "auto" | "default" | "none" | "context-menu" | "help" | "pointer" | "progress" | "wait" | "cell" | "crosshair" | "text" | "vertical-text" | "alias" | "copy" | "move" | "no-drop" | "not-allowed" | "grab" | "grabbing" | "e-resize" | "n-resize" | "ne-resize" | "nw-resize" | "s-resize" | "se-resize" | "sw-resize" | "w-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "col-resize" | "row-resize" | "all-scroll" | "zoom-in" | "zoom-out";
+/**
+ * @slot icon - Icon to be displayed inside the button.
+ * @slot tag - Tag to be displayed inside the button.
+ * @slot trailing - Trailing slot for content to be displayed at the end.
+ */
+export declare class SwirlButton {
+    el: HTMLElement;
+    cursor?: SwirlButtonCursor;
+    disabled?: boolean;
+    download?: string;
+    elevated?: boolean;
+    form?: string;
+    hideLabel?: boolean;
+    href?: string;
+    icon?: string;
+    iconPosition: SwirlButtonIconPosition;
+    intent?: SwirlButtonIntent;
+    inheritFontSize?: boolean;
+    label: string;
+    name?: string;
+    pill?: boolean;
+    pressed?: boolean;
+    size?: SwirlButtonSize;
+    swirlAriaControls?: string;
+    swirlAriaCurrent?: string;
+    swirlAriaDescribedby?: string;
+    swirlAriaExpanded?: string;
+    swirlAriaHaspopup?: string;
+    swirlAriaLabel?: string;
+    target?: string;
+    textAlign?: SwirlButtonTextAlign;
+    type?: SwirlButtonType;
+    value?: string;
+    variant?: SwirlButtonVariant;
+    private buttonEl;
+    private iconEl;
+    private isDesktop;
+    private mediaQueryUnsubscribe;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    private forceIconProps;
+    private getAriaLabel;
+    private updateFormAttribute;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import Docs from "./swirl-button.mdx";
+declare const _default: {
+    argTypes: {
+        icon: {
+            table: {
+                type: {
+                    detail: string;
+                    summary: string;
+                };
+            };
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlButton: any;

package/dist/types/components/swirl-button-group/swirl-button-group.d.ts

@@ -0,0 +1,11 @@
+import { SwirlStackOrientation, SwirlStackSpacing } from "../swirl-stack/swirl-stack";
+export type SwirlButtonGroupOrientation = SwirlStackOrientation;
+export type SwirlButtonGroupSpacing = SwirlStackSpacing;
+export declare class SwirlButtonGroup {
+    orientation?: SwirlButtonGroupOrientation;
+    segmented?: boolean;
+    spacing?: SwirlButtonGroupSpacing;
+    stretch?: boolean;
+    wrap?: boolean;
+    render(): any;
+}

package/dist/types/components/swirl-button-group/swirl-button-group.stories.d.ts

@@ -0,0 +1,18 @@
+import Docs from "./swirl-button-group.mdx";
+declare const _default: {
+    argTypes: {
+        segmented: {
+            description: string;
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlButtonGroup: any;

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

@@ -0,0 +1,52 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+declare const swirlCardBorderRadiusTokens: readonly ["xs", "sm", "base", "l", "xl"];
+export type SwirlCardBorderRadius = (typeof swirlCardBorderRadiusTokens)[number] | string;
+export type SwirlCardElevationLevel = 1 | 2 | 3;
+export type SwirlCardIntent = "critical-subdued" | "default" | "default-subdued" | "highlight" | "info-subdued" | "success-subdued" | "warning-subdued";
+export type SwirlCardJustifyContent = "start" | "center" | "end";
+export type SwirlCardOverflow = "auto" | "hidden" | "visible";
+export type SwirlCardPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32";
+export type SwirlCardAriaCurrent = "page" | "step" | "location" | "date" | "time" | "true";
+/**
+ * @slot content - The card contents
+ * @slot image - Optional image or image grid
+ * @slot floating-controls - Optional controls displayed on hover in the top right corner
+ */
+export declare class SwirlCard {
+    el: HTMLElement;
+    as?: string;
+    borderRadius?: SwirlCardBorderRadius;
+    customBackgroundColor?: string;
+    customBackdropFilter?: string;
+    elevated?: boolean;
+    elevationLevel?: SwirlCardElevationLevel;
+    height?: string;
+    highlighted?: boolean;
+    href?: string;
+    imageAspectRatio?: string;
+    intent?: SwirlCardIntent;
+    isBorderless?: boolean;
+    interactive?: boolean;
+    justifyContent?: SwirlCardJustifyContent;
+    linkTarget?: string;
+    minHeight?: string;
+    overflow?: SwirlCardOverflow;
+    padding?: SwirlCardPadding;
+    paddingBlockEnd?: SwirlCardPadding;
+    paddingBlockStart?: SwirlCardPadding;
+    paddingInlineEnd?: SwirlCardPadding;
+    paddingInlineStart?: SwirlCardPadding;
+    swirlAriaCurrent?: SwirlCardAriaCurrent;
+    swirlAriaLabel?: string;
+    swirlAriaLabelledby?: string;
+    componentLoad: EventEmitter<void>;
+    flashing: boolean;
+    private flashingTimeout?;
+    /**
+     * Flashes the card to draw focus.
+     */
+    flash(duration?: number): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}
+export {};

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

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

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlCarouselFadeColor = "default" | "on-surface-overlay";
+export type SwirlCarouselSpacing = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32" | "40" | "48" | "64";
+export type SwirlCarouselPadding = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32" | "40" | "48" | "64";
+/**
+ * slot - The slides
+ */
+export declare class SwirlCarousel {
+    el: HTMLElement;
+    label: string;
+    nextSlideButtonLabel?: string;
+    previousSlideButtonLabel?: string;
+    fade?: boolean;
+    fadeColor?: SwirlCarouselFadeColor;
+    loopAround?: boolean;
+    padding?: SwirlCarouselPadding;
+    paddingBlockEnd?: SwirlCarouselPadding;
+    paddingBlockStart?: SwirlCarouselPadding;
+    paddingInlineEnd?: SwirlCarouselPadding;
+    paddingInlineStart?: SwirlCarouselPadding;
+    spacing?: SwirlCarouselSpacing;
+    isAtEnd: boolean;
+    isAtStart: boolean;
+    isScrollable: boolean;
+    activeSlidesChange: EventEmitter<HTMLSwirlCarouselSlideElement[]>;
+    private slidesContainer;
+    private activeSlides;
+    private carouselFadeColorMap;
+    onWindowResize(): void;
+    componentDidLoad(): void;
+    /**
+     * Scroll to slide with id.
+     */
+    scrollToSlide(id: string): Promise<void>;
+    private scrollToElement;
+    private previousSlide;
+    private nextSlide;
+    private getSlides;
+    private getActiveSlides;
+    private checkScrollStatus;
+    private checkScrollPosition;
+    private checkInView;
+    private updateActiveSlideReferences;
+    private onPreviousSlideButtonClick;
+    private onNextSlideButtonClick;
+    private onSlotChange;
+    private onScroll;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-carousel-slide/swirl-carousel-slide.d.ts

@@ -0,0 +1,10 @@
+/**
+ * slot - The slide contents
+ */
+export declare class SwirlCarouselSlide {
+    aspectRatio?: string;
+    label?: string;
+    minHeight?: string;
+    width?: string;
+    render(): any;
+}

package/dist/types/components/swirl-carousel-slide/swirl-carousel-slide.stories.d.ts

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

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlCheckboxLabelWeight = "medium" | "regular";
+export type SwirlCheckboxState = boolean | "true" | "false" | "indeterminate";
+export type SwirlCheckboxVariant = "default" | "card";
+export declare class SwirlCheckbox {
+    checked?: SwirlCheckboxState;
+    description?: string;
+    disabled?: boolean;
+    swirlAriaDescribedby?: string;
+    swirlAriaLabel?: string;
+    inputId: string;
+    inputName: string;
+    invalid?: boolean;
+    label?: string;
+    labelWeight?: SwirlCheckboxLabelWeight;
+    value?: string;
+    variant?: SwirlCheckboxVariant;
+    valueChange: EventEmitter<boolean>;
+    private onChange;
+    private getAriaCheckedLabel;
+    render(): any;
+}

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

@@ -0,0 +1,19 @@
+import Docs from "./swirl-checkbox.mdx";
+declare const _default: {
+    argTypes: {
+        checked: {
+            control: string;
+            options: (string | boolean)[];
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlCheckbox: any;

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

@@ -0,0 +1,33 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlChipBorderRadius = "pill" | "sm";
+export type SwirlChipIconColor = "default" | "highlight";
+export type SwirlChipIntent = "default" | "critical" | "success";
+export type SwirlChipSize = "s" | "m";
+export type SwirlChipVariant = "outline" | "plain";
+/**
+ * @slot avatar - Optional avatar displayed inside the chip. Should have size "xs".
+ */
+export declare class SwirlChip {
+    el: HTMLElement;
+    borderRadius?: SwirlChipBorderRadius;
+    icon?: string;
+    iconColor?: SwirlChipIconColor;
+    intent?: SwirlChipIntent;
+    interactive?: boolean;
+    label: string;
+    progress?: number;
+    pressed?: boolean;
+    progressBarLabel?: string;
+    removable?: boolean;
+    removeButtonLabel?: string;
+    size?: SwirlChipSize;
+    variant?: SwirlChipVariant;
+    chipClick: EventEmitter<MouseEvent>;
+    removeChip?: EventEmitter<MouseEvent>;
+    private iconEl;
+    private mediaQueryUnsubscribe;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private forceIconProps;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import Docs from "./swirl-chip.mdx";
+declare const _default: {
+    argTypes: {
+        icon: {
+            table: {
+                type: {
+                    detail: string;
+                    summary: string;
+                };
+            };
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlChip: any;

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import "vanilla-colorful";
+export declare class SwirlColorInput {
+    autoFocus?: boolean;
+    autoSelect?: boolean;
+    disabled?: boolean;
+    swirlAriaDescribedby?: string;
+    inline?: boolean;
+    invalid?: boolean;
+    pickerButtonLabel?: string;
+    pickerLabel?: string;
+    placeholder?: string;
+    required?: boolean;
+    value?: string;
+    readonly?: boolean;
+    inputBlur: EventEmitter<FocusEvent>;
+    inputFocus: EventEmitter<FocusEvent>;
+    valueChange: EventEmitter<string>;
+    private inputEl;
+    private picker;
+    private pickerId;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    watchValue(newValue: string, oldValue: string): void;
+    private onPickerChange;
+    private onChange;
+    private onBlur;
+    private onFocus;
+    private onInput;
+    private handleAutoSelect;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,6 @@
+export type SwirlColumnsSpacing = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32";
+export declare class SwirlColumns {
+    columns?: string;
+    spacing?: SwirlColumnsSpacing;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-console-layout/swirl-console-layout.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot app-bar - Custom app bar content (replaces the default app bar when provided)
+ * @slot content - The main content
+ * @slot content-header-tools - Button positioned next to the heading
+ * @slot footer - Footer content positioned at the bottom of the layout
+ * @slot heading - The main content's heading (only rendered if "heading" prop is not set).
+ * @slot navigation - The main navigation
+ * @slot overlays - Overlays like dialogs, modals and toasts
+ * @slot user - The signed in user information at the bottom of the sidebar
+ */
+export declare class SwirlConsoleLayout {
+    el: HTMLElement;
+    appName?: string;
+    backButonLabel?: string;
+    heading?: string;
+    helpButonLabel?: string;
+    hideNavigationButtonLabel?: string;
+    logoText?: string;
+    navigationLabel?: string;
+    maxContentWidth?: string;
+    showBackButton?: boolean;
+    showHelpButton?: boolean;
+    showNavigationButtonLabel?: string;
+    subheading?: string;
+    hideContentHeader?: boolean;
+    sidebarActive: boolean;
+    contentScrollState: {
+        scrollable: boolean;
+        scrolledToTop: boolean;
+        scrolledToBottom: boolean;
+    };
+    hasCustomAppBar: boolean;
+    hasFooter: boolean;
+    backButtonClick: EventEmitter<MouseEvent>;
+    helpButtonClick: EventEmitter<MouseEvent>;
+    private sidebarEl;
+    private contentEl;
+    componentDidLoad(): void;
+    private updateCustomAppBarStatus;
+    private updateFooterStatus;
+    private updateContentScrollState;
+    private onMainScroll;
+    onWindowResize(): void;
+    /**
+     * Toggle the mobile navigation visibility.
+     */
+    toggleSidebar(): Promise<void>;
+    /**
+     * Show the mobile navigation.
+     */
+    showSidebar(): Promise<void>;
+    /**
+     * Hide the mobile navigation.
+     */
+    hideSidebar(): Promise<void>;
+    private activateSidebar;
+    private deactivateSidebar;
+    private onBackButtonClick;
+    private onHelpButtonClick;
+    private onMobileNavigationToggleClick;
+    private onClick;
+    private onKeyDown;
+    render(): any;
+}

package/dist/types/components/swirl-console-layout/swirl-console-layout.stories.d.ts

@@ -0,0 +1,15 @@
+import Docs from "./swirl-console-layout.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+        layout: string;
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlConsoleLayout: any;
+export declare const WithCustomAppBarAndFooter: any;