@kouji-ui/components 0.1.5 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kouji-ui/components",
-  "version": "0.1.5",
+  "version": "0.3.0",
   "description": "Opinionated styled Angular components built on @kouji-ui/core directives. Themed at runtime via @kouji-ui/themes.",
   "license": "MIT",
   "repository": {

package/types/kouji-ui-components.d.ts

@@ -5,7 +5,7 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, ModelSignal, AfterViewInit, OnDestroy, EventEmitter, EnvironmentProviders, ElementRef, OnInit, ResourceRef, Type, InjectionToken } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import * as _tanstack_angular_table from '@tanstack/angular-table';
-import { RowData, Row, Cell, Header, Column, Table } from '@tanstack/angular-table';
+import { RowData, Cell, Row, Header, Column, Table } from '@tanstack/angular-table';
 import { VirtualItem } from '@tanstack/virtual-core';
 
 /**
@@ -485,6 +485,10 @@ declare class KjAvatarGroupComponent {
  *   --kj-badge-dot-size      — Diameter of the leading dot (when `dot` is set).
  *   --kj-badge-dot-color     — Fill of the leading dot. Defaults to currentColor.
  *
+ * Custom colours: the `bg` / `fg` / `dotColor` inputs set these variables as
+ * inline styles on the badge span, so they win over any variant or theme rule.
+ * Use for data-driven colour maps (status pills, role badges).
+ *
  * @doc-category Library/Data display
  * @doc
  * @doc-name badge
@@ -495,8 +499,14 @@ declare class KjBadgeComponent {
     readonly variant: _angular_core.InputSignal<KjBadgeVariant>;
     readonly size: _angular_core.InputSignal<"md" | "xs" | "sm" | "lg">;
     readonly dot: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Custom background — any CSS color/var(). Wins over the variant (inline style). Empty = variant colours. */
+    readonly bg: _angular_core.InputSignal<string>;
+    /** Custom foreground — any CSS color/var(). Wins over the variant (inline style). */
+    readonly fg: _angular_core.InputSignal<string>;
+    /** Custom dot colour (with `dot`). Defaults to currentColor via the theme. */
+    readonly dotColor: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjBadgeComponent, "kj-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjBadgeComponent, "kj-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "bg": { "alias": "bg"; "required": false; "isSignal": true; }; "fg": { "alias": "fg"; "required": false; "isSignal": true; }; "dotColor": { "alias": "dotColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -2067,6 +2077,71 @@ declare class KjDatePickerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDatePickerComponent, "kj-date-picker", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjOpen": { "alias": "kjOpen"; "required": false; "isSignal": true; }; "kjMin": { "alias": "kjMin"; "required": false; "isSignal": true; }; "kjMax": { "alias": "kjMax"; "required": false; "isSignal": true; }; "kjDisabledDates": { "alias": "kjDisabledDates"; "required": false; "isSignal": true; }; "kjLocale": { "alias": "kjLocale"; "required": false; "isSignal": true; }; "kjFirstDayOfWeek": { "alias": "kjFirstDayOfWeek"; "required": false; "isSignal": true; }; "kjPlaceholder": { "alias": "kjPlaceholder"; "required": false; "isSignal": true; }; "kjReadonly": { "alias": "kjReadonly"; "required": false; "isSignal": true; }; "kjDisabled": { "alias": "kjDisabled"; "required": false; "isSignal": true; }; "kjSize": { "alias": "kjSize"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; "kjOpen": "kjOpenChange"; }, never, never, true, never>;
 }
 
+/** Format a Date as a locale short date + HH:mm time. */
+declare function formatDateTime(d: Date, locale: string): string;
+/**
+ * Themed datetime picker — the date-picker's calendar popover plus a time
+ * field in the panel. Value is a single native `Date` carrying both parts.
+ *
+ * Unlike `kj-date-picker`, selecting a calendar day keeps the panel open so
+ * the time can be adjusted; the day merge preserves the current time-of-day
+ * (defaults to 09:00 for a fresh value). Close with Escape or by clicking
+ * outside.
+ *
+ * @doc-example Default
+ *   Pick a meeting date and time — a single `Date` two-way binding.
+ *   @doc-file datetime-picker.example.ts
+ *
+ * @doc-keyboard
+ *   Enter|ArrowDown — Opens the calendar popover from the trigger
+ *   Escape          — Closes the popover and returns focus to the trigger
+ *
+ * @doc-css-var
+ *   --kj-datetime-picker-input-height — Height of the trigger input. Sizes override.
+ *
+ * @doc-related date-picker,calendar,time-picker
+ *
+ * @doc-category Library/Data input
+ * @doc
+ * @doc-name datetime-picker
+ * @doc-description Themed date + time picker sharing one native Date value; calendar popover with a time field.
+ * @doc-is-main
+ */
+declare class KjDatetimePickerComponent {
+    /** Selected date + time. Two-way bindable — `[(kjValue)]`. `null` clears. */
+    readonly kjValue: _angular_core.ModelSignal<Date | null>;
+    /** Two-way bindable open state for the popover. */
+    readonly kjOpen: _angular_core.ModelSignal<boolean>;
+    /** Earliest selectable date (inclusive). */
+    readonly kjMin: _angular_core.InputSignal<Date | null>;
+    /** Latest selectable date (inclusive). */
+    readonly kjMax: _angular_core.InputSignal<Date | null>;
+    /** BCP-47 locale tag. Defaults to Angular's `LOCALE_ID`. */
+    readonly kjLocale: _angular_core.InputSignal<string>;
+    /** First day of the week override (0=Sun … 6=Sat). */
+    readonly kjFirstDayOfWeek: _angular_core.InputSignal<number | null>;
+    /** Placeholder text for the trigger input. */
+    readonly kjPlaceholder: _angular_core.InputSignal<string>;
+    /** Label for the time row inside the panel. */
+    readonly kjTimeLabel: _angular_core.InputSignal<string>;
+    /** Hour used when a day is picked on a previously-empty value. */
+    readonly kjDefaultHour: _angular_core.InputSignal<number>;
+    readonly kjReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly kjDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Size preset for the trigger input. */
+    readonly kjSize: _angular_core.InputSignal<"md" | "xs" | "sm" | "lg">;
+    /** Trigger display: locale short date + HH:mm. */
+    readonly displayFormat: typeof formatDateTime;
+    readonly timeText: _angular_core.Signal<string>;
+    /** Merge the picked day into the value, preserving time-of-day. Keeps the
+     *  panel open so the time can be adjusted next. */
+    onCalendarSelect(day: Date | null): void;
+    /** Merge an "HH:mm" time into the value, preserving the date part. */
+    onTimeInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjDatetimePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjDatetimePickerComponent, "kj-datetime-picker", never, { "kjValue": { "alias": "kjValue"; "required": false; "isSignal": true; }; "kjOpen": { "alias": "kjOpen"; "required": false; "isSignal": true; }; "kjMin": { "alias": "kjMin"; "required": false; "isSignal": true; }; "kjMax": { "alias": "kjMax"; "required": false; "isSignal": true; }; "kjLocale": { "alias": "kjLocale"; "required": false; "isSignal": true; }; "kjFirstDayOfWeek": { "alias": "kjFirstDayOfWeek"; "required": false; "isSignal": true; }; "kjPlaceholder": { "alias": "kjPlaceholder"; "required": false; "isSignal": true; }; "kjTimeLabel": { "alias": "kjTimeLabel"; "required": false; "isSignal": true; }; "kjDefaultHour": { "alias": "kjDefaultHour"; "required": false; "isSignal": true; }; "kjReadonly": { "alias": "kjReadonly"; "required": false; "isSignal": true; }; "kjDisabled": { "alias": "kjDisabled"; "required": false; "isSignal": true; }; "kjSize": { "alias": "kjSize"; "required": false; "isSignal": true; }; }, { "kjValue": "kjValueChange"; "kjOpen": "kjOpenChange"; }, never, never, true, never>;
+}
+
 /**
  * Service-launched modal dialog. Inject `KjDialogService` and call `open()`
  * with a template; mount `[kjDialog]` once near your trigger to host the
@@ -4180,7 +4255,7 @@ declare class KjNumberInputComponent {
     readonly kjCurrency: _angular_core.InputSignal<string>;
     readonly kjCurrencyDisplay: _angular_core.InputSignal<"symbol" | "name" | "code" | "narrowSymbol">;
     readonly kjUnit: _angular_core.InputSignal<string>;
-    readonly kjUnitDisplay: _angular_core.InputSignal<"short" | "long" | "narrow">;
+    readonly kjUnitDisplay: _angular_core.InputSignal<"long" | "short" | "narrow">;
     readonly kjUseGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly kjMinimumFractionDigits: _angular_core.InputSignal<number>;
     readonly kjMaximumFractionDigits: _angular_core.InputSignal<number>;
@@ -5914,6 +5989,10 @@ declare class KjTableComponent<TData extends RowData = unknown> {
     readonly kjEditOnDoubleClick: _angular_core.InputSignal<boolean>;
     /** Template for master-detail row expansion. Receives `$implicit = row`. */
     readonly kjRowExpansionTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** Custom cell templates declared as `ng-template[kjCellTemplate]` content. */
+    private readonly cellTemplates;
+    /** Resolve the registered template for a cell's column, if any. */
+    protected cellTpl(cell: Cell<TData, unknown>): TemplateRef<unknown> | null;
     readonly cellEdit: _angular_core.OutputEmitterRef<KjCellEditEvent<TData>>;
     readonly stateChange: _angular_core.OutputEmitterRef<KjTableState>;
     readonly rowClick: _angular_core.OutputEmitterRef<KjRowClickEvent<TData>>;
@@ -6040,7 +6119,7 @@ declare class KjTableComponent<TData extends RowData = unknown> {
     /** Editor `(cancel)` from `KjCellEditorOutlet`: just close the editor. */
     protected onEditorCancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjTableComponent<any>, "kj-table", never, { "kjResource": { "alias": "kjResource"; "required": false; "isSignal": true; }; "kjDensity": { "alias": "kjDensity"; "required": false; "isSignal": true; }; "kjVariant": { "alias": "kjVariant"; "required": false; "isSignal": true; }; "kjLoading": { "alias": "kjLoading"; "required": false; "isSignal": true; }; "kjSelection": { "alias": "kjSelection"; "required": false; "isSignal": true; }; "kjSelectionMode": { "alias": "kjSelectionMode"; "required": false; "isSignal": true; }; "kjShowSelectionColumn": { "alias": "kjShowSelectionColumn"; "required": false; "isSignal": true; }; "kjStorageKey": { "alias": "kjStorageKey"; "required": false; "isSignal": true; }; "kjStorageAdapter": { "alias": "kjStorageAdapter"; "required": false; "isSignal": true; }; "kjVirtual": { "alias": "kjVirtual"; "required": false; "isSignal": true; }; "kjEstimatedRowSize": { "alias": "kjEstimatedRowSize"; "required": false; "isSignal": true; }; "kjEnableFilters": { "alias": "kjEnableFilters"; "required": false; "isSignal": true; }; "kjEnableResize": { "alias": "kjEnableResize"; "required": false; "isSignal": true; }; "kjEnableRowPinning": { "alias": "kjEnableRowPinning"; "required": false; "isSignal": true; }; "kjEditOnDoubleClick": { "alias": "kjEditOnDoubleClick"; "required": false; "isSignal": true; }; }, { "kjSelection": "kjSelectionChange"; "cellEdit": "cellEdit"; "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDoubleClick": "rowDoubleClick"; }, ["kjRowExpansionTpl"], ["kj-table-toolbar, [kjToolbar]", "[kjSidePanel]", "[kjEmpty]", "[kjError]", "[kjLoading]", "*"], true, [{ directive: typeof i1.KjTable; inputs: { "kjTable": "kjColumns"; "kjTableData": "kjData"; "kjGetRowId": "kjGetRowId"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjTableComponent<any>, "kj-table", never, { "kjResource": { "alias": "kjResource"; "required": false; "isSignal": true; }; "kjDensity": { "alias": "kjDensity"; "required": false; "isSignal": true; }; "kjVariant": { "alias": "kjVariant"; "required": false; "isSignal": true; }; "kjLoading": { "alias": "kjLoading"; "required": false; "isSignal": true; }; "kjSelection": { "alias": "kjSelection"; "required": false; "isSignal": true; }; "kjSelectionMode": { "alias": "kjSelectionMode"; "required": false; "isSignal": true; }; "kjShowSelectionColumn": { "alias": "kjShowSelectionColumn"; "required": false; "isSignal": true; }; "kjStorageKey": { "alias": "kjStorageKey"; "required": false; "isSignal": true; }; "kjStorageAdapter": { "alias": "kjStorageAdapter"; "required": false; "isSignal": true; }; "kjVirtual": { "alias": "kjVirtual"; "required": false; "isSignal": true; }; "kjEstimatedRowSize": { "alias": "kjEstimatedRowSize"; "required": false; "isSignal": true; }; "kjEnableFilters": { "alias": "kjEnableFilters"; "required": false; "isSignal": true; }; "kjEnableResize": { "alias": "kjEnableResize"; "required": false; "isSignal": true; }; "kjEnableRowPinning": { "alias": "kjEnableRowPinning"; "required": false; "isSignal": true; }; "kjEditOnDoubleClick": { "alias": "kjEditOnDoubleClick"; "required": false; "isSignal": true; }; }, { "kjSelection": "kjSelectionChange"; "cellEdit": "cellEdit"; "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDoubleClick": "rowDoubleClick"; }, ["kjRowExpansionTpl", "cellTemplates"], ["kj-table-toolbar, [kjToolbar]", "[kjSidePanel]", "[kjEmpty]", "[kjError]", "[kjLoading]", "*"], true, [{ directive: typeof i1.KjTable; inputs: { "kjTable": "kjColumns"; "kjTableData": "kjData"; "kjGetRowId": "kjGetRowId"; }; outputs: {}; }]>;
 }
 
 /** Density value emitted by the density toggle group. */
@@ -6781,6 +6860,47 @@ declare class KjFilterCellOutlet<TData = unknown> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KjFilterCellOutlet<any>, "[kjFilterCell]", never, { "kjColumn": { "alias": "kjColumn"; "required": true; "isSignal": true; }; "kjFilter": { "alias": "kjFilter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Registers a custom cell template for one column of a `<kj-table>`.
+ *
+ * Declare inside the table's content with the column id, and use the template
+ * context to render arbitrary markup (badges, buttons, avatars…) instead of
+ * the default `getValue()` text:
+ *
+ * ```html
+ * <kj-table [kjData]="rows()" [kjColumns]="cols">
+ *   <ng-template kjCellTemplate="role" let-row let-value="value">
+ *     <kj-badge [bg]="roleBg(row.role)">{{ value }}</kj-badge>
+ *   </ng-template>
+ * </kj-table>
+ * ```
+ *
+ * Context: `$implicit` / `row` — the row data; `value` — `cell.getValue()`;
+ * `cell` — the TanStack cell instance.
+ *
+ * Editing, grouping, and aggregation cells keep their built-in rendering;
+ * the template applies to plain data cells only.
+ *
+ * @doc-category Library/Data display
+ * @doc
+ * @doc-name table
+ */
+declare class KjCellTemplateDirective {
+    /** Column id this template renders. */
+    readonly kjCellTemplate: _angular_core.InputSignal<string>;
+    /** @internal */
+    readonly template: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjCellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KjCellTemplateDirective, "ng-template[kjCellTemplate]", never, { "kjCellTemplate": { "alias": "kjCellTemplate"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Template context passed to `kjCellTemplate` templates. */
+interface KjCellTemplateContext<TData> {
+    $implicit: TData;
+    row: TData;
+    value: unknown;
+    cell: unknown;
+}
+
 /**
  * Styled wrapper around the headless `KjTabs` directive — root of the tabs
  * compound. Re-maps the `kjValue`/`kjOrientation`/`kjActivationMode` inputs to
@@ -8032,5 +8152,5 @@ declare class KjTreeSelectComponent {
 
 declare const KJ_COMPONENTS_VERSION = "0.0.1";
 
-export { KJ_COMPONENTS_VERSION, KJ_EDITOR_CONTRACT, KJ_FILTER_CONTEXT, KjAccordionComponent, KjAccordionContentComponent, KjAccordionItemComponent, KjAccordionTriggerComponent, KjAlertActionsComponent, KjAlertComponent, KjAlertDescriptionComponent, KjAlertDismissComponent, KjAlertIconComponent, KjAlertTitleComponent, KjAvatarComponent, KjAvatarGroupComponent, KjBadgeComponent, KjBooleanEditor, KjBreadcrumbComponent, KjBreadcrumbCurrentComponent, KjBreadcrumbEllipsisComponent, KjBreadcrumbItemComponent, KjBreadcrumbLinkComponent, KjBreadcrumbListComponent, KjBreadcrumbSeparatorComponent, KjBulkAction, KjButtonComponent, KjButtonGroupComponent, KjCalendarComponent, KjCardComponent, KjCardContentComponent, KjCardCoverComponent, KjCardFooterComponent, KjCardHeaderComponent, KjCardSubtitleComponent, KjCardTitleComponent, KjCarouselAutoplayComponent, KjCarouselComponent, KjCarouselIndicatorsComponent, KjCarouselNextComponent, KjCarouselPauseComponent, KjCarouselPreviousComponent, KjCarouselSlideComponent, KjCarouselViewportComponent, KjCascadeOptionComponent, KjCascadeSelectComponent, KjCascadeSubPanelComponent, KjCellEditorOutlet, KjChatAvatarComponent, KjChatBubbleComponent, KjChatComponent, KjChatFooterComponent, KjChatHeaderComponent, KjChatLogComponent, KjCheckboxComponent, KjColorPickerComponent, KjComboboxComponent, KjComboboxEmptyComponent, KjComboboxLoadingComponent, KjComboboxOptionComponent, KjCommandEmptyComponent, KjCommandGroupComponent, KjCommandInputComponent, KjCommandItemComponent, KjCommandPaletteComponent, KjCommandPaletteFooter, KjCommandPaletteItemTemplate, KjCommandSeparatorComponent, KjConfirmPopupActionComponent, KjConfirmPopupActionsComponent, KjConfirmPopupCancelComponent, KjConfirmPopupComponent, KjConfirmPopupContentComponent, KjConfirmPopupMessageComponent, KjConfirmPopupTriggerComponent, KjDateEditor, KjDateFilter, KjDatePickerComponent, KjDialogComponent, KjDividerComponent, KjDrawerComponent, KjDropdownMenuComponent, KjEmptyStateActionsComponent, KjEmptyStateComponent, KjEmptyStateDescriptionComponent, KjEmptyStateIconComponent, KjEmptyStateTitleComponent, KjFieldComponent, KjFieldErrorComponent, KjFieldGroupComponent, KjFieldHelpComponent, KjFieldLabelComponent, KjFileUploadComponent, KjFilterCellOutlet, KjFormActionsComponent, KjFormComponent, KjFormSummaryComponent, KjIconGalleryExample, KjIconUsageExample, KjInputComponent, KjInputGroupAddonComponent, KjInputGroupComponent, KjInputMaskComponent, KjInputMaskCreditCardExample, KjInputMaskCustomTokensExample, KjInputMaskDateExample, KjInputMaskExample, KjInputMaskUsageExample, KjInputMaskValidationExample, KjInputOtpComponent, KjKbdComponent, KjLinkComponent, KjListComponent, KjListItemComponent, KjMenubarComponent, KjMenubarItemComponent, KjNumberEditor, KjNumberFilter, KjNumberInputComponent, KjOptionComponent, KjOverlayBadgeComponent, KjOverlayBadgeContentComponent, KjPaginationComponent, KjPaginationDefaultComponent, KjPaginationEllipsisComponent, KjPaginationFirstComponent, KjPaginationInfoComponent, KjPaginationItemComponent, KjPaginationLastComponent, KjPaginationNextComponent, KjPaginationPreviousComponent, KjPasswordInputComponent, KjPopoverComponent, KjProgressBarComponent, KjRadioComponent, KjRadioGroupComponent, KjSelectComponent, KjSelectEditor, KjSelectFilter, KjSkeletonComponent, KjSliderComponent, KjSpeedDialActionComponent, KjSpeedDialActionsComponent, KjSpeedDialComponent, KjSpeedDialTriggerComponent, KjSpinnerComponent, KjStepComponent, KjStepContentComponent, KjStepLabelComponent, KjStepperComponent, KjStepperNextComponent, KjStepperPreviousComponent, KjStepperResetComponent, KjTabComponent, KjTabListComponent, KjTabPanelComponent, KjTableComponent, KjTablePaginationComponent, KjTableSidePanelComponent, KjTableSidePanelContent, KjTableStatusBarComponent, KjTableToolbarComponent, KjTableVirtual, KjTabsComponent, KjTagComponent, KjTagListComponent, KjTagRemoveComponent, KjTextEditor, KjTextFilter, KjTextareaComponent, KjTimePickerComponent, KjToastCloseComponent, KjToastComponent, KjToastViewportComponent, KjToastWrapperComponent, KjToggleComponent, KjTooltipComponent, KjTreeSelectComponent, KjTreeSelectNodeComponent, LUCIDE_ICON_NAMES, copyToClipboard, downloadString, exportCsv, exportJson, provideLucideIcons, toTsv };
-export type { ExportOptions, KjCellEditEvent, KjChatBubbleSize, KjChatBubbleVariant, KjDateRange, KjEditorContract, KjEmptyStateLevel, KjEmptyStateLive, KjEmptyStateVariant, KjFilterContext, KjInputSize, KjInputType, KjInputVariant, KjNumberRange, KjRowClickEvent, KjSelectEditorOption, KjSelectFilterOption, KjSpeedDialPosition, KjTableDensity, KjTableExportFormat };
+export { KJ_COMPONENTS_VERSION, KJ_EDITOR_CONTRACT, KJ_FILTER_CONTEXT, KjAccordionComponent, KjAccordionContentComponent, KjAccordionItemComponent, KjAccordionTriggerComponent, KjAlertActionsComponent, KjAlertComponent, KjAlertDescriptionComponent, KjAlertDismissComponent, KjAlertIconComponent, KjAlertTitleComponent, KjAvatarComponent, KjAvatarGroupComponent, KjBadgeComponent, KjBooleanEditor, KjBreadcrumbComponent, KjBreadcrumbCurrentComponent, KjBreadcrumbEllipsisComponent, KjBreadcrumbItemComponent, KjBreadcrumbLinkComponent, KjBreadcrumbListComponent, KjBreadcrumbSeparatorComponent, KjBulkAction, KjButtonComponent, KjButtonGroupComponent, KjCalendarComponent, KjCardComponent, KjCardContentComponent, KjCardCoverComponent, KjCardFooterComponent, KjCardHeaderComponent, KjCardSubtitleComponent, KjCardTitleComponent, KjCarouselAutoplayComponent, KjCarouselComponent, KjCarouselIndicatorsComponent, KjCarouselNextComponent, KjCarouselPauseComponent, KjCarouselPreviousComponent, KjCarouselSlideComponent, KjCarouselViewportComponent, KjCascadeOptionComponent, KjCascadeSelectComponent, KjCascadeSubPanelComponent, KjCellEditorOutlet, KjCellTemplateDirective, KjChatAvatarComponent, KjChatBubbleComponent, KjChatComponent, KjChatFooterComponent, KjChatHeaderComponent, KjChatLogComponent, KjCheckboxComponent, KjColorPickerComponent, KjComboboxComponent, KjComboboxEmptyComponent, KjComboboxLoadingComponent, KjComboboxOptionComponent, KjCommandEmptyComponent, KjCommandGroupComponent, KjCommandInputComponent, KjCommandItemComponent, KjCommandPaletteComponent, KjCommandPaletteFooter, KjCommandPaletteItemTemplate, KjCommandSeparatorComponent, KjConfirmPopupActionComponent, KjConfirmPopupActionsComponent, KjConfirmPopupCancelComponent, KjConfirmPopupComponent, KjConfirmPopupContentComponent, KjConfirmPopupMessageComponent, KjConfirmPopupTriggerComponent, KjDateEditor, KjDateFilter, KjDatePickerComponent, KjDatetimePickerComponent, KjDialogComponent, KjDividerComponent, KjDrawerComponent, KjDropdownMenuComponent, KjEmptyStateActionsComponent, KjEmptyStateComponent, KjEmptyStateDescriptionComponent, KjEmptyStateIconComponent, KjEmptyStateTitleComponent, KjFieldComponent, KjFieldErrorComponent, KjFieldGroupComponent, KjFieldHelpComponent, KjFieldLabelComponent, KjFileUploadComponent, KjFilterCellOutlet, KjFormActionsComponent, KjFormComponent, KjFormSummaryComponent, KjIconGalleryExample, KjIconUsageExample, KjInputComponent, KjInputGroupAddonComponent, KjInputGroupComponent, KjInputMaskComponent, KjInputMaskCreditCardExample, KjInputMaskCustomTokensExample, KjInputMaskDateExample, KjInputMaskExample, KjInputMaskUsageExample, KjInputMaskValidationExample, KjInputOtpComponent, KjKbdComponent, KjLinkComponent, KjListComponent, KjListItemComponent, KjMenubarComponent, KjMenubarItemComponent, KjNumberEditor, KjNumberFilter, KjNumberInputComponent, KjOptionComponent, KjOverlayBadgeComponent, KjOverlayBadgeContentComponent, KjPaginationComponent, KjPaginationDefaultComponent, KjPaginationEllipsisComponent, KjPaginationFirstComponent, KjPaginationInfoComponent, KjPaginationItemComponent, KjPaginationLastComponent, KjPaginationNextComponent, KjPaginationPreviousComponent, KjPasswordInputComponent, KjPopoverComponent, KjProgressBarComponent, KjRadioComponent, KjRadioGroupComponent, KjSelectComponent, KjSelectEditor, KjSelectFilter, KjSkeletonComponent, KjSliderComponent, KjSpeedDialActionComponent, KjSpeedDialActionsComponent, KjSpeedDialComponent, KjSpeedDialTriggerComponent, KjSpinnerComponent, KjStepComponent, KjStepContentComponent, KjStepLabelComponent, KjStepperComponent, KjStepperNextComponent, KjStepperPreviousComponent, KjStepperResetComponent, KjTabComponent, KjTabListComponent, KjTabPanelComponent, KjTableComponent, KjTablePaginationComponent, KjTableSidePanelComponent, KjTableSidePanelContent, KjTableStatusBarComponent, KjTableToolbarComponent, KjTableVirtual, KjTabsComponent, KjTagComponent, KjTagListComponent, KjTagRemoveComponent, KjTextEditor, KjTextFilter, KjTextareaComponent, KjTimePickerComponent, KjToastCloseComponent, KjToastComponent, KjToastViewportComponent, KjToastWrapperComponent, KjToggleComponent, KjTooltipComponent, KjTreeSelectComponent, KjTreeSelectNodeComponent, LUCIDE_ICON_NAMES, copyToClipboard, downloadString, exportCsv, exportJson, provideLucideIcons, toTsv };
+export type { ExportOptions, KjCellEditEvent, KjCellTemplateContext, KjChatBubbleSize, KjChatBubbleVariant, KjDateRange, KjEditorContract, KjEmptyStateLevel, KjEmptyStateLive, KjEmptyStateVariant, KjFilterContext, KjInputSize, KjInputType, KjInputVariant, KjNumberRange, KjRowClickEvent, KjSelectEditorOption, KjSelectFilterOption, KjSpeedDialPosition, KjTableDensity, KjTableExportFormat };