angular-tailwind-components 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-components",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "files": [
     "fesm2022",
     "types",

package/styles/tailwind.css

@@ -83,13 +83,13 @@
 
   --color-warning-50: var(--color-amber-50);
   --color-warning-100: var(--color-amber-100);
-  --color-warning-200: var(--color-amber-200);
-  --color-warning-300: var(--color-amber-300);
-  --color-warning-400: var(--color-amber-400);
-  --color-warning-500: var(--color-amber-500);
-  --color-warning-600: var(--color-amber-600);
-  --color-warning-700: var(--color-amber-700);
-  --color-warning-800: var(--color-amber-800);
+  --color-warning-200: var(--color-amber-300);
+  --color-warning-300: var(--color-amber-400);
+  --color-warning-400: var(--color-amber-500);
+  --color-warning-500: var(--color-amber-600);
+  --color-warning-600: var(--color-amber-700);
+  --color-warning-700: var(--color-amber-800);
+  --color-warning-800: var(--color-amber-900);
   --color-warning-900: var(--color-amber-900);
 
   --color-danger-50: var(--color-red-50);
@@ -159,7 +159,7 @@
   --color-on-warning-200: var(--color-neutral-900);
   --color-on-warning-300: var(--color-neutral-900);
   --color-on-warning-400: var(--color-neutral-900);
-  --color-on-warning-500: var(--color-neutral-900);
+  --color-on-warning-500: #ffffff;
   --color-on-warning-600: #ffffff;
   --color-on-warning-700: #ffffff;
   --color-on-warning-800: #ffffff;

package/types/angular-tailwind-components.d.ts

@@ -6,13 +6,17 @@ import { ControlValueAccessor } from '@angular/forms';
 /** Size variants for components */
 type TailwindSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Color variants for buttons and interactive elements */
-type TailwindColor = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info';
+type TailwindColor = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'transparent';
 /** Button kinds */
 type TailwindButtonKind = 'solid' | 'flat' | 'outlined' | 'ghost' | 'text';
+/** ARIA role for `TailwindButton` */
+type TailwindButtonRole = 'button' | 'menuitem' | 'tab' | 'switch' | 'checkbox' | 'radio';
 /** Alert/feedback color variants */
 type TailwindSeverity = 'success' | 'warning' | 'danger' | 'info';
 /** Position variants for overlays */
 type TailwindPosition = 'top' | 'bottom' | 'left' | 'right';
+/** Icon placement relative to button label */
+type TailwindIconPosition = 'left' | 'right';
 /** Shape variants */
 type TailwindShape = 'rounded' | 'pill' | 'square';
 /** Semantic heading level for `TailwindTitle` */
@@ -49,20 +53,28 @@ declare const TAILWIND_HEROICON_NAMES: readonly ["academic-cap", "adjustments-ho
 type TailwindHeroicon = string;
 
 declare class TailwindTooltipDirective implements OnDestroy {
-    text: string;
-    tooltipPosition: TailwindPosition;
+    /** Tooltip text */
+    readonly tooltip: _angular_core.InputSignal<string>;
+    /** Position relative to the trigger */
+    readonly tooltipPosition: _angular_core.InputSignal<TailwindPosition>;
     private showTimeout;
     private hideTimeout;
     private componentRef;
     private viewContainerRef;
     private el;
+    private get host();
     show(): void;
-    hide(): void;
+    hideFromPointer(): void;
+    hideFromFocus(event: FocusEvent): void;
+    private hide;
+    private clearShowTimeout;
+    private clearHideTimeout;
     private createComponent;
+    private updateTooltipComponent;
     private destroyComponent;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailwindTooltipDirective, "[tooltip]", never, { "text": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailwindTooltipDirective, "[tooltip]", never, { "tooltip": { "alias": "tooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -119,7 +131,7 @@ declare class TailwindButton extends TailwindComponent {
     /** Visual color */
     readonly color: _angular_core.InputSignal<TailwindColor>;
     /**
-     * Visual kind: `flat` = filled like `solid` without border or shadow;
+     * Visual kind: `flat` = filled like `solid` without border, shadow, or hover/active background change;
      * `ghost` = transparent with hover tint; `text` = text color only, no hover background.
      * Default from {@link TAILWIND_BUTTON_KIND} or `'solid'`.
      */
@@ -130,13 +142,22 @@ declare class TailwindButton extends TailwindComponent {
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** HTML button type attribute */
     readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    /** ARIA role attribute */
+    readonly role: _angular_core.InputSignal<TailwindButtonRole>;
+    /** Optional Heroicons outline icon inside the button */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Icon placement when both icon and label are shown */
+    readonly iconPosition: _angular_core.InputSignal<TailwindIconPosition>;
+    /** Accessible name for icon-only buttons */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Emitted when the button is clicked (not disabled). */
     readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly iconPixelSize: _angular_core.Signal<number>;
     /** Computed Tailwind classes based on color, kind, size, and state */
     readonly computedClasses: _angular_core.Signal<string>;
     handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindButton, "tailwind-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindButton, "tailwind-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }
 
 declare class TailwindIcon extends TailwindComponent {
@@ -147,6 +168,11 @@ declare class TailwindIcon extends TailwindComponent {
     readonly size: _angular_core.InputSignal<number>;
     readonly src: _angular_core.Signal<string>;
     readonly pixelSize: _angular_core.Signal<number>;
+    /** Layout-only; custom `class` is applied to the inner glyph (color, spacing, etc.). */
+    readonly hostClasses: _angular_core.Signal<string>;
+    /** Tailwind classes from `class` input, merged with the masked glyph base. */
+    readonly glyphClasses: _angular_core.Signal<string>;
+    readonly maskImage: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindIcon, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindIcon, "tailwind-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -232,7 +258,7 @@ declare class TailwindUpload extends TailwindComponent implements ControlValueAc
     private readonly fallbackFileId;
     readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     /** Visual layout: compact button or drop zone */
-    readonly variant: _angular_core.InputSignal<"area" | "button">;
+    readonly variant: _angular_core.InputSignal<"button" | "area">;
     /** Field label */
     readonly label: _angular_core.InputSignal<string>;
     /** Button label when `variant` is `button` */
@@ -364,6 +390,7 @@ declare class TailwindCheckbox extends TailwindComponent implements ControlValue
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
     /** Box size class based on size input */
     readonly boxSizeClass: _angular_core.Signal<string>;
+    readonly checkIconSize: _angular_core.Signal<number>;
     private onChange;
     private onTouched;
     writeValue(value: boolean): void;
@@ -465,6 +492,88 @@ declare class TailwindSelect<T = unknown> extends TailwindComponent implements C
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSelect<any>, "tailwind-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+/** Context passed to the `#item` ng-template. */
+interface TailwindAutocompleteItemContext<T = unknown> {
+    $implicit: TailwindOption<T>;
+    option: TailwindOption<T>;
+    index: number;
+    selected: boolean;
+    active: boolean;
+}
+declare class TailwindAutocomplete<T = unknown> extends TailwindComponent implements ControlValueAccessor, OnDestroy {
+    private static nextId;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly elRef;
+    private readonly cdr;
+    private readonly ngZone;
+    private readonly panelTemplate;
+    constructor();
+    private overlayRef;
+    private outsideSub;
+    private searchDebounceTimer;
+    private readonly instanceListboxId;
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Available options */
+    readonly options: _angular_core.InputSignal<TailwindOption<T>[]>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Helper text */
+    readonly helperText: _angular_core.InputSignal<string>;
+    /** Error text */
+    readonly errorText: _angular_core.InputSignal<string>;
+    /** Whether in error state */
+    readonly hasError: _angular_core.InputSignal<boolean>;
+    /** Filter options locally by label when typing */
+    readonly filterLocally: _angular_core.InputSignal<boolean>;
+    /** Minimum query length before opening panel and emitting onSearch */
+    readonly minSearchLength: _angular_core.InputSignal<number>;
+    /** Debounce delay (ms) for onSearch emission only */
+    readonly debounceMs: _angular_core.InputSignal<number>;
+    /** On blur, reset input to selected option label or clear invalid text */
+    readonly forceSelection: _angular_core.InputSignal<boolean>;
+    /** Selected value (form control) — set only when an option is chosen */
+    readonly value: _angular_core.ModelSignal<T | null>;
+    /** Emits the current search query (after debounce / minSearchLength) */
+    readonly onSearch: _angular_core.OutputEmitterRef<string>;
+    /** Custom option row template (`ng-template` with `#item`) */
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /** Text shown in the input */
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly selectedOption: _angular_core.Signal<TailwindOption<T> | null>;
+    readonly filteredOptions: _angular_core.Signal<TailwindOption<T>[]>;
+    readonly inputClasses: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: T | null | undefined): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    ngOnDestroy(): void;
+    isOptionSelected(option: TailwindOption<T>): boolean;
+    optionClasses(index: number, option: TailwindOption<T>): string;
+    itemContext(option: TailwindOption<T>, index: number): TailwindAutocompleteItemContext<T>;
+    onInputChange(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    private applyForceSelectionOnBlur;
+    selectOption(option: TailwindOption<T>): void;
+    onKeydown(event: KeyboardEvent): void;
+    private optionValueEquals;
+    private emitSearch;
+    private openPanel;
+    private closePanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindAutocomplete<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindAutocomplete<any>, "tailwind-autocomplete", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "filterLocally": { "alias": "filterLocally"; "required": false; "isSignal": true; }; "minSearchLength": { "alias": "minSearchLength"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onSearch": "onSearch"; }, ["itemTemplate"], ["*"], true, never>;
+}
+
 declare class TailwindToggle extends TailwindComponent implements ControlValueAccessor {
     /** Label text */
     readonly label: _angular_core.InputSignal<string>;
@@ -574,7 +683,8 @@ declare class TailwindSpinner extends TailwindComponent {
     /** Layout orientation */
     readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     readonly containerClasses: _angular_core.Signal<string>;
-    readonly spinnerClasses: _angular_core.Signal<string>;
+    readonly iconPixelSize: _angular_core.Signal<number>;
+    readonly iconClasses: _angular_core.Signal<string>;
     readonly labelClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSpinner, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSpinner, "tailwind-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -769,23 +879,31 @@ interface Pagination {
     readonly currentPage: number;
     readonly ariaLabel: string;
     readonly summary: string;
+    readonly lengthOptions?: readonly number[];
 }
 
+declare const DEFAULT_PAGINATION_LENGTH_OPTIONS: readonly [5, 10, 25, 50];
 declare class TailwindPagination extends TailwindComponent {
     private readonly tailwindPaginationSummary;
     readonly totalItems: _angular_core.InputSignal<number>;
-    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.ModelSignal<number>;
+    readonly lengthOptions: _angular_core.InputSignal<readonly number[]>;
     readonly currentPage: _angular_core.ModelSignal<number>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Placeholders `{start}`, `{end}`, `{total}`; default from `TAILWIND_PAGINATION_SUMMARY` or English copy. */
     readonly summary: _angular_core.InputSignal<string>;
     readonly onPageChange: _angular_core.OutputEmitterRef<number>;
+    readonly onPageSizeChange: _angular_core.OutputEmitterRef<number>;
+    readonly pageSizeOptions: _angular_core.Signal<number[]>;
+    readonly pageSizeSelectOptions: _angular_core.Signal<TailwindOption<number>[]>;
     readonly totalPages: _angular_core.Signal<number>;
     readonly visiblePages: _angular_core.Signal<number[]>;
     readonly summaryText: _angular_core.Signal<string>;
     goToPage(page: number): void;
+    onPageSizeValueChange(value: number | number[] | null): void;
+    setPageSize(size: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindPagination, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindPagination, "tailwind-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "onPageChange": "onPageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindPagination, "tailwind-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "lengthOptions": { "alias": "lengthOptions"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "onPageChange": "onPageChange"; "onPageSizeChange": "onPageSizeChange"; }, never, never, true, never>;
 }
 
 declare class TailwindTag extends TailwindComponent {
@@ -814,6 +932,7 @@ declare class TailwindTable extends TailwindComponent implements TailwindTableSo
     readonly paginated: _angular_core.InputSignal<boolean>;
     readonly pagination: _angular_core.InputSignal<Pagination | undefined>;
     readonly paginationSummary: _angular_core.Signal<string>;
+    readonly paginationLengthOptions: _angular_core.Signal<readonly number[]>;
     readonly onSortChange: _angular_core.OutputEmitterRef<{
         key: string;
         direction: "asc" | "desc";
@@ -825,6 +944,7 @@ declare class TailwindTable extends TailwindComponent implements TailwindTableSo
     readonly sortDir: _angular_core.WritableSignal<"asc" | "desc">;
     readonly selectedRows: _angular_core.WritableSignal<Set<number>>;
     readonly currentPage: _angular_core.WritableSignal<number>;
+    readonly pageSize: _angular_core.WritableSignal<number>;
     constructor();
     readonly sortedData: _angular_core.Signal<any[]>;
     readonly displayedData: _angular_core.Signal<any[]>;
@@ -1127,7 +1247,7 @@ declare class TailwindToolbar extends TailwindComponent {
     readonly menuContainerClasses: _angular_core.Signal<"min-w-0 flex-1 flex flex-row flex-wrap items-center gap-1" | "min-w-0 flex-1 flex flex-col gap-1.5 overflow-y-auto min-h-0">;
     /** Foreground on semantic surface (`text-on-*`), aligned with solid toolbar shade per variant. */
     readonly variantContrastTextClass: _angular_core.Signal<string | null>;
-    /** Heroicons are `<img>`; on light-on-color variants tint SVG strokes to match `text-on-*`. */
+    /** On light-on-color variants, tint masked icons to match `text-on-*`. */
     readonly menuItemIconClasses: _angular_core.Signal<"" | "toolbar-menu-icon-on-light">;
     readonly menuItemToneClasses: _angular_core.Signal<string>;
     readonly menuItemButtonClasses: _angular_core.Signal<string>;
@@ -1374,5 +1494,5 @@ declare class TailwindModalRef<R = any> {
     _getResult(): R | undefined;
 }
 
-export { TAILWIND_BUTTON_KIND, TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, buildTailwindThemeVariableEntries, defineTheme, provideTailwindComponents };
-export type { Pagination, TailwindBreadcrumbItem, TailwindButtonKind, TailwindColor, TailwindComponentsConfig, TailwindDefineThemeColors, TailwindDefineThemeConfig, TailwindHeroicon, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindThemeColorShade, TailwindThemeSemantic, TailwindThemeSemanticPaletteObject, TailwindThemeSemanticShades, TailwindThemeSeverityColor, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };
+export { DEFAULT_PAGINATION_LENGTH_OPTIONS, TAILWIND_BUTTON_KIND, TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindAutocomplete, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, buildTailwindThemeVariableEntries, defineTheme, provideTailwindComponents };
+export type { Pagination, TailwindAutocompleteItemContext, TailwindBreadcrumbItem, TailwindButtonKind, TailwindButtonRole, TailwindColor, TailwindComponentsConfig, TailwindDefineThemeColors, TailwindDefineThemeConfig, TailwindHeroicon, TailwindIconPosition, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindThemeColorShade, TailwindThemeSemantic, TailwindThemeSemanticPaletteObject, TailwindThemeSemanticShades, TailwindThemeSeverityColor, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };