npm - @kouji-ui/components - Versions diffs - 0.9.0 → 0.9.2 - Mend

@kouji-ui/components 0.9.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/kouji-ui-components.mjs +137 -65
package/fesm2022/kouji-ui-components.mjs.map +1 -1
package/package.json +1 -1
package/types/kouji-ui-components.d.ts +17 -1

package/fesm2022/kouji-ui-components.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Injectable, booleanAttribute, computed, TemplateRef, viewChild, ElementRef, contentChildren, contentChild, model, ViewChild, PLATFORM_ID, DestroyRef, afterNextRender, effect, signal, SecurityContext, Injector, untracked, output, EventEmitter, Output, makeEnvironmentProviders, provideEnvironmentInitializer, forwardRef, EnvironmentInjector, Directive, InjectionToken, ViewContainerRef, numberAttribute } from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, inject, Injectable, booleanAttribute, computed, TemplateRef, viewChild, ElementRef, contentChildren, contentChild, model, ViewChild, PLATFORM_ID, DestroyRef, afterNextRender, effect, signal, SecurityContext, Injector, untracked, output, EventEmitter, Output, makeEnvironmentProviders, provideEnvironmentInitializer, forwardRef, EnvironmentInjector, Directive, InjectionToken, ViewContainerRef, numberAttribute, afterRenderEffect } from '@angular/core';
 import * as i1 from '@kouji-ui/core';
-import { KjAccordion, KjAccordionTrigger, KjAccordionItem, KjAccordionContent, SHEET_DATA, KjSheetRef, KjSheet, KjIconDirective, KjSheetService, KjAlert, KjAlertIcon, KjAlertTitle, KjAlertDescription, KjAlertActions, KjAlertDismiss, KJ_AVATAR_GROUP, KjAvatarImage, KjAvatarFallback, KjAvatar, KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle, KjTranslateService, KjOverflowContent, KjAvatarGroup, KjBadge, KjBreadcrumb, KjSize, KjBreadcrumbList, KjBreadcrumbItem, KJ_BREADCRUMB_CONFIG, KjLink, KjBreadcrumbCurrent, KjBreadcrumbSeparator, KjBreadcrumbEllipsis, KjButton, KjButtonGroup, KjCalendar, KjCalendarHeader, KjCalendarGrid, KjCalendarDay, KjCarousel, KjLiveRegion, KjVisuallyHidden, KjCarouselViewport, KjCarouselSlide, KjCarouselPrevious, KjCarouselNext, KJ_CAROUSEL, KjCarouselIndicator, KjCarouselIndicators, KjCarouselAutoplay, KjCarouselPauseToggle, KjChatLog, KjChat, KjChatAvatar, KjChatHeader, KjChatBubble, KjChatFooter, KjChatAnnouncer, KJ_CHAT_CONFIG, parseSlash, matchSlashCommands, KjCheckbox, KjColorPicker, KjColorPickerTrigger, KjColorPickerPanel, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerAlphaSlider, KjColorPickerInput, KjComboboxInput, KjComboboxListbox, KjCombobox, KjComboboxOption, KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel, KjDatePicker, KjDatePickerTrigger, KjDatePickerCalendar, defaultDateRangePresets, KjDateRangePresets, KjDateRangePresetOption, KjLocale, KjDropdownMenuTrigger, KjDropdownMenuContent, KjDropdownMenuItem, KjDropdownMenuSeparator, KjDropdownMenuLabel, KjDropdownMenuGroup, KjSpinner, KjVariant, KjEditorLoader, KjEditor, KJ_SIZE_PRESET, KjField, KjFieldLabel, KjFieldHelp, KjFieldError, KjFieldGroup, KjFileUpload, KjFileUploadTrigger, KjFileUploadDropzone, KjFileUploadList, KjFileUploadItem, KjProgressBar, KjProgressBarFill, KjForm, KjFormErrorSummary, KJ_ICON_REGISTRY, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KJ_INPUT_MASK_PRESETS, KjInputOtp, KjInputOtpCell, KjKbd, KJ_KBD_SIZE_PRESET, KjDivider, KJ_VARIANT_PRESET, KjList, KjListRow, KjMenubar, KjMenubarItem, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KJ_OVERLAY_BADGE, KjOverlayBadgeContent, KjOverlayBadge, KjPagination, KjPaginationItem, KjPaginationPrevious, KjPaginationNext, KjPaginationFirst, KjPaginationLast, KjPaginationEllipsis, KjPaginationInfo, KJ_PASSWORD_INPUT, KjPasswordInput, KjPasswordInputScope, KjPasswordToggle, KjPasswordStrength, KjPasswordCapsLockWarning, KjRadioGroup, KjRadio, injectRteOverlayData, createKjImageNode, KJ_RTE_OVERLAY_DATA, KjRichTextEditor, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectTrigger, KjSelectContent, KjOption, KjSkeleton, KjSkipLink, KjSlider, KjSliderTrack, KjSliderRange, KjSliderThumb, KjSpeedDial, KjSpeedDialTrigger, KjSpeedDialActions, KjSpeedDialAction, KjStepper, KjStep, KjStepLabel, KjStepContent, KjStepperNext, KjStepperPrevious, KjStepperReset, KjToggle, KJ_TABLE, provideKjFilterParams, KjTable, KJ_TABLE_STORAGE, KjTableHeader, KjTableRow, KjTableCell, KjTableKeyboardNav, DRAWER_DATA, KjDrawer, KjDrawerService, bindPresets, KJ_TABS_CONFIG, KjTabs, KjTabList, KjTab, KjTabPanel, KjTag, KjTagRemove, KjTagList, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMinutes, KjTimePickerSeconds, KjTimePickerMeridiem, KjToastViewport, KjToast, KjToastClose, KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup, KjCascadeSelect, KjCascadeSelectTrigger, KjCascadeSelectPanel, KjCascadeSelectOption, KjCascadeSelectSubPanel, KjCommandPalette, KjCommandInput, KjCommandList, KjCommandEmpty, injectListItem, KjListItem, KjCommandGroup, KjCommandSeparator, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelect, KjTreeSelectTrigger, KjTreeSelectContent } from '@kouji-ui/core';
+import { KjAccordion, KjAccordionTrigger, KjAccordionItem, KjAccordionContent, SHEET_DATA, KjSheetRef, KjSheet, KjIconDirective, KjSheetService, KjAlert, KjAlertIcon, KjAlertTitle, KjAlertDescription, KjAlertActions, KjAlertDismiss, KJ_AVATAR_GROUP, KjAvatarImage, KjAvatarFallback, KjAvatar, KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle, KjTranslateService, KjOverflowContent, KjAvatarGroup, KjBadge, KjBreadcrumb, KjSize, KjBreadcrumbList, KjBreadcrumbItem, KJ_BREADCRUMB_CONFIG, KjLink, KjBreadcrumbCurrent, KjBreadcrumbSeparator, KjBreadcrumbEllipsis, KjButton, KjButtonGroup, KjCalendar, KjCalendarHeader, KjCalendarGrid, KjCalendarDay, KjCarousel, KjLiveRegion, KjVisuallyHidden, KjCarouselViewport, KjCarouselSlide, KjCarouselPrevious, KjCarouselNext, KJ_CAROUSEL, KjCarouselIndicator, KjCarouselIndicators, KjCarouselAutoplay, KjCarouselPauseToggle, KjChatLog, KjChat, KjChatAvatar, KjChatHeader, KjChatBubble, KjChatFooter, KjChatAnnouncer, KJ_CHAT_CONFIG, parseSlash, matchSlashCommands, KjCheckbox, KjColorPicker, KjColorPickerTrigger, KjColorPickerPanel, KjColorPickerArea, KjColorPickerHueSlider, KjColorPickerAlphaSlider, KjColorPickerInput, KjComboboxInput, KjComboboxListbox, KjCombobox, KjComboboxOption, KjConfirmPopup, KjConfirmPopupTrigger, KjConfirmPopupContent, KjConfirmPopupMessage, KjConfirmPopupAction, KjConfirmPopupCancel, KjDatePicker, KjDatePickerTrigger, KjDatePickerCalendar, defaultDateRangePresets, KjDateRangePresets, KjDateRangePresetOption, KjLocale, KjDropdownMenuTrigger, KjDropdownMenuContent, KjDropdownMenuItem, KjDropdownMenuSeparator, KjDropdownMenuLabel, KjDropdownMenuGroup, KjSpinner, KjVariant, KjEditorLoader, KjEditor, KJ_SIZE_PRESET, KjField, KjFieldLabel, KjFieldHelp, KjFieldError, KjFieldGroup, KjFileUpload, KjFileUploadTrigger, KjFileUploadDropzone, KjFileUploadList, KjFileUploadItem, KjProgressBar, KjProgressBarFill, KjForm, KjFormErrorSummary, KJ_ICON_REGISTRY, KjInput, KjInputGroup, KjInputGroupAddon, KjInputMask, KJ_INPUT_MASK_PRESETS, KjInputOtp, KjInputOtpCell, KjKbd, KJ_KBD_SIZE_PRESET, KjDivider, KJ_VARIANT_PRESET, KjList, KjListRow, KjMenubar, KjMenubarItem, KjNumberInput, KjNumberInputGroup, KjNumberStepper, KJ_OVERLAY_BADGE, KjOverlayBadgeContent, KjOverlayBadge, KjPagination, KjPaginationItem, KjPaginationPrevious, KjPaginationNext, KjPaginationFirst, KjPaginationLast, KjPaginationEllipsis, KjPaginationInfo, KJ_PASSWORD_INPUT, KjPasswordInput, KjPasswordInputScope, KjPasswordToggle, KjPasswordStrength, KjPasswordCapsLockWarning, KjRadioGroup, KjRadio, injectRteOverlayData, createKjImageNode, KJ_RTE_OVERLAY_DATA, KjRichTextEditor, KjRovingTabindex, KjRovingTabindexItemDirective, KjSelect, KjSelectTrigger, KjSelectContent, KjOption, KjSkeleton, KjSkipLink, KjSlider, KjSliderTrack, KjSliderRange, KjSliderThumb, KjSpeedDial, KjSpeedDialTrigger, KjSpeedDialActions, KjSpeedDialAction, KjStepper, KjStep, KjStepLabel, KjStepContent, KjStepperNext, KjStepperPrevious, KjStepperReset, KjToggle, KJ_TABLE, provideKjFilterParams, KjTable, KJ_TABLE_STORAGE, KjTableHeader, KjTableRow, KjTableCell, KjTableKeyboardNav, DRAWER_DATA, KjDrawer, KjDrawerService, bindPresets, KJ_TABS_CONFIG, KjTabs, KjTabList, KjTab, KjTabPanel, KjTag, KjTagRemove, KjTagList, KjTextarea, KjTimePicker, KjTimePickerHours, KjTimePickerMinutes, KjTimePickerSeconds, KjTimePickerMeridiem, KjToastViewport, KjToast, KjToastClose, KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup, KjCascadeSelect, KjCascadeSelectTrigger, KjCascadeSelectPanel, KjCascadeSelectOption, KjCascadeSelectSubPanel, KjCommandPalette, KjOverlayStack, KjId, createOverlayWrapper, applyOverlayZIndex, clearOverlayZIndex, KjCommandInput, KjCommandList, KjCommandEmpty, injectListItem, KjListItem, KjCommandGroup, KjCommandSeparator, KjTreeSelectNode, KjTreeSelectToggle, KjTreeSelect, KjTreeSelectTrigger, KjTreeSelectContent } from '@kouji-ui/core';
 export { KJ_DROPDOWN_MENU, KjBlockquote, KjCarousel, KjCarouselSlide, KjCascadeSelectOption, KjChatAnnouncer, KjChatStore, KjCode, KjColorPicker, KjCombobox, KjDatePicker, KjDialog, KjDialogRef, KjDialogService, KjDrawer, KjDrawerRef, KjDrawerService, KjDropdownMenuContent, KjDropdownMenuGroup, KjDropdownMenuItem, KjDropdownMenuLabel, KjDropdownMenuSeparator, KjDropdownMenuTrigger, KjFileUpload, KjInput, KjLead, KjLiveRegion, KjMuted, KjOverlayPanel, KjPopoverArrow, KjPopoverClose, KjPopoverContent, KjPopoverTitle, KjPopoverTrigger, KjRichTextEditor, KjSheet, KjSheetRef, KjSheetService, KjTabPanel, KjTable, KjTooltipArrow, KjTooltipContent, KjTooltipGroup, KjTooltipTrigger, KjTreeSelect, KjTruncate, SHEET_ARIA_LABEL, SHEET_DATA, SHEET_DETENT, SHEET_DISMISSIBLE } from '@kouji-ui/core';
 import { NgTemplateOutlet, isPlatformBrowser, NgComponentOutlet } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -867,11 +867,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjPopoverComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjPopoverComponent, isStandalone: true, selector: "kj-popover", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjPopoverComponent, isStandalone: true, selector: "kj-popover", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-popover', standalone: true, imports: [KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+            args: [{ selector: 'kj-popover', standalone: true, imports: [KjPopoverTrigger, KjPopoverContent, KjPopoverArrow, KjPopoverClose, KjPopoverTitle], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-popover-content{--kj-popover-bg: var(--kj-bg-elevated);--kj-popover-fg: var(--kj-fg-default);--kj-popover-border-color: var(--kj-border-default);--kj-popover-radius: var(--kj-radius-box);--kj-popover-padding-x: var(--kj-space-md);--kj-popover-padding-y: var(--kj-space-md);--kj-popover-shadow: var(--kj-shadow-md, 0 12px 32px rgb(0 0 0 / .18));--kj-popover-arrow-size: 8px;display:block;box-sizing:border-box;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-popover-bg);color:var(--kj-popover-fg);border:var(--kj-border) solid var(--kj-popover-border-color);border-radius:var(--kj-popover-radius);padding:var(--kj-popover-padding-y) var(--kj-popover-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-popover-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-popover-content[hidden]{display:none}.kj-popover-title{display:block;font-size:.9375rem;font-weight:600;margin:0 0 var(--kj-space-xs);color:var(--kj-fg-default)}.kj-popover-arrow{position:absolute;width:var(--kj-popover-arrow-size, 8px);height:var(--kj-popover-arrow-size, 8px);background:var(--kj-popover-bg, var(--kj-bg-elevated));border:var(--kj-border) solid var(--kj-popover-border-color, var(--kj-border-default));transform:rotate(45deg)}.kj-popover-content[data-side=top] .kj-popover-arrow{bottom:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-top-color:transparent;border-left-color:transparent}.kj-popover-content[data-side=bottom] .kj-popover-arrow{top:calc(var(--kj-popover-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-popover-arrow-size) / -2);border-bottom-color:transparent;border-right-color:transparent}.kj-popover-content[data-side=left] .kj-popover-arrow{right:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-left-color:transparent;border-bottom-color:transparent}.kj-popover-content[data-side=right] .kj-popover-arrow{left:calc(var(--kj-popover-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-popover-arrow-size) / -2);border-right-color:transparent;border-top-color:transparent}body[data-kj-scroll-lock=true]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.kj-popover-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-popover-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-popover-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -4334,7 +4334,7 @@ class KjColorPickerComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:1000;width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"], dependencies: [{ kind: "directive", type: KjColorPicker, selector: "[kjColorPicker]", inputs: ["kjFormat", "kjShowAlpha", "kjAlwaysEmitAlpha", "kjPresets", "kjInvalid", "kjAriaLabel", "kjSide", "kjAlign"], outputs: ["kjOpenChange", "kjCommit"], exportAs: ["kjColorPicker"] }, { kind: "directive", type: KjColorPickerTrigger, selector: "[kjColorPickerTrigger]" }, { kind: "directive", type: KjColorPickerPanel, selector: "[kjColorPickerPanel]" }, { kind: "directive", type: KjColorPickerArea, selector: "[kjColorPickerArea]" }, { kind: "directive", type: KjColorPickerHueSlider, selector: "input[kjColorPickerHueSlider]" }, { kind: "directive", type: KjColorPickerAlphaSlider, selector: "input[kjColorPickerAlphaSlider]" }, { kind: "directive", type: KjColorPickerInput, selector: "input[kjColorPickerInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 1000);width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"], dependencies: [{ kind: "directive", type: KjColorPicker, selector: "[kjColorPicker]", inputs: ["kjFormat", "kjShowAlpha", "kjAlwaysEmitAlpha", "kjPresets", "kjInvalid", "kjAriaLabel", "kjSide", "kjAlign"], outputs: ["kjOpenChange", "kjCommit"], exportAs: ["kjColorPicker"] }, { kind: "directive", type: KjColorPickerTrigger, selector: "[kjColorPickerTrigger]" }, { kind: "directive", type: KjColorPickerPanel, selector: "[kjColorPickerPanel]" }, { kind: "directive", type: KjColorPickerArea, selector: "[kjColorPickerArea]" }, { kind: "directive", type: KjColorPickerHueSlider, selector: "input[kjColorPickerHueSlider]" }, { kind: "directive", type: KjColorPickerAlphaSlider, selector: "input[kjColorPickerAlphaSlider]" }, { kind: "directive", type: KjColorPickerInput, selector: "input[kjColorPickerInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjColorPickerComponent, decorators: [{
             type: Component,
@@ -4405,7 +4405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
   `, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-color-picker',
                         style: 'display: inline-block;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:1000;width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-color-picker{position:relative;display:inline-block}.kj-color-picker-trigger{width:44px;height:44px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);cursor:pointer;background:linear-gradient(var(--kj-color-picker-current, #000),var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 12px 12px}.kj-color-picker-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.kj-color-picker-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 1000);width:280px;padding:var(--kj-space-md);background:var(--kj-bg-body);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);display:flex;flex-direction:column;gap:var(--kj-space-sm);color:var(--kj-fg-default)}.kj-color-picker-panel[hidden]{display:none}.kj-color-picker-area{position:relative;width:100%;height:160px;border-radius:4px;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--kj-color-picker-hue, 0),100%,50%));touch-action:none}.kj-color-picker-area:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-area:after{content:\"\";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;left:calc(var(--kj-color-picker-x, 0) * 100%);top:calc((1 - var(--kj-color-picker-y, 0)) * 100%);border:2px solid #fff;box-shadow:0 0 0 1px #000,0 0 4px #0006;border-radius:50%;pointer-events:none}.kj-color-picker-hue-slider,.kj-color-picker-alpha-slider{width:100%;height:16px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.kj-color-picker-hue-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-hue-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.kj-color-picker-alpha-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-alpha-slider::-moz-range-track{height:12px;border-radius:6px;background:linear-gradient(to right,transparent,var(--kj-color-picker-current, #000)),conic-gradient(#ccc 25%,#fff 0 50%,#ccc 0 75%,#fff 0) 0 0 / 8px 8px}.kj-color-picker-hue-slider::-webkit-slider-thumb,.kj-color-picker-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000;margin-top:-1px}.kj-color-picker-hue-slider::-moz-range-thumb,.kj-color-picker-alpha-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}.kj-color-picker-hue-slider:focus-visible,.kj-color-picker-alpha-slider:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-color-picker-input{width:100%;box-sizing:border-box;padding:var(--kj-space-xs) var(--kj-space-sm);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-body);color:var(--kj-fg-default);font:.8125rem var(--kj-font-mono, monospace)}.kj-color-picker-input[aria-invalid=true]{border-color:var(--kj-border-danger, #ef4444)}.kj-color-picker-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.kj-color-picker-preset{width:24px;height:24px;padding:0;border:var(--kj-border) solid var(--kj-border-default);border-radius:4px;cursor:pointer}.kj-color-picker-preset[aria-selected=true]{outline:2px solid var(--kj-border-focus);outline-offset:1px}.kj-color-picker-preset:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kj-color-picker-panel,.kj-color-picker-trigger,.kj-color-picker-area:after{transition:none!important}}}\n"] }]
         }], propDecorators: { kjFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFormat", required: false }] }], kjShowAlpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShowAlpha", required: false }] }], kjAlwaysEmitAlpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAlwaysEmitAlpha", required: false }] }], kjPresets: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPresets", required: false }] }], kjInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjInvalid", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjShowHexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShowHexInput", required: false }] }], kjOpenChange: [{ type: i0.Output, args: ["kjOpenChange"] }], kjCommit: [{ type: i0.Output, args: ["kjCommit"] }], innerPicker: [{
                 type: ViewChild,
                 args: [KjColorPicker, { static: true }]
@@ -4504,7 +4504,7 @@ class KjComboboxComponent {
     <div kjComboboxListbox [kjFor]="trig" class="kj-combobox-listbox">
       <ng-content />
     </div>
-  `, isInline: true, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:100;display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"], dependencies: [{ kind: "directive", type: KjComboboxInput, selector: "input[kjComboboxInput]", exportAs: ["kjComboboxInput"] }, { kind: "directive", type: KjComboboxListbox, selector: "[kjComboboxListbox]", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100);display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"], dependencies: [{ kind: "directive", type: KjComboboxInput, selector: "input[kjComboboxInput]", exportAs: ["kjComboboxInput"] }, { kind: "directive", type: KjComboboxListbox, selector: "[kjComboboxListbox]", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjComboboxComponent, decorators: [{
             type: Component,
@@ -4539,7 +4539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
   `, encapsulation: ViewEncapsulation.None, host: {
                         'class': 'kj-combobox',
                         '[attr.data-disabled]': "disabled() ? '' : null",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:100;display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-combobox{position:relative;display:inline-block;min-width:16rem}.kj-combobox-input{width:100%;background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans)}.kj-combobox-input:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-combobox-input[aria-busy=true]{background-image:linear-gradient(90deg,transparent 0%,var(--kj-bg-surface) 50%,transparent 100%);background-size:200% 100%;animation:kj-combobox-shimmer 1.4s linear infinite}.kj-combobox[data-disabled] .kj-combobox-input{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-combobox-listbox{box-sizing:border-box;min-width:16rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100);display:flex;flex-direction:column}.kj-combobox-listbox[hidden]{display:none}.kj-combobox-option{display:flex;align-items:center;gap:var(--kj-space-sm);width:100%;text-align:left;padding:var(--kj-space-sm) var(--kj-space-md);border:none;background:transparent;color:var(--kj-fg-default);border-radius:var(--kj-radius-selector);cursor:pointer;font:.875rem var(--kj-font-sans)}.kj-combobox-option:hover,.kj-combobox-option[data-active]{background:var(--kj-bg-surface)}.kj-combobox-option[aria-selected=true]{background:var(--kj-bg-surface);font-weight:600}.kj-combobox-option[hidden]{display:none}.kj-combobox-option[aria-disabled=true],.kj-combobox-option[disabled]{opacity:.45;cursor:not-allowed}.kj-combobox-empty,.kj-combobox-loading{padding:var(--kj-space-md);color:var(--kj-fg-default);opacity:.7;font:.875rem var(--kj-font-sans);text-align:center}.kj-combobox-empty[hidden],.kj-combobox-loading[hidden]{display:none}@keyframes kj-combobox-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.kj-combobox-input[aria-busy=true]{animation:none}}}\n"] }]
         }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
  * Single combobox option. Project as a child of `<kj-combobox>`.
@@ -4704,7 +4704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupComponent, isStandalone: true, selector: "kj-confirm-popup", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup" }, hostDirectives: [{ directive: i1.KjConfirmPopup, inputs: ["kjDestructive", "kjDestructive", "kjDefaultFocus", "kjDefaultFocus"], outputs: ["kjConfirmed", "kjConfirmed", "kjCancelled", "kjCancelled", "kjResult", "kjResult"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupComponent, isStandalone: true, selector: "kj-confirm-popup", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup" }, hostDirectives: [{ directive: i1.KjConfirmPopup, inputs: ["kjDestructive", "kjDestructive", "kjDefaultFocus", "kjDefaultFocus"], outputs: ["kjConfirmed", "kjConfirmed", "kjCancelled", "kjCancelled", "kjResult", "kjResult"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupComponent, decorators: [{
             type: Component,
@@ -4724,7 +4724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     ], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-confirm-popup',
                         style: 'display: contents;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
  * Styled wrapper around `KjConfirmPopupTrigger`.
@@ -4742,14 +4742,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupTriggerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupTriggerComponent, isStandalone: true, selector: "kj-confirm-popup-trigger", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-trigger" }, hostDirectives: [{ directive: i1.KjConfirmPopupTrigger }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupTriggerComponent, isStandalone: true, selector: "kj-confirm-popup-trigger", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-trigger" }, hostDirectives: [{ directive: i1.KjConfirmPopupTrigger }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupTriggerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kj-confirm-popup-trigger', standalone: true, hostDirectives: [KjConfirmPopupTrigger], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-confirm-popup-trigger',
                         style: 'display: contents;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
  * Styled wrapper around the structural `KjConfirmPopupContent` directive.
@@ -4794,7 +4794,7 @@ class KjConfirmPopupContentComponent {
     <kj-popover-content [kjFor]="kjFor()" kjConfirmPopupContent [class]="resolvedPanelClass()">
       <ng-content />
     </kj-popover-content>
-  `, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], dependencies: [{ kind: "component", type: KjPopoverContent, selector: "kj-popover-content", inputs: ["kjSide", "kjAlign", "kjOffset", "kjTrap"] }, { kind: "directive", type: KjConfirmPopupContent, selector: "[kjConfirmPopupContent]", exportAs: ["kjConfirmPopupContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], dependencies: [{ kind: "component", type: KjPopoverContent, selector: "kj-popover-content", inputs: ["kjSide", "kjAlign", "kjOffset", "kjTrap"] }, { kind: "directive", type: KjConfirmPopupContent, selector: "[kjConfirmPopupContent]", exportAs: ["kjConfirmPopupContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupContentComponent, decorators: [{
             type: Component,
@@ -4805,7 +4805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
   `, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-confirm-popup-content-host',
                         style: 'display: contents;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }], propDecorators: { kjFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFor", required: true }] }], kjPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPanelClass", required: false }] }] } });
 /**
  * Marks the message body inside `<kj-confirm-popup-content>`. Generates an
@@ -4817,11 +4817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupMessageComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupMessageComponent, isStandalone: true, selector: "kj-confirm-popup-message", host: { classAttribute: "kj-confirm-popup-message" }, hostDirectives: [{ directive: i1.KjConfirmPopupMessage }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupMessageComponent, isStandalone: true, selector: "kj-confirm-popup-message", host: { classAttribute: "kj-confirm-popup-message" }, hostDirectives: [{ directive: i1.KjConfirmPopupMessage }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-confirm-popup-message', standalone: true, hostDirectives: [KjConfirmPopupMessage], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-message' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+            args: [{ selector: 'kj-confirm-popup-message', standalone: true, hostDirectives: [KjConfirmPopupMessage], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-message' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
  * Confirm action button slot. Click resolves the popup with `true`, emits
@@ -4833,14 +4833,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupActionComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionComponent, isStandalone: true, selector: "kj-confirm-popup-action", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-action" }, hostDirectives: [{ directive: i1.KjConfirmPopupAction }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionComponent, isStandalone: true, selector: "kj-confirm-popup-action", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-action" }, hostDirectives: [{ directive: i1.KjConfirmPopupAction }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kj-confirm-popup-action', standalone: true, hostDirectives: [KjConfirmPopupAction], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-confirm-popup-action',
                         style: 'display: contents;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
  * Cancel action button slot. Click resolves the popup with `false`, emits
@@ -4851,14 +4851,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupCancelComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupCancelComponent, isStandalone: true, selector: "kj-confirm-popup-cancel", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-cancel" }, hostDirectives: [{ directive: i1.KjConfirmPopupCancel }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupCancelComponent, isStandalone: true, selector: "kj-confirm-popup-cancel", host: { styleAttribute: "display: contents;", classAttribute: "kj-confirm-popup-cancel" }, hostDirectives: [{ directive: i1.KjConfirmPopupCancel }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupCancelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kj-confirm-popup-cancel', standalone: true, hostDirectives: [KjConfirmPopupCancel], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kj-confirm-popup-cancel',
                         style: 'display: contents;',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
  * Convenience container for the action button row. Pure styling hook — the
@@ -4869,11 +4869,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjConfirmPopupActionsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionsComponent, isStandalone: true, selector: "kj-confirm-popup-actions", host: { classAttribute: "kj-confirm-popup-actions" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjConfirmPopupActionsComponent, isStandalone: true, selector: "kj-confirm-popup-actions", host: { classAttribute: "kj-confirm-popup-actions" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjConfirmPopupActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-confirm-popup-actions', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-actions' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+            args: [{ selector: 'kj-confirm-popup-actions', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-confirm-popup-actions' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-confirm-popup-content{--kj-confirm-popup-bg: var(--kj-bg-elevated);--kj-confirm-popup-fg: var(--kj-fg-default);--kj-confirm-popup-border-color: var(--kj-border-default);--kj-confirm-popup-radius: var(--kj-radius-box);--kj-confirm-popup-padding-x: var(--kj-space-md);--kj-confirm-popup-padding-y: var(--kj-space-md);--kj-confirm-popup-shadow: var(--kj-shadow-md);display:block;box-sizing:border-box;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-confirm-popup-bg);color:var(--kj-confirm-popup-fg);border:var(--kj-border) solid var(--kj-confirm-popup-border-color);border-radius:var(--kj-confirm-popup-radius);padding:var(--kj-confirm-popup-padding-y) var(--kj-confirm-popup-padding-x);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-confirm-popup-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-confirm-popup-content[hidden]{display:none}.kj-confirm-popup-message{display:block;margin:0 0 var(--kj-space-sm);color:var(--kj-fg-default)}.kj-confirm-popup-actions{display:flex;justify-content:flex-end;gap:var(--kj-space-sm)}@media(prefers-reduced-motion:no-preference){.kj-confirm-popup-content{transition:opacity .14s ease-out,transform .14s ease-out}.kj-confirm-popup-content[data-state=closed]{opacity:0;transform:scale(.98)}.kj-confirm-popup-content[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
@@ -5030,7 +5030,7 @@ class KjDatePickerComponent {
         />
       </div>
     </div>
-  `, isInline: true, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDatePickerComponent, decorators: [{
             type: Component,
@@ -5078,7 +5078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         />
       </div>
     </div>
-  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-date-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-date-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-date-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-date-picker__input{--kj-date-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-date-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);min-width:12ch}.kj-date-picker[data-size=xs] .kj-date-picker__input{--kj-date-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-date-picker[data-size=sm] .kj-date-picker__input{--kj-date-picker-input-height: 2rem;font-size:.8125rem}.kj-date-picker[data-size=lg] .kj-date-picker__input{--kj-date-picker-input-height: 2.75rem;font-size:1rem}.kj-date-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-date-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-date-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-date-picker__panel .kj-calendar{padding:0}.kj-date-picker__panel[hidden]{display:none}\n"] }]
         }], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMin", required: false }] }], kjMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMax", required: false }] }], kjDisabledDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabledDates", required: false }] }], kjLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLocale", required: false }] }], kjFirstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFirstDayOfWeek", required: false }] }], kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjReadonly", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }] } });
 /**
@@ -5351,7 +5351,7 @@ class KjDatetimePickerComponent {
         </label>
       </div>
     </div>
-  `, isInline: true, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"], dependencies: [{ kind: "directive", type: KjDatePicker, selector: "[kjDatePicker]", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjReadonly", "kjOpen"], outputs: ["kjValueChange", "kjOpenChange"], exportAs: ["kjDatePicker"] }, { kind: "directive", type: KjDatePickerTrigger, selector: "input[kjDatePickerTrigger]", inputs: ["kjDisplayFormat"], exportAs: ["kjDatePickerTrigger"] }, { kind: "directive", type: KjDatePickerCalendar, selector: "[kjDatePickerCalendar]", inputs: ["kjSide", "kjAlign", "kjOffset"], exportAs: ["kjDatePickerCalendar"] }, { kind: "component", type: KjCalendarComponent, selector: "kj-calendar", inputs: ["kjValue", "kjMin", "kjMax", "kjDisabledDates", "kjLocale", "kjFirstDayOfWeek", "kjAriaLabel", "kjDisabled"], outputs: ["kjValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDatetimePickerComponent, decorators: [{
             type: Component,
@@ -5399,7 +5399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </label>
       </div>
     </div>
-  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-datetime-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:50;display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-datetime-picker-host', style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-datetime-picker{display:inline-flex;align-items:center;gap:var(--kj-space-xs);position:relative}.kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.25rem;appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-datetime-picker-input-height);font:inherit;background:var(--kj-bg-field);color:var(--kj-fg-default);width:19ch;min-width:0}.kj-datetime-picker[data-size=xs] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);min-width:0}.kj-datetime-picker[data-size=sm] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2rem;font-size:.8125rem}.kj-datetime-picker[data-size=lg] .kj-datetime-picker__input{--kj-datetime-picker-input-height: 2.75rem;font-size:1rem}.kj-datetime-picker__input:focus{outline:2px solid var(--kj-border-focus);outline-offset:2px;border-color:var(--kj-border-focus)}.kj-datetime-picker__input[disabled]{opacity:.55;cursor:not-allowed}.kj-datetime-picker__panel{box-sizing:border-box;z-index:var(--kj-overlay-z, 50);display:inline-block;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-md);padding:var(--kj-space-sm)}.kj-datetime-picker__panel .kj-calendar{padding:0}.kj-datetime-picker__panel[hidden]{display:none}.kj-datetime-picker__time{display:flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);margin-top:var(--kj-space-sm);padding:var(--kj-space-sm) var(--kj-space-xs) 0;border-top:var(--kj-border) solid var(--kj-border-muted);font-size:.8125rem;color:var(--kj-fg-muted)}.kj-datetime-picker__time-input{appearance:none;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);background:var(--kj-bg-field);color:var(--kj-fg-default);font:inherit;font-size:.8125rem;padding:2px var(--kj-space-sm)}.kj-datetime-picker__time-input:focus{outline:2px solid var(--kj-border-focus);outline-offset:1px}\n"] }]
         }], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }, { type: i0.Output, args: ["kjValueChange"] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjMin: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMin", required: false }] }], kjMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjMax", required: false }] }], kjLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLocale", required: false }] }], kjFirstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjFirstDayOfWeek", required: false }] }], kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjTimeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjTimeLabel", required: false }] }], kjDefaultHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDefaultHour", required: false }] }], kjReadonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjReadonly", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }] } });
 /**
@@ -5467,11 +5467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjDialogComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDialogComponent, isStandalone: true, selector: "kj-dialog-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDialogComponent, isStandalone: true, selector: "kj-dialog-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--kj-overlay-z, 1000)}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-dialog-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"] }]
+            args: [{ selector: 'kj-dialog-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--kj-overlay-z, 1000)}.kj-dialog{display:flex;flex-direction:column;background:var(--kj-bg-elevated);color:var(--kj-fg-default);border-radius:var(--kj-radius-box);box-shadow:var(--kj-shadow-lg);min-width:24rem;max-width:min(40rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;padding:var(--kj-space-xl)}.kj-dialog-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-header[data-align=center]{justify-content:center}.kj-dialog-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-dialog-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans)}.kj-dialog-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-dialog-body[data-scroll]{overflow-y:auto}.kj-dialog-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted)}.kj-dialog-footer[data-align=start]{justify-content:flex-start}.kj-dialog-footer[data-align=center]{justify-content:center}.kj-dialog-footer[data-align=end]{justify-content:flex-end}.kj-dialog-footer[data-align=between]{justify-content:space-between}}\n"] }]
         }] });
 /**
@@ -5643,11 +5643,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjDrawerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDrawerComponent, isStandalone: true, selector: "kj-drawer-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:1000;box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:999;pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDrawerComponent, isStandalone: true, selector: "kj-drawer-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:var(--kj-overlay-z, 1000);box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:calc(var(--kj-overlay-z, 1000) - 1);pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDrawerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-drawer-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:1000;box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:999;pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"] }]
+            args: [{ selector: 'kj-drawer-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-drawer{--kj-drawer-bg: var(--kj-bg-elevated);--kj-drawer-fg: var(--kj-fg-default);--kj-drawer-border-color: var(--kj-border-default);--kj-drawer-shadow: var(--kj-shadow-lg);--kj-drawer-size: 22rem;position:fixed;display:flex;flex-direction:column;background:var(--kj-drawer-bg);color:var(--kj-drawer-fg);box-shadow:var(--kj-drawer-shadow);overflow:hidden;z-index:var(--kj-overlay-z, 1000);box-sizing:border-box;padding:var(--kj-space-lg)}.kj-drawer[data-kj-side=right]{top:0;right:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-left:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=left]{top:0;left:0;bottom:0;width:min(var(--kj-drawer-size),100vw);border-right:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=top]{top:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-bottom:var(--kj-border) solid var(--kj-drawer-border-color)}.kj-drawer[data-kj-side=bottom]{bottom:0;left:0;right:0;height:min(var(--kj-drawer-size),100vh);border-top:var(--kj-border) solid var(--kj-drawer-border-color)}[data-kj-drawer-container]:before{content:\"\";position:fixed;inset:0;background:#00000080;z-index:calc(var(--kj-overlay-z, 1000) - 1);pointer-events:auto}[data-kj-drawer-container]:has(.kj-drawer[role=region]):before{display:none}@media(prefers-reduced-motion:no-preference){.kj-drawer{transition:transform .22s cubic-bezier(.32,.72,0,1)}.kj-drawer[data-state=open]{transform:translateZ(0)}.kj-drawer[data-kj-side=right][data-state=closed]{transform:translate3d(100%,0,0)}.kj-drawer[data-kj-side=left][data-state=closed]{transform:translate3d(-100%,0,0)}.kj-drawer[data-kj-side=top][data-state=closed]{transform:translate3d(0,-100%,0)}.kj-drawer[data-kj-side=bottom][data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-drawer{transition:opacity .12s linear}.kj-drawer[data-state=open]{opacity:1}.kj-drawer[data-state=closed]{opacity:0}}.kj-drawer-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--kj-space-lg) var(--kj-space-xl);border-bottom:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-header[data-align=center]{justify-content:center}.kj-drawer-title{display:block;margin:0;font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-drawer-description{display:block;margin:var(--kj-space-xs) 0 0;color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans);opacity:.8}.kj-drawer-body{flex:1;color:var(--kj-fg-default);font:.9375rem / 1.5 var(--kj-font-sans);min-height:0}.kj-drawer-body[data-padded]{padding:var(--kj-space-lg) var(--kj-space-xl)}.kj-drawer-body[data-scroll]{overflow-y:auto}.kj-drawer-footer{display:flex;align-items:center;gap:var(--kj-space-sm);padding:var(--kj-space-lg) var(--kj-space-xl);border-top:var(--kj-border) solid var(--kj-border-muted);flex-shrink:0}.kj-drawer-footer[data-align=start]{justify-content:flex-start}.kj-drawer-footer[data-align=center]{justify-content:center}.kj-drawer-footer[data-align=end]{justify-content:flex-end}.kj-drawer-footer[data-align=between]{justify-content:space-between}}\n"] }]
         }] });
 /**
@@ -5735,7 +5735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjDropdownMenuComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDropdownMenuComponent, isStandalone: true, selector: "kj-dropdown-menu", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:1000}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjDropdownMenuComponent, isStandalone: true, selector: "kj-dropdown-menu", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000)}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDropdownMenuComponent, decorators: [{
             type: Component,
@@ -5746,7 +5746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         KjDropdownMenuSeparator,
                         KjDropdownMenuLabel,
                         KjDropdownMenuGroup,
-                    ], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:1000}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
+                    ], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-dropdown-menu{--kj-dropdown-menu-bg: var(--kj-bg-elevated);--kj-dropdown-menu-fg: var(--kj-fg-default);--kj-dropdown-menu-border-color: var(--kj-border-default);--kj-dropdown-menu-radius: var(--kj-radius-box);--kj-dropdown-menu-padding: var(--kj-space-xs);--kj-dropdown-menu-shadow: var(--kj-shadow-md);display:flex;flex-direction:column;box-sizing:border-box;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));background:var(--kj-dropdown-menu-bg);color:var(--kj-dropdown-menu-fg);border:var(--kj-border) solid var(--kj-dropdown-menu-border-color);border-radius:var(--kj-dropdown-menu-radius);padding:var(--kj-dropdown-menu-padding);font:.875rem / 1.5 var(--kj-font-sans);box-shadow:var(--kj-dropdown-menu-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000)}.kj-dropdown-menu[hidden]{display:none}.kj-dropdown-menu-item{--kj-dropdown-menu-item-padding-x: var(--kj-space-md);--kj-dropdown-menu-item-padding-y: var(--kj-space-sm);--kj-dropdown-menu-item-min-height: 2.75rem;--kj-dropdown-menu-item-radius: var(--kj-radius-field);--kj-dropdown-menu-item-hover-bg: var(--kj-bg-surface);--kj-dropdown-menu-item-active-bg: var(--kj-bg-field);display:flex;align-items:center;justify-content:flex-start;gap:var(--kj-space-sm);width:100%;min-height:var(--kj-dropdown-menu-item-min-height);box-sizing:border-box;padding:var(--kj-dropdown-menu-item-padding-y) var(--kj-dropdown-menu-item-padding-x);margin:0;background:transparent;color:inherit;border:none;border-radius:var(--kj-dropdown-menu-item-radius);font:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none}.kj-dropdown-menu-item:hover:not([data-disabled]){background:var(--kj-dropdown-menu-item-hover-bg)}.kj-dropdown-menu-item:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px}.kj-dropdown-menu-item[aria-current=true]{background:var(--kj-dropdown-menu-item-current-bg, var(--kj-bg-field));color:var(--kj-dropdown-menu-item-current-fg, var(--kj-fg-primary));font-weight:500}.kj-dropdown-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.kj-dropdown-menu-separator{display:block;height:1px;margin:var(--kj-space-xs) calc(var(--kj-space-xs) * -1);background:color-mix(in oklab,var(--kj-fg-default) 12%,transparent);border:0}.kj-dropdown-menu-label{display:block;padding:var(--kj-space-xs) var(--kj-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--kj-fg-default);opacity:.65}.kj-dropdown-menu-group{display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.kj-dropdown-menu{transition:opacity .12s ease-out,transform .12s ease-out}.kj-dropdown-menu[data-state=closed]{opacity:0;transform:scale(.98)}.kj-dropdown-menu[data-state=open]{opacity:1;transform:scale(1)}}}\n"] }]
         }] });
 /**
@@ -13661,7 +13661,7 @@ class KjSelectComponent {
     <kj-select-content [kjFor]="trig" class="kj-select-content">
       <ng-content />
     </kj-select-content>
-  `, isInline: true, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:100}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "directive", type: KjSelectTrigger, selector: "[kjSelectTrigger]", inputs: ["kjMultiple", "kjDisabled"], exportAs: ["kjSelectTrigger"] }, { kind: "component", type: KjSelectContent, selector: "kj-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjIconDirective, selector: "span[kjIcon], i[kjIcon]", inputs: ["kjIcon", "kjIconLabel", "kjIconColor", "kjIconSize"] }, { kind: "directive", type: KjSelectTrigger, selector: "[kjSelectTrigger]", inputs: ["kjMultiple", "kjDisabled"], exportAs: ["kjSelectTrigger"] }, { kind: "component", type: KjSelectContent, selector: "kj-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSelectComponent, decorators: [{
             type: Component,
@@ -13680,7 +13680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '[attr.data-disabled]': "disabled() ? '' : null",
                         '[attr.data-multiple]': "multiple() ? '' : null",
                         '[attr.data-size]': "kjSize() === 'md' ? null : kjSize()",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:100}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-select{position:relative;display:inline-block;min-width:12rem}.kj-select-trigger{--kj-select-trigger-height: 2.25rem;width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:0 var(--kj-space-md);height:var(--kj-select-trigger-height);font:.875rem var(--kj-font-sans);cursor:pointer;min-width:0}.kj-select-trigger-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kj-select[data-size=xs] .kj-select-trigger{--kj-select-trigger-height: 1.75rem;font-size:.75rem;padding-inline:var(--kj-space-sm);gap:var(--kj-space-xs)}.kj-select[data-size=sm] .kj-select-trigger{--kj-select-trigger-height: 2rem;font-size:.8125rem}.kj-select[data-size=lg] .kj-select-trigger{--kj-select-trigger-height: 2.75rem;font-size:1rem}.kj-select[data-size=xs]{min-width:0}.kj-select-trigger-caret{font-size:.875em;color:var(--kj-fg-muted);flex:none}.kj-select-trigger:focus-visible{outline:2px solid var(--kj-fg-primary);outline-offset:2px}.kj-select[data-disabled] .kj-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-select-content{box-sizing:border-box;min-width:12rem;width:max-content;max-width:min(28rem,calc(100vw - 2rem));background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:16rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-select-content[hidden]{display:none}.kj-option{padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-option:hover{background:var(--kj-bg-field)}.kj-option[aria-selected=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary);font-weight:600}.kj-option[aria-selected=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
         }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], kjSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjSize", required: false }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => forwardRef(() => KjOptionComponent)), { isSignal: true }] }] } });
 /**
  * Single option row.
@@ -13776,11 +13776,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjSheetComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjSheetComponent, isStandalone: true, selector: "kj-sheet-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:1000;transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjSheetComponent, isStandalone: true, selector: "kj-sheet-shell", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:var(--kj-overlay-z, 1000);transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-sheet-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:1000;transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"] }]
+            args: [{ selector: 'kj-sheet-shell', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-sheet{--kj-sheet-bg: var(--kj-bg-elevated);--kj-sheet-fg: var(--kj-fg-default);--kj-sheet-shadow: var(--kj-shadow-lg);--kj-sheet-radius: var(--kj-radius-box);--kj-sheet-max-height: 92vh;--kj-sheet-grip-color: var(--kj-border-strong);position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:var(--kj-sheet-max-height);margin-inline:auto;background:var(--kj-sheet-bg);color:var(--kj-sheet-fg);box-shadow:var(--kj-sheet-shadow);border-top-left-radius:var(--kj-sheet-radius);border-top-right-radius:var(--kj-sheet-radius);overflow:hidden;z-index:var(--kj-overlay-z, 1000);transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0);padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:40rem){.kj-sheet{max-width:32rem;border-bottom-left-radius:var(--kj-sheet-radius);border-bottom-right-radius:var(--kj-sheet-radius);bottom:var(--kj-space-lg)}}.kj-sheet[data-kj-detent=half]{height:50vh}.kj-sheet[data-kj-detent=full]{height:var(--kj-sheet-max-height)}.kj-sheet__handle{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;flex-shrink:0;touch-action:none}.kj-sheet[data-kj-dragging] .kj-sheet__handle{cursor:grabbing}.kj-sheet__grip{display:block;width:2.25rem;height:.3125rem;border-radius:999px;background:var(--kj-sheet-grip-color)}.kj-sheet__handle:focus-visible{outline:var(--kj-focus-ring-width, 2px) solid var(--kj-focus-ring-color, var(--kj-primary));outline-offset:-4px;border-radius:var(--kj-radius-sm)}.kj-sheet__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--kj-space-xl) var(--kj-space-xl);color:var(--kj-sheet-fg);font:.9375rem / 1.5 var(--kj-font-sans)}@media(prefers-reduced-motion:no-preference){.kj-sheet:not([data-kj-dragging]){transition:transform .26s cubic-bezier(.32,.72,0,1)}.kj-sheet[data-state=open]{transform:translate3d(0,var(--kj-sheet-drag-offset, 0),0)}.kj-sheet[data-state=closed]{transform:translate3d(0,100%,0)}}@media(prefers-reduced-motion:reduce){.kj-sheet:not([data-kj-dragging]){transition:opacity .12s linear}.kj-sheet[data-state=open]{opacity:1}.kj-sheet[data-state=closed]{opacity:0}}.kj-sheet__title{display:block;margin:0 0 var(--kj-space-xs);font:600 1.125rem / 1.3 var(--kj-font-sans);color:var(--kj-fg-default)}.kj-sheet__description{display:block;margin:0 0 var(--kj-space-md);color:var(--kj-fg-muted);font:.875rem / 1.4 var(--kj-font-sans)}.kj-sheet__footer{display:flex;gap:var(--kj-space-sm);padding-top:var(--kj-space-md)}.kj-sheet__footer[data-align=end]{justify-content:flex-end}}\n"] }]
         }] });
 /**
@@ -19767,18 +19767,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * @doc-related dialog,alert,spinner
  *
  * @doc-css-var
- *   --kj-toast-z-index  — Stack level for the viewport. Default 1000; raise above app overlays.
+ *   --kj-toast-z-index  — Stack level for the viewport. Default 2000 — above the overlay stack (dialogs, palettes, popovers start at 1000), so toasts always show on top.
  *   --kj-toast-gap      — Vertical gap between stacked toasts in both collapsed and expanded states.
  *
  * @doc-category Library/Overlay
  */
 class KjToastWrapperComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjToastWrapperComponent, isStandalone: true, selector: "kj-toast-wrapper", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 1000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjToastWrapperComponent, isStandalone: true, selector: "kj-toast-wrapper", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-toast-wrapper', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 1000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
+            args: [{ selector: 'kj-toast-wrapper', standalone: true, template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
         }] });
 /**
  * Toast viewport. Mount once near your trigger button (or in your app shell).
@@ -19800,7 +19800,7 @@ class KjToastViewportComponent {
         </li>
       }
     </ol>
-  `, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 1000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], dependencies: [{ kind: "directive", type: KjToastViewport, selector: "[kjToastViewport]", inputs: ["kjToastDefaultTemplate", "kjToastMaxVisible", "kjToastGap", "kjToastBaseZIndex", "kjToastPositionX", "kjToastPositionY", "kjToastExpand", "kjToastPauseOnHover"], exportAs: ["kjToastViewport"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"], dependencies: [{ kind: "directive", type: KjToastViewport, selector: "[kjToastViewport]", inputs: ["kjToastDefaultTemplate", "kjToastMaxVisible", "kjToastGap", "kjToastBaseZIndex", "kjToastPositionX", "kjToastPositionY", "kjToastExpand", "kjToastPauseOnHover"], exportAs: ["kjToastViewport"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjToastViewportComponent, decorators: [{
             type: Component,
@@ -19817,7 +19817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </li>
       }
     </ol>
-  `, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 1000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-toast-viewport{position:fixed;list-style:none;padding:0;margin:0;z-index:var(--kj-toast-z-index, 2000);bottom:1rem;right:1rem;width:22rem;max-width:calc(100vw - 2rem)}.kj-toast-viewport[data-position-y=bottom]{bottom:1rem;top:auto}.kj-toast-viewport[data-position-y=top]{top:1rem;bottom:auto}.kj-toast-viewport[data-position-x=end]{right:1rem;left:auto}.kj-toast-viewport[data-position-x=start]{left:1rem;right:auto}.kj-toast-viewport[data-position-x=center]{left:50%;right:auto;transform:translate(-50%)}.kj-toast-viewport li{position:absolute;left:0;right:0;transition:transform .4s cubic-bezier(.21,.61,.35,1),opacity .3s ease}.kj-toast-viewport[data-position-y=bottom] li{bottom:0}.kj-toast-viewport[data-position-y=top] li{top:0}.kj-toast-viewport[data-expanded=false] .kj-toast:not([data-front=true]){height:var(--kj-toast-front-height);overflow:hidden;transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px) * -1)) scale(calc(1 - (var(--kj-toast-index) - 1) * .06));opacity:calc(1 - (var(--kj-toast-index) - 1) * .25)}.kj-toast-viewport[data-position-y=top][data-expanded=false] .kj-toast:not([data-front=true]){transform:translateY(calc((var(--kj-toast-index) - 1) * var(--kj-toast-gap, 14px))) scale(calc(1 - (var(--kj-toast-index) - 1) * .06))}.kj-toast-viewport[data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px)) * -1))}.kj-toast-viewport[data-position-y=top][data-expanded=true] .kj-toast{transform:translateY(calc((var(--kj-toast-index) - 1) * (var(--kj-toast-height, 0px) + var(--kj-toast-gap, 14px))))}.kj-toast{display:flex;align-items:center;gap:var(--kj-space-md, .75rem);padding:var(--kj-space-md, .75rem) var(--kj-space-lg, 1rem);min-width:18rem;font:.875rem / 1.4 var(--kj-font-sans, sans-serif);border-radius:var(--kj-radius-box, .5rem);box-shadow:0 4px 16px #0000002e,0 1px #ffffff0a inset;border:var(--kj-border, 1px) solid var(--kj-border-default, #e2e8f0);background:var(--kj-bg-elevated, #fff);color:var(--kj-fg-default, #1a202c);animation:kj-toast-enter .35s cubic-bezier(.21,.61,.35,1)}@keyframes kj-toast-enter{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kj-toast[data-variant=success]{background:var(--kj-bg-success, #16a34a);color:var(--kj-fg-on-success, #fff);border-color:transparent}.kj-toast[data-variant=warning]{background:var(--kj-bg-warning, #d97706);color:var(--kj-fg-on-warning, #fff);border-color:transparent}.kj-toast[data-variant=destructive]{background:var(--kj-bg-danger, #dc2626);color:var(--kj-fg-on-danger, #fff);border-color:transparent}.kj-toast-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-size:1.1rem;opacity:.7;margin-inline-start:auto;flex-shrink:0}.kj-toast-close:hover{opacity:1;background:#00000014}.kj-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}}\n"] }]
         }] });
 /**
  * Single toast item. Bind `[variant]` from `ctx.variant` and `[id]` from `ctx.id`.
@@ -19981,11 +19981,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjTooltipComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjTooltipComponent, isStandalone: true, selector: "kj-tooltip", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjTooltipComponent, isStandalone: true, selector: "kj-tooltip", host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-tooltip', standalone: true, imports: [KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:1000;word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"] }]
+            args: [{ selector: 'kj-tooltip', standalone: true, imports: [KjTooltipTrigger, KjTooltipContent, KjTooltipArrow, KjTooltipGroup], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tooltip-content{--kj-tooltip-bg: var(--kj-fg-default);--kj-tooltip-fg: var(--kj-bg-body);--kj-tooltip-border-color: transparent;--kj-tooltip-radius: var(--kj-radius-selector);--kj-tooltip-padding-x: var(--kj-space-md);--kj-tooltip-padding-y: var(--kj-space-xs);--kj-tooltip-font-size: .8125rem;--kj-tooltip-shadow: var(--kj-shadow-md, 0 4px 12px rgb(0 0 0 / .18));--kj-tooltip-arrow-size: 6px;display:inline-flex;align-items:center;gap:.375rem;max-width:min(20rem,calc(100vw - 1rem));background:var(--kj-tooltip-bg);color:var(--kj-tooltip-fg);border:var(--kj-border) solid var(--kj-tooltip-border-color);border-radius:var(--kj-tooltip-radius);padding:var(--kj-tooltip-padding-y) var(--kj-tooltip-padding-x);font:var(--kj-tooltip-font-size) / 1.4 var(--kj-font-sans);box-shadow:var(--kj-tooltip-shadow);pointer-events:auto;z-index:var(--kj-overlay-z, 1000);word-wrap:break-word}.kj-tooltip-content[hidden]{display:none!important}.kj-tooltip-arrow{position:absolute;width:var(--kj-tooltip-arrow-size);height:var(--kj-tooltip-arrow-size);background:var(--kj-tooltip-bg);transform:rotate(45deg)}.kj-tooltip-content[data-side=top] .kj-tooltip-arrow{bottom:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=bottom] .kj-tooltip-arrow{top:calc(var(--kj-tooltip-arrow-size) / -2);left:50%;margin-left:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=left] .kj-tooltip-arrow{right:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}.kj-tooltip-content[data-side=right] .kj-tooltip-arrow{left:calc(var(--kj-tooltip-arrow-size) / -2);top:50%;margin-top:calc(var(--kj-tooltip-arrow-size) / -2)}@media(prefers-reduced-motion:no-preference){.kj-tooltip-content{transition:opacity .12s ease-out}.kj-tooltip-content[data-state=closed]{opacity:0}.kj-tooltip-content[data-state=open]{opacity:1}}}\n"] }]
         }] });
 /**
@@ -20089,7 +20089,7 @@ class KjCascadeSelectComponent {
     >
       <ng-content />
     </div>
-  `, isInline: true, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:200}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"], dependencies: [{ kind: "directive", type: KjCascadeSelectTrigger, selector: "[kjCascadeSelectTrigger]", exportAs: ["kjCascadeSelectTrigger"] }, { kind: "directive", type: KjCascadeSelectPanel, selector: "[kjCascadeSelectPanel]", inputs: ["kjSide", "kjAlign"], exportAs: ["kjCascadeSelectPanel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:var(--kj-overlay-z, 200)}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"], dependencies: [{ kind: "directive", type: KjCascadeSelectTrigger, selector: "[kjCascadeSelectTrigger]", exportAs: ["kjCascadeSelectTrigger"] }, { kind: "directive", type: KjCascadeSelectPanel, selector: "[kjCascadeSelectPanel]", inputs: ["kjSide", "kjAlign"], exportAs: ["kjCascadeSelectPanel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCascadeSelectComponent, decorators: [{
             type: Component,
@@ -20120,7 +20120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
   `, encapsulation: ViewEncapsulation.None, host: {
                         'class': 'kj-cascade-select',
                         '[attr.data-disabled]': "disabled() ? '' : null",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:200}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-cascade-select{position:relative;display:inline-block;min-width:12rem}.kj-cascade-trigger{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-field);color:var(--kj-fg-default);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;min-height:2.75rem}.kj-cascade-trigger:focus-visible{outline:2px solid var(--kj-border-focus);outline-offset:2px}.kj-cascade-select[data-disabled] .kj-cascade-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-panel{box-sizing:border-box;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:var(--kj-overlay-z, 200)}.kj-cascade-panel[hidden]{display:none}.kj-cascade-sub-panel{position:fixed;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md);padding:4px;min-width:12rem;max-height:20rem;overflow:auto;z-index:1001}.kj-cascade-sub-panel[hidden]{display:none}.kj-cascade-option{display:flex;align-items:center;justify-content:space-between;padding:var(--kj-space-sm) var(--kj-space-md);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.75rem;position:relative}.kj-cascade-option:hover,.kj-cascade-option[data-active]{background:var(--kj-bg-surface)}.kj-cascade-option[aria-selected=true]{background:var(--kj-bg-primary-subtle, var(--kj-bg-surface));color:var(--kj-fg-primary, var(--kj-fg-default))}.kj-cascade-option[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-cascade-option[data-active-path]{font-weight:500}.kj-cascade-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kj-cascade-option-chevron{flex-shrink:0;font-size:1rem;color:var(--kj-fg-muted, currentColor);opacity:.6;margin-left:var(--kj-space-sm)}[data-leaf=true] .kj-cascade-option-chevron,[data-leaf=true].kj-cascade-option .kj-cascade-option-chevron{display:none}}\n"] }]
         }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
  * A single option row in a `<kj-cascade-select>`. Renders the option label
@@ -20344,11 +20344,33 @@ class KjCommandPaletteComponent {
     ...(ngDevMode ? [{ debugName: "itemTpl" }] : /* istanbul ignore next */ []));
     customFooter = contentChild(KjCommandPaletteFooter, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "customFooter" }] : /* istanbul ignore next */ []));
+    shell = viewChild('shell', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shell" }] : /* istanbul ignore next */ []));
+    dialog = viewChild('dialog', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dialog" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
     destroyRef = inject(DestroyRef);
     platformId = inject(PLATFORM_ID);
     /** The composed headless palette (host directive) — owns query + active state. */
     palette = inject(KjCommandPalette);
+    stack = inject(KjOverlayStack);
+    stackId = inject(KjId).mint('command-palette');
+    stackHandle = null;
+    wrapper = null;
     constructor() {
+        // Stacking: while open, the shell (backdrop + dialog) lives in its own
+        // wrapper inside the shared `.kj-overlay-container`, registered on
+        // `KjOverlayStack` like every other overlay. That gives it a level above
+        // whatever was open when it opened, and — more importantly — lets a
+        // select, popover or dialog opened from inside the palette get the next
+        // level up instead of landing behind the palette's fixed `z-index`.
+        afterRenderEffect(() => {
+            if (this.kjOpen())
+                this.portalIn();
+            else
+                this.portalOut();
+        });
+        this.destroyRef.onDestroy(() => this.portalOut());
         // Reset the search query + active item when the palette closes, so the
         // next open starts fresh instead of restoring the previous search. Paired
         // with KjCommandInput reflecting the query signal back to the DOM input,
@@ -20390,6 +20412,54 @@ class KjCommandPaletteComponent {
     close() {
         this.kjOpen.set(false);
     }
+    /**
+     * Escape from inside the dialog. Only closes when the palette is the
+     * topmost overlay — an Escape meant for a select or popover opened from
+     * inside the palette is routed to that overlay by `KjOverlayStack`, and
+     * must not also dismiss the palette underneath it.
+     */
+    onEscape() {
+        if (this.stackHandle && !this.stackHandle.isTopmost())
+            return;
+        this.close();
+    }
+    portalIn() {
+        if (this.stackHandle)
+            return;
+        const shell = this.shell()?.nativeElement;
+        const wrapper = createOverlayWrapper();
+        if (!shell || !wrapper)
+            return;
+        // Keep the trigger's theme scope — the container hangs off <body>.
+        const theme = this.host.nativeElement.closest('[data-theme]')?.getAttribute('data-theme');
+        if (theme)
+            wrapper.setAttribute('data-theme', theme);
+        wrapper.appendChild(shell);
+        this.wrapper = wrapper;
+        // Escape and outside-click stay with the palette's own handlers (the
+        // input clears the query on a first Escape; the backdrop closes on
+        // click) — the stack is used for ordering and z-index only.
+        this.stackHandle = this.stack.register(this.stackId, {
+            onClose: () => this.close(),
+            closeOnEsc: false,
+            closeOnOutside: false,
+        });
+        this.stack.markContentEl(this.stackId, this.dialog()?.nativeElement ?? shell);
+        applyOverlayZIndex(shell, this.stackHandle.zIndex);
+    }
+    portalOut() {
+        if (!this.stackHandle)
+            return;
+        const shell = this.shell()?.nativeElement;
+        if (shell) {
+            clearOverlayZIndex(shell);
+            this.host.nativeElement.appendChild(shell);
+        }
+        this.wrapper?.remove();
+        this.wrapper = null;
+        this.stackHandle.unregister();
+        this.stackHandle = null;
+    }
     /** Programmatically open the palette. */
     open() {
         this.kjOpen.set(true);
@@ -20418,15 +20488,16 @@ class KjCommandPaletteComponent {
         return event.key.toLowerCase() === key;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandPaletteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: KjCommandPaletteComponent, isStandalone: true, selector: "kj-command-palette", inputs: { kjPlaceholder: { classPropertyName: "kjPlaceholder", publicName: "kjPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, kjEscBadge: { classPropertyName: "kjEscBadge", publicName: "kjEscBadge", isSignal: true, isRequired: false, transformFunction: null }, kjAriaLabel: { classPropertyName: "kjAriaLabel", publicName: "kjAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, kjOpen: { classPropertyName: "kjOpen", publicName: "kjOpen", isSignal: true, isRequired: false, transformFunction: null }, kjHotkey: { classPropertyName: "kjHotkey", publicName: "kjHotkey", isSignal: true, isRequired: false, transformFunction: null }, kjItems: { classPropertyName: "kjItems", publicName: "kjItems", isSignal: true, isRequired: false, transformFunction: null }, kjAutoCloseOnActivate: { classPropertyName: "kjAutoCloseOnActivate", publicName: "kjAutoCloseOnActivate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjOpen: "kjOpenChange" }, host: { listeners: { "kjActivate": "onActivate()" }, styleAttribute: "display: contents;", classAttribute: "kj-command-palette" }, queries: [{ propertyName: "itemTpl", first: true, predicate: KjCommandPaletteItemTemplate, descendants: true, isSignal: true }, { propertyName: "customFooter", first: true, predicate: KjCommandPaletteFooter, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.KjCommandPalette, inputs: ["kjShouldFilter", "kjShouldFilter", "kjLoading", "kjLoading", "kjAutoActivateFirst", "kjAutoActivateFirst", "kjDismissOnActivate", "kjDismissOnActivate", "kjValue", "kjValue", "kjQuery", "kjQuery", "kjFilter", "kjFilter"], outputs: ["kjValueChange", "kjValueChange", "kjQueryChange", "kjQueryChange", "kjActivate", "kjActivate"] }], ngImport: i0, template: `
-    <div class="kj-command-palette__shell" [class.is-open]="kjOpen()">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: KjCommandPaletteComponent, isStandalone: true, selector: "kj-command-palette", inputs: { kjPlaceholder: { classPropertyName: "kjPlaceholder", publicName: "kjPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, kjEscBadge: { classPropertyName: "kjEscBadge", publicName: "kjEscBadge", isSignal: true, isRequired: false, transformFunction: null }, kjAriaLabel: { classPropertyName: "kjAriaLabel", publicName: "kjAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, kjOpen: { classPropertyName: "kjOpen", publicName: "kjOpen", isSignal: true, isRequired: false, transformFunction: null }, kjHotkey: { classPropertyName: "kjHotkey", publicName: "kjHotkey", isSignal: true, isRequired: false, transformFunction: null }, kjItems: { classPropertyName: "kjItems", publicName: "kjItems", isSignal: true, isRequired: false, transformFunction: null }, kjAutoCloseOnActivate: { classPropertyName: "kjAutoCloseOnActivate", publicName: "kjAutoCloseOnActivate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { kjOpen: "kjOpenChange" }, host: { listeners: { "kjActivate": "onActivate()" }, styleAttribute: "display: contents;", classAttribute: "kj-command-palette" }, queries: [{ propertyName: "itemTpl", first: true, predicate: KjCommandPaletteItemTemplate, descendants: true, isSignal: true }, { propertyName: "customFooter", first: true, predicate: KjCommandPaletteFooter, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "shell", first: true, predicate: ["shell"], descendants: true, isSignal: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.KjCommandPalette, inputs: ["kjShouldFilter", "kjShouldFilter", "kjLoading", "kjLoading", "kjAutoActivateFirst", "kjAutoActivateFirst", "kjDismissOnActivate", "kjDismissOnActivate", "kjValue", "kjValue", "kjQuery", "kjQuery", "kjFilter", "kjFilter"], outputs: ["kjValueChange", "kjValueChange", "kjQueryChange", "kjQueryChange", "kjActivate", "kjActivate"] }], ngImport: i0, template: `
+    <div #shell class="kj-command-palette__shell" [class.is-open]="kjOpen()">
       <div class="kj-command-palette__backdrop" (click)="close()" aria-hidden="true"></div>
       <div
+        #dialog
         class="kj-command-palette__dialog"
         role="dialog"
         aria-modal="true"
         [attr.aria-label]="kjAriaLabel()"
-        (keydown.escape)="close()"
+        (keydown.escape)="onEscape()"
       >
         <div class="kj-command-palette__input-wrapper">
           <svg class="kj-command-palette__search-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -20465,7 +20536,7 @@ class KjCommandPaletteComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }, { kind: "directive", type: KjCommandList, selector: "[kjCommandList]" }, { kind: "directive", type: KjCommandEmpty, selector: "[kjCommandEmpty]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }, { kind: "directive", type: KjCommandList, selector: "[kjCommandList]" }, { kind: "directive", type: KjCommandEmpty, selector: "[kjCommandEmpty]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandPaletteComponent, decorators: [{
             type: Component,
@@ -20474,14 +20545,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                             inputs: ['kjShouldFilter', 'kjLoading', 'kjAutoActivateFirst', 'kjDismissOnActivate', 'kjValue', 'kjQuery', 'kjFilter'],
                             outputs: ['kjValueChange', 'kjQueryChange', 'kjActivate'],
                         }], template: `
-    <div class="kj-command-palette__shell" [class.is-open]="kjOpen()">
+    <div #shell class="kj-command-palette__shell" [class.is-open]="kjOpen()">
       <div class="kj-command-palette__backdrop" (click)="close()" aria-hidden="true"></div>
       <div
+        #dialog
         class="kj-command-palette__dialog"
         role="dialog"
         aria-modal="true"
         [attr.aria-label]="kjAriaLabel()"
-        (keydown.escape)="close()"
+        (keydown.escape)="onEscape()"
       >
         <div class="kj-command-palette__input-wrapper">
           <svg class="kj-command-palette__search-icon" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -20524,8 +20596,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         class: 'kj-command-palette',
                         style: 'display: contents;',
                         '(kjActivate)': 'onActivate()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjEscBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjEscBadge", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjHotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjHotkey", required: false }] }], kjItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjItems", required: false }] }], kjAutoCloseOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoCloseOnActivate", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteItemTemplate), { isSignal: true }] }], customFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteFooter), { isSignal: true }] }] } });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }], kjEscBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjEscBadge", required: false }] }], kjAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAriaLabel", required: false }] }], kjOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjOpen", required: false }] }, { type: i0.Output, args: ["kjOpenChange"] }], kjHotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjHotkey", required: false }] }], kjItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjItems", required: false }] }], kjAutoCloseOnActivate: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjAutoCloseOnActivate", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteItemTemplate), { isSignal: true }] }], customFooter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KjCommandPaletteFooter), { isSignal: true }] }], shell: [{ type: i0.ViewChild, args: ['shell', { isSignal: true }] }], dialog: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }] } });
 /**
  * Styled command item. Renders a `<button>` with `[kjCommandItem]` applied.
  *
@@ -20551,7 +20623,7 @@ class KjCommandItemComponent {
     isActive = computed(() => this._palette.activeId() !== null && this._palette.activeId() === this._item.id, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: KjCommandItemComponent, isStandalone: true, selector: "kj-command-item", inputs: { kjValue: { classPropertyName: "kjValue", publicName: "kjValue", isSignal: true, isRequired: false, transformFunction: null }, kjKeywords: { classPropertyName: "kjKeywords", publicName: "kjKeywords", isSignal: true, isRequired: false, transformFunction: null }, kjShortcut: { classPropertyName: "kjShortcut", publicName: "kjShortcut", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-selected": "isActive() ? \"true\" : \"false\"", "attr.data-active": "isActive() ? \"\" : null" }, classAttribute: "kj-command-item" }, hostDirectives: [{ directive: i1.KjListItem, inputs: ["kjItemValue", "kjValue", "kjItemKeywords", "kjKeywords", "kjShortcut", "kjShortcut", "kjDisabled", "kjDisabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: KjCommandItemComponent, isStandalone: true, selector: "kj-command-item", inputs: { kjValue: { classPropertyName: "kjValue", publicName: "kjValue", isSignal: true, isRequired: false, transformFunction: null }, kjKeywords: { classPropertyName: "kjKeywords", publicName: "kjKeywords", isSignal: true, isRequired: false, transformFunction: null }, kjShortcut: { classPropertyName: "kjShortcut", publicName: "kjShortcut", isSignal: true, isRequired: false, transformFunction: null }, kjDisabled: { classPropertyName: "kjDisabled", publicName: "kjDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-selected": "isActive() ? \"true\" : \"false\"", "attr.data-active": "isActive() ? \"\" : null" }, classAttribute: "kj-command-item" }, hostDirectives: [{ directive: i1.KjListItem, inputs: ["kjItemValue", "kjValue", "kjItemKeywords", "kjKeywords", "kjShortcut", "kjShortcut", "kjDisabled", "kjDisabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandItemComponent, decorators: [{
             type: Component,
@@ -20568,7 +20640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         'role': 'option',
                         '[attr.aria-selected]': 'isActive() ? "true" : "false"',
                         '[attr.data-active]': 'isActive() ? "" : null',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
         }], propDecorators: { kjValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjValue", required: false }] }], kjKeywords: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjKeywords", required: false }] }], kjShortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjShortcut", required: false }] }], kjDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisabled", required: false }] }] } });
 /**
  * Styled command group. Auto-hides when all child items are filtered out.
@@ -20587,7 +20659,7 @@ class KjCommandGroupComponent {
       <div class="kj-command-group__label">{{ kjLabel() }}</div>
     }
     <ng-content />
-  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandGroupComponent, decorators: [{
             type: Component,
@@ -20596,7 +20668,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       <div class="kj-command-group__label">{{ kjLabel() }}</div>
     }
     <ng-content />
-  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-group' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-group' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
         }], propDecorators: { kjLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjLabel", required: false }] }] } });
 /**
  * Styled command input wrapper. Renders an `<input type="search">` with
@@ -20619,7 +20691,7 @@ class KjCommandInputComponent {
       class="kj-command-input"
       [placeholder]="kjPlaceholder()"
     />
-  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], dependencies: [{ kind: "directive", type: KjCommandInput, selector: "input[kjCommandInput]", exportAs: ["kjCommandInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandInputComponent, decorators: [{
             type: Component,
@@ -20630,7 +20702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       class="kj-command-input"
       [placeholder]="kjPlaceholder()"
     />
-  `, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, host: { style: 'display: contents;' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
         }], propDecorators: { kjPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjPlaceholder", required: false }] }] } });
 /**
  * Styled separator between command groups.
@@ -20641,11 +20713,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjCommandSeparatorComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandSeparatorComponent, isStandalone: true, selector: "kj-command-separator", host: { classAttribute: "kj-command-separator" }, hostDirectives: [{ directive: i1.KjCommandSeparator }], ngImport: i0, template: ``, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandSeparatorComponent, isStandalone: true, selector: "kj-command-separator", host: { classAttribute: "kj-command-separator" }, hostDirectives: [{ directive: i1.KjCommandSeparator }], ngImport: i0, template: ``, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandSeparatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-command-separator', standalone: true, hostDirectives: [KjCommandSeparator], template: ``, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-separator' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+            args: [{ selector: 'kj-command-separator', standalone: true, hostDirectives: [KjCommandSeparator], template: ``, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-separator' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
         }] });
 /**
  * Styled empty state slot. Shown when no items match the current query.
@@ -20656,11 +20728,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class KjCommandEmptyComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandEmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandEmptyComponent, isStandalone: true, selector: "kj-command-empty", host: { classAttribute: "kj-command-empty" }, hostDirectives: [{ directive: i1.KjCommandEmpty }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: KjCommandEmptyComponent, isStandalone: true, selector: "kj-command-empty", host: { classAttribute: "kj-command-empty" }, hostDirectives: [{ directive: i1.KjCommandEmpty }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjCommandEmptyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kj-command-empty', standalone: true, hostDirectives: [KjCommandEmpty], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-empty' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:1001;overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
+            args: [{ selector: 'kj-command-empty', standalone: true, hostDirectives: [KjCommandEmpty], template: `<ng-content />`, encapsulation: ViewEncapsulation.None, host: { class: 'kj-command-empty' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kj-command-palette__shell{display:none}.kj-command-palette__shell.is-open{display:contents}.kj-command-palette__backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--kj-overlay-z, 1000);animation:kj-command-palette-fade .1s ease-out}.kj-command-palette__dialog{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,92vw);display:flex;flex-direction:column;background:var(--kj-bg-elevated);border:1px solid var(--kj-border-default);z-index:calc(var(--kj-overlay-z, 1000) + 1);overflow:hidden;animation:kj-command-palette-slide .15s ease-out}@keyframes kj-command-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-command-palette-slide{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.kj-command-palette__backdrop,.kj-command-palette__dialog{animation:none}}.kj-command-palette__input-wrapper{display:flex;align-items:center;padding:.875rem var(--kj-space-lg, 1.25rem);border-bottom:1px solid var(--kj-border-default);gap:var(--kj-space-md, .75rem)}.kj-command-palette__search-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--kj-fg-muted)}.kj-command-palette__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none}.kj-command-palette__input::placeholder{color:var(--kj-fg-muted)}.kj-command-palette__input::-webkit-search-cancel-button{display:none}.kj-command-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);appearance:none;-webkit-appearance:none;width:100%;padding:.875rem var(--kj-space-lg, 1.25rem)}.kj-command-palette__esc-kbd{font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted);background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);padding:.15rem .4rem;flex-shrink:0;cursor:pointer}.kj-command-palette__esc-kbd:hover{color:var(--kj-fg-default)}.kj-command-palette__list{overflow-y:auto;max-height:22rem;padding:var(--kj-space-sm, .375rem) 0}.kj-command-palette__empty,.kj-command-empty{padding:var(--kj-space-xl, 1.5rem) var(--kj-space-lg, 1.25rem);text-align:center;font-family:var(--kj-font-mono);font-size:.8rem;color:var(--kj-fg-muted)}.kj-command-item{display:flex;flex-direction:var(--kj-command-item-direction, row);align-items:var(--kj-command-item-align, center);gap:var(--kj-command-item-gap, var(--kj-space-md, .75rem));width:100%;min-height:2.75rem;padding:.625rem var(--kj-space-lg, 1.25rem);border:none;border-inline-start:2px solid transparent;background:transparent;font-family:var(--kj-font-mono);font-size:.875rem;color:var(--kj-fg-default);text-align:start;cursor:pointer;transition:background .1s}.kj-command-item:hover,.kj-command-item[data-active]{background:var(--kj-bg-surface);border-inline-start-color:var(--kj-bg-primary)}.kj-command-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-command-group{padding-block:.25rem}.kj-command-group__label{padding:.375rem var(--kj-space-lg, 1.25rem) .125rem;font-family:var(--kj-font-mono);font-size:.6rem;font-weight:600;color:var(--kj-fg-muted);letter-spacing:.1em;text-transform:uppercase}.kj-command-separator{height:1px;background:var(--kj-border-default);margin-block:.25rem}.kj-command-palette__footer{display:flex;gap:var(--kj-space-xl, 1.5rem);padding:var(--kj-space-sm, .375rem) var(--kj-space-lg, 1.25rem);border-top:1px solid var(--kj-border-default);background:var(--kj-bg-surface)}.kj-command-palette__footer span{display:flex;align-items:center;gap:.4rem;font-family:var(--kj-font-mono);font-size:.65rem;color:var(--kj-fg-muted)}.kj-command-palette__footer kbd{background:var(--kj-bg-surface);border:1px solid var(--kj-border-default);color:var(--kj-fg-muted);font-family:var(--kj-font-mono);font-size:.6rem;padding:.1rem .35rem}@media(prefers-reduced-motion:reduce){.kj-command-item{transition:none}}\n"] }]
         }] });
 /** Walk the tree into a flat array. All nodes are included; visibility is
@@ -20976,7 +21048,7 @@ class KjTreeSelectComponent {
         <div class="kj-tree-select-empty">No options</div>
       }
     </kj-tree-select-content>
-  `, isInline: true, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:100}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjTreeSelectTrigger, selector: "[kjTreeSelectTrigger]", inputs: ["kjDisabled"], exportAs: ["kjTreeSelectTrigger"] }, { kind: "component", type: KjTreeSelectContent, selector: "kj-tree-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }, { kind: "component", type: KjTreeSelectNodeComponent, selector: "kj-tree-select-node", inputs: ["value", "label", "level", "size", "pos", "disabled", "hasChildren", "multiMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"], dependencies: [{ kind: "directive", type: KjTreeSelectTrigger, selector: "[kjTreeSelectTrigger]", inputs: ["kjDisabled"], exportAs: ["kjTreeSelectTrigger"] }, { kind: "component", type: KjTreeSelectContent, selector: "kj-tree-select-content", inputs: ["kjSide", "kjAlign", "kjOffset"] }, { kind: "component", type: KjTreeSelectNodeComponent, selector: "kj-tree-select-node", inputs: ["value", "label", "level", "size", "pos", "disabled", "hasChildren", "multiMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjTreeSelectComponent, decorators: [{
             type: Component,
@@ -21031,7 +21103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         class: 'kj-tree-select',
                         '[attr.data-disabled]': "disabled() ? '' : null",
                         '[attr.data-multi]': "ts.selectionMode() === 'multiple' ? '' : null",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:100}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@layer kj.component{.kj-tree-select{position:relative;display:inline-block;min-width:14rem}.kj-tree-select-trigger{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--kj-space-sm);background:var(--kj-bg-body);color:var(--kj-fg-default);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);padding:var(--kj-space-sm) var(--kj-space-md);font:.875rem var(--kj-font-sans);cursor:pointer;text-align:left}.kj-tree-select-trigger:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:2px}.kj-tree-select[data-disabled] .kj-tree-select-trigger{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-trigger-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select[data-empty] .kj-tree-select-trigger-label,.kj-tree-select:not([data-has-value]) .kj-tree-select-trigger-label{color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent)}.kj-tree-select-caret{flex-shrink:0;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);font-size:.75rem;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select[data-open] .kj-tree-select-caret{transform:rotate(180deg)}.kj-tree-select-panel{box-sizing:border-box;min-width:14rem;width:max-content;background:var(--kj-bg-elevated);border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-field);box-shadow:var(--kj-shadow-md, 0 8px 24px rgb(0 0 0 / .12));padding:4px;max-height:18rem;overflow:auto;z-index:var(--kj-overlay-z, 100)}.kj-tree-select-panel[hidden]{display:none}.kj-tree-select-empty{padding:var(--kj-space-sm) var(--kj-space-md);color:color-mix(in oklab,var(--kj-fg-default) 55%,transparent);font:.875rem var(--kj-font-sans)}.kj-tree-select-node{display:flex;align-items:center;gap:var(--kj-space-xs);border-radius:var(--kj-radius-selector);cursor:pointer;color:var(--kj-fg-default);font:.875rem var(--kj-font-sans);min-height:2.25rem;outline:none;padding-block:var(--kj-space-xs);padding-inline-end:var(--kj-space-md)}.kj-tree-select-node:hover{background:var(--kj-bg-surface)}.kj-tree-select-node:focus-visible{outline:2px solid var(--kj-bg-primary);outline-offset:-2px;background:var(--kj-bg-surface)}.kj-tree-select-node[data-selected]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[data-selected]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}.kj-tree-select-node[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.kj-tree-select-node[hidden]{display:none}.kj-tree-select-toggle{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:color-mix(in oklab,var(--kj-fg-default) 60%,transparent);border-radius:var(--kj-radius-selector)}.kj-tree-select-toggle:hover{background:color-mix(in oklab,var(--kj-fg-default) 10%,transparent)}.kj-tree-select-toggle-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor;transition:transform var(--kj-transition, .15s ease)}.kj-tree-select-node[data-expanded=true] .kj-tree-select-toggle-icon{transform:rotate(90deg)}.kj-tree-select-indent{flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.kj-tree-select-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kj-tree-select-checkbox{flex-shrink:0;width:1rem;height:1rem;border:var(--kj-border) solid var(--kj-border-default);border-radius:var(--kj-radius-selector);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;margin-inline-end:var(--kj-space-sm)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=true] .kj-tree-select-checkbox:before{content:\"\\2713\"}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox{background:var(--kj-bg-primary);border-color:var(--kj-bg-primary);color:var(--kj-fg-on-primary)}.kj-tree-select-node[aria-checked=mixed] .kj-tree-select-checkbox:before{content:\"\\2212\"}.kj-tree-select-node[aria-checked=true]{background:color-mix(in oklab,var(--kj-bg-primary) 12%,transparent);color:var(--kj-fg-primary)}.kj-tree-select-node[aria-checked=true]:hover{background:color-mix(in oklab,var(--kj-bg-primary) 18%,transparent)}}\n"] }]
         }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], getLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
 // Typography surface — directives only, no wrapper components.