@getflip/swirl-ai 0.448.0

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

@@ -0,0 +1,66 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlTooltipPosition } from "../swirl-tooltip/swirl-tooltip";
+export type SwirlResourceListItemLabelWeight = "medium" | "regular" | "semibold" | "bold";
+export type SwirlResourceListItemAriaCurrent = "page" | "step" | "location" | "date" | "time" | "true";
+/**
+ * @slot control - Used to add a menu button to the item
+ * @slot badges - Badges displayed inside the item
+ * @slot media - Media displayed inside the item (e.g. swirl-avatar)
+ */
+export declare class SwirlResourceListItem {
+    el: HTMLSwirlResourceListItemElement;
+    active?: boolean;
+    allowDrag?: boolean;
+    allowHtml?: boolean;
+    checked?: boolean;
+    compact?: boolean;
+    description?: string;
+    descriptionWrap?: boolean;
+    disabled?: boolean;
+    dragging?: boolean;
+    dragHandleDescription?: string;
+    dragHandleLabel?: string;
+    hideDivider?: boolean;
+    href?: string;
+    interactive?: boolean;
+    label: string;
+    labelWeight?: SwirlResourceListItemLabelWeight;
+    labelWrap?: boolean;
+    labelMinHeight?: string;
+    labelTooltip?: string;
+    labelTooltipPosition?: SwirlTooltipPosition;
+    menuTriggerId?: string;
+    menuTriggerLabel?: string;
+    meta?: string;
+    selectable?: boolean;
+    swirlAriaCurrent?: SwirlResourceListItemAriaCurrent;
+    swirlAriaLabel?: string;
+    value?: string;
+    alignItems?: string;
+    hasMedia: boolean;
+    iconSize: 20 | 24;
+    toggleDrag: EventEmitter<HTMLSwirlResourceListItemElement>;
+    valueChange: EventEmitter<boolean>;
+    private elementId;
+    private iconEl;
+    private mediaQueryUnsubscribe;
+    private parentSemantics;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private get hasBadges();
+    private get showMeta();
+    private forceIconProps;
+    private updateIconSize;
+    private updateMediaState;
+    private getControl;
+    private makeControlFocusable;
+    private makeControlUnfocusable;
+    private onClick;
+    private onBlur;
+    private onFocus;
+    private onMenuTriggerClick;
+    private onDragHandleKeyDown;
+    private onControlClick;
+    render(): any;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlSearchVariant = "filled" | "outline" | "ghost";
+export declare class SwirlSearch {
+    autoFocus?: boolean;
+    clearButtonLabel?: string;
+    disabled?: boolean;
+    inputName?: string;
+    inputId?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    variant?: SwirlSearchVariant;
+    clearable?: boolean;
+    clear: EventEmitter<void>;
+    inputBlur: EventEmitter<FocusEvent>;
+    inputFocus: EventEmitter<FocusEvent>;
+    inputInput: EventEmitter<string>;
+    valueChange: EventEmitter<string>;
+    private input;
+    private iconEl;
+    private mediaQueryUnsubscribe;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private forceIconProps;
+    onKeyDown(event: KeyboardEvent): void;
+    private handleClear;
+    private onBlur;
+    private onChange;
+    private onFocus;
+    private onInput;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,47 @@
+import { Placement } from "@floating-ui/dom";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlFormInput } from "../../utils";
+export declare class SwirlSelect implements SwirlFormInput<string[]> {
+    el: HTMLElement;
+    allowDeselect?: boolean;
+    disabled?: boolean;
+    emptyListLabel?: string;
+    inline?: boolean;
+    invalid?: boolean;
+    label: string;
+    multiSelect?: boolean;
+    required?: boolean;
+    searchInputLabel?: string;
+    searchLoading?: boolean;
+    searchPlaceholder?: string;
+    selectId?: string;
+    standalone?: boolean;
+    swirlAriaDescribedby?: string;
+    value?: string[];
+    withSearch?: boolean;
+    options: HTMLSwirlOptionListItemElement[];
+    open: boolean;
+    placement: Placement;
+    searchChange: EventEmitter<string>;
+    valueChange: EventEmitter<string[]>;
+    private input;
+    private observer;
+    private optionList;
+    private searchInput;
+    private swirlPopover;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    onWindowFocusIn(event: FocusEvent): void;
+    onValueChange(newValue: string[], oldValue: string[]): void;
+    private observeSlotChanges;
+    private updateOptions;
+    private select;
+    private unselectOption;
+    private onSlotChange;
+    private onOpen;
+    private onClose;
+    private onKeyDown;
+    private onSearchInput;
+    private getValueLabel;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,15 @@
+export type SwirlSeparatorColor = "critical" | "default" | "strong" | "highlight";
+export type SwirlSeparatorOrientation = "horizontal" | "vertical";
+export type SwirlSeparatorSemantics = "separator" | "none";
+export type SwirlSeparatorSpacing = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32";
+export declare class SwirlSeparator {
+    borderColor?: SwirlSeparatorColor;
+    color?: SwirlSeparatorColor;
+    label?: string;
+    orientation?: SwirlSeparatorOrientation;
+    semantics?: SwirlSeparatorSemantics;
+    spacing?: SwirlSeparatorSpacing;
+    componentWillLoad(): void;
+    private forceColor;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,71 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlShellNavigationItemVariant } from "../swirl-shell-navigation-item/swirl-shell-navigation-item";
+export type SwirlShellLayoutSecondaryNavView = "grid" | "list";
+export type SwirlShellLayoutSecondaryNavGridItemVariant = Exclude<SwirlShellNavigationItemVariant, "default">;
+/**
+ * @slot logo - Logo shown inside header.
+ * @slot left-header-tools - Tools positioned on the header's left-hand side.
+ * @slot right-header-tools - Tools positioned on the header's right-hand side.
+ * @slot mobile-header-tools - Tools positioned in the mobile drawer header.
+ * @slot avatar - User avatar positioned on the header's right-hand side.
+ * @slot nav - Items shown in the lower sidebar part.
+ * @slot secondary-nav - Items shown in the secondary navigation area (e.g. when using grid layout).
+ * @slot mobile-logo - Logo shown inside the mobile navigation drawer.
+ * @slot slot - Contents of the main area.
+ */
+export declare class SwirlShellLayout {
+    el: HTMLElement;
+    brandedHeader?: boolean;
+    browserBackButtonLabel?: string;
+    browserForwardButtonLabel?: string;
+    collapseNavigationButtonLabel?: string;
+    enableSecondaryNavGridLayout?: boolean;
+    secondaryNavGridLayoutVariant: SwirlShellLayoutSecondaryNavGridItemVariant;
+    expandNavigationButtonLabel?: string;
+    gridNavLayoutToggleLabel?: string;
+    hideMobileNavigationButtonLabel?: string;
+    listNavLayoutToggleLabel?: string;
+    navigationLabel?: string;
+    secondaryNavCollapseLabel?: string;
+    secondaryNavExpandLabel?: string;
+    skipLinkLabel?: string;
+    historyBackClick: EventEmitter<MouseEvent>;
+    historyForwardClick: EventEmitter<MouseEvent>;
+    skipLinkClick: EventEmitter<MouseEvent>;
+    isDesktopViewport: boolean;
+    mobileNavigationActive?: boolean;
+    navigationCollapsed?: boolean;
+    secondaryNavCollapsed?: boolean;
+    secondaryNavView?: SwirlShellLayoutSecondaryNavView;
+    private focusTrap;
+    private mainNavItems;
+    private navElement;
+    private navMutationObserver;
+    private secondaryNavItems;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    onWindowKeyDown(event: KeyboardEvent): void;
+    watchEnableSecondaryNavGridLayout(): void;
+    watchMobileNavigationState(): void;
+    watchNavigationCollapsed(): void;
+    onWindowResize(): void;
+    /**
+     * Opens the mobile navigation.
+     */
+    showMobileNavigation(): Promise<void>;
+    collectNavItems: () => void;
+    toggleSecondaryNavView: (event: Event) => void;
+    toggleSecondaryNavCollapse: (event: Event) => void;
+    /**
+     * Hides the mobile navigation.
+     */
+    hideMobileNavigation(): Promise<void>;
+    private onNavigationToggleClick;
+    private onNavigationClick;
+    private toggleNavItemLabels;
+    private setSecondaryNavItemsTiled;
+    private restoreSecondaryNavState;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-shell-navigation-item/swirl-shell-navigation-item.d.ts

@@ -0,0 +1,30 @@
+export type SwirlLabelColor = "default" | "light" | "dark";
+export type SwirlShellNavigationItemVariant = "default" | "tiled" | "app-icon";
+export type SwirlShellNavigationItemAriaCurrent = "page" | "true";
+/**
+ * @slot icon - Image or icon to display in the navigation item.
+ */
+export declare class SwirlShellNavigationItem {
+    el: HTMLElement;
+    active?: boolean;
+    badgeLabel?: string;
+    boxed?: boolean;
+    description?: string;
+    filled?: boolean;
+    hideLabel: boolean;
+    href?: string;
+    inlineLabel?: boolean;
+    inlineLabelColor: SwirlLabelColor;
+    label: string;
+    markAsNew?: boolean;
+    markAsNewLabel?: string;
+    swirlAriaCurrent?: SwirlShellNavigationItemAriaCurrent;
+    target?: string;
+    useCustomIconSize?: boolean;
+    variant: SwirlShellNavigationItemVariant;
+    withGradient?: boolean;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    private forceIconProps;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,9 @@
+export type SwirlSkeletonBoxBorderRadius = "s" | "sm" | "base" | "pill" | "none";
+export declare class SwirlSkeletonBox {
+    animated?: boolean;
+    aspectRatio?: string;
+    borderRadius?: SwirlSkeletonBoxBorderRadius;
+    height?: string;
+    width?: string;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-skeleton-text/swirl-skeleton-text.d.ts

@@ -0,0 +1,7 @@
+export type SwirlSkeletonTextSize = "sm" | "base" | "lg" | "xl" | "2xl";
+export declare class SwirlSkeletonText {
+    animated?: boolean;
+    lines?: number;
+    size?: SwirlSkeletonTextSize;
+    render(): any;
+}

package/dist/types/components/swirl-skeleton-text/swirl-skeleton-text.stories.d.ts

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

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

@@ -0,0 +1,6 @@
+export type SwirlSpinnerSize = "xs" | "s" | "m" | 20 | 24 | 36;
+export declare class SwirlSpinner {
+    label?: string;
+    size?: SwirlSpinnerSize;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,20 @@
+export type SwirlStackAlign = "start" | "center" | "end" | "stretch";
+export type SwirlStackJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
+export type SwirlStackOrientation = "horizontal" | "horizontal-reverse" | "vertical" | "vertical-reverse";
+export type SwirlStackSpacing = "0" | "2" | "4" | "8" | "12" | "16" | "24" | "32" | "40" | "48" | "64";
+/**
+ * @slot slot - The stack items.
+ */
+export declare class SwirlStack {
+    align?: SwirlStackAlign;
+    as?: string;
+    height?: string;
+    justify?: SwirlStackJustify;
+    orientation?: SwirlStackOrientation;
+    columnSpacing?: SwirlStackSpacing;
+    rowSpacing?: SwirlStackSpacing;
+    spacing?: SwirlStackSpacing;
+    swirlAriaRole?: string;
+    wrap?: boolean;
+    render(): any;
+}

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

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

package/dist/types/components/swirl-status-indicator/swirl-status-indicator.d.ts

@@ -0,0 +1,6 @@
+export type SwirlStatusIndicatorIntent = "critical" | "info" | "success" | "warning";
+export declare class SwirlStatusIndicator {
+    intent: SwirlStatusIndicatorIntent;
+    label: string;
+    render(): any;
+}

package/dist/types/components/swirl-status-indicator/swirl-status-indicator.stories.d.ts

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

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

@@ -0,0 +1,24 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlSwitchLabelPosition = "start" | "end";
+export declare class SwirlSwitch {
+    el: HTMLElement;
+    checked?: boolean;
+    description?: string;
+    disabled?: boolean;
+    hideDescription?: boolean;
+    hideLabel?: boolean;
+    inputId: string;
+    inputName: string;
+    label?: string;
+    labelPosition?: SwirlSwitchLabelPosition;
+    value?: string;
+    swirlAriaLabel?: string;
+    valueChange: EventEmitter<boolean>;
+    private inputEl;
+    /**
+     * Toggle the switch state programmatically.
+     */
+    toggle(): Promise<void>;
+    private onChange;
+    render(): any;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { SwirlSymbolSize } from "./swirl-symbol.types";
+export declare class SwirlHeading {
+    glyph: string;
+    size: SwirlSymbolSize;
+    render(): any;
+}

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

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

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

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

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-ac-unit.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAcUnit {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-account-circle.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAccountCircle {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-alternate-email.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAlternateEmail {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-android.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAndroid {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-announcement.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAnnouncement {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-autorenew.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolAutorenew {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-backup.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolBackup {
+    size: SwirlSymbolSize;
+    render(): any;
+}

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

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolBadge {
+    size: SwirlSymbolSize;
+    render(): any;
+}

package/dist/types/components/swirl-symbol/symbols/swirl-symbol-barcode-reader.d.ts

@@ -0,0 +1,5 @@
+import { SwirlSymbolSize } from "../swirl-symbol.types";
+export declare class SwirlSymbolBarcodeReader {
+    size: SwirlSymbolSize;
+    render(): any;
+}