@getflip/swirl-ai 0.448.0

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

@@ -0,0 +1,20 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot slot - The accordion items (e.g. swirl-accordion-item).
+ */
+export declare class SwirlAccordion {
+    multiExpand: boolean;
+    el: HTMLElement;
+    expandedItemChange: EventEmitter<string>;
+    componentDidLoad(): void;
+    /**
+     * Collapses an accordion item.
+     */
+    collapseItem(itemId: string): Promise<void>;
+    /**
+     * Expands an accordion item.
+     */
+    expandItem(itemId: string): Promise<void>;
+    private collapseInactiveItems;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-accordion-item/swirl-accordion-item.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlHeadingLevel } from "../swirl-heading/swirl-heading";
+/**
+ * @slot slot - The accordion item content.
+ * @slot media - Media slot for content to be displayed before the content.
+ * @slot trailing - Trailing slot for content to be displayed before the expand icon.
+ */
+export declare class SwirlAccordionItem {
+    el: HTMLElement;
+    description?: string;
+    disabled?: boolean;
+    heading: string;
+    headingLevel?: SwirlHeadingLevel;
+    initiallyOpen?: boolean;
+    itemId?: string;
+    expansionChange: EventEmitter<boolean>;
+    expanded: boolean;
+    private accordion;
+    private headingId;
+    componentWillLoad(): void;
+    /**
+     * Collapses the accordion item.
+     */
+    collapse(): Promise<void>;
+    /**
+     * Expands the accordion item.
+     */
+    expand(): Promise<void>;
+    /**
+     * Toggles the accordion item.
+     */
+    toggle(): Promise<void>;
+    private onHeadingClick;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * @slot slot - The action list items and sections
+ */
+export declare class SwirlActionList {
+    el: HTMLElement;
+    isInsidePopover: boolean;
+    private container;
+    componentDidLoad(): void;
+    private getItems;
+    private onKeyDown;
+    private onFocusOut;
+    private onFocus;
+    private focusNextItem;
+    private focusPreviousItem;
+    private getActiveItemIndex;
+    private setSectionSeparator;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,29 @@
+export type SwirlActionListItemIntent = "default" | "critical";
+export type SwirlActionListItemSize = "m" | "l";
+/**
+ * @slot suffix - Used to add custom content to the end of the action list item.
+ * @slot avatar - Optional avatar displayed to the left of the label
+ */
+export declare class SwirlActionListItem {
+    el: HTMLElement;
+    badge?: string;
+    disabled?: boolean;
+    description?: string;
+    icon?: string;
+    iconBadge?: string;
+    intent?: SwirlActionListItemIntent;
+    label: string;
+    size?: SwirlActionListItemSize;
+    swirlAriaExpanded?: string;
+    swirlAriaHaspopup?: string;
+    suffix?: string;
+    truncateLabel?: boolean;
+    private iconEl;
+    private iconBadgeEl;
+    private suffixEl;
+    private mediaQueryUnsubscribe;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private forceIconProps;
+    render(): any;
+}

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

@@ -0,0 +1,14 @@
+import Docs from "./swirl-action-list-item.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 SwirlActionListItem: any;

package/dist/types/components/swirl-action-list-section/swirl-action-list-section.d.ts

@@ -0,0 +1,12 @@
+import { SwirlSeparatorSpacing } from "../swirl-separator/swirl-separator";
+import { SwirlStackSpacing } from "../swirl-stack/swirl-stack";
+/**
+ * @slot slot - The action list item components
+ */
+export declare class SwirlActionListSection {
+    label: string;
+    separatorSpacing?: SwirlSeparatorSpacing;
+    spacing?: SwirlStackSpacing;
+    hasSeparator?: boolean;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-app-bar/swirl-app-bar.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlAppBarPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32";
+/**
+ * @slot heading - The app bar's heading element
+ * @slot center-controls - Container for controls displayed in the center
+ * @slot cta - Container for a call to action button
+ * @slot right-controls - Container for controls displayed at the end of the bar
+ */
+export declare class SwirlAppBar {
+    el: HTMLElement;
+    backButtonLabel?: string;
+    closeButtonIcon?: string;
+    closeButtonLabel?: string;
+    paddingInlineEnd?: SwirlAppBarPadding;
+    paddingInlineStart?: SwirlAppBarPadding;
+    stepUpButtonLabel?: string;
+    stepDownButtonLabel?: string;
+    showBackButton?: boolean;
+    showCloseButton?: boolean;
+    showHeading?: boolean;
+    showStepperControls?: boolean;
+    hasCta: boolean;
+    backButtonClick: EventEmitter<MouseEvent>;
+    closeButtonClick: EventEmitter<MouseEvent>;
+    stepUpButtonClick: EventEmitter<MouseEvent>;
+    stepDownButtonClick: EventEmitter<MouseEvent>;
+    private mutationObserver;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    onBackButtonClick: (event: MouseEvent) => void;
+    onCloseButtonClick: (event: MouseEvent) => void;
+    onStepUpButtonClick: (event: MouseEvent) => void;
+    onStepDownButtonClick: (event: MouseEvent) => void;
+    private updateCtaStatus;
+    render(): any;
+}

package/dist/types/components/swirl-app-bar/swirl-app-bar.stories.d.ts

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

package/dist/types/components/swirl-app-icon/swirl-app-icon.d.ts

@@ -0,0 +1,11 @@
+export declare class SwirlAppIcon {
+    icon?: string;
+    src?: string;
+    imageAvailable: boolean | undefined;
+    private imgEl;
+    disconnectedCallback(): void;
+    private setImageAvailable;
+    private setImageUnavailable;
+    private onImageElementUpdate;
+    render(): any;
+}

package/dist/types/components/swirl-app-icon/swirl-app-icon.stories.d.ts

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

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

@@ -0,0 +1,128 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlAppLayoutMobileView = "navigation" | "body" | "sidebar";
+export type SwirlAppLayoutNavigationExpansionState = "expanded" | "collapsed" | "overlayed";
+export type SwirlAppLayoutSidebarPositioning = "auto" | "overlay";
+/**
+ * @slot content - Main content area
+ * @slot navigation - The navigation area content
+ * @slot navigation-controls - Controls for the navigation header
+ * @slot navigation-mobile-menu-button - Used to add a mobile shell layout menu button to navigation
+ * @slot app-bar - The app bar contents
+ * @slot bottom-bar - The bottom bar contents
+ * @slot custom-app-bar-back-button - Replaces the mobile default back button of the content app bar
+ * @slot app-bar-mobile-menu-button - Used to add a mobile shell layout menu button to the app bar
+ * @slot banner - Used to show a banner below the app bar
+ * @slot sidebar - Content of the right sidebar
+ * @slot custom-sidebar-header - Replaces the default sidebar header
+ * @slot floating-action-button - Floating button displayed in the bottom right corner
+ */
+export declare class SwirlAppLayout {
+    el: HTMLElement;
+    appName: string;
+    backToNavigationViewButtonLabel?: string;
+    collapsibleNavigation?: boolean;
+    ctaIcon?: string;
+    ctaLabel?: string;
+    hasNavigation: boolean;
+    hideAppBar?: boolean;
+    initialMobileView?: SwirlAppLayoutMobileView;
+    navigationBackButtonLabel?: string;
+    navigationExpansionStateStorageKey?: string;
+    navigationToggleLabel?: string;
+    navigationOverlayLabel?: string;
+    navigationLabel?: string;
+    roundedCorners?: boolean;
+    showNavigationBackButton?: boolean;
+    sidebarPositioning?: SwirlAppLayoutSidebarPositioning;
+    sidebarCloseButtonLabel?: string;
+    sidebarHeading?: string;
+    transitionStyle?: string;
+    contentScrollState: {
+        scrollable: boolean;
+        scrolledToTop: boolean;
+        scrolledToBottom: boolean;
+    };
+    hasBottomBar: boolean;
+    hasCustomAppBarBackButton: boolean;
+    hasSidebar: boolean;
+    isDesktop: boolean;
+    mobileView: SwirlAppLayoutMobileView;
+    navScrollState: {
+        scrollable: boolean;
+        scrolledToTop: boolean;
+    };
+    navExpansionState: SwirlAppLayoutNavigationExpansionState;
+    sidebarActive: boolean;
+    sidebarClosing: boolean;
+    sidebarOpening: boolean;
+    sidebarScrollState: {
+        scrollable: boolean;
+        scrolledToTop: boolean;
+    };
+    transitioningFrom: string;
+    transitioningTo: string;
+    ctaClick: EventEmitter<MouseEvent>;
+    mobileViewChange: EventEmitter<SwirlAppLayoutMobileView>;
+    navigationBackButtonClick: EventEmitter<MouseEvent>;
+    navigationExpansionStateChange: EventEmitter<SwirlAppLayoutNavigationExpansionState>;
+    sidebarToggle: EventEmitter<boolean>;
+    private contentEl;
+    private headerEl;
+    private mutationObserver;
+    private navEl;
+    private sidebarClosingTimeout;
+    private sidebarOpeningTimeout;
+    private sidebarEl;
+    private transitionTimeout;
+    private mediaQueryUnsubscribe;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onDocumentClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    watchMobileView(): void;
+    /**
+     * Show the sidebar
+     */
+    showSidebar(): Promise<void>;
+    /**
+     * Hide the sidebar
+     */
+    hideSidebar(): Promise<void>;
+    /**
+     * Toggle the sidebar
+     */
+    toggleSidebar(): Promise<void>;
+    /**
+     * Get state of the collapsible navigation
+     */
+    getCollapsibleNavigationState(): Promise<SwirlAppLayoutNavigationExpansionState>;
+    /**
+     * Set state of the collapsible navigation
+     */
+    setCollapsibleNavigationState(state: SwirlAppLayoutNavigationExpansionState): Promise<void>;
+    /**
+     * Change the currently displayed view on mobile viewports
+     * @param mobileView
+     */
+    changeMobileView(mobileView: SwirlAppLayoutMobileView, transition?: boolean): Promise<void>;
+    private checkMobileView;
+    private updateBottomBarStatus;
+    private updateNavigationStatus;
+    private updateCustomAppBarBackButtonStatus;
+    private updateSidebarStatus;
+    private onBackToNavigationViewButtonClick;
+    private onCtaClick;
+    private onNavigationBackButtonClick;
+    private onSidebarCloseButtonClick;
+    private updateContentScrollState;
+    private onContentScroll;
+    private updateNavScrollState;
+    private onNavScroll;
+    private updateSidebarScrollState;
+    private onSidebarScroll;
+    private toggleNavigation;
+    private overlayNavigation;
+    private restoreNavExpansionState;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+import Docs from "./swirl-app-layout.mdx";
+declare const _default: {
+    argTypes: {
+        appName: {
+            description: string;
+        };
+        transitionStyle: {
+            control: string;
+            options: string[];
+        };
+    };
+    component: string;
+    tags: string[];
+    decorators: ((story: any) => HTMLDivElement)[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+        layout: string;
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlAppLayout: any;

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

@@ -0,0 +1,56 @@
+import { ComputePositionReturn } from "@floating-ui/dom";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlFormInput } from "../../utils";
+import { SwirlTextInputMode } from "../swirl-text-input/swirl-text-input";
+export type SwirlAutocompleteValue = SwirlAutocompleteSuggestion | SwirlAutocompleteSuggestion[];
+export type SwirlAutocompleteSuggestion = {
+    disabled?: boolean;
+    id: string;
+    label: string;
+};
+export declare class SwirlAutocomplete implements SwirlFormInput<SwirlAutocompleteValue> {
+    el: HTMLElement;
+    autoSelect?: boolean;
+    clearable?: boolean;
+    clearButtonLabel?: string;
+    disabled?: boolean;
+    generateSuggestions?: (term: string) => Promise<SwirlAutocompleteSuggestion[]>;
+    inline?: boolean;
+    invalid?: boolean;
+    maxLength?: number;
+    menuLabel?: string;
+    mode?: SwirlTextInputMode;
+    multiSelect?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    spellCheck?: boolean;
+    swirlAriaDescribedby?: string;
+    value?: SwirlAutocompleteValue;
+    active: boolean;
+    loading: boolean;
+    position: ComputePositionReturn;
+    suggestions: SwirlAutocompleteSuggestion[];
+    valueChange: EventEmitter<SwirlAutocompleteValue>;
+    private disableAutoUpdate;
+    private id;
+    private listboxContainerEl;
+    private listboxEl;
+    private inputEl;
+    componentWillLoad(): void;
+    onWindowClick(event: MouseEvent): void;
+    watchMultiSelect(): void;
+    private close;
+    private open;
+    private reposition;
+    private updateSuggestions;
+    private onChange;
+    private updateTerm;
+    private onSelect;
+    private onRemoveValue;
+    private onFocusOut;
+    private onFocus;
+    private onKeyDown;
+    private onInputKeyDown;
+    private handleInitialValue;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import Docs from "./swirl-autocomplete.mdx";
+declare const _default: {
+    component: string;
+    tags: string[];
+    argTypes: {
+        value: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            page: typeof Docs;
+            source: {
+                code: string;
+            };
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlAutocomplete: any;

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

@@ -0,0 +1,47 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlAvatarBadgePosition = "bottom" | "top";
+export type SwirlAvatarLoading = "lazy" | "auto" | "eager" | "intersecting";
+export type SwirlAvatarToolPosition = "bottom" | "top";
+export type SwirlAvatarColor = "banana" | "blueberry" | "chilli" | "grape" | "kiwi" | "neutral" | "pumpkin" | "radish";
+export type SwirlAvatarSize = "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl";
+export type SwirlAvatarVariant = "round" | "square";
+/**
+ * @slot tool - Used to show a badge or (icon) button on the avatar.
+ */
+export declare class SwirlAvatar {
+    element: HTMLElement;
+    badge?: string;
+    badgePosition?: SwirlAvatarBadgePosition;
+    color?: SwirlAvatarColor;
+    icon?: string;
+    initials?: string;
+    interactive?: boolean;
+    label: string;
+    loading?: SwirlAvatarLoading;
+    showLabel?: boolean;
+    size?: SwirlAvatarSize;
+    src?: string;
+    toolPosition?: SwirlAvatarToolPosition;
+    variant?: SwirlAvatarVariant;
+    loadingError: boolean;
+    loaded: boolean;
+    imageAvailable: boolean | undefined;
+    inViewport: boolean;
+    imageError: EventEmitter<void>;
+    imageLoad: EventEmitter<void>;
+    private componentLoaded;
+    private imgEl;
+    private intersectionObserver;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    watchSrcProp(): void;
+    private setupIntersectionObserver;
+    private onVisibilityChange;
+    private onImageElementUpdate;
+    private setImageAvailable;
+    private setImageUnavailable;
+    private onKeydown;
+    private onKeyup;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,18 @@
+export type SwirlAvatarGroupLayout = "diagonal" | "horizontal";
+export type SwirlAvatarGroupSemantics = "list" | "group";
+/**
+ * @slot slot - Your avatar components
+ */
+export declare class SwirlAvatarGroup {
+    badge?: string;
+    label?: string;
+    layout?: SwirlAvatarGroupLayout;
+    semantics?: SwirlAvatarGroupSemantics;
+    avatars: HTMLElement[];
+    private badgeEl;
+    componentDidLoad(): void;
+    private forceBadgeProps;
+    private onSlotChange;
+    private layOutAvatars;
+    render(): any;
+}

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

@@ -0,0 +1,24 @@
+import Docs from "./swirl-avatar-group.mdx";
+declare const _default: {
+    argTypes: {
+        badge: {
+            table: {
+                type: {
+                    detail: string;
+                    summary: string;
+                };
+            };
+        };
+    };
+    component: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const SwirlAvatarGroup: any;
+export declare const WithHorizontalLayout: any;

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

@@ -0,0 +1,11 @@
+export type SwirlBadgeIntent = "banana" | "blueberry" | "chilli" | "critical" | "grape" | "info" | "kiwi" | "neutral" | "pumpkin" | "radish" | "strong";
+export type SwirlBadgeSize = "xs" | "s" | "m";
+export type SwirlBadgeVariant = "default" | "dot";
+export declare class SwirlBadge {
+    icon?: string;
+    intent?: SwirlBadgeIntent;
+    label: string;
+    size?: SwirlBadgeSize;
+    variant?: SwirlBadgeVariant;
+    render(): any;
+}

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

@@ -0,0 +1,23 @@
+import Docs from "./swirl-badge.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 SwirlBadge: any;