@kubex/zinc 1.0.4 → 1.0.5

package/dist/zn.d.ts

@@ -199,6 +199,7 @@ declare module "internal/slot" {
         hostConnected(): void;
         hostDisconnected(): void;
         getSlot(slotName: string): Element;
+        getDefaultSlot(): HTMLElement[];
         getSlots(slotName: string): NodeListOf<HTMLElement>;
         private handleSlotChange;
     }
@@ -475,7 +476,7 @@ declare module "utilities/md5" {
 declare module "components/icon/icon.component" {
     import { type CSSResultGroup } from 'lit';
     import ZincElement from "internal/zinc-element";
-    type IconLibrary = "material" | "material-outlined" | "material-round" | "material-sharp" | "material-two-tone" | "material-symbols-outlined" | "gravatar" | "libravatar" | "avatar" | "brands" | "line";
+    type IconLibrary = "src" | "material" | "material-outlined" | "material-round" | "material-sharp" | "material-two-tone" | "material-symbols-outlined" | "gravatar" | "libravatar" | "avatar" | "brands" | "line";
     export type IconColor = "default" | "primary" | "accent" | "info" | "warning" | "error" | "success" | "white" | "disabled" | "red" | "blue" | "green" | "orange" | "yellow" | "indigo" | "violet" | "pink" | "grey";
     /**
      * @summary Short summary of the component's intended use.
@@ -502,6 +503,8 @@ declare module "components/icon/icon.component" {
         round: boolean;
         library: IconLibrary;
         color: IconColor;
+        padded: boolean;
+        squared: boolean;
         gravatarOptions: string;
         defaultLibrary: IconLibrary;
         convertToLibrary(input: string): IconLibrary;
@@ -557,12 +560,14 @@ declare module "components/menu-item/menu-item.component" {
         type: 'normal' | 'checkbox';
         /** Draws the item in a checked state. */
         checked: boolean;
+        checkedPosition: 'left' | 'right';
         /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
         value: string;
         /** Draws the menu item in a loading state. */
         loading: boolean;
         /** Draws the menu item in a disabled state, preventing selection. */
         disabled: boolean;
+        color: string;
         href: string;
         dataPath: string;
         target: '_self' | '_blank' | '_parent' | '_top' | string;
@@ -608,6 +613,9 @@ declare module "events/zn-select" {
         }
     }
 }
+declare module "utilities/query" {
+    export function deepQuerySelectorAll(selector: string, element: Element, stopSelector: string): Element[];
+}
 declare module "internal/offset" {
     /**
      * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
@@ -700,6 +708,7 @@ declare module "components/dialog/dialog.component" {
          * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
          */
         label: string;
+        cosmic: boolean;
         /**
          * Disables the header. This will also remove the default close button, so please ensure you provide an easy,
          * accessible way to close the dialog.
@@ -734,9 +743,6 @@ declare module "components/dialog/index" {
         }
     }
 }
-declare module "utilities/query" {
-    export function deepQuerySelectorAll(selector: string, element: Element, stopSelector: string): Element[];
-}
 declare module "components/confirm/confirm.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
@@ -1077,6 +1083,7 @@ declare module "components/button/button.component" {
         square: boolean;
         dropdownCloser: boolean;
         notification: number;
+        mutedNotifications: boolean;
         verticalAlign: 'start' | 'center' | 'end';
         content: string;
         icon: string;
@@ -1189,15 +1196,22 @@ declare module "components/collapsible/collapsible.component" {
         caption: string;
         description: string;
         label: string;
+        showNumber: boolean;
+        countElement: string;
         expanded: boolean;
         defaultState: 'open' | 'closed';
         localStorage: boolean;
         storeKey: string;
         storeTtl: number;
         flush: boolean;
+        numberOfItems: number;
         protected _store: Store;
+        private readonly hasSlotController;
+        private observer;
         connectedCallback(): void;
+        disconnectedCallback(): void;
         handleCollapse: (e: MouseEvent) => void;
+        recalculateNumberOfItems: () => void;
         render(): import("lit").TemplateResult<1>;
     }
 }
@@ -1236,7 +1250,7 @@ declare module "components/alert/alert.component" {
         icon: string;
         caption: string;
         collapse: boolean;
-        level: 'primary' | 'error' | 'info' | 'success' | 'warning' | 'note';
+        level: 'primary' | 'error' | 'info' | 'success' | 'warning' | 'note' | 'cosmic';
         size: 'small' | 'medium' | 'large';
         render(): import("lit").TemplateResult<1>;
         hideAlert(): void;
@@ -1608,6 +1622,48 @@ declare module "components/skeleton/index" {
         }
     }
 }
+declare module "components/data-select/providers/country-data-provider" {
+    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
+    export const countryDataProvider: LocalDataProvider<DataProviderOption>;
+}
+declare module "components/data-select/providers/currency-data-provider" {
+    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
+    export const currencyDataProvider: LocalDataProvider<DataProviderOption>;
+}
+declare module "components/data-select/providers/color-data-provider" {
+    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
+    export const colors: string[];
+    export const colorDataProvider: LocalDataProvider<DataProviderOption>;
+}
+declare module "components/data-select/providers/country-code-data-provider" {
+    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
+    export const countryDialPrefixDataProvider: LocalDataProvider<DataProviderOption>;
+}
+declare module "components/data-select/providers/provider" {
+    import type { HTMLTemplateResult } from "lit";
+    /**
+     * Providers are what the data select component uses to get data. They are
+     * responsible for defining the data.
+     */
+    export interface LocalDataProvider<T> {
+        getName: string;
+        getData: T[];
+    }
+    export interface RemoteDataProvider<T> {
+        getName: string;
+        getData: () => Promise<T[]>;
+    }
+    export interface DataProviderOption {
+        key: string;
+        value: string;
+        prefix?: string | HTMLTemplateResult;
+    }
+    export const emptyDataProvider: LocalDataProvider<DataProviderOption>;
+    export * from "components/data-select/providers/country-data-provider";
+    export * from "components/data-select/providers/currency-data-provider";
+    export * from "components/data-select/providers/color-data-provider";
+    export * from "components/data-select/providers/country-code-data-provider";
+}
 declare module "internal/animate" {
     /**
      * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
@@ -1695,6 +1751,7 @@ declare module "components/option/option.component" {
         };
         private cachedTextLabel;
         private readonly localize;
+        multiple: boolean;
         defaultSlot: HTMLSlotElement;
         current: boolean;
         selected: boolean;
@@ -1938,119 +1995,20 @@ declare module "components/select/index" {
         }
     }
 }
-declare module "components/data-table/data-table.component" {
-    import { type CSSResultGroup, type TemplateResult } from 'lit';
-    import { type ZnFilterChangeEvent } from "events/zn-filter-change";
+declare module "components/data-select/data-select.component" {
+    import { type DataProviderOption, type LocalDataProvider } from "components/data-select/providers/provider";
+    import { FormControlController } from "internal/form";
     import ZincElement from "internal/zinc-element";
-    import ZnButton from "components/button/index";
-    import ZnButtonGroup from "components/button-group/index";
-    import ZnChip from "components/chip/index";
-    import ZnConfirm from "components/confirm/index";
-    import ZnDropdown from "components/dropdown/index";
-    import ZnEmptyState from "components/empty-state/index";
-    import ZnHoverContainer from "components/hover-container/index";
-    import ZnMenu from "components/menu/index";
-    import ZnMenuItem from "components/menu-item/index";
-    import ZnSkeleton from "components/skeleton/index";
-    interface TableData {
-        page: number;
-        per_page: number;
-        total: number;
-        total_pages: number;
-        data: any[];
-    }
-    export enum ActionSlots {
-        delete = "delete-action",
-        modify = "modify-action",
-        create = "create-action",
-        filter = "filter",
-        sort = "sort"
-    }
-    interface RenderDataValue {
-        value: string | number;
-        type: string;
-        tag: string;
-        url: string;
-        target: string;
-        gaid?: string;
-        html?: string;
-        color?: string;
-        caption: CaptionConfig;
-        buttons: ButtonConfig[];
-        menu: MenuConfig[];
-        icon: IconConfig;
-        hover: HoverContainerConfig;
-    }
-    interface CaptionConfig {
-        title: string;
-        summary: string;
-        uri: string;
-        target: string;
-        gaid: string;
-        icon: IconConfig;
-    }
-    interface IconConfig {
-        src: string;
-        size: number;
-        color: string;
-    }
-    interface HoverContainerConfig {
-        label: string;
-        content: string;
-        anchor: string;
-        placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-        icon: IconConfig;
-    }
-    interface ButtonConfig {
-        id: string;
-        href: string;
-        gaid: string;
-        uri: string;
-        size: string;
-        color: string;
-        icon: string;
-        iconSize: string;
-        tooltip: string;
-        target: string;
-        label: string;
-        outline: boolean;
-        confirm: ConfirmConfig;
-    }
-    interface MenuConfig {
-        id: string;
-        href: string;
-        gaid: string;
-        target: string;
-        label: string;
-    }
-    interface ConfirmConfig {
-        type: string;
-        trigger: string;
-        fid: string;
-        caption: string;
-        content: string;
-        action: string;
-    }
-    interface HeaderConfig {
-        title: string;
-        position: string;
-    }
+    import type { CSSResultGroup } from 'lit';
+    import type { ZincFormControl } from "internal/zinc-element";
+    import type ZnSelect from "components/select/index";
     /**
      * @summary Short summary of the component's intended use.
-     * @documentation https://zinc.style/components/data-table
+     * @documentation https://zinc.style/components/data-select
      * @status experimental
      * @since 1.0
      *
-     * @dependency zn-button
-     * @dependency zn-empty-state
-     * @dependency zn-chip
-     * @dependency zn-hover-container
-     * @dependency zn-dropdown
-     * @dependency zn-menu
-     * @dependency zn-menu-item
-     * @dependency zn-button-group
-     * @dependency zn-confirm
-     * @dependency zn-skeleton
+     * @dependency zn-example
      *
      * @event zn-event-name - Emitted as an example.
      *
@@ -2061,134 +2019,66 @@ declare module "components/data-table/data-table.component" {
      *
      * @cssproperty --example - An example CSS custom property.
      */
-    export default class ZnDataTable extends ZincElement {
+    export default class ZnDataSelect extends ZincElement implements ZincFormControl {
         static styles: CSSResultGroup;
-        static dependencies: {
-            'zn-button': typeof ZnButton;
-            'zn-empty-state': typeof ZnEmptyState;
-            'zn-chip': typeof ZnChip;
-            'zn-hover-container': typeof ZnHoverContainer;
-            'zn-dropdown': typeof ZnDropdown;
-            'zn-menu': typeof ZnMenu;
-            'zn-menu-item': typeof ZnMenuItem;
-            'zn-button-group': typeof ZnButtonGroup;
-            'zn-confirm': typeof ZnConfirm;
-            'zn-skeleton': typeof ZnSkeleton;
-        };
-        dataUri: string;
-        data: any;
-        sortColumn: string;
-        sortDirection: string;
-        filter: string;
-        wideColumn: string;
-        key: string;
-        headers: Record<string, string | HeaderConfig>;
-        hiddenHeaders: string;
-        hiddenColumns: string;
-        unsortableHeaders: string;
-        unsortable: boolean;
-        hidePagination: boolean;
-        standalone: boolean;
-        caption: string;
-        hideCheckboxes: boolean;
-        filters: [];
-        private _initialLoad;
-        private _lastTableContent;
-        private resizeObserver;
-        private itemsPerPage;
-        private page;
-        private totalPages;
-        private _rows;
-        private _filteredRows;
-        private numberOfRowsSelected;
-        private selectedRows;
-        private tableContainer;
-        private hasSlotController;
-        private _dataTask;
-        render(): TemplateResult<1>;
+        select: ZnSelect;
+        selectPrefix: HTMLElement;
+        /** The name of the select. Used for form submission. */
+        name: string;
+        /** The value of the select. Used for form submission. */
+        value: string;
+        /** The provider of the select. */
+        provider: 'color' | 'currency' | 'country' | 'phone';
+        iconPosition: 'start' | 'end' | 'none';
+        /** An array of keys to use for filtering the options in the selected provider. */
+        filter: string[];
+        /** The selects size. */
+        size: 'small' | 'medium' | 'large';
+        /** Should we show the clear button */
+        clearable: boolean;
+        /** Include an "All" option at the top. */
+        allowAll: boolean;
+        /** The selects label. If you need to display HTML, use the `label` slot instead. */
+        label: string;
+        /** Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the `label-tooltip` slot instead. */
+        labelTooltip: string;
+        /** Text that appears above the input, on the right, to add additional context. If you need to display HTML in this text, use the `context-note` slot instead. */
+        contextNote: string;
+        /**
+         * The preferred placement of the selects menu. Note that the actual placement may vary as needed to keep the listbox
+         * inside the viewport.
+         */
+        placement: 'top' | 'bottom';
+        /** The selects help text. If you need to display HTML, use the `help-text` slot instead. */
+        helpText: string;
+        /** The selects required attribute. */
+        required: boolean;
+        protected readonly formControlController: FormControlController;
+        get validationMessage(): string;
+        get validity(): ValidityState;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        changeEventListener: (e: ZnFilterChangeEvent) => void;
-        renderTable(data: TableData): TemplateResult<1>;
-        getTableHeader(): TemplateResult<1>;
-        getTableFooter(): TemplateResult<1>;
-        getRowsSelected(): TemplateResult<1> | null;
-        getPagination(): TemplateResult<1> | null;
-        getActions(): TemplateResult<1>[];
-        goToPage(page: number): void;
-        goToFirstPage(): void;
-        goToPreviousPage(): void;
-        goToNextPage(): void;
-        goToLastPage(): void;
-        updateRowsPerPage(event: Event): void;
-        selectAll(event: Event): void;
-        private updateActionKeys;
-        selectRow(e: PointerEvent): void;
-        clearSelectedRows(event: Event): void;
-        updateSort(key: string): () => void;
-        renderData(data: RenderDataValue): TemplateResult;
-        private getTableSortIcon;
-        private renderCellHeader;
-        private renderCellBody;
-        private hasHeaderPosition;
-        private getRows;
-        private getSelectedKeys;
-        private updateKeys;
-        private updateModifyKeys;
-        private updateDeleteKeys;
-        private sortData;
-        private loadingTable;
-    }
-}
-declare module "components/data-table/index" {
-    import ZnDataTable from "components/data-table/data-table.component";
-    export * from "components/data-table/data-table.component";
-    export default ZnDataTable;
-    global {
-        interface HTMLElementTagNameMap {
-            'zn-data-table': ZnDataTable;
-        }
-    }
-}
-declare module "components/cols/cols.component" {
-    import { type CSSResultGroup } from 'lit';
-    import ZincElement from "internal/zinc-element";
-    /**
-     * @summary Short summary of the component's intended use.
-     * @documentation https://zinc.style/components/columns
-     * @status experimental
-     * @since 1.0
-     *
-     * @dependency zn-example
-     *
-     * @event zn-event-name - Emitted as an example.
-     *
-     * @slot - The default slot.
-     * @slot example - An example slot.
-     *
-     * @csspart base - The component's base wrapper.
-     *
-     * @cssproperty --example - An example CSS custom property.
-     */
-    export default class ZnCols extends ZincElement {
-        static styles: CSSResultGroup;
-        layout: string;
-        maxColumns: number;
-        noGap: boolean;
-        border: boolean;
-        pad: boolean;
-        padX: boolean;
-        padY: boolean;
-        render(): import("lit").TemplateResult<1>;
+        checkValidity(): boolean;
+        getForm(): HTMLFormElement | null;
+        reportValidity(): boolean;
+        setCustomValidity(message: string): void;
+        closeOnTab: (e: KeyboardEvent) => void;
+        handleValueChange(): Promise<void>;
+        handleInput: (e: Event) => void;
+        handleClear: () => void;
+        getLocalProvider(name: string): LocalDataProvider<DataProviderOption>;
+        blur: () => void;
+        protected render(): import("lit").TemplateResult<1>;
+        private _updatePrefix;
     }
 }
-declare module "components/cols/index" {
-    import ZnCols from "components/cols/cols.component";
-    export * from "components/cols/cols.component";
-    export default ZnCols;
+declare module "components/data-select/index" {
+    import ZnDataSelect from "components/data-select/data-select.component";
+    export * from "components/data-select/data-select.component";
+    export default ZnDataSelect;
     global {
         interface HTMLElementTagNameMap {
-            'zn-cols': ZnCols;
+            'zn-data-select': ZnDataSelect;
         }
     }
 }
@@ -2406,111 +2296,459 @@ declare module "components/input/index" {
         }
     }
 }
-declare module "components/defined-label/defined-label.component" {
-    import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+declare module "utilities/lit-to-html" {
+    import { type TemplateResult } from "lit";
+    export function litToHTML<T extends HTMLElement>(templateResult: TemplateResult): T | null;
+}
+declare module "events/zn-change" {
+    export type ZnChangeEvent = CustomEvent<Record<PropertyKey, never>>;
+    global {
+        interface GlobalEventHandlersEventMap {
+            'zn-change': ZnChangeEvent;
+        }
+    }
+}
+declare module "events/zn-input" {
+    export type ZnInputEvent = CustomEvent<Record<PropertyKey, never>>;
+    global {
+        interface GlobalEventHandlersEventMap {
+            'zn-input': ZnInputEvent;
+        }
+    }
+}
+declare module "components/query-builder/query-builder.component" {
+    import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
+    import ZnButton from "components/button/index";
+    import ZnInput from "components/input/index";
+    import ZnOption from "components/option/index";
+    import ZnSelect from "components/select/index";
     import type { ZincFormControl } from "internal/zinc-element";
-    import type ZnDropdown from "components/dropdown/index";
-    import type ZnInput from "components/input/index";
+    export type QueryBuilderData = QueryBuilderItem[];
+    export interface QueryBuilderItem {
+        id: string;
+        name: string;
+        type?: QueryBuilderType;
+        options?: QueryBuilderOptions;
+        operators: QueryBuilderOperators[];
+        maxOptionsVisible?: string;
+    }
+    export type QueryBuilderType = 'bool' | 'boolean' | 'date' | 'number';
+    export interface QueryBuilderOptions {
+        [key: string | number]: string | number;
+    }
+    export enum QueryBuilderOperators {
+        Eq = "eq",
+        Neq = "neq",
+        Eqi = "eqi",
+        Neqi = "neqi",
+        Before = "before",
+        After = "after",
+        In = "in",
+        Nin = "nin",
+        MatchPhrasePre = "matchphrasepre",
+        NMatchPhrasePre = "nmatchphrasepre",
+        MatchPhrase = "matchphrase",
+        NMatchPhrase = "nmatchphrase",
+        Match = "match",
+        NMatch = "nmatch",
+        Contains = "contains",
+        DoesNotContain = "doesnotcontain",
+        Starts = "starts",
+        NStarts = "nstarts",
+        Ends = "ends",
+        NEnds = "nends",
+        Wild = "wild",
+        NWild = "nwild",
+        Like = "like",
+        NLike = "nlike",
+        Fuzzy = "fuzzy",
+        NFuzzy = "nfuzzy",
+        Gte = "gte",
+        Gt = "gt",
+        Lt = "lt",
+        Lte = "lte"
+    }
+    export interface CreatedRule {
+        id: string;
+        name: string;
+        operator: string;
+        value: string;
+    }
     /**
-     * @summary This component provides a labeled input with support for predefined and custom labels,
-     * allowing users to select or enter label-value pairs within a dropdown interface.
-     * @documentation https://zinc.style/components/defined-label
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/query-builder
      * @status experimental
      * @since 1.0
      *
      * @dependency zn-button
-     * @dependency zn-dropdown
      * @dependency zn-input
      * @dependency zn-option
-     * @dependency zn-panel
      * @dependency zn-select
-     * @dependency zn-sp
      *
-     * @csspart input - The component's main input.
-     * @csspart input-value - The label's value inputs.
+     * @slot - The default slot.
+     * @slot example - An example slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
      */
-    export default class ZnDefinedLabel extends ZincElement implements ZincFormControl {
+    export default class ZnQueryBuilder extends ZincElement implements ZincFormControl {
         static styles: CSSResultGroup;
-        private readonly formControlController;
-        input: ZnInput;
-        dropdown: ZnDropdown;
-        value: string;
-        inputValue: string;
-        inputSize: 'x-small' | 'small' | 'medium' | 'large';
+        static dependencies: {
+            'zn-button': typeof ZnButton;
+            'zn-input': typeof ZnInput;
+            'zn-option': typeof ZnOption;
+            'zn-select': typeof ZnSelect;
+        };
+        private _selectedRules;
+        private _formController;
+        private _previousOperator;
+        container: HTMLDivElement;
+        addRule: ZnSelect;
+        input: HTMLInputElement;
+        filters: QueryBuilderData;
+        dropdown: boolean;
         name: string;
-        title: string;
-        disabled: boolean;
-        allowCustom: boolean;
-        predefinedLabels: never[];
+        value: PropertyKey;
+        showValues: string[];
         get validationMessage(): string;
         get validity(): ValidityState;
+        protected firstUpdated(_changedProperties: PropertyValues): void;
+        render(): import("lit").TemplateResult<1>;
+        private _handleChange;
+        private _addRule;
+        private _createInput;
+        private _changeValueInput;
+        private _createBooleanInput;
+        private _createNumberInput;
+        private _createDateInput;
+        private _createSelectInput;
+        private _createDefaultInput;
+        private _updateOperatorValue;
+        private _updateDateValue;
+        private _updateValue;
+        private updateInValue;
+        private _changeRule;
+        private _getRulePosition;
+        private _removeRule;
+        clear(): void;
+        reset(): void;
         checkValidity(): boolean;
         getForm(): HTMLFormElement | null;
         reportValidity(): boolean;
         setCustomValidity(message: string): void;
-        handleValueChange(): Promise<void>;
-        protected firstUpdated(changedProperties: PropertyValues): void;
-        private handleChange;
-        private handleInput;
-        private handleClick;
-        private handleInputValueChange;
-        private handleInputValueInput;
-        private handleFormSubmit;
-        render(): TemplateResult<1>;
     }
 }
-declare module "components/defined-label/index" {
-    import ZnDefinedLabel from "components/defined-label/defined-label.component";
-    export * from "components/defined-label/defined-label.component";
-    export default ZnDefinedLabel;
+declare module "components/query-builder/index" {
+    import ZnQueryBuilder from "components/query-builder/query-builder.component";
+    export * from "components/query-builder/query-builder.component";
+    export default ZnQueryBuilder;
     global {
         interface HTMLElementTagNameMap {
-            'zn-defined-label': ZnDefinedLabel;
+            'zn-query-builder': ZnQueryBuilder;
         }
     }
 }
-declare module "components/data-select/providers/country-data-provider" {
-    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
-    export const countryDataProvider: LocalDataProvider<DataProviderOption>;
-}
-declare module "components/data-select/providers/currency-data-provider" {
-    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
-    export const currencyDataProvider: LocalDataProvider<DataProviderOption>;
-}
-declare module "components/data-select/providers/country-code-data-provider" {
-    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
-    export const countryDialPrefixDataProvider: LocalDataProvider<DataProviderOption>;
-}
-declare module "components/data-select/providers/provider" {
-    import type { HTMLTemplateResult } from "lit";
-    /**
-     * Providers are what the data select component uses to get data. They are
-     * responsible for defining the data.
-     */
-    export interface LocalDataProvider<T> {
-        getName: string;
-        getData: T[];
+declare module "components/data-table/data-table.component" {
+    import { type CSSResultGroup, type TemplateResult } from 'lit';
+    import { type ZnFilterChangeEvent } from "events/zn-filter-change";
+    import ZincElement from "internal/zinc-element";
+    import ZnButton from "components/button/index";
+    import ZnButtonGroup from "components/button-group/index";
+    import ZnChip from "components/chip/index";
+    import ZnConfirm from "components/confirm/index";
+    import ZnDropdown from "components/dropdown/index";
+    import ZnEmptyState from "components/empty-state/index";
+    import ZnHoverContainer from "components/hover-container/index";
+    import ZnMenu from "components/menu/index";
+    import ZnMenuItem from "components/menu-item/index";
+    import ZnSkeleton from "components/skeleton/index";
+    interface Cell {
+        text: string;
+        column: string;
+        color?: string;
+        style?: string;
+        iconSrc?: string;
+        iconColor?: string;
+        hoverContent?: string;
+        hoverPlacement?: string;
+        chipColor?: string;
+        gaid?: string;
+        sortValue?: string;
+        uri?: string;
+        target?: string;
     }
-    export interface RemoteDataProvider<T> {
-        getName: string;
-        getData: () => Promise<T[]>;
+    interface Row {
+        id: string;
+        uri?: string;
+        target?: string;
+        actions?: ActionConfig[];
+        cells: Cell[];
+    }
+    interface Response {
+        rows: Row[];
+        perPage: number;
+        total: number;
+        page: number;
     }
-    export interface DataProviderOption {
+    export enum ActionSlots {
+        delete = "delete-action",
+        modify = "modify-action",
+        create = "create-action",
+        filter = "filter",
+        filter_top = "filter-top",
+        sort = "sort",
+        inputs = "inputs"
+    }
+    interface ActionConfig {
+        text: string;
+        uri: string;
+        target: string;
+        gaid: string;
+        confirmType: string;
+        confirmTitle: string;
+        confirmContent: string;
+        icon: string;
+        type: string;
+    }
+    interface HeaderConfig {
+        key: string;
+        label: string;
+        required?: boolean;
+        default?: boolean;
+        sortable?: boolean;
+        filterable?: boolean;
+    }
+    /**
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/data-table
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-button
+     * @dependency zn-empty-state
+     * @dependency zn-chip
+     * @dependency zn-hover-container
+     * @dependency zn-dropdown
+     * @dependency zn-menu
+     * @dependency zn-menu-item
+     * @dependency zn-button-group
+     * @dependency zn-confirm
+     * @dependency zn-skeleton
+     *
+     * @event zn-event-name - Emitted as an example.
+     *
+     * @slot - The default slot.
+     * @slot example - An example slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
+     */
+    export default class ZnDataTable extends ZincElement {
+        static styles: CSSResultGroup;
+        static dependencies: {
+            'zn-button': typeof ZnButton;
+            'zn-empty-state': typeof ZnEmptyState;
+            'zn-chip': typeof ZnChip;
+            'zn-hover-container': typeof ZnHoverContainer;
+            'zn-dropdown': typeof ZnDropdown;
+            'zn-menu': typeof ZnMenu;
+            'zn-menu-item': typeof ZnMenuItem;
+            'zn-button-group': typeof ZnButtonGroup;
+            'zn-confirm': typeof ZnConfirm;
+            'zn-skeleton': typeof ZnSkeleton;
+        };
+        dataUri: string;
+        data: any;
+        sortColumn: string;
+        sortDirection: string;
+        filter: string;
+        wideColumn: string;
         key: string;
+        headers: Record<string, HeaderConfig>;
+        hiddenHeaders: string;
+        hiddenColumns: string;
+        unsortableHeaders: string;
+        unsortable: boolean;
+        hidePagination: boolean;
+        standalone: boolean;
+        caption: string;
+        emptyStateCaption: string;
+        emptyStateIcon: string;
+        hideCheckboxes: boolean;
+        filters: [];
+        method: 'GET' | 'POST';
+        noInitialLoad: boolean;
+        private _initialLoad;
+        private _lastTableContent;
+        private resizeObserver;
+        private itemsPerPage;
+        private page;
+        private totalPages;
+        private _rows;
+        private numberOfRowsSelected;
+        private selectedRows;
+        private tableContainer;
+        private hasSlotController;
+        private _dataTask;
+        private rowHasActions;
+        requestParams: Record<string, any>;
+        builtinRequestParams: Record<string, any>;
+        refresh(): void;
+        render(): TemplateResult<1>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        changeEventListener: (e: ZnFilterChangeEvent) => void;
+        emptyState(): TemplateResult<1>;
+        renderTable(data: Response): TemplateResult<1>;
+        getTableHeader(): TemplateResult<1>;
+        getTableFooter(): TemplateResult<1>;
+        getRowsSelected(): TemplateResult<1> | null;
+        getPagination(): TemplateResult<1> | null;
+        getActions(): TemplateResult<1>[];
+        goToPage(page: number): void;
+        goToFirstPage(): void;
+        goToPreviousPage(): void;
+        goToNextPage(): void;
+        goToLastPage(): void;
+        updateRowsPerPage(event: Event): void;
+        selectAll(event: Event): void;
+        selectRow(e: PointerEvent): void;
+        clearSelectedRows(event: Event): void;
+        updateSort(key: string): () => void;
+        renderCell(data: Cell): TemplateResult;
+        private updateActionKeys;
+        private getTableSortIcon;
+        private renderCellHeader;
+        private renderCellBody;
+        private getRows;
+        private getSelectedKeys;
+        private updateKeys;
+        private updateModifyKeys;
+        private updateDeleteKeys;
+        private extractComparable;
+        private sortData;
+        private loadingTable;
+        private renderActions;
+    }
+}
+declare module "components/data-table/index" {
+    import ZnDataTable from "components/data-table/data-table.component";
+    export * from "components/data-table/data-table.component";
+    export default ZnDataTable;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-data-table': ZnDataTable;
+        }
+    }
+}
+declare module "components/cols/cols.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    /**
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/columns
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-example
+     *
+     * @event zn-event-name - Emitted as an example.
+     *
+     * @slot - The default slot.
+     * @slot example - An example slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
+     */
+    export default class ZnCols extends ZincElement {
+        static styles: CSSResultGroup;
+        layout: string;
+        maxColumns: number;
+        noGap: boolean;
+        border: boolean;
+        pad: boolean;
+        padX: boolean;
+        padY: boolean;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/cols/index" {
+    import ZnCols from "components/cols/cols.component";
+    export * from "components/cols/cols.component";
+    export default ZnCols;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-cols': ZnCols;
+        }
+    }
+}
+declare module "components/defined-label/defined-label.component" {
+    import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    import type { ZincFormControl } from "internal/zinc-element";
+    import type ZnDropdown from "components/dropdown/index";
+    import type ZnInput from "components/input/index";
+    /**
+     * @summary This component provides a labeled input with support for predefined and custom labels,
+     * allowing users to select or enter label-value pairs within a dropdown interface.
+     * @documentation https://zinc.style/components/defined-label
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-button
+     * @dependency zn-dropdown
+     * @dependency zn-input
+     * @dependency zn-option
+     * @dependency zn-panel
+     * @dependency zn-select
+     * @dependency zn-sp
+     *
+     * @csspart input - The component's main input.
+     * @csspart input-value - The label's value inputs.
+     */
+    export default class ZnDefinedLabel extends ZincElement implements ZincFormControl {
+        static styles: CSSResultGroup;
+        private readonly formControlController;
+        input: ZnInput;
+        dropdown: ZnDropdown;
         value: string;
-        prefix?: string | HTMLTemplateResult;
+        inputValue: string;
+        inputSize: 'x-small' | 'small' | 'medium' | 'large';
+        name: string;
+        title: string;
+        disabled: boolean;
+        allowCustom: boolean;
+        predefinedLabels: never[];
+        get validationMessage(): string;
+        get validity(): ValidityState;
+        checkValidity(): boolean;
+        getForm(): HTMLFormElement | null;
+        reportValidity(): boolean;
+        setCustomValidity(message: string): void;
+        handleValueChange(): Promise<void>;
+        protected firstUpdated(changedProperties: PropertyValues): void;
+        private handleChange;
+        private handleInput;
+        private handleClick;
+        private handleInputValueChange;
+        private handleInputValueInput;
+        private handleFormSubmit;
+        render(): TemplateResult<1>;
     }
-    export const emptyDataProvider: LocalDataProvider<DataProviderOption>;
-    export * from "components/data-select/providers/country-data-provider";
-    export * from "components/data-select/providers/currency-data-provider";
-    export * from "components/data-select/providers/color-data-provider";
-    export * from "components/data-select/providers/country-code-data-provider";
 }
-declare module "components/data-select/providers/color-data-provider" {
-    import type { DataProviderOption, LocalDataProvider } from "components/data-select/providers/provider";
-    export const colors: string[];
-    export const colorDataProvider: LocalDataProvider<DataProviderOption>;
+declare module "components/defined-label/index" {
+    import ZnDefinedLabel from "components/defined-label/defined-label.component";
+    export * from "components/defined-label/defined-label.component";
+    export default ZnDefinedLabel;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-defined-label': ZnDefinedLabel;
+        }
+    }
 }
 declare module "components/note/note.component" {
     import { type colors } from "components/data-select/providers/color-data-provider";
@@ -2768,10 +3006,13 @@ declare module "components/navbar/navbar.component" {
         navigation: never[];
         fullWidth: boolean;
         iconBar: boolean;
+        slim: boolean;
+        border: boolean;
         hideOne: boolean;
         flush: boolean;
         stacked: boolean;
         dropdown: never[];
+        noPad: false;
         private _preItems;
         private _postItems;
         private _appended;
@@ -2858,9 +3099,9 @@ declare module "components/header/index" {
 }
 declare module "components/inline-edit/inline-edit.component" {
     import { type CSSResultGroup, type HTMLTemplateResult } from 'lit';
-    import type { ZincFormControl } from "internal/zinc-element";
     import ZincElement from "internal/zinc-element";
     import ZnSelect from "components/select/index";
+    import type { ZincFormControl } from "internal/zinc-element";
     import type ZnInput from "components/input/index";
     /**
      * @summary Short summary of the component's intended use.
@@ -2915,8 +3156,10 @@ declare module "components/inline-edit/inline-edit.component" {
         firstUpdated(): Promise<void>;
         handleValueChange(): Promise<void>;
         handleIsEditingChange(): Promise<void>;
+        mouseEventHandler: (e: MouseEvent) => void;
         escKeyHandler: (e: KeyboardEvent) => void;
-        handleEditClick: () => void;
+        submitKeyHandler: (e: KeyboardEvent) => void;
+        handleEditClick: (e: MouseEvent) => void;
         handleSubmitClick: (e: MouseEvent) => void;
         handleCancelClick: (e: MouseEvent) => void;
         handleBlur: () => void;
@@ -3093,6 +3336,7 @@ declare module "components/tabs/tabs.component" {
         protected _activeClicks: number;
         private _panel;
         private _panels;
+        private _activeTab;
         private _tabs;
         private _actions;
         private _knownUri;
@@ -3158,11 +3402,13 @@ declare module "components/panel/panel.component" {
         caption: string;
         description: string;
         tabbed: boolean;
+        cosmic: boolean;
         flush: boolean;
         flushX: boolean;
         flushY: boolean;
         transparent: boolean;
         protected firstUpdated(_changedProperties: PropertyValues): void;
+        connectedCallback(): void;
         protected render(): unknown;
     }
 }
@@ -3267,7 +3513,7 @@ declare module "components/pane/index" {
     }
 }
 declare module "utilities/on" {
-    type OnEvent = Event & {
+    export type OnEvent = Event & {
         selectedTarget: EventTarget;
         path: EventTarget[];
     };
@@ -3278,8 +3524,8 @@ declare module "utilities/on" {
 }
 declare module "components/split-pane/split-pane.component" {
     import { type CSSResultGroup } from 'lit';
-    import ZincElement from "internal/zinc-element";
     import { Store } from "internal/storage";
+    import ZincElement from "internal/zinc-element";
     /**
      * @summary Short summary of the component's intended use.
      * @documentation https://zinc.style/components/split-pane
@@ -3433,6 +3679,7 @@ declare module "components/sp/sp.component" {
         flushL: boolean;
         flushR: boolean;
         widthContainer: boolean;
+        formContainer: boolean;
         connectedCallback(): void;
         protected render(): unknown;
     }
@@ -3516,6 +3763,7 @@ declare module "components/stat/stat.component" {
         previous: string;
         currency: string;
         showDelta: boolean;
+        color: 'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral';
         calcPercentageDifference(): number;
         getCurrentAmount(): string;
         private getDisplayAmount;
@@ -3534,7 +3782,7 @@ declare module "components/stat/index" {
     }
 }
 declare module "components/scroll-container/scroll-container.component" {
-    import { type CSSResultGroup } from 'lit';
+    import { type CSSResultGroup, PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
     /**
      * @summary Short summary of the component's intended use.
@@ -3555,7 +3803,14 @@ declare module "components/scroll-container/scroll-container.component" {
      */
     export default class ZnScrollContainer extends ZincElement {
         static styles: CSSResultGroup;
-        constructor();
+        startScrolled: boolean;
+        private container;
+        private footer;
+        protected firstUpdated(_changedProperties: PropertyValues): void;
+        scrollEnd(): void;
+        private _footerResizeObserver?;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
         render(): import("lit").TemplateResult<1>;
     }
 }
@@ -3569,160 +3824,6 @@ declare module "components/scroll-container/index" {
         }
     }
 }
-declare module "utilities/lit-to-html" {
-    import { type TemplateResult } from "lit";
-    export function litToHTML<T extends HTMLElement>(templateResult: TemplateResult): T | null;
-}
-declare module "events/zn-change" {
-    export type ZnChangeEvent = CustomEvent<Record<PropertyKey, never>>;
-    global {
-        interface GlobalEventHandlersEventMap {
-            'zn-change': ZnChangeEvent;
-        }
-    }
-}
-declare module "events/zn-input" {
-    export type ZnInputEvent = CustomEvent<Record<PropertyKey, never>>;
-    global {
-        interface GlobalEventHandlersEventMap {
-            'zn-input': ZnInputEvent;
-        }
-    }
-}
-declare module "components/query-builder/query-builder.component" {
-    import { type CSSResultGroup, type PropertyValues } from 'lit';
-    import ZincElement from "internal/zinc-element";
-    import ZnButton from "components/button/index";
-    import ZnInput from "components/input/index";
-    import ZnOption from "components/option/index";
-    import ZnSelect from "components/select/index";
-    import type { ZincFormControl } from "internal/zinc-element";
-    export type QueryBuilderData = QueryBuilderItem[];
-    export interface QueryBuilderItem {
-        id: string;
-        name: string;
-        type?: QueryBuilderType;
-        options?: QueryBuilderOptions;
-        operators: QueryBuilderOperators[];
-        maxOptionsVisible?: string;
-    }
-    export type QueryBuilderType = 'bool' | 'boolean' | 'date' | 'number';
-    export interface QueryBuilderOptions {
-        [key: string | number]: string | number;
-    }
-    export enum QueryBuilderOperators {
-        Eq = "eq",
-        Neq = "neq",
-        Eqi = "eqi",
-        Neqi = "neqi",
-        Before = "before",
-        After = "after",
-        In = "in",
-        Nin = "nin",
-        MatchPhrasePre = "matchphrasepre",
-        NMatchPhrasePre = "nmatchphrasepre",
-        MatchPhrase = "matchphrase",
-        NMatchPhrase = "nmatchphrase",
-        Match = "match",
-        NMatch = "nmatch",
-        Contains = "contains",
-        DoesNotContain = "doesnotcontain",
-        Starts = "starts",
-        NStarts = "nstarts",
-        Ends = "ends",
-        NEnds = "nends",
-        Wild = "wild",
-        NWild = "nwild",
-        Like = "like",
-        NLike = "nlike",
-        Fuzzy = "fuzzy",
-        NFuzzy = "nfuzzy",
-        Gte = "gte",
-        Gt = "gt",
-        Lt = "lt",
-        Lte = "lte"
-    }
-    export interface CreatedRule {
-        id: string;
-        name: string;
-        operator: string;
-        value: string;
-    }
-    /**
-     * @summary Short summary of the component's intended use.
-     * @documentation https://zinc.style/components/query-builder
-     * @status experimental
-     * @since 1.0
-     *
-     * @dependency zn-button
-     * @dependency zn-input
-     * @dependency zn-option
-     * @dependency zn-select
-     *
-     * @slot - The default slot.
-     * @slot example - An example slot.
-     *
-     * @csspart base - The component's base wrapper.
-     *
-     * @cssproperty --example - An example CSS custom property.
-     */
-    export default class ZnQueryBuilder extends ZincElement implements ZincFormControl {
-        static styles: CSSResultGroup;
-        static dependencies: {
-            'zn-button': typeof ZnButton;
-            'zn-input': typeof ZnInput;
-            'zn-option': typeof ZnOption;
-            'zn-select': typeof ZnSelect;
-        };
-        private _selectedRules;
-        private _formController;
-        private _previousOperator;
-        container: HTMLDivElement;
-        addRule: ZnSelect;
-        input: HTMLInputElement;
-        filters: QueryBuilderData;
-        dropdown: boolean;
-        name: string;
-        value: PropertyKey;
-        showValues: string[];
-        get validationMessage(): string;
-        get validity(): ValidityState;
-        protected firstUpdated(_changedProperties: PropertyValues): void;
-        render(): import("lit").TemplateResult<1>;
-        private _handleChange;
-        private _addRule;
-        private _createInput;
-        private _changeValueInput;
-        private _createBooleanInput;
-        private _createNumberInput;
-        private _createDateInput;
-        private _createSelectInput;
-        private _createDefaultInput;
-        private _updateOperatorValue;
-        private _updateDateValue;
-        private _updateValue;
-        private updateInValue;
-        private _changeRule;
-        private _getRulePosition;
-        private _removeRule;
-        clear(): void;
-        reset(): void;
-        checkValidity(): boolean;
-        getForm(): HTMLFormElement | null;
-        reportValidity(): boolean;
-        setCustomValidity(message: string): void;
-    }
-}
-declare module "components/query-builder/index" {
-    import ZnQueryBuilder from "components/query-builder/query-builder.component";
-    export * from "components/query-builder/query-builder.component";
-    export default ZnQueryBuilder;
-    global {
-        interface HTMLElementTagNameMap {
-            'zn-query-builder': ZnQueryBuilder;
-        }
-    }
-}
 declare module "components/progress-tile/progress-tile.component" {
     import { type CSSResultGroup } from 'lit';
     import ZincElement from "internal/zinc-element";
@@ -3927,9 +4028,150 @@ declare module "components/bulk-actions/index" {
         }
     }
 }
-declare module "components/editor/modules/attachment-module" {
+declare module "components/editor/modules/toolbar/tool/tool.component" {
+    import { type CSSResultGroup } from "lit";
+    import ZincElement from "internal/zinc-element";
+    export default class ZnEditorTool extends ZincElement {
+        static styles: CSSResultGroup;
+        uri: string;
+        label: string;
+        key: string;
+        icon: string;
+        handler: string;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/editor/modules/toolbar/tool/index" {
+    import ZnEditorTool from "components/editor/modules/toolbar/tool/tool.component";
+    export * from "components/editor/modules/toolbar/tool/tool.component";
+    export default ZnEditorTool;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-editor-tool': ZnEditorTool;
+        }
+    }
+}
+declare module "components/editor/modules/toolbar/toolbar.component" {
+    import { type CSSResultGroup, type PropertyValues } from "lit";
+    import ZincElement from "internal/zinc-element";
+    export default class ToolbarComponent extends ZincElement {
+        static styles: CSSResultGroup;
+        containerWidth: number;
+        private _toolbarEl;
+        private _groups;
+        private _overflowMenu;
+        private _overflowGroup;
+        private _resizeObserver;
+        private _resizeId;
+        private _movedContent;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        protected firstUpdated(_changedProperties: PropertyValues): void;
+        handleResize: () => void;
+        private getToolbarWidth;
+        private getOverflowGroupWidth;
+        private restoreMovedContent;
+        private moveContentTo;
+        private isGroupEmpty;
+        private updateEmptyGroups;
+        private _updateDividerClasses;
+        private calculateOverflow;
+        private _dispatchOverflowEvent;
+        private populateOverflowMenu;
+        render(): import("lit").TemplateResult<1>;
+        private _textOptions;
+        private _formatOptions;
+        private _commonFormatOptions;
+        private _historyOptions;
+        private _colorOptions;
+        private _listOptions;
+        private _insertOptions;
+        private _emojiOptions;
+        private _dateOption;
+    }
+}
+declare module "components/editor/modules/dialog/dialog.component" {
+    import { type CSSResultGroup, type PropertyValues } from "lit";
+    import ZincElement from "internal/zinc-element";
+    export default class DialogComponent extends ZincElement {
+        static styles: CSSResultGroup;
+        private hasFocus;
+        dialogEl: HTMLDialogElement;
+        open: boolean;
+        uri: string;
+        private closeWatcher;
+        private _editorId;
+        set editorId(value: string);
+        connectedCallback(): void;
+        protected firstUpdated(_changedProperties: PropertyValues): void;
+        setContent(content: string): void;
+        handleOpenChange(): void;
+        private addOpenListeners;
+        private removeOpenListeners;
+        private requestClose;
+        private _getLoadingState;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/editor/modules/emoji/emoji" {
     import Quill from 'quill';
-    type AttachmentModuleOptions = {
+    export interface EmojiResult {
+        native?: string;
+        skins?: {
+            native?: string;
+        }[];
+        id?: string;
+        shortcodes?: string;
+    }
+    class Emoji {
+        private readonly _quill;
+        private _mo;
+        constructor(quill: Quill);
+        private getHostEditor;
+        private getToolbarEmojiContainer;
+        private getTheme;
+        initPicker(): void;
+        private onEmojiSelect;
+    }
+    export default Emoji;
+}
+declare module "components/editor/modules/toolbar/toolbar" {
+    import "components/editor/modules/toolbar/toolbar.component";
+    import Quill from "quill";
+    import QuillToolbar from "quill/modules/toolbar";
+    import type ToolbarComponent from "components/editor/modules/toolbar/toolbar.component";
+    class Toolbar extends QuillToolbar {
+        private readonly _quill;
+        private readonly _component;
+        private _lastDialogUri?;
+        private _formatters;
+        constructor(quill: Quill, options: {
+            container: ToolbarComponent;
+            handlers?: Record<string, (value?: any) => void>;
+        });
+        callFormat(key: string, value?: string | boolean | undefined): void;
+        trigger(key: string): void;
+        private _attachToolbarHandlers;
+        private _onToolbarClick;
+        private _syncToolbarState;
+        private _updateHeadingFormatMenu;
+        private _updateListFormatMenu;
+        private _updateTextFormatMenu;
+        private _updateColorFormatMenu;
+        private _getTextFormats;
+        private _updateMenuCheckedState;
+        private _updateDropdownTrigger;
+        private _syncButtonState;
+        private _insertDivider;
+        private _openDatePicker;
+        private _openDialog;
+        private _handleOverflowUpdate;
+    }
+    export default Toolbar;
+}
+declare module "components/editor/modules/attachment/attachment" {
+    import type Quill from 'quill';
+    interface AttachmentOptions {
         upload: (file: File) => Promise<{
             path: any;
             url: any;
@@ -3939,12 +4181,12 @@ declare module "components/editor/modules/attachment-module" {
             url: string;
         }) => void;
         attachmentInput?: HTMLInputElement;
-    };
-    export default class AttachmentModule {
+    }
+    export default class Attachment {
         private _quill;
         private _options;
         private _fileHolder;
-        constructor(quill: Quill, options: AttachmentModuleOptions);
+        constructor(quill: Quill, options: AttachmentOptions);
         private _selectLocalImage;
         private _fileChanged;
         private _attachmentContainer;
@@ -3956,103 +4198,189 @@ declare module "components/editor/modules/attachment-module" {
         private _uploadAttachment;
     }
 }
-declare module "components/editor/modules/dialog-module/dialog-module.component" {
-    import { type CSSResultGroup, type PropertyValues, type TemplateResult } from "lit";
+declare module "components/editor/modules/context-menu/context-menu-component" {
+    import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
-    import type { CannedResponse } from "components/editor/editor.component";
-    import type { ZnInputEvent } from "events/zn-input";
-    import type ZnInput from "components/input/index";
-    export default class DialogModuleComponent extends ZincElement {
+    export interface ResultItem {
+        icon: string;
+        label: string;
+        format?: string;
+        key?: string;
+        value?: string | boolean;
+    }
+    export default class ContextMenuComponent extends ZincElement {
         static styles: CSSResultGroup;
-        private hasFocus;
-        private isSearching;
-        dialogEl: HTMLDialogElement;
-        searchInput: ZnInput;
-        commandList: HTMLElement;
-        dialogModule: HTMLElement;
-        allCommands: CannedResponse[];
-        commands: CannedResponse[];
         open: boolean;
-        private closeWatcher;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        protected firstUpdated(_changedProperties: PropertyValues): void;
-        private handleKeyDown;
-        getAllItems(): HTMLElement[];
-        getCurrentItem(): HTMLElement | undefined;
-        setCurrentItem(item: HTMLElement): void;
-        focus(): void;
-        handleOpenChange(): void;
-        private addOpenListeners;
-        private removeOpenListeners;
-        private requestClose;
-        private handleClick;
-        private _createCommand;
-        private isFuzzyMatch;
-        handleSearch(event: ZnInputEvent): void;
-        render(): TemplateResult<1>;
+        query: string;
+        results: ResultItem[];
+        private _activeIndex;
+        show(): void;
+        hide(): void;
+        setPosition(left: number, top: number): void;
+        setActiveIndex(index: number): void;
+        getActiveIndex(): number;
+        private _onClickItem;
+        protected willUpdate(changed: PropertyValues): void;
+        render(): import("lit").TemplateResult<1>;
     }
 }
-declare module "components/editor/modules/events/zn-command-select" {
-    export type ZnCommandSelectEvent = CustomEvent<{
-        item: HTMLElement;
-    }>;
+declare module "components/editor/modules/context-menu/quick-action/quick-action.component" {
+    import ZincElement from "internal/zinc-element";
+    export default class ZnEditorQuickAction extends ZincElement {
+        uri: string;
+        label: string;
+        content: string;
+        key: string;
+        icon: string;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/editor/modules/context-menu/quick-action/index" {
+    import ZnEditorQuickAction from "components/editor/modules/context-menu/quick-action/quick-action.component";
+    export * from "components/editor/modules/context-menu/quick-action/quick-action.component";
+    export default ZnEditorQuickAction;
     global {
-        interface GlobalEventHandlersEventMap {
-            'zn-command-select': ZnCommandSelectEvent;
+        interface HTMLElementTagNameMap {
+            'zn-editor-quick-action': ZnEditorQuickAction;
         }
     }
 }
-declare module "components/editor/modules/dialog-module/dialog-module" {
-    import "components/editor/modules/dialog-module/dialog-module.component";
-    import type { CannedResponse } from "components/editor/editor.component";
-    import type Quill from 'quill';
-    class DialogModule {
+declare module "components/editor/modules/context-menu/context-menu" {
+    import "components/editor/modules/context-menu/context-menu-component";
+    import Quill from "quill";
+    class ContextMenu {
         private _quill;
-        private _dialog;
-        private _commands;
+        private readonly _toolbarModule;
+        private _component;
+        private _startIndex;
+        private _keydownHandler;
+        private _docClickHandler;
         constructor(quill: Quill);
-        setCommands(commands: CannedResponse[]): void;
-        private _open;
-        private _close;
-        private initDialog;
+        private initComponent;
         private attachEvents;
-        private detachEvents;
-        private onCommandSelect;
-        private createDialog;
-        private addCommands;
-        private triggerCommand;
-    }
-    export default DialogModule;
-}
-declare module "components/editor/modules/drag-drop-module" {
-    import Quill from 'quill';
-    interface DragAndDropModuleOptions {
+        private createComponent;
+        private onDocumentClick;
+        private updateFromEditor;
+        private positionComponent;
+        private getToolbarQuery;
+        private onKeydown;
+        private onToolbarSelect;
+        private _clickToolbarItem;
+        private _applySelectedFormat;
+        private deleteLastIndex;
+        private _getOptions;
+        private show;
+        private hide;
+        isOpen(): boolean;
+    }
+    export default ContextMenu;
+}
+declare module "components/editor/modules/date-picker/date-picker" {
+    import Quill from "quill";
+    class DatePicker {
+        private readonly _quill;
+        constructor(quill: Quill);
+        private _initPicker;
+        private getToolbarDateContainer;
+        private _onDateSelect;
+    }
+    export default DatePicker;
+}
+declare module "components/editor/modules/dialog/dialog" {
+    import type Quill from "quill";
+    class Dialog {
+        private readonly _quill;
+        private readonly _editorId;
+        private readonly _document;
+        private _component;
+        constructor(quill: Quill, options: {
+            editorId: string;
+        });
+        private _initDialog;
+        private createComponent;
+        isOpen(): boolean;
+        close(): void;
+    }
+    export default Dialog;
+}
+declare module "components/editor/modules/drag-drop/drag-drop" {
+    import type Quill from 'quill';
+    interface DragAndDropOptions {
         onDrop: (file: File, options: object) => void;
         draggableContentTypePattern: string;
         draggables: [];
     }
-    export default class DragAndDropModule {
+    export default class DragAndDrop {
         private _quill;
         private _options;
         private _container;
         private _draggables;
-        constructor(quill: Quill, options: DragAndDropModuleOptions);
+        constructor(quill: Quill, options: DragAndDropOptions);
         nullReturner: () => null;
         handleDrop: (e: DragEvent) => void;
     }
     export const getFileDataUrl: (file: any) => Promise<unknown>;
 }
-declare module "components/editor/modules/image-resize-module/image-resize-module" {
+declare module "components/editor/modules/emoji/headless/headless-emoji.component" {
+    import ZincElement from "internal/zinc-element";
+    import type { CSSResultGroup, PropertyValues } from 'lit';
+    export interface ResultItem {
+        emojiChar: string;
+        label: string;
+    }
+    export default class HeadlessEmojiComponent extends ZincElement {
+        static styles: CSSResultGroup;
+        open: boolean;
+        query: string;
+        results: ResultItem[];
+        private _activeIndex;
+        show(): void;
+        hide(): void;
+        setPosition(left: number, top: number): void;
+        setActiveIndex(index: number): void;
+        getActiveIndex(): number;
+        private onMouseEnterItem;
+        private onClickItem;
+        protected willUpdate(changed: PropertyValues): void;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/editor/modules/emoji/headless/headless-emoji" {
+    import "components/editor/modules/emoji/headless/headless-emoji.component";
+    import Quill from 'quill';
+    class HeadlessEmoji {
+        private _quill;
+        private _component;
+        private _startIndex;
+        private _keydownHandler;
+        private _docClickHandler;
+        constructor(quill: Quill);
+        private initComponent;
+        private attachEvents;
+        private createComponent;
+        private onDocumentClick;
+        private updateFromEditor;
+        private positionComponent;
+        private getEmojiQuery;
+        private onKeydown;
+        private onEmojiSelect;
+        private replaceAtQuery;
+        private show;
+        private hide;
+        isOpen(): boolean;
+    }
+    export default HeadlessEmoji;
+}
+declare module "components/editor/modules/image-resize/image-resize" {
     import Quill, { Module } from "quill";
-    type ImageResizeModuleOptions = {
+    interface ImageResizeOptions {
         overlayStyles?: Partial<CSSStyleDeclaration>;
-    };
-    class ImageResizeModule extends Module<ImageResizeModuleOptions> {
-        static DEFAULTS: ImageResizeModuleOptions;
+    }
+    class ImageResize extends Module<ImageResizeOptions> {
+        static DEFAULTS: ImageResizeOptions;
         private _focusedImage;
         private _overlay;
-        constructor(quill: Quill, options: ImageResizeModuleOptions);
+        constructor(quill: Quill, options: ImageResizeOptions);
         handleClick: (e: MouseEvent) => void;
         handleScroll: () => void;
         show: (image: HTMLImageElement) => void;
@@ -4063,111 +4391,237 @@ declare module "components/editor/modules/image-resize-module/image-resize-modul
         setUserSelect: (value: string) => void;
         checkImage: (e: KeyboardEvent) => void;
     }
-    export default ImageResizeModule;
+    export default ImageResize;
 }
-declare module "components/editor/modules/menu-module/menu-module.component" {
-    import { type CSSResultGroup, type TemplateResult } from "lit";
+declare module "components/editor/modules/ai/panel/ai-panel.component" {
     import ZincElement from "internal/zinc-element";
-    import type { CannedResponse } from "components/editor/editor.component";
-    import type ZnMenu from "components/menu/index";
-    export default class MenuModuleComponent extends ZincElement {
+    import type { CSSResultGroup } from "lit";
+    export default class AIPanelComponent extends ZincElement {
         static styles: CSSResultGroup;
-        private hasFocus;
-        menuEl: ZnMenu;
-        commandList: HTMLElement;
-        menuModule: HTMLElement;
-        commands: CannedResponse[];
+        promptInput: HTMLTextAreaElement;
         open: boolean;
-        private closeWatcher;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        focus(): void;
+        refine?: (prompt: string) => void;
+        refineBuiltIn?: (e: Event) => void;
         show(): void;
         hide(): void;
-        handleOpenChange(): void;
-        private addOpenListeners;
-        private removeOpenListeners;
-        private requestClose;
-        private showDialog;
-        private handleClick;
-        private _createCommand;
-        render(): TemplateResult<1>;
+        private handleTriggerKeyDown;
+        render(): import("lit").TemplateResult<1>;
     }
 }
-declare module "components/editor/modules/menu-module/menu-module" {
-    import "components/editor/modules/menu-module/menu-module.component";
-    import Quill from 'quill';
-    import type { CannedResponse } from "components/editor/editor.component";
-    interface MenuModuleOptions {
-        cannedResponses: CannedResponse[];
-        cannedResponsesUri: string;
+declare module "components/editor/modules/ai/tooltip/ai-tooltip.component" {
+    import ZincElement from "internal/zinc-element";
+    import type { CSSResultGroup } from "lit";
+    export default class AITooltipComponent extends ZincElement {
+        static styles: CSSResultGroup;
+        open: boolean;
+        show(): void;
+        hide(): void;
+        render(): import("lit").TemplateResult<1>;
     }
-    export let menuOpen: boolean;
-    class MenuModule {
-        private _quill;
-        private _menu;
-        private readonly _cannedResponsesUri;
-        private _commands;
-        constructor(quill: Quill, options: MenuModuleOptions);
-        private initMenu;
-        private attachEvents;
-        private detachEvents;
-        private onTextChange;
-        private onCommandSelect;
-        private onDocumentClick;
-        private updateMenuPosition;
-        private _openMenu;
-        private _closeMenu;
-        private createMenu;
-        private addCommands;
-        private triggerCommand;
-        private fetchCannedResponses;
+}
+declare module "components/textarea/textarea.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement, { type ZincFormControl } from "internal/zinc-element";
+    /**
+     * @summary Textareas collect data from the user and allow multiple lines of text.
+     * @documentation https://zinc.style/components/textarea
+     * @status stable
+     * @since 2.0
+     *
+     * @slot label - The textareas label. Alternatively, you can use the `label` attribute.
+     * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.
+     * @slot context-note - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.
+     * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+     *
+     * @event zn-blur - Emitted when the control loses focus.
+     * @event zn-change - Emitted when an alteration to the control's value is committed by the user.
+     * @event zn-focus - Emitted when the control gains focus.
+     * @event zn-input - Emitted when the control receives input.
+     * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+     *
+     * @csspart form-control - The form control that wraps the label, input, and help text.
+     * @csspart form-control-label - The label's wrapper.
+     * @csspart form-control-input - The input's wrapper.
+     * @csspart form-control-help-text - The help text's wrapper.
+     * @csspart base - The component's base wrapper.
+     * @csspart textarea - The internal `<textarea>` control.
+     */
+    export default class ZnTextarea extends ZincElement implements ZincFormControl {
+        static styles: CSSResultGroup;
+        private readonly formControlController;
+        private readonly hasSlotController;
+        private resizeObserver;
+        formControl: HTMLElement;
+        input: HTMLTextAreaElement;
+        hasFocus: boolean;
+        title: string;
+        /** The name of the textarea, submitted as a name/value pair with form data. */
+        name: string;
+        /** The current value of the textarea, submitted as a name/value pair with form data. */
+        value: string;
+        /** The text area's size. */
+        size: 'small' | 'medium' | 'large';
+        /**  The textarea label. If you need to display HTML, use the `label` slot instead. */
+        label: string;
+        /** Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the `label-tooltip` slot instead. */
+        labelTooltip: string;
+        /** Text that appears above the textarea, on the right, to add additional context. If you need to display HTML in this text, use the `context-note` slot instead. */
+        contextNote: string;
+        /** The text area's help text. If you need to display HTML, use the `help-text` slot instead. */
+        helpText: string;
+        /** Placeholder text to show as a hint when the input is empty. */
+        placeholder: string;
+        /** The number of rows to display by default. */
+        rows: number;
+        /** Controls how the textarea can be resized. */
+        resize: 'none' | 'vertical' | 'auto';
+        /** Disables the textarea. */
+        disabled: boolean;
+        /** Makes the textarea readonly. */
+        readonly: boolean;
+        /**
+         * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+         * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+         * the same document or shadow root for this to work.
+         */
+        form: string;
+        /** Makes the textarea a required field. */
+        required: boolean;
+        /** The minimum length of input that will be considered valid. */
+        minlength: number;
+        /** The maximum length of input that will be considered valid. */
+        maxlength: number;
+        /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
+        autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+        /** Indicates whether the browser's autocorrect feature is on or off. */
+        autocorrect: string;
+        /**
+         * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
+         * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
+         */
+        autocomplete: string;
+        /** Indicates that the input should receive focus on page load. */
+        autofocus: boolean;
+        /** Used to customize the label or icon of the Enter key on virtual keyboards. */
+        enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+        /** Enables spell checking on the textarea. */
+        spellcheck: boolean;
+        /**
+         * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
+         * keyboard on supportive devices.
+         */
+        inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+        /** The default value of the form control. Primarily used for resetting the form control. */
+        defaultValue: string;
+        transparent: boolean;
+        /** Gets the validity state object */
+        get validity(): ValidityState;
+        /** Gets the validation message */
+        get validationMessage(): string;
+        connectedCallback(): void;
+        firstUpdated(): void;
+        disconnectedCallback(): void;
+        private handleBlur;
+        private handleChange;
+        private handleFocus;
+        private handleInput;
+        private handleInvalid;
+        private setTextareaHeight;
+        handleDisabledChange(): void;
+        handleRowsChange(): void;
+        handleValueChange(): Promise<void>;
+        /** Sets focus on the textarea. */
+        focus(options?: FocusOptions): void;
+        /** Removes focus from the textarea. */
+        blur(): void;
+        /** Selects all the text in the textarea. */
+        select(): void;
+        /** Gets or sets the textarea scroll position. */
+        scrollPosition(position?: {
+            top?: number;
+            left?: number;
+        }): {
+            top: number;
+            left: number;
+        } | undefined;
+        /** Sets the start and end positions of the text selection (0-based). */
+        setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): void;
+        /** Replaces a range of text with a new string. */
+        setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
+        /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+        checkValidity(): boolean;
+        /** Gets the associated form, if one exists. */
+        getForm(): HTMLFormElement | null;
+        /** Checks for validity and shows the browser's validation message if the control is invalid. */
+        reportValidity(): boolean;
+        /** Sets a custom validation message. Pass an empty string to restore validity. */
+        setCustomValidity(message: string): void;
+        render(): import("lit").TemplateResult<1>;
     }
-    export default MenuModule;
 }
-declare module "components/editor/modules/time-tracking-module" {
-    import Quill from 'quill';
-    type TimeTrackingModuleOptions = {
+declare module "components/textarea/index" {
+    import ZnTextarea from "components/textarea/textarea.component";
+    export * from "components/textarea/textarea.component";
+    export default ZnTextarea;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-textarea': ZnTextarea;
+        }
+    }
+}
+declare module "components/editor/modules/ai/index" {
+    import Quill from "quill";
+    class QuillAI {
+        private _quill;
+        private readonly _path;
+        private _component;
+        private _selectedText;
+        private _prompt;
+        private _aiResponseContent;
+        constructor(quill: Quill, options: {
+            path: string;
+        });
+        private _initComponent;
+        private _attachEvents;
+        private _latestContent;
+        processAIRequest(): Promise<void>;
+        private _createTooltipComponent;
+        private _createPanelComponent;
+        private _replaceTooltip;
+        private _onDocumentClick;
+        private _updateFromEditor;
+        private _positionComponent;
+        private _setPanelPosition;
+        resetComponent(): void;
+        private _show;
+        private _hide;
+        private _onEscapeKey;
+        private _attachPanelEvents;
+        private _clickPreDefinedEvent;
+        private _enterCustomPrompt;
+    }
+    export default QuillAI;
+}
+declare module "components/editor/modules/time-tracking/time-tracking" {
+    import type Quill from 'quill';
+    interface TimeTrackingOptions {
         startTimeInput?: HTMLInputElement;
         openTimeInput?: HTMLInputElement;
-    };
-    export default class TimeTrackingModule {
+    }
+    export default class TimeTracking {
         private _quill;
         private _options;
         private _startTime;
         private _openTime;
-        constructor(quill: Quill, options: TimeTrackingModuleOptions);
+        constructor(quill: Quill, options: TimeTrackingOptions);
         private _updateOpenTime;
         private _updateStartTime;
     }
 }
-declare module "components/editor/modules/events/zn-show-canned-response-dialog" {
-    export type ZnShowCannedResponseDialogEvent = CustomEvent<{
-        commands: {
-            title: string;
-            content: string;
-            command: string;
-            count: string;
-            labels?: string[];
-        }[];
-    }>;
-    global {
-        interface GlobalEventHandlersEventMap {
-            'zn-show-canned-response-dialog': ZnShowCannedResponseDialogEvent;
-        }
-    }
-}
 declare module "components/editor/editor.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
     import type { ZincFormControl } from "internal/zinc-element";
-    export interface CannedResponse {
-        title: string;
-        content: string;
-        command: string;
-        labels?: string[];
-        count: string;
-    }
     /**
      * @summary Short summary of the component's intended use.
      * @documentation https://zinc.style/components/editor
@@ -4190,13 +4644,16 @@ declare module "components/editor/editor.component" {
         private formControlController;
         private editor;
         private editorHtml;
+        private toolbar;
+        id: string;
         name: string;
         value: string;
         interactionType: 'ticket' | 'chat';
-        cannedResponses: any[];
-        cannedResponsesUri: string;
         uploadAttachmentUrl: string;
+        aiPath: string;
         private quillElement;
+        private _content;
+        private _selectionRange;
         get validity(): ValidityState;
         get validationMessage(): string;
         checkValidity(): boolean;
@@ -4205,10 +4662,13 @@ declare module "components/editor/editor.component" {
         setCustomValidity(message: string): void;
         protected firstUpdated(_changedProperties: PropertyValues): void;
         private _handleTextChange;
-        private _updateIcons;
         private _getQuillKeyboardBindings;
-        private _supplyPlaceholderDialog;
-        private _setupTitleAttributes;
+        private _handleEditorChange;
+        private _replaceTextAtSelection;
+        private _insertTextAtSelection;
+        private _closePopups;
+        private _closeAiPanel;
+        private _closeDialog;
         render(): import("lit").TemplateResult<1>;
     }
 }
@@ -4247,204 +4707,55 @@ declare module "components/toggle/toggle.component" {
         private readonly formControlController;
         input: HTMLInputElement;
         hasFocus: boolean;
-        title: string;
-        name: string;
-        value: string;
-        fallbackValue: string;
-        size: 'small' | 'medium' | 'large';
-        disabled: boolean;
-        checked: boolean;
-        defaultChecked: boolean;
-        form: string;
-        required: boolean;
-        helpText: string;
-        triggerSubmit: boolean;
-        onText: string;
-        offText: string;
-        label: string;
-        get validity(): ValidityState;
-        get validationMessage(): string;
-        firstUpdated(_changedProperties: PropertyValues): void;
-        private handleBlur;
-        private handleInvalid;
-        private handleInput;
-        private handleClick;
-        private handleFocus;
-        private handleKeyDown;
-        click(): void;
-        focus(options?: FocusOptions): void;
-        blur(): void;
-        checkValidity(): boolean;
-        getForm(): HTMLFormElement | null;
-        reportValidity(): boolean;
-        setCustomValidity(message: string): void;
-        render(): import("lit").TemplateResult<1>;
-    }
-}
-declare module "components/toggle/index" {
-    import ZnToggle from "components/toggle/toggle.component";
-    export * from "components/toggle/toggle.component";
-    export default ZnToggle;
-    global {
-        interface HTMLElementTagNameMap {
-            'zn-toggle': ZnToggle;
-        }
-    }
-}
-declare module "components/textarea/textarea.component" {
-    import { type CSSResultGroup } from 'lit';
-    import ZincElement, { type ZincFormControl } from "internal/zinc-element";
-    /**
-     * @summary Textareas collect data from the user and allow multiple lines of text.
-     * @documentation https://zinc.style/components/textarea
-     * @status stable
-     * @since 2.0
-     *
-     * @slot label - The textareas label. Alternatively, you can use the `label` attribute.
-     * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.
-     * @slot context-note - Used to add contextual text that is displayed above the textarea, on the right. Alternatively, you can use the `context-note` attribute.
-     * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
-     *
-     * @event zn-blur - Emitted when the control loses focus.
-     * @event zn-change - Emitted when an alteration to the control's value is committed by the user.
-     * @event zn-focus - Emitted when the control gains focus.
-     * @event zn-input - Emitted when the control receives input.
-     * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
-     *
-     * @csspart form-control - The form control that wraps the label, input, and help text.
-     * @csspart form-control-label - The label's wrapper.
-     * @csspart form-control-input - The input's wrapper.
-     * @csspart form-control-help-text - The help text's wrapper.
-     * @csspart base - The component's base wrapper.
-     * @csspart textarea - The internal `<textarea>` control.
-     */
-    export default class ZnTextarea extends ZincElement implements ZincFormControl {
-        static styles: CSSResultGroup;
-        private readonly formControlController;
-        private readonly hasSlotController;
-        private resizeObserver;
-        formControl: HTMLElement;
-        input: HTMLTextAreaElement;
-        hasFocus: boolean;
-        title: string;
-        /** The name of the textarea, submitted as a name/value pair with form data. */
-        name: string;
-        /** The current value of the textarea, submitted as a name/value pair with form data. */
-        value: string;
-        /** The text area's size. */
-        size: 'small' | 'medium' | 'large';
-        /**  The textarea label. If you need to display HTML, use the `label` slot instead. */
-        label: string;
-        /** Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the `label-tooltip` slot instead. */
-        labelTooltip: string;
-        /** Text that appears above the textarea, on the right, to add additional context. If you need to display HTML in this text, use the `context-note` slot instead. */
-        contextNote: string;
-        /** The text area's help text. If you need to display HTML, use the `help-text` slot instead. */
-        helpText: string;
-        /** Placeholder text to show as a hint when the input is empty. */
-        placeholder: string;
-        /** The number of rows to display by default. */
-        rows: number;
-        /** Controls how the textarea can be resized. */
-        resize: 'none' | 'vertical' | 'auto';
-        /** Disables the textarea. */
-        disabled: boolean;
-        /** Makes the textarea readonly. */
-        readonly: boolean;
-        /**
-         * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-         * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-         * the same document or shadow root for this to work.
-         */
+        title: string;
+        name: string;
+        value: string;
+        fallbackValue: string;
+        size: 'small' | 'medium' | 'large';
+        disabled: boolean;
+        checked: boolean;
+        defaultChecked: boolean;
         form: string;
-        /** Makes the textarea a required field. */
         required: boolean;
-        /** The minimum length of input that will be considered valid. */
-        minlength: number;
-        /** The maximum length of input that will be considered valid. */
-        maxlength: number;
-        /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
-        autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-        /** Indicates whether the browser's autocorrect feature is on or off. */
-        autocorrect: string;
-        /**
-         * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
-         * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
-         */
-        autocomplete: string;
-        /** Indicates that the input should receive focus on page load. */
-        autofocus: boolean;
-        /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-        enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-        /** Enables spell checking on the textarea. */
-        spellcheck: boolean;
-        /**
-         * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
-         * keyboard on supportive devices.
-         */
-        inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-        /** The default value of the form control. Primarily used for resetting the form control. */
-        defaultValue: string;
-        /** Gets the validity state object */
+        helpText: string;
+        triggerSubmit: boolean;
+        onText: string;
+        offText: string;
+        label: string;
         get validity(): ValidityState;
-        /** Gets the validation message */
         get validationMessage(): string;
-        connectedCallback(): void;
-        firstUpdated(): void;
-        disconnectedCallback(): void;
+        firstUpdated(_changedProperties: PropertyValues): void;
         private handleBlur;
-        private handleChange;
-        private handleFocus;
-        private handleInput;
         private handleInvalid;
-        private setTextareaHeight;
-        handleDisabledChange(): void;
-        handleRowsChange(): void;
-        handleValueChange(): Promise<void>;
-        /** Sets focus on the textarea. */
+        private handleInput;
+        private handleClick;
+        private handleFocus;
+        private handleKeyDown;
+        click(): void;
         focus(options?: FocusOptions): void;
-        /** Removes focus from the textarea. */
         blur(): void;
-        /** Selects all the text in the textarea. */
-        select(): void;
-        /** Gets or sets the textarea scroll position. */
-        scrollPosition(position?: {
-            top?: number;
-            left?: number;
-        }): {
-            top: number;
-            left: number;
-        } | undefined;
-        /** Sets the start and end positions of the text selection (0-based). */
-        setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): void;
-        /** Replaces a range of text with a new string. */
-        setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
-        /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
         checkValidity(): boolean;
-        /** Gets the associated form, if one exists. */
         getForm(): HTMLFormElement | null;
-        /** Checks for validity and shows the browser's validation message if the control is invalid. */
         reportValidity(): boolean;
-        /** Sets a custom validation message. Pass an empty string to restore validity. */
         setCustomValidity(message: string): void;
         render(): import("lit").TemplateResult<1>;
     }
 }
-declare module "components/textarea/index" {
-    import ZnTextarea from "components/textarea/textarea.component";
-    export * from "components/textarea/textarea.component";
-    export default ZnTextarea;
+declare module "components/toggle/index" {
+    import ZnToggle from "components/toggle/toggle.component";
+    export * from "components/toggle/toggle.component";
+    export default ZnToggle;
     global {
         interface HTMLElementTagNameMap {
-            'zn-textarea': ZnTextarea;
+            'zn-toggle': ZnToggle;
         }
     }
 }
 declare module "components/checkbox/checkbox.component" {
     import { type CSSResultGroup } from 'lit';
+    import type { ZincFormControl } from "internal/zinc-element";
     import ZincElement from "internal/zinc-element";
     import ZnIcon from "components/icon/index";
-    import type { ZincFormControl } from "internal/zinc-element";
     /**
      * @summary Short summary of the component's intended use.
      * @documentation https://zinc.style/components/checkbox
@@ -4518,6 +4829,7 @@ declare module "components/checkbox/checkbox.component" {
         labelTooltip: string;
         /** Gets the validity state object */
         get validity(): ValidityState;
+        get isChecked(): boolean;
         /** Gets the validation message */
         get validationMessage(): string;
         firstUpdated(): void;
@@ -4712,6 +5024,7 @@ declare module "components/form-group/index" {
 declare module "components/linked-select/linked-select.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
+    import ZnSelect from "components/select/index";
     import type { ZincFormControl } from "internal/zinc-element";
     import type { ZnSelectEvent } from "events/zn-select";
     interface linkedSelectOption {
@@ -4746,9 +5059,10 @@ declare module "components/linked-select/linked-select.component" {
         linkedSelect: string;
         cacheKey: string;
         label: string;
-        input: HTMLInputElement;
+        input: ZnSelect;
         private linkedSelectElement;
         private readonly formControlController;
+        get displayLabel(): string;
         get validity(): ValidityState;
         get validationMessage(): string;
         connectedCallback(): void;
@@ -5389,6 +5703,7 @@ declare module "components/item/item.component" {
         };
         static styles: CSSResultGroup;
         caption: string;
+        description: string;
         stacked: boolean;
         size: 'small' | 'medium' | 'large';
         editOnHover: boolean;
@@ -5397,6 +5712,7 @@ declare module "components/item/item.component" {
         inline: boolean;
         grid: boolean;
         noPadding: boolean;
+        alignEnd: boolean;
         connectedCallback(): void;
         protected updated(_changedProperties: PropertyValues): void;
         render(): import("lit").TemplateResult<1>;
@@ -5412,93 +5728,6 @@ declare module "components/item/index" {
         }
     }
 }
-declare module "components/data-select/data-select.component" {
-    import { type DataProviderOption, type LocalDataProvider } from "components/data-select/providers/provider";
-    import { FormControlController } from "internal/form";
-    import ZincElement from "internal/zinc-element";
-    import type { CSSResultGroup } from 'lit';
-    import type { ZincFormControl } from "internal/zinc-element";
-    import type ZnSelect from "components/select/index";
-    /**
-     * @summary Short summary of the component's intended use.
-     * @documentation https://zinc.style/components/data-select
-     * @status experimental
-     * @since 1.0
-     *
-     * @dependency zn-example
-     *
-     * @event zn-event-name - Emitted as an example.
-     *
-     * @slot - The default slot.
-     * @slot example - An example slot.
-     *
-     * @csspart base - The component's base wrapper.
-     *
-     * @cssproperty --example - An example CSS custom property.
-     */
-    export default class ZnDataSelect extends ZincElement implements ZincFormControl {
-        static styles: CSSResultGroup;
-        select: ZnSelect;
-        selectPrefix: HTMLElement;
-        /** The name of the select. Used for form submission. */
-        name: string;
-        /** The value of the select. Used for form submission. */
-        value: string;
-        /** The provider of the select. */
-        provider: 'color' | 'currency' | 'country' | 'phone';
-        iconPosition: 'start' | 'end' | 'none';
-        /** An array of keys to use for filtering the options in the selected provider. */
-        filter: string[];
-        /** The selects size. */
-        size: 'small' | 'medium' | 'large';
-        /** Should we show the clear button */
-        clearable: boolean;
-        /** Include an "All" option at the top. */
-        allowAll: boolean;
-        /** The selects label. If you need to display HTML, use the `label` slot instead. */
-        label: string;
-        /** Text that appears in a tooltip next to the label. If you need to display HTML in the tooltip, use the `label-tooltip` slot instead. */
-        labelTooltip: string;
-        /** Text that appears above the input, on the right, to add additional context. If you need to display HTML in this text, use the `context-note` slot instead. */
-        contextNote: string;
-        /**
-         * The preferred placement of the selects menu. Note that the actual placement may vary as needed to keep the listbox
-         * inside the viewport.
-         */
-        placement: 'top' | 'bottom';
-        /** The selects help text. If you need to display HTML, use the `help-text` slot instead. */
-        helpText: string;
-        /** The selects required attribute. */
-        required: boolean;
-        protected readonly formControlController: FormControlController;
-        get validationMessage(): string;
-        get validity(): ValidityState;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        checkValidity(): boolean;
-        getForm(): HTMLFormElement | null;
-        reportValidity(): boolean;
-        setCustomValidity(message: string): void;
-        closeOnTab: (e: KeyboardEvent) => void;
-        handleValueChange(): Promise<void>;
-        handleInput: (e: Event) => void;
-        handleClear: () => void;
-        getLocalProvider(name: string): LocalDataProvider<DataProviderOption>;
-        blur: () => void;
-        protected render(): import("lit").TemplateResult<1>;
-        private _updatePrefix;
-    }
-}
-declare module "components/data-select/index" {
-    import ZnDataSelect from "components/data-select/data-select.component";
-    export * from "components/data-select/data-select.component";
-    export default ZnDataSelect;
-    global {
-        interface HTMLElementTagNameMap {
-            'zn-data-select': ZnDataSelect;
-        }
-    }
-}
 declare module "components/button-menu/button-menu.component" {
     import { type CSSResultGroup, type PropertyValues } from 'lit';
     import ZincElement from "internal/zinc-element";
@@ -5523,6 +5752,7 @@ declare module "components/button-menu/button-menu.component" {
         limit: number;
         maxLevel: number;
         size: 'content' | 'x-small' | 'small' | 'medium' | 'large';
+        iconSize: number;
         noGap: boolean;
         noPadding: boolean;
         private _buttons;
@@ -5786,7 +6016,7 @@ declare module "components/page-nav/page-nav.component" {
         items: PageNavigationItem[];
     }
     interface PageNavigationItem {
-        icon: string;
+        icon?: string;
         label: string;
         uri: string;
     }
@@ -5854,8 +6084,8 @@ declare module "components/status-indicator/index" {
 }
 declare module "components/split-button/split-button.component" {
     import { type CSSResultGroup } from 'lit';
-    import type { ZincFormControl } from "internal/zinc-element";
     import ZincElement from "internal/zinc-element";
+    import type { ZincFormControl } from "internal/zinc-element";
     import type { ZnMenuSelectEvent } from "events/zn-menu-select";
     import type ZnButton from "components/button/index";
     import type ZnDropdown from "components/dropdown/index";
@@ -5890,9 +6120,9 @@ declare module "components/split-button/split-button.component" {
         connectedCallback(): void;
         disconnectedCallback(): void;
         handleMenuItemClick(e: ZnMenuSelectEvent): void;
-        handleClick(e: MouseEvent): void;
         handleTriggerClick(): void;
         render(): import("lit").TemplateResult<1>;
+        private renderTriggerSlot;
         checkValidity(): boolean;
         getForm(): HTMLFormElement | null;
         reportValidity(): boolean;
@@ -5926,6 +6156,9 @@ declare module "components/style/style.component" {
         warning: boolean;
         primary: boolean;
         accent: boolean;
+        center: boolean;
+        width: string;
+        height: string;
         pad: string;
         margin: string;
         autoMargin: string;
@@ -5988,6 +6221,104 @@ declare module "components/content-block/index" {
         }
     }
 }
+declare module "components/filter-wrapper/filter-wrapper.component" {
+    import { type CSSResultGroup } from 'lit';
+    import ZincElement from "internal/zinc-element";
+    /**
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/filter-wrapper
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-example
+     *
+     * @event zn-event-name - Emitted as an example.
+     *
+     * @slot - The default slot.
+     * @slot example - An example slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
+     */
+    export default class ZnFilterWrapper extends ZincElement {
+        static styles: CSSResultGroup;
+        button: string;
+        private hasSubmitButton;
+        handleSubmit: (event: Event) => void;
+        connectedCallback(): void;
+        private renderDefaultButton;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/filter-wrapper/index" {
+    import ZnFilterWrapper from "components/filter-wrapper/filter-wrapper.component";
+    export * from "components/filter-wrapper/filter-wrapper.component";
+    export default ZnFilterWrapper;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-filter-wrapper': ZnFilterWrapper;
+        }
+    }
+}
+declare module "components/settings-container/settings-container.component" {
+    import { type CSSResultGroup } from 'lit';
+    import { type ZnChangeEvent } from "events/zn-change";
+    import ZincElement from "internal/zinc-element";
+    interface SettingsContainerFilter {
+        attribute: string;
+        checked: boolean;
+        label: string;
+        itemSelector?: string;
+    }
+    /**
+     * @summary Short summary of the component's intended use.
+     * @documentation https://zinc.style/components/settings-container
+     * @status experimental
+     * @since 1.0
+     *
+     * @dependency zn-example
+     *
+     * @event zn-event-name - Emitted as an example.
+     *
+     * @slot - The default slot.
+     * @slot example - An example slot.
+     *
+     * @csspart base - The component's base wrapper.
+     *
+     * @cssproperty --example - An example CSS custom property.
+     */
+    export default class ZnSettingsContainer extends ZincElement {
+        static styles: CSSResultGroup;
+        filters: SettingsContainerFilter[];
+        position: 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
+        storeKey: string;
+        noScroll: boolean;
+        private _mutationObserver;
+        private _updateFiltersScheduled;
+        private _store;
+        private _hiddenElements;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        private scheduleUpdateFilters;
+        private handleContentSlotChange;
+        private handleFiltersSlotChange;
+        private recomputeFiltersFromSlot;
+        updateFilters(): void;
+        updateFilter(e: ZnChangeEvent): void;
+        render(): import("lit").TemplateResult<1>;
+    }
+}
+declare module "components/settings-container/index" {
+    import ZnSettingsContainer from "components/settings-container/settings-container.component";
+    export * from "components/settings-container/settings-container.component";
+    export default ZnSettingsContainer;
+    global {
+        interface HTMLElementTagNameMap {
+            'zn-settings-container': ZnSettingsContainer;
+        }
+    }
+}
 declare module "events/zn-after-hide" {
     export type ZnAfterHideEvent = CustomEvent<Record<PropertyKey, never>>;
     global {
@@ -6093,6 +6424,9 @@ declare module "zinc" {
     export { default as OrderTable } from "components/order-table/index";
     export { default as BulkActions } from "components/bulk-actions/index";
     export { default as Editor } from "components/editor/index";
+    export { default as EditorTool } from "components/editor/modules/toolbar/tool/index";
+    export { default as EditorQuickAction } from "components/editor/modules/context-menu/quick-action/index";
+    export { default as EditorDialog } from "components/editor/modules/dialog/dialog.component";
     export { default as Toggle } from "components/toggle/index";
     export { default as Input } from "components/input/index";
     export { default as Select } from "components/select/index";
@@ -6122,8 +6456,20 @@ declare module "zinc" {
     export { default as Skeleton } from "components/skeleton/index";
     export { default as Style } from "components/style/index";
     export { default as ContentBlock } from "components/content-block/index";
+    export { default as FilterWrapper } from "components/filter-wrapper/index";
+    export { default as SettingsContainer } from "components/settings-container/index";
     export * from "events/events";
 }
+declare module "components/editor/modules/events/zn-command-select" {
+    export type ZnCommandSelectEvent = CustomEvent<{
+        item: HTMLElement;
+    }>;
+    global {
+        interface GlobalEventHandlersEventMap {
+            'zn-command-select': ZnCommandSelectEvent;
+        }
+    }
+}
 declare module "components/editor/modules/events/zn-editor-update" {
     export type ZnEditorUpdateEvent = CustomEvent<Record<PropertyKey, never>>;
     global {