angular-tailwind-components 1.0.11 → 1.1.2

package/fesm2022/angular-tailwind-components.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, Directive, signal, inject, NgZone, ElementRef, viewChild, computed, Component, ViewContainerRef, HostListener, Input, output, InjectionToken, model, forwardRef, effect, contentChildren, ApplicationRef, EnvironmentInjector, Injector, createComponent, Injectable, booleanAttribute } from '@angular/core';
 import * as i1 from '@angular/common';
-import { DOCUMENT, NgClass, formatDate, CommonModule } from '@angular/common';
+import { DOCUMENT, NgClass, NgTemplateOutlet, formatDate, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Overlay } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
@@ -9,332 +9,1247 @@ import { Subscription, fromEvent } from 'rxjs';
 
 /** Common types used across all components */
 
-/** Heroicons icon name (kebab-case). SVG assets live in `public/icons/` (outline 24×24). */
-const TAILWIND_HERO_ICON_NAMES = [
-    'academic-cap',
-    'adjustments-horizontal',
-    'adjustments-vertical',
-    'archive-box',
-    'archive-box-arrow-down',
-    'archive-box-x-mark',
+/**
+ * Solar Line Duotone icon names (kebab-case). SVG assets in `public/tailwind-icons/`.
+ * Generated by scripts/copy-icons.js sync — do not edit manually.
+ *
+ * Icons: Solar Icons (480 Design), CC BY 4.0.
+ */
+const TAILWIND_SOLAR_ICON_NAMES = [
+    '4k',
+    'accessibility',
+    'accumulator',
+    'add-circle',
+    'add-folder',
+    'add-square',
+    'adhesive-plaster',
+    'adhesive-plaster-2',
+    'airbuds',
+    'airbuds-case',
+    'airbuds-case-charge',
+    'airbuds-case-minimalistic',
+    'airbuds-case-open',
+    'airbuds-charge',
+    'airbuds-check',
+    'airbuds-left',
+    'airbuds-remove',
+    'airbuds-right',
+    'alarm',
+    'alarm-add',
+    'alarm-pause',
+    'alarm-play',
+    'alarm-remove',
+    'alarm-sleep',
+    'alarm-turn-off',
+    'album',
+    'align-bottom',
+    'align-horizonta-spacing',
+    'align-horizontal-center',
+    'align-left',
+    'align-right',
+    'align-top',
+    'align-vertical-center',
+    'align-vertical-spacing',
+    'alt-arrow-down',
+    'alt-arrow-left',
+    'alt-arrow-right',
+    'alt-arrow-up',
+    'archive',
+    'archive-check',
+    'archive-down',
+    'archive-down-minimlistic',
+    'archive-minimalistic',
+    'archive-up',
+    'archive-up-minimlistic',
+    'armchair',
+    'armchair-2',
     'arrow-down',
-    'arrow-down-circle',
-    'arrow-down-left',
-    'arrow-down-on-square',
-    'arrow-down-on-square-stack',
-    'arrow-down-right',
-    'arrow-down-tray',
     'arrow-left',
-    'arrow-left-circle',
-    'arrow-left-end-on-rectangle',
-    'arrow-left-on-rectangle',
-    'arrow-left-start-on-rectangle',
-    'arrow-long-down',
-    'arrow-long-left',
-    'arrow-long-right',
-    'arrow-long-up',
-    'arrow-path',
-    'arrow-path-rounded-square',
+    'arrow-left-down',
+    'arrow-left-up',
     'arrow-right',
-    'arrow-right-circle',
-    'arrow-right-end-on-rectangle',
-    'arrow-right-on-rectangle',
-    'arrow-right-start-on-rectangle',
-    'arrow-small-down',
-    'arrow-small-left',
-    'arrow-small-right',
-    'arrow-small-up',
-    'arrows-pointing-in',
-    'arrows-pointing-out',
-    'arrows-right-left',
-    'arrows-up-down',
-    'arrow-top-right-on-square',
-    'arrow-trending-down',
-    'arrow-trending-up',
-    'arrow-turn-down-left',
-    'arrow-turn-down-right',
-    'arrow-turn-left-down',
-    'arrow-turn-left-up',
-    'arrow-turn-right-down',
-    'arrow-turn-right-up',
-    'arrow-turn-up-left',
-    'arrow-turn-up-right',
+    'arrow-right-down',
+    'arrow-right-up',
+    'arrow-to-down-left',
+    'arrow-to-down-right',
+    'arrow-to-top-left',
+    'arrow-to-top-right',
     'arrow-up',
-    'arrow-up-circle',
-    'arrow-up-left',
-    'arrow-up-on-square',
-    'arrow-up-on-square-stack',
-    'arrow-up-right',
-    'arrow-up-tray',
-    'arrow-uturn-down',
-    'arrow-uturn-left',
-    'arrow-uturn-right',
-    'arrow-uturn-up',
-    'at-symbol',
+    'asteroid',
+    'atom',
+    'augmented-reality',
+    'backpack',
     'backspace',
-    'backward',
-    'banknotes',
-    'bars-2',
-    'bars-3',
-    'bars-3-bottom-left',
-    'bars-3-bottom-right',
-    'bars-3-center-left',
-    'bars-4',
-    'bars-arrow-down',
-    'bars-arrow-up',
-    'battery-0',
-    'battery-100',
-    'battery-50',
-    'beaker',
+    'bacteria',
+    'bag',
+    'bag-2',
+    'bag-3',
+    'bag-4',
+    'bag-5',
+    'bag-check',
+    'bag-cross',
+    'bag-heart',
+    'bag-music',
+    'bag-music-2',
+    'bag-smile',
+    'balloon',
+    'balls',
+    'banknote',
+    'banknote-2',
+    'bar-chair',
+    'basketball',
+    'bath',
+    'battery-charge',
+    'battery-charge-minimalistic',
+    'battery-full',
+    'battery-full-minimalistic',
+    'battery-half',
+    'battery-half-minimalistic',
+    'battery-low',
+    'battery-low-minimalistic',
+    'bed',
+    'bedside-table',
+    'bedside-table-2',
+    'bedside-table-3',
+    'bedside-table-4',
     'bell',
-    'bell-alert',
-    'bell-slash',
-    'bell-snooze',
-    'bold',
+    'bell-bing',
+    'bell-off',
+    'benzene-ring',
+    'bicycling',
+    'bicycling-round',
+    'bill',
+    'bill-check',
+    'bill-cross',
+    'bill-list',
+    'black-hole',
+    'black-hole-2',
+    'black-hole-3',
+    'bluetooth',
+    'bluetooth-circle',
+    'bluetooth-square',
+    'bluetooth-wave',
+    'body',
+    'body-shape',
+    'body-shape-minimalistic',
     'bolt',
-    'bolt-slash',
+    'bolt-circle',
+    'bomb',
+    'bomb-emoji',
+    'bomb-minimalistic',
+    'bone',
+    'bone-broken',
+    'bone-crack',
+    'bones',
+    'bonfire',
+    'book',
+    'book-2',
+    'book-bookmark',
+    'book-bookmark-minimalistic',
+    'book-minimalistic',
     'bookmark',
-    'bookmark-slash',
+    'bookmark-circle',
+    'bookmark-opened',
     'bookmark-square',
-    'book-open',
-    'briefcase',
-    'bug-ant',
-    'building-library',
-    'building-office',
-    'building-office-2',
-    'building-storefront',
-    'cake',
+    'bookmark-square-minimalistic',
+    'boombox',
+    'bottle',
+    'bowling',
+    'box',
+    'box-minimalistic',
+    'branching-paths-down',
+    'branching-paths-up',
+    'broom',
+    'bug',
+    'bug-minimalistic',
+    'buildings',
+    'buildings-2',
+    'buildings-3',
+    'bus',
     'calculator',
+    'calculator-minimalistic',
     'calendar',
-    'calendar-date-range',
-    'calendar-days',
+    'calendar-add',
+    'calendar-date',
+    'calendar-mark',
+    'calendar-minimalistic',
+    'calendar-search',
+    'call-cancel',
+    'call-cancel-rounded',
+    'call-chat',
+    'call-chat-rounded',
+    'call-dropped',
+    'call-dropped-rounded',
+    'call-medicine',
+    'call-medicine-rounded',
     'camera',
-    'chart-bar',
-    'chart-bar-square',
-    'chart-pie',
-    'chat-bubble-bottom-center',
-    'chat-bubble-bottom-center-text',
-    'chat-bubble-left',
-    'chat-bubble-left-ellipsis',
-    'chat-bubble-left-right',
-    'chat-bubble-oval-left',
-    'chat-bubble-oval-left-ellipsis',
-    'check',
-    'check-badge',
+    'camera-add',
+    'camera-minimalistic',
+    'camera-rotate',
+    'camera-square',
+    'card',
+    'card-2',
+    'card-recive',
+    'card-search',
+    'card-send',
+    'card-transfer',
+    'cardholder',
+    'cart',
+    'cart-2',
+    'cart-3',
+    'cart-4',
+    'cart-5',
+    'cart-check',
+    'cart-cross',
+    'cart-large',
+    'cart-large-2',
+    'cart-large-3',
+    'cart-large-4',
+    'cart-large-minimalistic',
+    'cart-plus',
+    'case',
+    'case-minimalistic',
+    'case-round',
+    'case-round-minimalistic',
+    'cash-out',
+    'cassette',
+    'cassette-2',
+    'cat',
+    'chair',
+    'chair-2',
+    'chandelier',
+    'chart',
+    'chart-2',
+    'chart-square',
+    'chat-dots',
+    'chat-line',
+    'chat-round',
+    'chat-round-call',
+    'chat-round-check',
+    'chat-round-dots',
+    'chat-round-like',
+    'chat-round-line',
+    'chat-round-money',
+    'chat-round-unread',
+    'chat-round-video',
+    'chat-square',
+    'chat-square-2',
+    'chat-square-arrow',
+    'chat-square-call',
+    'chat-square-check',
+    'chat-square-code',
+    'chat-square-like',
+    'chat-unread',
     'check-circle',
-    'chevron-double-down',
-    'chevron-double-left',
-    'chevron-double-right',
-    'chevron-double-up',
-    'chevron-down',
-    'chevron-left',
-    'chevron-right',
-    'chevron-up',
-    'chevron-up-down',
-    'circle-stack',
+    'check-read',
+    'check-square',
+    'checklist',
+    'checklist-minimalistic',
+    'chef-hat',
+    'chef-hat-heart',
+    'chef-hat-minimalistic',
+    'circle-bottom-down',
+    'circle-bottom-up',
+    'circle-top-down',
+    'circle-top-up',
+    'city',
+    'clapperboard',
+    'clapperboard-edit',
+    'clapperboard-open',
+    'clapperboard-open-play',
+    'clapperboard-play',
+    'clapperboard-text',
     'clipboard',
-    'clipboard-document',
-    'clipboard-document-check',
-    'clipboard-document-list',
-    'clock',
+    'clipboard-add',
+    'clipboard-check',
+    'clipboard-heart',
+    'clipboard-list',
+    'clipboard-remove',
+    'clipboard-text',
+    'clock-circle',
+    'clock-square',
+    'close-circle',
+    'close-square',
+    'closet',
+    'closet-2',
     'cloud',
-    'cloud-arrow-down',
-    'cloud-arrow-up',
-    'code-bracket',
-    'code-bracket-square',
-    'cog',
-    'cog-6-tooth',
-    'cog-8-tooth',
-    'command-line',
-    'computer-desktop',
-    'cpu-chip',
-    'credit-card',
-    'cube',
-    'cube-transparent',
-    'currency-bangladeshi',
-    'currency-dollar',
-    'currency-euro',
-    'currency-pound',
-    'currency-rupee',
-    'currency-yen',
-    'cursor-arrow-rays',
-    'cursor-arrow-ripple',
-    'device-phone-mobile',
-    'device-tablet',
-    'divide',
+    'cloud-bolt',
+    'cloud-bolt-minimalistic',
+    'cloud-check',
+    'cloud-cross',
+    'cloud-download',
+    'cloud-file',
+    'cloud-minus',
+    'cloud-plus',
+    'cloud-rain',
+    'cloud-snowfall',
+    'cloud-snowfall-minimalistic',
+    'cloud-storage',
+    'cloud-storm',
+    'cloud-sun',
+    'cloud-sun-2',
+    'cloud-upload',
+    'cloud-waterdrop',
+    'cloud-waterdrops',
+    'clouds',
+    'cloudy-moon',
+    'code',
+    'code-2',
+    'code-circle',
+    'code-file',
+    'code-scan',
+    'code-square',
+    'colour-tuneing',
+    'command',
+    'compass',
+    'compass-big',
+    'compass-square',
+    'condicioner',
+    'condicioner-2',
+    'confetti',
+    'confetti-minimalistic',
+    'confounded-circle',
+    'confounded-square',
+    'copy',
+    'copyright',
+    'corkscrew',
+    'cosmetic',
+    'course-down',
+    'course-up',
+    'cpu',
+    'cpu-bolt',
+    'creative-commons',
+    'crop',
+    'crop-minimalistic',
+    'crown',
+    'crown-line',
+    'crown-minimalistic',
+    'crown-star',
+    'cup',
+    'cup-first',
+    'cup-hot',
+    'cup-music',
+    'cup-paper',
+    'cup-star',
+    'cursor',
+    'cursor-square',
+    'danger',
+    'danger-circle',
+    'danger-square',
+    'danger-triangle',
+    'database',
+    'delivery',
+    'devices',
+    'diagram-down',
+    'diagram-up',
+    'dialog',
+    'dialog-2',
+    'diploma',
+    'diploma-verified',
+    'diskette',
+    'dislike',
+    'display',
+    'dna',
     'document',
-    'document-arrow-down',
-    'document-arrow-up',
-    'document-chart-bar',
-    'document-check',
-    'document-currency-bangladeshi',
-    'document-currency-dollar',
-    'document-currency-euro',
-    'document-currency-pound',
-    'document-currency-rupee',
-    'document-currency-yen',
-    'document-duplicate',
-    'document-magnifying-glass',
-    'document-minus',
-    'document-plus',
+    'document-add',
+    'document-medicine',
     'document-text',
-    'ellipsis-horizontal',
-    'ellipsis-horizontal-circle',
-    'ellipsis-vertical',
-    'envelope',
-    'envelope-open',
-    'equals',
-    'exclamation-circle',
-    'exclamation-triangle',
+    'documents',
+    'documents-minimalistic',
+    'dollar',
+    'dollar-minimalistic',
+    'donut',
+    'donut-bitten',
+    'double-alt-arrow-down',
+    'double-alt-arrow-left',
+    'double-alt-arrow-right',
+    'double-alt-arrow-up',
+    'download',
+    'download-minimalistic',
+    'download-square',
+    'download-twice-square',
+    'dropper',
+    'dropper-2',
+    'dropper-3',
+    'dropper-minimalistic',
+    'dropper-minimalistic-2',
+    'dumbbell',
+    'dumbbell-large',
+    'dumbbell-large-minimalistic',
+    'dumbbell-small',
+    'dumbbells',
+    'dumbbells-2',
+    'earth',
+    'electric-refueling',
+    'emoji-funny-circle',
+    'emoji-funny-square',
+    'end-call',
+    'end-call-rounded',
+    'eraser',
+    'eraser-circle',
+    'eraser-square',
+    'euro',
+    'exit',
+    'explicit',
+    'export',
+    'expressionless-circle',
+    'expressionless-square',
     'eye',
-    'eye-dropper',
-    'eye-slash',
-    'face-frown',
-    'face-smile',
-    'film',
-    'finger-print',
+    'eye-closed',
+    'eye-scan',
+    'face-scan-circle',
+    'face-scan-square',
+    'facemask-circle',
+    'facemask-square',
+    'feed',
+    'ferris-wheel',
+    'figma',
+    'figma-file',
+    'file',
+    'file-check',
+    'file-corrupted',
+    'file-download',
+    'file-favourite',
+    'file-left',
+    'file-remove',
+    'file-right',
+    'file-send',
+    'file-smile',
+    'file-text',
+    'filter',
+    'filters',
     'fire',
+    'fire-minimalistic',
+    'fire-square',
     'flag',
+    'flag-2',
+    'flame',
+    'flash-drive',
+    'flashlight',
+    'flashlight-on',
+    'flip-horizontal',
+    'flip-vertical',
+    'floor-lamp',
+    'floor-lamp-minimalistic',
+    'fog',
     'folder',
-    'folder-arrow-down',
-    'folder-minus',
+    'folder-2',
+    'folder-check',
+    'folder-cloud',
+    'folder-error',
+    'folder-favourite-bookmark',
+    'folder-favourite-star',
     'folder-open',
-    'folder-plus',
+    'folder-path-connect',
+    'folder-security',
+    'folder-with-files',
+    'football',
+    'forbidden',
+    'forbidden-circle',
     'forward',
-    'funnel',
-    'gif',
+    'forward-2',
+    'fridge',
+    'fuel',
+    'full-screen',
+    'full-screen-circle',
+    'full-screen-square',
+    'gallery',
+    'gallery-add',
+    'gallery-check',
+    'gallery-circle',
+    'gallery-download',
+    'gallery-edit',
+    'gallery-favourite',
+    'gallery-minimalistic',
+    'gallery-remove',
+    'gallery-round',
+    'gallery-send',
+    'gallery-wide',
+    'gameboy',
+    'gamepad',
+    'gamepad-charge',
+    'gamepad-minimalistic',
+    'gamepad-no-charge',
+    'gamepad-old',
+    'garage',
+    'gas-station',
+    'ghost',
+    'ghost-smile',
     'gift',
-    'gift-top',
-    'globe-alt',
-    'globe-americas',
-    'globe-asia-australia',
-    'globe-europe-africa',
-    'h1',
-    'h2',
-    'h3',
-    'hand-raised',
-    'hand-thumb-down',
-    'hand-thumb-up',
+    'glasses',
+    'global',
+    'globus',
+    'golf',
+    'gps',
+    'graph',
+    'graph-down',
+    'graph-down-new',
+    'graph-new',
+    'graph-new-up',
+    'graph-up',
+    'hamburger-menu',
+    'hand-heart',
+    'hand-money',
+    'hand-pills',
+    'hand-shake',
+    'hand-stars',
+    'hanger',
+    'hanger-2',
     'hashtag',
+    'hashtag-chat',
+    'hashtag-circle',
+    'hashtag-square',
+    'headphones-round',
+    'headphones-round-sound',
+    'headphones-square',
+    'headphones-square-sound',
+    'health',
     'heart',
+    'heart-angle',
+    'heart-broken',
+    'heart-lock',
+    'heart-pulse',
+    'heart-pulse-2',
+    'heart-shine',
+    'heart-unlock',
+    'hearts',
+    'help',
+    'high-definition',
+    'high-quality',
+    'hiking',
+    'hiking-minimalistic',
+    'hiking-round',
+    'history',
+    'history-2',
+    'history-3',
     'home',
-    'home-modern',
-    'identification',
+    'home-2',
+    'home-add',
+    'home-add-angle',
+    'home-angle',
+    'home-angle-2',
+    'home-smile',
+    'home-smile-angle',
+    'home-wifi',
+    'home-wifi-angle',
+    'hospital',
+    'hourglass',
+    'hourglass-line',
+    'import',
     'inbox',
-    'inbox-arrow-down',
-    'inbox-stack',
-    'information-circle',
-    'italic',
+    'inbox-archive',
+    'inbox-in',
+    'inbox-line',
+    'inbox-out',
+    'inbox-unread',
+    'incognito',
+    'incoming-call',
+    'incoming-call-rounded',
+    'infinity',
+    'info-circle',
+    'info-square',
+    'iphone',
+    'jar-of-pills',
+    'jar-of-pills-2',
     'key',
-    'language',
-    'lifebuoy',
-    'light-bulb',
+    'key-minimalistic',
+    'key-minimalistic-2',
+    'key-minimalistic-square',
+    'key-minimalistic-square-2',
+    'key-minimalistic-square-3',
+    'key-square',
+    'key-square-2',
+    'keyboard',
+    'kick-scooter',
+    'ladle',
+    'lamp',
+    'laptop',
+    'laptop-2',
+    'laptop-3',
+    'laptop-minimalistic',
+    'layers',
+    'layers-minimalistic',
+    'leaf',
+    'letter',
+    'letter-opened',
+    'letter-unread',
+    'library',
+    'lightbulb',
+    'lightbulb-bolt',
+    'lightbulb-minimalistic',
+    'lightning',
+    'like',
     'link',
-    'link-slash',
-    'list-bullet',
-    'lock-closed',
-    'lock-open',
-    'magnifying-glass',
-    'magnifying-glass-circle',
-    'magnifying-glass-minus',
-    'magnifying-glass-plus',
+    'link-broken',
+    'link-broken-minimalistic',
+    'link-circle',
+    'link-minimalistic',
+    'link-minimalistic-2',
+    'link-round',
+    'link-round-angle',
+    'link-square',
+    'list',
+    'list-arrow-down',
+    'list-arrow-down-minimalistic',
+    'list-arrow-up',
+    'list-arrow-up-minimalistic',
+    'list-check',
+    'list-check-minimalistic',
+    'list-cross',
+    'list-cross-minimalistic',
+    'list-down',
+    'list-down-minimalistic',
+    'list-heart',
+    'list-heart-minimalistic',
+    'list-up',
+    'list-up-minimalistic',
+    'lock',
+    'lock-keyhole',
+    'lock-keyhole-minimalistic',
+    'lock-keyhole-minimalistic-unlocked',
+    'lock-keyhole-unlocked',
+    'lock-password',
+    'lock-password-unlocked',
+    'lock-unlocked',
+    'login',
+    'login-2',
+    'login-3',
+    'logout',
+    'logout-2',
+    'logout-3',
+    'magic-stick',
+    'magic-stick-2',
+    'magic-stick-3',
+    'magnet',
+    'magnet-wave',
+    'magnifer',
+    'magnifer-bug',
+    'magnifer-zoom-in',
+    'magnifer-zoom-out',
+    'mailbox',
     'map',
-    'map-pin',
-    'megaphone',
+    'map-arrow-down',
+    'map-arrow-left',
+    'map-arrow-right',
+    'map-arrow-square',
+    'map-arrow-up',
+    'map-point',
+    'map-point-add',
+    'map-point-favourite',
+    'map-point-hospital',
+    'map-point-remove',
+    'map-point-rotate',
+    'map-point-school',
+    'map-point-search',
+    'map-point-wave',
+    'mask-happly',
+    'mask-sad',
+    'masks',
+    'maximize',
+    'maximize-square',
+    'maximize-square-2',
+    'maximize-square-3',
+    'maximize-square-minimalistic',
+    'medal-ribbon',
+    'medal-ribbon-star',
+    'medal-ribbons-star',
+    'medal-star',
+    'medal-star-circle',
+    'medal-star-square',
+    'medical-kit',
+    'meditation',
+    'meditation-round',
+    'men',
+    'mention-circle',
+    'mention-square',
+    'menu-dots',
+    'menu-dots-circle',
+    'menu-dots-square',
     'microphone',
-    'minus',
+    'microphone-2',
+    'microphone-3',
+    'microphone-large',
+    'minimalistic-magnifer',
+    'minimalistic-magnifer-bug',
+    'minimalistic-magnifer-zoom-in',
+    'minimalistic-magnifer-zoom-out',
+    'minimize',
+    'minimize-square',
+    'minimize-square-2',
+    'minimize-square-3',
+    'minimize-square-minimalistic',
     'minus-circle',
-    'minus-small',
+    'minus-square',
+    'mirror',
+    'mirror-left',
+    'mirror-right',
+    'money-bag',
+    'monitor',
+    'monitor-camera',
+    'monitor-smartphone',
     'moon',
-    'musical-note',
-    'newspaper',
-    'no-symbol',
-    'numbered-list',
-    'paint-brush',
-    'paper-airplane',
-    'paper-clip',
+    'moon-fog',
+    'moon-sleep',
+    'moon-stars',
+    'mouse',
+    'mouse-circle',
+    'mouse-minimalistic',
+    'move-to-folder',
+    'multiple-forward-left',
+    'multiple-forward-right',
+    'music-library',
+    'music-library-2',
+    'music-note',
+    'music-note-2',
+    'music-note-3',
+    'music-note-4',
+    'music-note-slider',
+    'music-note-slider-2',
+    'music-notes',
+    'muted',
+    'notebook',
+    'notebook-bookmark',
+    'notebook-minimalistic',
+    'notebook-square',
+    'notes',
+    'notes-minimalistic',
+    'notification-lines-remove',
+    'notification-remove',
+    'notification-unread',
+    'notification-unread-lines',
+    'object-scan',
+    'outgoing-call',
+    'outgoing-call-rounded',
+    'oven-mitts',
+    'oven-mitts-minimalistic',
+    'paint-roller',
+    'palette',
+    'palette-round',
+    'pallete-2',
+    'panorama',
+    'paper-bin',
+    'paperclip',
+    'paperclip-2',
+    'paperclip-rounded',
+    'paperclip-rounded-2',
+    'paragraph-spacing',
+    'passport',
+    'passport-minimalistic',
+    'password',
+    'password-minimalistic',
+    'password-minimalistic-input',
     'pause',
     'pause-circle',
-    'pencil',
-    'pencil-square',
-    'percent-badge',
+    'paw',
+    'pen',
+    'pen-2',
+    'pen-new-round',
+    'pen-new-square',
+    'people-nearby',
+    'perfume',
     'phone',
-    'phone-arrow-down-left',
-    'phone-arrow-up-right',
-    'phone-x-mark',
-    'photo',
+    'phone-calling',
+    'phone-calling-rounded',
+    'phone-rounded',
+    'pie-chart',
+    'pie-chart-2',
+    'pie-chart-3',
+    'pill',
+    'pills',
+    'pills-2',
+    'pills-3',
+    'pin',
+    'pin-circle',
+    'pin-list',
+    'pip',
+    'pip-2',
+    'pipette',
+    'plaaylist-minimalistic',
+    'plain',
+    'plain-2',
+    'plain-3',
+    'planet',
+    'planet-2',
+    'planet-3',
+    'planet-4',
+    'plate',
     'play',
     'play-circle',
-    'play-pause',
-    'plus',
-    'plus-circle',
-    'plus-small',
+    'play-stream',
+    'playback-speed',
+    'playlist',
+    'playlist-2',
+    'playlist-minimalistic-2',
+    'playlist-minimalistic-3',
+    'plug-circle',
+    'plus-minus',
+    'podcast',
+    'point-on-map',
+    'point-on-map-perspective',
+    'posts-carousel-horizontal',
+    'posts-carousel-vertical',
     'power',
-    'presentation-chart-bar',
-    'presentation-chart-line',
+    'presentation-graph',
     'printer',
-    'puzzle-piece',
+    'printer-2',
+    'printer-minimalistic',
+    'programming',
+    'projector',
+    'pulse',
+    'pulse-2',
     'qr-code',
-    'question-mark-circle',
-    'queue-list',
+    'question-circle',
+    'question-square',
+    'quit-full-screen',
+    'quit-full-screen-circle',
+    'quit-full-screen-square',
+    'quit-pip',
+    'radar',
+    'radar-2',
+    'radial-blur',
     'radio',
-    'receipt-percent',
-    'receipt-refund',
-    'rectangle-group',
-    'rectangle-stack',
-    'rocket-launch',
-    'rss',
+    'radio-minimalistic',
+    'ranking',
+    'recive-square',
+    'recive-twice-square',
+    'record',
+    'record-circle',
+    'record-minimalistic',
+    'record-square',
+    'reel',
+    'reel-2',
+    'refresh',
+    'refresh-circle',
+    'refresh-square',
+    'remote-controller',
+    'remote-controller-2',
+    'remote-controller-minimalistic',
+    'remove-folder',
+    'reorder',
+    'repeat',
+    'repeat-one',
+    'repeat-one-minimalistic',
+    'reply',
+    'reply-2',
+    'restart',
+    'restart-circle',
+    'restart-square',
+    'revote',
+    'rewind-10-seconds-back',
+    'rewind-10-seconds-forward',
+    'rewind-15-seconds-back',
+    'rewind-15-seconds-forward',
+    'rewind-5-seconds-back',
+    'rewind-5-seconds-forward',
+    'rewind-back',
+    'rewind-back-circle',
+    'rewind-forward',
+    'rewind-forward-circle',
+    'rocket',
+    'rocket-2',
+    'rolling-pin',
+    'round-alt-arrow-down',
+    'round-alt-arrow-left',
+    'round-alt-arrow-right',
+    'round-alt-arrow-up',
+    'round-arrow-down',
+    'round-arrow-left',
+    'round-arrow-left-down',
+    'round-arrow-left-up',
+    'round-arrow-right',
+    'round-arrow-right-down',
+    'round-arrow-right-up',
+    'round-arrow-up',
+    'round-double-alt-arrow-down',
+    'round-double-alt-arrow-left',
+    'round-double-alt-arrow-right',
+    'round-double-alt-arrow-up',
+    'round-graph',
+    'round-sort-horizontal',
+    'round-sort-vertical',
+    'round-transfer-diagonal',
+    'round-transfer-horizontal',
+    'round-transfer-vertical',
+    'rounded-magnifer',
+    'rounded-magnifer-bug',
+    'rounded-magnifer-zoom-in',
+    'rounded-magnifer-zoom-out',
+    'route',
+    'routing',
+    'routing-2',
+    'routing-3',
+    'ruble',
+    'rugby',
+    'ruler',
+    'ruler-angular',
+    'ruler-cross-pen',
+    'ruler-pen',
+    'running',
+    'running-2',
+    'running-round',
+    'sad-circle',
+    'sad-square',
+    'safe-2',
+    'safe-circle',
+    'safe-square',
+    'sale',
+    'sale-square',
+    'satellite',
     'scale',
+    'scanner',
+    'scanner-2',
     'scissors',
+    'scissors-square',
+    'scooter',
+    'screen-share',
+    'screencast',
+    'screencast-2',
+    'sd-card',
+    'send-square',
+    'send-twice-square',
     'server',
-    'server-stack',
+    'server-2',
+    'server-minimalistic',
+    'server-path',
+    'server-square',
+    'server-square-cloud',
+    'server-square-update',
+    'settings',
+    'settings-minimalistic',
     'share',
+    'share-circle',
+    'shield',
     'shield-check',
-    'shield-exclamation',
-    'shopping-bag',
-    'shopping-cart',
-    'signal',
-    'signal-slash',
-    'slash',
-    'sparkles',
-    'speaker-wave',
-    'speaker-x-mark',
-    'square-2-stack',
-    'square-3-stack-3d',
-    'squares-2x2',
-    'squares-plus',
+    'shield-cross',
+    'shield-keyhole',
+    'shield-keyhole-minimalistic',
+    'shield-minimalistic',
+    'shield-minus',
+    'shield-network',
+    'shield-plus',
+    'shield-star',
+    'shield-up',
+    'shield-user',
+    'shield-warning',
+    'shock-absorber',
+    'shop',
+    'shop-2',
+    'shop-minimalistic',
+    'shuffle',
+    'sidebar-code',
+    'sidebar-minimalistic',
+    'siderbar',
+    'signpost',
+    'signpost-2',
+    'sim-card',
+    'sim-card-minimalistic',
+    'sim-cards',
+    'siren',
+    'siren-rounded',
+    'skateboard',
+    'skateboarding',
+    'skateboarding-round',
+    'skip-next',
+    'skip-previous',
+    'skirt',
+    'slash-circle',
+    'slash-square',
+    'sledgehammer',
+    'sleeping',
+    'sleeping-circle',
+    'sleeping-square',
+    'slider-horizontal',
+    'slider-minimalistic-horizontal',
+    'slider-vertical',
+    'slider-vertical-minimalistic',
+    'smart-home',
+    'smart-home-angle',
+    'smart-speaker',
+    'smart-speaker-2',
+    'smart-speaker-minimalistic',
+    'smart-vacuum-cleaner',
+    'smart-vacuum-cleaner-2',
+    'smartphone',
+    'smartphone-2',
+    'smartphone-rotate-2',
+    'smartphone-rotate-angle',
+    'smartphone-rotate-orientation',
+    'smartphone-update',
+    'smartphone-vibration',
+    'smile-circle',
+    'smile-square',
+    'snowflake',
+    'socket',
+    'sofa',
+    'sofa-2',
+    'sofa-3',
+    'sort',
+    'sort-by-alphabet',
+    'sort-by-time',
+    'sort-from-bottom-to-top',
+    'sort-from-top-to-bottom',
+    'sort-horizontal',
+    'sort-vertical',
+    'soundwave',
+    'soundwave-circle',
+    'soundwave-square',
+    'speaker',
+    'speaker-minimalistic',
+    'special-effects',
+    'spedometer-low',
+    'spedometer-max',
+    'spedometer-middle',
+    'square-academic-cap',
+    'square-academic-cap-2',
+    'square-alt-arrow-down',
+    'square-alt-arrow-left',
+    'square-alt-arrow-right',
+    'square-alt-arrow-up',
+    'square-arrow-down',
+    'square-arrow-left',
+    'square-arrow-left-down',
+    'square-arrow-left-up',
+    'square-arrow-right',
+    'square-arrow-right-down',
+    'square-arrow-right-up',
+    'square-arrow-up',
+    'square-bottom-down',
+    'square-bottom-up',
+    'square-double-alt-arrow-down',
+    'square-double-alt-arrow-left',
+    'square-double-alt-arrow-right',
+    'square-double-alt-arrow-up',
+    'square-forward',
+    'square-share-line',
+    'square-sort-horizontal',
+    'square-sort-vertical',
+    'square-top-down',
+    'square-top-up',
+    'square-transfer-horizontal',
+    'square-transfer-vertical',
+    'ssd-round',
+    'ssd-square',
     'star',
+    'star-angle',
+    'star-circle',
+    'star-fall',
+    'star-fall-2',
+    'star-fall-minimalistic',
+    'star-fall-minimalistic-2',
+    'star-rainbow',
+    'star-ring',
+    'star-rings',
+    'star-shine',
+    'stars',
+    'stars-line',
+    'stars-minimalistic',
+    'station',
+    'station-minimalistic',
+    'stethoscope',
+    'sticker-circle',
+    'sticker-smile-circle',
+    'sticker-smile-circle-2',
+    'sticker-smile-square',
+    'sticker-square',
     'stop',
     'stop-circle',
-    'strikethrough',
+    'stopwatch',
+    'stopwatch-pause',
+    'stopwatch-play',
+    'stream',
+    'streets',
+    'streets-map-point',
+    'streets-navigation',
+    'stretching',
+    'stretching-round',
+    'structure',
+    'subtitles',
+    'suitcase',
+    'suitcase-lines',
+    'suitcase-tag',
     'sun',
-    'swatch',
-    'table-cells',
+    'sun-2',
+    'sun-fog',
+    'sunrise',
+    'sunset',
+    'suspension',
+    'suspension-bolt',
+    'suspension-cross',
+    'swimming',
+    'syringe',
+    't-shirt',
+    'tablet',
     'tag',
+    'tag-horizontal',
+    'tag-price',
+    'target',
+    'tea-cup',
+    'telescope',
+    'temperature',
+    'tennis',
+    'tennis-2',
+    'test-tube',
+    'test-tube-minimalistic',
+    'text',
+    'text-bold',
+    'text-bold-circle',
+    'text-bold-square',
+    'text-circle',
+    'text-cross',
+    'text-cross-circle',
+    'text-cross-square',
+    'text-field',
+    'text-field-focus',
+    'text-italic',
+    'text-italic-circle',
+    'text-italic-square',
+    'text-selection',
+    'text-square',
+    'text-square-2',
+    'text-underline',
+    'text-underline-circle',
+    'text-underline-cross',
+    'thermometer',
+    'three-squares',
+    'ticker-star',
     'ticket',
-    'trash',
-    'trophy',
-    'truck',
+    'ticket-sale',
+    'to-pip',
+    'tornado',
+    'tornado-small',
+    'traffic',
+    'traffic-economy',
+    'tram',
+    'transfer-horizontal',
+    'transfer-vertical',
+    'translation',
+    'translation-2',
+    'transmission',
+    'transmission-circle',
+    'transmission-square',
+    'trash-bin-2',
+    'trash-bin-minimalistic',
+    'trash-bin-minimalistic-2',
+    'trash-bin-trash',
+    'treadmill',
+    'treadmill-round',
+    'trellis',
+    'tuning',
+    'tuning-2',
+    'tuning-3',
+    'tuning-4',
+    'tuning-square',
+    'tuning-square-2',
+    'turntable',
+    'turntable-minimalistic',
+    'turntable-music-note',
     'tv',
-    'underline',
+    'ufo',
+    'ufo-2',
+    'ufo-3',
+    'umbrella',
+    'undo-left',
+    'undo-left-round',
+    'undo-left-round-square',
+    'undo-left-square',
+    'undo-right',
+    'undo-right-round',
+    'undo-right-round-square',
+    'undo-right-square',
+    'unread',
+    'upload',
+    'upload-minimalistic',
+    'upload-square',
+    'upload-track',
+    'upload-track-2',
+    'upload-twice-square',
+    'usb',
+    'usb-circle',
+    'usb-square',
     'user',
+    'user-block',
+    'user-block-rounded',
+    'user-check',
+    'user-check-rounded',
     'user-circle',
-    'user-group',
+    'user-cross',
+    'user-cross-rounded',
+    'user-hand-up',
+    'user-hands',
+    'user-heart',
+    'user-heart-rounded',
+    'user-id',
     'user-minus',
+    'user-minus-rounded',
     'user-plus',
-    'users',
-    'variable',
-    'video-camera',
-    'video-camera-slash',
-    'view-columns',
-    'viewfinder-circle',
+    'user-plus-rounded',
+    'user-rounded',
+    'user-speak',
+    'user-speak-rounded',
+    'users-group-rounded',
+    'users-group-two-rounded',
+    'verified-check',
+    'video-frame',
+    'video-frame-2',
+    'video-frame-cut',
+    'video-frame-cut-2',
+    'video-frame-play-horizontal',
+    'video-frame-play-vertical',
+    'video-frame-replace',
+    'video-library',
+    'videocamera',
+    'videocamera-add',
+    'videocamera-record',
+    'vinyl',
+    'vinyl-record',
+    'virus',
+    'volleyball',
+    'volleyball-2',
+    'volume',
+    'volume-cross',
+    'volume-knob',
+    'volume-loud',
+    'volume-small',
+    'wad-of-money',
+    'walking',
+    'walking-round',
     'wallet',
-    'wifi',
-    'window',
-    'wrench',
-    'wrench-screwdriver',
-    'x-circle',
-    'x-mark',
+    'wallet-2',
+    'wallet-money',
+    'wallpaper',
+    'washing-machine',
+    'washing-machine-minimalistic',
+    'watch-round',
+    'watch-square',
+    'watch-square-minimalistic',
+    'watch-square-minimalistic-charge',
+    'water',
+    'water-sun',
+    'waterdrop',
+    'waterdrops',
+    'weigher',
+    'wheel',
+    'wheel-angle',
+    'whisk',
+    'wi-fi-router',
+    'wi-fi-router-minimalistic',
+    'wi-fi-router-round',
+    'widget',
+    'widget-2',
+    'widget-3',
+    'widget-4',
+    'widget-5',
+    'widget-6',
+    'widget-add',
+    'wind',
+    'window-frame',
+    'wineglass',
+    'wineglass-triangle',
+    'winrar',
+    'wireless-charge',
+    'women',
+    'xxx',
+    'zip-file',
 ];
 
 class TailwindComponent {
@@ -643,18 +1558,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }] } });
 
 const TAILWIND_MODAL_DATA = new InjectionToken('TAILWIND_MODAL_DATA');
+/** Default pixel size for `tailwind-icon` when `size` is omitted (typically 16–64). */
 const TAILWIND_ICON_SIZE = new InjectionToken('TAILWIND_ICON_SIZE');
 const TAILWIND_DATETIME_LANGUAGE = new InjectionToken('TAILWIND_DATETIME_LANGUAGE');
 const TAILWIND_COMPONENTS_SIZE = new InjectionToken('TAILWIND_COMPONENTS_SIZE');
 
+const clampIconSize = (value) => {
+    if (!Number.isFinite(value))
+        return 24;
+    const rounded = Math.round(value);
+    return Math.min(64, Math.max(16, rounded));
+};
 class TailwindIcon extends TailwindComponent {
     iconSize = inject(TAILWIND_ICON_SIZE, { optional: true });
-    /** Heroicon name; SVG path `public/icons/<name>.svg` */
+    /** Solar Line Duotone icon name; SVG path `/tailwind-icons/<name>.svg` */
     icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    /** `normal` = 24×24, `small` = 16×16; default dalla DI (`TAILWIND_ICON_SIZE`) se presente */
-    size = input(this.iconSize ?? 'normal', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Width and height in px (16–64, clamped); default from `TAILWIND_ICON_SIZE` or **24** */
+    size = input(clampIconSize(this.iconSize ?? 24), ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     src = computed(() => `/tailwind-icons/${this.icon()}.svg`, ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
-    pixelSize = computed(() => (this.size() === 'small' ? 16 : 24), ...(ngDevMode ? [{ debugName: "pixelSize" }] : /* istanbul ignore next */ []));
+    pixelSize = computed(() => clampIconSize(this.size()), ...(ngDevMode ? [{ debugName: "pixelSize" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: TailwindIcon, isStandalone: true, selector: "tailwind-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "inline-flex shrink-0 items-center justify-center" }, usesInheritance: true, ngImport: i0, template: "<img\r\n  class=\"block shrink-0\"\r\n  [src]=\"src()\"\r\n  [attr.width]=\"pixelSize()\"\r\n  [attr.height]=\"pixelSize()\"\r\n  [attr.alt]=\"icon()\"\r\n  [attr.aria-hidden]=\"true\"\r\n  decoding=\"async\" />\r\n" });
 }
@@ -1320,6 +2242,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             args: [{ selector: 'tailwind-badge', template: "<span [class]=\"computedClasses()\" [attr.aria-label]=\"ariaLabel()\">\n  @if (dot()) {\n    <span class=\"w-1.5 h-1.5 rounded-full bg-current\"></span>\n  }\n  <ng-content />\n</span>\n", styles: [":host{display:inline-block}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 
+class TailwindTitle extends TailwindComponent {
+    /** Visible title text */
+    text = input.required(...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    /** Optional Solar Line Duotone icon name (shown before `text`) */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    /** HTML heading element */
+    titleTag = input('h2', ...(ngDevMode ? [{ debugName: "titleTag" }] : /* istanbul ignore next */ []));
+    headingClasses = computed(() => {
+        const tag = this.titleTag();
+        const scale = {
+            h1: 'text-3xl font-bold tracking-tight text-surface-900',
+            h2: 'text-2xl font-semibold tracking-tight text-surface-900',
+            h3: 'text-xl font-semibold tracking-tight text-surface-900',
+            h4: 'text-lg font-normal text-surface-900',
+            h5: 'text-base font-normal text-surface-900',
+            h6: 'text-sm font-normal text-surface-800 uppercase tracking-wide'
+        };
+        const layout = 'inline-flex items-center gap-2 min-w-0';
+        const extra = this.class();
+        const base = `${scale[tag]} ${layout}`.trim();
+        return extra ? `${base} ${extra}`.trim() : base;
+    }, ...(ngDevMode ? [{ debugName: "headingClasses" }] : /* istanbul ignore next */ []));
+    iconSize = computed(() => {
+        const tag = this.titleTag();
+        const size = {
+            h1: 32,
+            h2: 24,
+            h3: 20,
+            h4: 18,
+            h5: 16,
+            h6: 14
+        };
+        return size[tag];
+    }, ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindTitle, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindTitle, isStandalone: true, selector: "tailwind-title", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, titleTag: { classPropertyName: "titleTag", publicName: "titleTag", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@switch (titleTag()) {\r\n  @case ('h1') {\r\n    <h1 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h1>\r\n  }\r\n  @case ('h2') {\r\n    <h2 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h2>\r\n  }\r\n  @case ('h3') {\r\n    <h3 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h3>\r\n  }\r\n  @case ('h4') {\r\n    <h4 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h4>\r\n  }\r\n  @case ('h5') {\r\n    <h5 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h5>\r\n  }\r\n  @case ('h6') {\r\n    <h6 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h6>\r\n  }\r\n}\r\n\r\n<ng-template #titleBody>\r\n  @if (icon()) {\r\n    <tailwind-icon [icon]=\"icon()!\" [size]=\"iconSize()\" />\r\n  }\r\n  <span class=\"min-w-0\">{{ text() }}</span>\r\n</ng-template>\r\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TailwindIcon, selector: "tailwind-icon", inputs: ["icon", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindTitle, decorators: [{
+            type: Component,
+            args: [{ selector: 'tailwind-title', imports: [NgTemplateOutlet, TailwindIcon], template: "@switch (titleTag()) {\r\n  @case ('h1') {\r\n    <h1 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h1>\r\n  }\r\n  @case ('h2') {\r\n    <h2 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h2>\r\n  }\r\n  @case ('h3') {\r\n    <h3 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h3>\r\n  }\r\n  @case ('h4') {\r\n    <h4 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h4>\r\n  }\r\n  @case ('h5') {\r\n    <h5 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h5>\r\n  }\r\n  @case ('h6') {\r\n    <h6 [class]=\"headingClasses()\">\r\n      <ng-container [ngTemplateOutlet]=\"titleBody\" />\r\n    </h6>\r\n  }\r\n}\r\n\r\n<ng-template #titleBody>\r\n  @if (icon()) {\r\n    <tailwind-icon [icon]=\"icon()!\" [size]=\"iconSize()\" />\r\n  }\r\n  <span class=\"min-w-0\">{{ text() }}</span>\r\n</ng-template>\r\n", styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], titleTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleTag", required: false }] }] } });
+
 class TailwindCard extends TailwindComponent {
     /** Whether the card has elevated shadow */
     elevated = input(false, ...(ngDevMode ? [{ debugName: "elevated" }] : /* istanbul ignore next */ []));
@@ -1481,66 +2445,13 @@ class TailwindModal extends TailwindComponent {
         }, 200);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindModal, isStandalone: true, selector: "tailwind-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, viewQueries: [{ propertyName: "modalPanel", first: true, predicate: ["modalPanel"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isOpen()) {\r\n  <!-- Backdrop -->\r\n  <div\r\n    class=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-1040 transition-opacity duration-200\"\r\n    [class.opacity-100]=\"isVisible()\"\r\n    [class.opacity-0]=\"!isVisible()\"\r\n    (click)=\"closeOnBackdrop() && close()\"\r\n    aria-hidden=\"true\"></div>\r\n\r\n  <!-- Modal -->\r\n  <div\r\n    class=\"fixed inset-0 z-1050 overflow-y-auto\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"true\"\r\n    (keydown.escape)=\"closeOnEscape() && close()\">\r\n    <div class=\"flex min-h-full items-center justify-center p-4\">\r\n      <div #modalPanel [class]=\"panelClasses()\" tabindex=\"-1\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\r\n          <h2 class=\"text-lg font-semibold text-surface-900 pr-2\">\r\n            <ng-content />\r\n          </h2>\r\n          @if (showCloseButton()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"p-1.5 -m-1.5 shrink-0 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors cursor-pointer\"\r\n              aria-label=\"Close\"\r\n              (click)=\"close()\">\r\n              <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path\r\n                  d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\r\n              </svg>\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <!-- Body -->\r\n        <ng-content select=\"tailwind-modal-content\" />\r\n\r\n        <!-- Footer -->\r\n        <ng-content select=\"tailwind-modal-footer\" />\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindModal, isStandalone: true, selector: "tailwind-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, viewQueries: [{ propertyName: "modalPanel", first: true, predicate: ["modalPanel"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isOpen()) {\r\n  <!-- Backdrop -->\r\n  <div\r\n    class=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-1040 transition-opacity duration-200\"\r\n    [class.opacity-100]=\"isVisible()\"\r\n    [class.opacity-0]=\"!isVisible()\"\r\n    (click)=\"closeOnBackdrop() && close()\"\r\n    aria-hidden=\"true\"></div>\r\n\r\n  <!-- Modal -->\r\n  <div\r\n    class=\"fixed inset-0 z-1050 overflow-y-auto\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"true\"\r\n    (keydown.escape)=\"closeOnEscape() && close()\">\r\n    <div class=\"flex min-h-full items-center justify-center p-4\">\r\n      <div #modalPanel [class]=\"panelClasses()\" tabindex=\"-1\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\r\n          <h2 class=\"text-lg font-semibold text-surface-900 pr-2\">\r\n            <ng-content />\r\n          </h2>\r\n          @if (showCloseButton()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"p-1.5 -m-1.5 shrink-0 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors cursor-pointer\"\r\n              aria-label=\"Close\"\r\n              (click)=\"close()\">\r\n              <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path\r\n                  d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\r\n              </svg>\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <!-- Body -->\r\n        <ng-content select=\"[tailwind-modal-content]\" />\r\n\r\n        <!-- Footer -->\r\n        <ng-content select=\"[tailwind-modal-footer]\" />\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModal, decorators: [{
             type: Component,
-            args: [{ selector: 'tailwind-modal', template: "@if (isOpen()) {\r\n  <!-- Backdrop -->\r\n  <div\r\n    class=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-1040 transition-opacity duration-200\"\r\n    [class.opacity-100]=\"isVisible()\"\r\n    [class.opacity-0]=\"!isVisible()\"\r\n    (click)=\"closeOnBackdrop() && close()\"\r\n    aria-hidden=\"true\"></div>\r\n\r\n  <!-- Modal -->\r\n  <div\r\n    class=\"fixed inset-0 z-1050 overflow-y-auto\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"true\"\r\n    (keydown.escape)=\"closeOnEscape() && close()\">\r\n    <div class=\"flex min-h-full items-center justify-center p-4\">\r\n      <div #modalPanel [class]=\"panelClasses()\" tabindex=\"-1\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\r\n          <h2 class=\"text-lg font-semibold text-surface-900 pr-2\">\r\n            <ng-content />\r\n          </h2>\r\n          @if (showCloseButton()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"p-1.5 -m-1.5 shrink-0 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors cursor-pointer\"\r\n              aria-label=\"Close\"\r\n              (click)=\"close()\">\r\n              <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path\r\n                  d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\r\n              </svg>\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <!-- Body -->\r\n        <ng-content select=\"tailwind-modal-content\" />\r\n\r\n        <!-- Footer -->\r\n        <ng-content select=\"tailwind-modal-footer\" />\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'tailwind-modal', template: "@if (isOpen()) {\r\n  <!-- Backdrop -->\r\n  <div\r\n    class=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-1040 transition-opacity duration-200\"\r\n    [class.opacity-100]=\"isVisible()\"\r\n    [class.opacity-0]=\"!isVisible()\"\r\n    (click)=\"closeOnBackdrop() && close()\"\r\n    aria-hidden=\"true\"></div>\r\n\r\n  <!-- Modal -->\r\n  <div\r\n    class=\"fixed inset-0 z-1050 overflow-y-auto\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"true\"\r\n    (keydown.escape)=\"closeOnEscape() && close()\">\r\n    <div class=\"flex min-h-full items-center justify-center p-4\">\r\n      <div #modalPanel [class]=\"panelClasses()\" tabindex=\"-1\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\r\n          <h2 class=\"text-lg font-semibold text-surface-900 pr-2\">\r\n            <ng-content />\r\n          </h2>\r\n          @if (showCloseButton()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"p-1.5 -m-1.5 shrink-0 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors cursor-pointer\"\r\n              aria-label=\"Close\"\r\n              (click)=\"close()\">\r\n              <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path\r\n                  d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\r\n              </svg>\r\n            </button>\r\n          }\r\n        </div>\r\n\r\n        <!-- Body -->\r\n        <ng-content select=\"[tailwind-modal-content]\" />\r\n\r\n        <!-- Footer -->\r\n        <ng-content select=\"[tailwind-modal-footer]\" />\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{display:contents}\n"] }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], modalPanel: [{ type: i0.ViewChild, args: ['modalPanel', { isSignal: true }] }] } });
 
-/**
- * Transparent wrapper — the visual header structure is provided by TailwindModal.
- * Use inside a programmatically-opened component to supply the modal title.
- */
-class TailwindModalTitle {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: TailwindModalTitle, isStandalone: true, selector: "tailwind-modal-title", ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:contents}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalTitle, decorators: [{
-            type: Component,
-            args: [{ selector: 'tailwind-modal-title', template: `<ng-content />`, styles: [":host{display:contents}\n"] }]
-        }] });
-
-class TailwindModalContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: TailwindModalContent, isStandalone: true, selector: "tailwind-modal-content", ngImport: i0, template: `
-    <div class="px-6 py-5">
-      <ng-content />
-    </div>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalContent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'tailwind-modal-content',
-                    template: `
-    <div class="px-6 py-5">
-      <ng-content />
-    </div>
-  `
-                }]
-        }] });
-
-class TailwindModalFooter {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: TailwindModalFooter, isStandalone: true, selector: "tailwind-modal-footer", ngImport: i0, template: `
-    <div class="px-6 py-4 border-t border-surface-100 bg-surface-50/50 rounded-b-xl">
-      <ng-content />
-    </div>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindModalFooter, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'tailwind-modal-footer',
-                    template: `
-    <div class="px-6 py-4 border-t border-surface-100 bg-surface-50/50 rounded-b-xl">
-      <ng-content />
-    </div>
-  `
-                }]
-        }] });
-
 class TailwindTab extends TailwindComponent {
     /** Tab label */
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
@@ -1876,11 +2787,11 @@ class TailwindDrawer extends TailwindComponent {
         }, 300);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindDrawer, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindDrawer, isStandalone: true, selector: "tailwind-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, usesInheritance: true, ngImport: i0, template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div\n    class=\"fixed inset-0 bg-black/40 backdrop-blur-sm z-1040 transition-opacity duration-300\"\n    [class.opacity-100]=\"isVisible()\"\n    [class.opacity-0]=\"!isVisible()\"\n    (click)=\"closeOnBackdrop() && close()\"\n    aria-hidden=\"true\"></div>\n\n  <!-- Drawer Panel -->\n  <div [class]=\"panelClasses()\" role=\"dialog\" [attr.aria-modal]=\"true\" [attr.aria-label]=\"title()\">\n    <!-- Header -->\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\n      @if (title()) {\n        <h2 class=\"text-lg font-semibold text-surface-900\">{{ title() }}</h2>\n      }\n      <button\n        type=\"button\"\n        class=\"p-1.5 -m-1.5 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors ml-auto cursor-pointer\"\n        aria-label=\"Close\"\n        (click)=\"close()\">\n        <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto px-6 py-5\">\n      <ng-content />\n    </div>\n\n    <!-- Footer -->\n    <ng-content select=\"tailwind-drawer-footer\" />\n  </div>\n}\n", styles: [":host{display:contents}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindDrawer, isStandalone: true, selector: "tailwind-drawer", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, usesInheritance: true, ngImport: i0, template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div\n    class=\"fixed inset-0 bg-black/40 backdrop-blur-sm z-1040 transition-opacity duration-300\"\n    [class.opacity-100]=\"isVisible()\"\n    [class.opacity-0]=\"!isVisible()\"\n    (click)=\"closeOnBackdrop() && close()\"\n    aria-hidden=\"true\"></div>\n\n  <!-- Drawer Panel -->\n  <div [class]=\"panelClasses()\" role=\"dialog\" [attr.aria-modal]=\"true\" [attr.aria-label]=\"title()\">\n    <!-- Header -->\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\n      @if (title()) {\n        <h2 class=\"text-lg font-semibold text-surface-900\">{{ title() }}</h2>\n      }\n      <button\n        type=\"button\"\n        class=\"p-1.5 -m-1.5 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors ml-auto cursor-pointer\"\n        aria-label=\"Close\"\n        (click)=\"close()\">\n        <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto px-6 py-5\">\n      <ng-content />\n    </div>\n\n    <!-- Footer -->\n    <ng-content select=\"[tailwind-drawer-footer]\" />\n  </div>\n}\n", styles: [":host{display:contents}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindDrawer, decorators: [{
             type: Component,
-            args: [{ selector: 'tailwind-drawer', template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div\n    class=\"fixed inset-0 bg-black/40 backdrop-blur-sm z-1040 transition-opacity duration-300\"\n    [class.opacity-100]=\"isVisible()\"\n    [class.opacity-0]=\"!isVisible()\"\n    (click)=\"closeOnBackdrop() && close()\"\n    aria-hidden=\"true\"></div>\n\n  <!-- Drawer Panel -->\n  <div [class]=\"panelClasses()\" role=\"dialog\" [attr.aria-modal]=\"true\" [attr.aria-label]=\"title()\">\n    <!-- Header -->\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\n      @if (title()) {\n        <h2 class=\"text-lg font-semibold text-surface-900\">{{ title() }}</h2>\n      }\n      <button\n        type=\"button\"\n        class=\"p-1.5 -m-1.5 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors ml-auto cursor-pointer\"\n        aria-label=\"Close\"\n        (click)=\"close()\">\n        <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto px-6 py-5\">\n      <ng-content />\n    </div>\n\n    <!-- Footer -->\n    <ng-content select=\"tailwind-drawer-footer\" />\n  </div>\n}\n", styles: [":host{display:contents}\n"] }]
+            args: [{ selector: 'tailwind-drawer', template: "@if (isOpen()) {\n  <!-- Backdrop -->\n  <div\n    class=\"fixed inset-0 bg-black/40 backdrop-blur-sm z-1040 transition-opacity duration-300\"\n    [class.opacity-100]=\"isVisible()\"\n    [class.opacity-0]=\"!isVisible()\"\n    (click)=\"closeOnBackdrop() && close()\"\n    aria-hidden=\"true\"></div>\n\n  <!-- Drawer Panel -->\n  <div [class]=\"panelClasses()\" role=\"dialog\" [attr.aria-modal]=\"true\" [attr.aria-label]=\"title()\">\n    <!-- Header -->\n    <div class=\"flex items-center justify-between px-6 py-4 border-b border-surface-200\">\n      @if (title()) {\n        <h2 class=\"text-lg font-semibold text-surface-900\">{{ title() }}</h2>\n      }\n      <button\n        type=\"button\"\n        class=\"p-1.5 -m-1.5 rounded-lg text-surface-400 hover:text-surface-600 hover:bg-surface-100 transition-colors ml-auto cursor-pointer\"\n        aria-label=\"Close\"\n        (click)=\"close()\">\n        <svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n          <path\n            d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto px-6 py-5\">\n      <ng-content />\n    </div>\n\n    <!-- Footer -->\n    <ng-content select=\"[tailwind-drawer-footer]\" />\n  </div>\n}\n", styles: [":host{display:contents}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
 
 class TailwindBreadcrumb extends TailwindComponent {
@@ -2510,10 +3421,10 @@ class TailwindModalService {
      * Open a modal programmatically.
      *
      * The `component` is instantiated and its slot elements are projected into
-     * TailwindModal's ng-content slots:
-     *  - `<tailwind-modal-title>`   → header title area
-     *  - `<tailwind-modal-content>` → body area
-     *  - `<tailwind-modal-footer>`  → footer area
+     * TailwindModal's ng-content slots (attribute selectors on direct children):
+     *  - `[tailwind-modal-title]`   → header title area
+     *  - `[tailwind-modal-content]` → body area
+     *  - `[tailwind-modal-footer]`  → footer area
      *
      * The component can inject `TailwindModalRef<R>` to close with a typed result
      * and `TAILWIND_MODAL_DATA` to receive the `config.data` payload.
@@ -2541,16 +3452,16 @@ class TailwindModalService {
             const host = userComp.location.nativeElement;
             const nodes = (sel) => Array.from(host.querySelectorAll(`:scope > ${sel}`));
             // ── Step 3: create TailwindModal projecting the slot nodes ────────────
-            //   projectableNodes[0] → <ng-content />                (title / catch-all)
-            //   projectableNodes[1] → <ng-content select="tailwind-modal-content" />
-            //   projectableNodes[2] → <ng-content select="tailwind-modal-footer" />
+            //   projectableNodes[0] → <ng-content />                     (title / catch-all)
+            //   projectableNodes[1] → <ng-content select="[tailwind-modal-content]" />
+            //   projectableNodes[2] → <ng-content select="[tailwind-modal-footer]" />
             const modalComp = createComponent(TailwindModal, {
                 environmentInjector: this.environmentInjector,
                 elementInjector: injector,
                 projectableNodes: [
-                    nodes('tailwind-modal-title'),
-                    nodes('tailwind-modal-content'),
-                    nodes('tailwind-modal-footer')
+                    nodes('[tailwind-modal-title]'),
+                    nodes('[tailwind-modal-content]'),
+                    nodes('[tailwind-modal-footer]')
                 ]
             });
             modalComp.setInput('size', config.size ?? 'md');
@@ -2645,11 +3556,11 @@ class TailwindNotification extends TailwindComponent {
         return `flex items-start rounded-xl border p-4 ${variantMap[this.severity()]}`;
     }, ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindNotification, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindNotification, isStandalone: true, selector: "tailwind-notification", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, usesInheritance: true, ngImport: i0, template: "<div [class]=\"computedClasses()\" role=\"alert\">\n  <div class=\"flex-1 min-w-0\">\n    @if (title()) {\n      <p class=\"text-sm font-semibold mb-0.5\">{{ title() }}</p>\n    }\n    <p class=\"text-sm\"><ng-content /></p>\n    @if (showActions()) {\n      <div class=\"pt-3\">\n        <ng-content select=\"tailwind-notification-actions\" />\n      </div>\n    }\n  </div>\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      (click)=\"onDismiss.emit()\"\n      class=\"shrink-0 p-1 -m-1 rounded-lg opacity-60 hover:opacity-100 transition-opacity cursor-pointer\"\n      aria-label=\"Dismiss\">\n      <svg class=\"w-4 h-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n        <path\n          d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n      </svg>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindNotification, isStandalone: true, selector: "tailwind-notification", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDismiss: "onDismiss" }, usesInheritance: true, ngImport: i0, template: "<div [class]=\"computedClasses()\" role=\"alert\">\n  <div class=\"flex-1 min-w-0\">\n    @if (title()) {\n      <p class=\"text-sm font-semibold mb-0.5\">{{ title() }}</p>\n    }\n    <p class=\"text-sm\"><ng-content /></p>\n    @if (showActions()) {\n      <div class=\"pt-3\">\n        <ng-content select=\"[tailwind-notification-actions]\" />\n      </div>\n    }\n  </div>\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      (click)=\"onDismiss.emit()\"\n      class=\"shrink-0 p-1 -m-1 rounded-lg opacity-60 hover:opacity-100 transition-opacity cursor-pointer\"\n      aria-label=\"Dismiss\">\n      <svg class=\"w-4 h-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n        <path\n          d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n      </svg>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindNotification, decorators: [{
             type: Component,
-            args: [{ selector: 'tailwind-notification', template: "<div [class]=\"computedClasses()\" role=\"alert\">\n  <div class=\"flex-1 min-w-0\">\n    @if (title()) {\n      <p class=\"text-sm font-semibold mb-0.5\">{{ title() }}</p>\n    }\n    <p class=\"text-sm\"><ng-content /></p>\n    @if (showActions()) {\n      <div class=\"pt-3\">\n        <ng-content select=\"tailwind-notification-actions\" />\n      </div>\n    }\n  </div>\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      (click)=\"onDismiss.emit()\"\n      class=\"shrink-0 p-1 -m-1 rounded-lg opacity-60 hover:opacity-100 transition-opacity cursor-pointer\"\n      aria-label=\"Dismiss\">\n      <svg class=\"w-4 h-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n        <path\n          d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n      </svg>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'tailwind-notification', template: "<div [class]=\"computedClasses()\" role=\"alert\">\n  <div class=\"flex-1 min-w-0\">\n    @if (title()) {\n      <p class=\"text-sm font-semibold mb-0.5\">{{ title() }}</p>\n    }\n    <p class=\"text-sm\"><ng-content /></p>\n    @if (showActions()) {\n      <div class=\"pt-3\">\n        <ng-content select=\"[tailwind-notification-actions]\" />\n      </div>\n    }\n  </div>\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      (click)=\"onDismiss.emit()\"\n      class=\"shrink-0 p-1 -m-1 rounded-lg opacity-60 hover:opacity-100 transition-opacity cursor-pointer\"\n      aria-label=\"Dismiss\">\n      <svg class=\"w-4 h-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n        <path\n          d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\" />\n      </svg>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], onDismiss: [{ type: i0.Output, args: ["onDismiss"] }] } });
 
 class TailwindMessage extends TailwindComponent {
@@ -2747,11 +3658,11 @@ class TailwindToolbar extends TailwindComponent {
         return item.value ?? item.label ?? String(index);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindToolbar, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindToolbar, isStandalone: true, selector: "tailwind-toolbar", inputs: { rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMenuSelect: "onMenuSelect" }, usesInheritance: true, ngImport: i0, template: "<div [class]=\"rootClasses()\">\r\n  <div class=\"shrink-0\">\r\n    <ng-content select=\"tailwind-toolbar-logo\" />\r\n  </div>\r\n  <nav [class]=\"menuContainerClasses()\" [attr.aria-label]=\"'Toolbar menu'\">\r\n    @for (item of menu(); track menuTrackKey($index, item)) {\r\n      @if (item.divider) {\r\n        @if (orientation() === 'horizontal') {\r\n          <span class=\"mx-0.5 h-5 w-px shrink-0 self-center bg-surface-200\" aria-hidden=\"true\"></span>\r\n        } @else {\r\n          <hr class=\"my-1 w-full border-0 border-t border-surface-100\" />\r\n        }\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          [disabled]=\"!!item.disabled\"\r\n          [class]=\"menuItemButtonClasses()\"\r\n          (click)=\"selectMenuItem(item)\">\r\n          {{ item.label }}\r\n        </button>\r\n      }\r\n    }\r\n  </nav>\r\n  <div\r\n    class=\"flex flex-wrap items-center gap-2 shrink-0\"\r\n    [class.justify-end]=\"orientation() === 'horizontal'\"\r\n    [class.mt-auto]=\"orientation() === 'vertical'\">\r\n    <ng-content select=\"tailwind-toolbar-end\" />\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TailwindToolbar, isStandalone: true, selector: "tailwind-toolbar", inputs: { rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMenuSelect: "onMenuSelect" }, usesInheritance: true, ngImport: i0, template: "<div [class]=\"rootClasses()\">\r\n  <div class=\"shrink-0\">\r\n    <ng-content select=\"[tailwind-toolbar-logo]\" />\r\n  </div>\r\n  <nav [class]=\"menuContainerClasses()\" [attr.aria-label]=\"'Toolbar menu'\">\r\n    @for (item of menu(); track menuTrackKey($index, item)) {\r\n      @if (item.divider) {\r\n        @if (orientation() === 'horizontal') {\r\n          <span class=\"mx-0.5 h-5 w-px shrink-0 self-center bg-surface-200\" aria-hidden=\"true\"></span>\r\n        } @else {\r\n          <hr class=\"my-1 w-full border-0 border-t border-surface-100\" />\r\n        }\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          [disabled]=\"!!item.disabled\"\r\n          [class]=\"menuItemButtonClasses()\"\r\n          (click)=\"selectMenuItem(item)\">\r\n          {{ item.label }}\r\n        </button>\r\n      }\r\n    }\r\n  </nav>\r\n  <div\r\n    class=\"flex flex-wrap items-center gap-2 shrink-0\"\r\n    [class.justify-end]=\"orientation() === 'horizontal'\"\r\n    [class.mt-auto]=\"orientation() === 'vertical'\">\r\n    <ng-content select=\"[tailwind-toolbar-end]\" />\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TailwindToolbar, decorators: [{
             type: Component,
-            args: [{ selector: 'tailwind-toolbar', template: "<div [class]=\"rootClasses()\">\r\n  <div class=\"shrink-0\">\r\n    <ng-content select=\"tailwind-toolbar-logo\" />\r\n  </div>\r\n  <nav [class]=\"menuContainerClasses()\" [attr.aria-label]=\"'Toolbar menu'\">\r\n    @for (item of menu(); track menuTrackKey($index, item)) {\r\n      @if (item.divider) {\r\n        @if (orientation() === 'horizontal') {\r\n          <span class=\"mx-0.5 h-5 w-px shrink-0 self-center bg-surface-200\" aria-hidden=\"true\"></span>\r\n        } @else {\r\n          <hr class=\"my-1 w-full border-0 border-t border-surface-100\" />\r\n        }\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          [disabled]=\"!!item.disabled\"\r\n          [class]=\"menuItemButtonClasses()\"\r\n          (click)=\"selectMenuItem(item)\">\r\n          {{ item.label }}\r\n        </button>\r\n      }\r\n    }\r\n  </nav>\r\n  <div\r\n    class=\"flex flex-wrap items-center gap-2 shrink-0\"\r\n    [class.justify-end]=\"orientation() === 'horizontal'\"\r\n    [class.mt-auto]=\"orientation() === 'vertical'\">\r\n    <ng-content select=\"tailwind-toolbar-end\" />\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
+            args: [{ selector: 'tailwind-toolbar', template: "<div [class]=\"rootClasses()\">\r\n  <div class=\"shrink-0\">\r\n    <ng-content select=\"[tailwind-toolbar-logo]\" />\r\n  </div>\r\n  <nav [class]=\"menuContainerClasses()\" [attr.aria-label]=\"'Toolbar menu'\">\r\n    @for (item of menu(); track menuTrackKey($index, item)) {\r\n      @if (item.divider) {\r\n        @if (orientation() === 'horizontal') {\r\n          <span class=\"mx-0.5 h-5 w-px shrink-0 self-center bg-surface-200\" aria-hidden=\"true\"></span>\r\n        } @else {\r\n          <hr class=\"my-1 w-full border-0 border-t border-surface-100\" />\r\n        }\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          [disabled]=\"!!item.disabled\"\r\n          [class]=\"menuItemButtonClasses()\"\r\n          (click)=\"selectMenuItem(item)\">\r\n          {{ item.label }}\r\n        </button>\r\n      }\r\n    }\r\n  </nav>\r\n  <div\r\n    class=\"flex flex-wrap items-center gap-2 shrink-0\"\r\n    [class.justify-end]=\"orientation() === 'horizontal'\"\r\n    [class.mt-auto]=\"orientation() === 'vertical'\">\r\n    <ng-content select=\"[tailwind-toolbar-end]\" />\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }], onMenuSelect: [{ type: i0.Output, args: ["onMenuSelect"] }] } });
 
 class TailwindDivider extends TailwindComponent {
@@ -3140,5 +4051,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HERO_ICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalContent, TailwindModalFooter, TailwindModalRef, TailwindModalService, TailwindModalTitle, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTag, TailwindTimePicker, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective };
+export { TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_SOLAR_ICON_NAMES, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTag, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective };
 //# sourceMappingURL=angular-tailwind-components.mjs.map