kanto-ds 1.7.0 → 1.9.0

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements — for React 18.\n *\n * React 18 sets every prop as a string attribute and cannot listen for custom\n * events, so each element is wrapped with `@lit/react`: props become\n * properties, `onKtChange` listens for `kt-change`, refs are typed as the\n * element. `@lit/react` is an optional peer dependency — a React 18 project\n * installs it alongside kanto-ds:\n *\n *     npm install kanto-ds @lit/react\n *\n *     import { KtButton, KtInput } from 'kanto-ds/react';\n *     import 'kanto-ds/styles.css';\n *\n *     <KtInput placeholder=\"Search\" onKtChange={(e) => setQuery(e.detail.value)} />\n *\n * React 19 needs none of this: it renders the `kt-*` tags directly, and\n * `kanto-ds/react/jsx` types them.\n */\nimport * as React from 'react';\nimport { createComponent, type EventName } from '@lit/react';\nimport type { KtOption } from '../internal/listbox.js';\n\nimport { KtAvatar as KtAvatarElement } from '../components/core/kt-avatar/kt-avatar.js';\nimport { KtBadge as KtBadgeElement } from '../components/core/kt-badge/kt-badge.js';\nimport { KtButton as KtButtonElement } from '../components/core/kt-button/kt-button.js';\nimport { KtSplitButton as KtSplitButtonElement } from '../components/core/kt-split-button/kt-split-button.js';\nimport { KtCard as KtCardElement } from '../components/core/kt-card/kt-card.js';\nimport { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';\nimport { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';\nimport { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';\nimport { KtCheckbox as KtCheckboxElement } from '../components/forms/kt-checkbox/kt-checkbox.js';\nimport { KtCalendar as KtCalendarElement } from '../components/forms/kt-calendar/kt-calendar.js';\nimport { KtDateInput as KtDateInputElement } from '../components/forms/kt-date-input/kt-date-input.js';\nimport { KtDatePicker as KtDatePickerElement } from '../components/forms/kt-date-picker/kt-date-picker.js';\nimport { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';\nimport { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';\nimport { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';\nimport { KtInputMenu as KtInputMenuElement } from '../components/forms/kt-input-menu/kt-input-menu.js';\nimport { KtMultiSelect as KtMultiSelectElement } from '../components/forms/kt-multi-select/kt-multi-select.js';\nimport { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.js';\nimport {\n  KtRadio as KtRadioElement,\n  KtRadioGroup as KtRadioGroupElement,\n} from '../components/forms/kt-radio-group/kt-radio-group.js';\nimport { KtSelect as KtSelectElement } from '../components/forms/kt-select/kt-select.js';\nimport { KtTextarea as KtTextareaElement } from '../components/forms/kt-textarea/kt-textarea.js';\nimport { KtTimeInput as KtTimeInputElement } from '../components/forms/kt-time-input/kt-time-input.js';\nimport { KtToggle as KtToggleElement } from '../components/forms/kt-toggle/kt-toggle.js';\nimport { KtBreadcrumb as KtBreadcrumbElement } from '../components/navigation/kt-breadcrumb/kt-breadcrumb.js';\nimport { KtPageHeader as KtPageHeaderElement } from '../components/navigation/kt-page-header/kt-page-header.js';\nimport { KtSegmentedControl as KtSegmentedControlElement } from '../components/navigation/kt-segmented-control/kt-segmented-control.js';\nimport { KtSubMenuNavigation as KtSubMenuNavigationElement } from '../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js';\nimport { KtTabs as KtTabsElement } from '../components/navigation/kt-tabs/kt-tabs.js';\nimport { KtHeader as KtHeaderElement } from '../components/navigation/kt-header/kt-header.js';\nimport { KtToggleButton as KtToggleButtonElement } from '../components/navigation/kt-toggle-button/kt-toggle-button.js';\nimport { KtToggleButtonGroup as KtToggleButtonGroupElement } from '../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js';\nimport { KtAlert as KtAlertElement } from '../components/feedback/kt-alert/kt-alert.js';\nimport { KtEmptyState as KtEmptyStateElement } from '../components/feedback/kt-empty-state/kt-empty-state.js';\nimport { KtProgressBar as KtProgressBarElement } from '../components/feedback/kt-progress-bar/kt-progress-bar.js';\nimport { KtSkeleton as KtSkeletonElement } from '../components/feedback/kt-skeleton/kt-skeleton.js';\nimport { KtToast as KtToastElement } from '../components/feedback/kt-toast/kt-toast.js';\nimport { KtToastContainer as KtToastContainerElement } from '../components/feedback/kt-toast-container/kt-toast-container.js';\nimport { KtTooltip as KtTooltipElement } from '../components/feedback/kt-tooltip/kt-tooltip.js';\nimport { KtCollapsible as KtCollapsibleElement } from '../components/overlays/kt-collapsible/kt-collapsible.js';\nimport { KtConfirmDialog as KtConfirmDialogElement } from '../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js';\nimport { KtDropdown as KtDropdownElement } from '../components/overlays/kt-dropdown/kt-dropdown.js';\nimport { KtModal as KtModalElement } from '../components/overlays/kt-modal/kt-modal.js';\nimport { KtSidePanel as KtSidePanelElement } from '../components/overlays/kt-side-panel/kt-side-panel.js';\nimport { KtChart as KtChartElement } from '../components/data/kt-chart/kt-chart.js';\nimport { KtMeter as KtMeterElement } from '../components/data/kt-meter/kt-meter.js';\nimport { KtPagination as KtPaginationElement } from '../components/data/kt-pagination/kt-pagination.js';\nimport { KtStat as KtStatElement } from '../components/data/kt-stat/kt-stat.js';\nimport { KtTable as KtTableElement } from '../components/data/kt-table/kt-table.js';\nimport {\n  KtTimeline as KtTimelineElement,\n  KtTimelineItem as KtTimelineItemElement,\n} from '../components/data/kt-timeline/kt-timeline.js';\n\n/** Narrows an event name to the detail its element actually dispatches. */\ntype Kt<T> = EventName<CustomEvent<T>>;\n\n// === CORE ===\nexport const KtAvatar = createComponent({\n  tagName: 'kt-avatar',\n  elementClass: KtAvatarElement,\n  react: React,\n});\n\nexport const KtBadge = createComponent({\n  tagName: 'kt-badge',\n  elementClass: KtBadgeElement,\n  react: React,\n  events: {\n    onKtBadgeClick: 'kt-badge-click' as Kt<never>,\n    onKtRemove: 'kt-remove' as Kt<never>,\n  },\n});\n\nexport const KtButton = createComponent({\n  tagName: 'kt-button',\n  elementClass: KtButtonElement,\n  react: React,\n});\n\nexport const KtSplitButton = createComponent({\n  tagName: 'kt-split-button',\n  elementClass: KtSplitButtonElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtCard = createComponent({\n  tagName: 'kt-card',\n  elementClass: KtCardElement,\n  react: React,\n  events: { onKtCardClick: 'kt-card-click' as Kt<never> },\n});\n\nexport const KtCode = createComponent({\n  tagName: 'kt-code',\n  elementClass: KtCodeElement,\n  react: React,\n  events: { onKtCopy: 'kt-copy' as Kt<{ code: string }> },\n});\n\nexport const KtIcon = createComponent({\n  tagName: 'kt-icon',\n  elementClass: KtIconElement,\n  react: React,\n});\n\nexport const KtKbd = createComponent({\n  tagName: 'kt-kbd',\n  elementClass: KtKbdElement,\n  react: React,\n});\n\n// === FORMS ===\nexport const KtForm = createComponent({\n  tagName: 'kt-form',\n  elementClass: KtFormElement,\n  react: React,\n});\n\nexport const KtInput = createComponent({\n  tagName: 'kt-input',\n  elementClass: KtInputElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n    onKtClear: 'kt-clear' as Kt<never>,\n    onKtCountryChange: 'kt-country-change' as Kt<{ country: string; dialCode: string }>,\n  },\n});\n\nexport const KtTextarea = createComponent({\n  tagName: 'kt-textarea',\n  elementClass: KtTextareaElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtLabelInput = createComponent({\n  tagName: 'kt-label-input',\n  elementClass: KtLabelInputElement,\n  react: React,\n});\n\nexport const KtToggle = createComponent({\n  tagName: 'kt-toggle',\n  elementClass: KtToggleElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtCalendar = createComponent({\n  tagName: 'kt-calendar',\n  elementClass: KtCalendarElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string }> },\n});\n\nexport const KtDateInput = createComponent({\n  tagName: 'kt-date-input',\n  elementClass: KtDateInputElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtTimeInput = createComponent({\n  tagName: 'kt-time-input',\n  elementClass: KtTimeInputElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtDatePicker = createComponent({\n  tagName: 'kt-date-picker',\n  elementClass: KtDatePickerElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtCheckbox = createComponent({\n  tagName: 'kt-checkbox',\n  elementClass: KtCheckboxElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtRadioGroup = createComponent({\n  tagName: 'kt-radio-group',\n  elementClass: KtRadioGroupElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtRadio = createComponent({\n  tagName: 'kt-radio',\n  elementClass: KtRadioElement,\n  react: React,\n});\n\nexport const KtSelect = createComponent({\n  tagName: 'kt-select',\n  elementClass: KtSelectElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number | null }> },\n});\n\nexport const KtInputMenu = createComponent({\n  tagName: 'kt-input-menu',\n  elementClass: KtInputMenuElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: string | number | null }>,\n    onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n  },\n});\n\nexport const KtMultiSelect = createComponent({\n  tagName: 'kt-multi-select',\n  elementClass: KtMultiSelectElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: (string | number)[]; options: KtOption[] }>,\n    onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n  },\n});\n\nexport const KtDragDrop = createComponent({\n  tagName: 'kt-drag-drop',\n  elementClass: KtDragDropElement,\n  react: React,\n  events: {\n    onKtFilesChange: 'kt-files-change' as Kt<{ files: File[] }>,\n    onKtFilesRejected: 'kt-files-rejected' as Kt<{ files: File[]; reason: 'type' | 'size' }>,\n  },\n});\n\n// === NAVIGATION ===\nexport const KtBreadcrumb = createComponent({\n  tagName: 'kt-breadcrumb',\n  elementClass: KtBreadcrumbElement,\n  react: React,\n  events: { onKtNavigate: 'kt-navigate' as Kt<{ index: number }> },\n});\n\nexport const KtSubMenuNavigation = createComponent({\n  tagName: 'kt-sub-menu-navigation',\n  elementClass: KtSubMenuNavigationElement,\n  react: React,\n  events: { onKtNavigate: 'kt-navigate' as Kt<unknown> },\n});\n\nexport const KtPageHeader = createComponent({\n  tagName: 'kt-page-header',\n  elementClass: KtPageHeaderElement,\n  react: React,\n});\n\nexport const KtSegmentedControl = createComponent({\n  tagName: 'kt-segmented-control',\n  elementClass: KtSegmentedControlElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtTabs = createComponent({\n  tagName: 'kt-tabs',\n  elementClass: KtTabsElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtHeader = createComponent({\n  tagName: 'kt-header',\n  elementClass: KtHeaderElement,\n  react: React,\n  events: { onKtMenuToggle: 'kt-menu-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtToggleButton = createComponent({\n  tagName: 'kt-toggle-button',\n  elementClass: KtToggleButtonElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ selected: boolean; value: string }> },\n});\n\nexport const KtToggleButtonGroup = createComponent({\n  tagName: 'kt-toggle-button-group',\n  elementClass: KtToggleButtonGroupElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | string[] | null }> },\n});\n\n// === FEEDBACK ===\nexport const KtAlert = createComponent({\n  tagName: 'kt-alert',\n  elementClass: KtAlertElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtEmptyState = createComponent({\n  tagName: 'kt-empty-state',\n  elementClass: KtEmptyStateElement,\n  react: React,\n});\n\nexport const KtProgressBar = createComponent({\n  tagName: 'kt-progress-bar',\n  elementClass: KtProgressBarElement,\n  react: React,\n});\n\nexport const KtSkeleton = createComponent({\n  tagName: 'kt-skeleton',\n  elementClass: KtSkeletonElement,\n  react: React,\n});\n\nexport const KtTooltip = createComponent({\n  tagName: 'kt-tooltip',\n  elementClass: KtTooltipElement,\n  react: React,\n});\n\nexport const KtToast = createComponent({\n  tagName: 'kt-toast',\n  elementClass: KtToastElement,\n  react: React,\n  events: { onKtToastClose: 'kt-toast-close' as Kt<never> },\n});\n\nexport const KtToastContainer = createComponent({\n  tagName: 'kt-toast-container',\n  elementClass: KtToastContainerElement,\n  react: React,\n});\n\n// === OVERLAYS ===\nexport const KtCollapsible = createComponent({\n  tagName: 'kt-collapsible',\n  elementClass: KtCollapsibleElement,\n  react: React,\n  events: { onKtToggle: 'kt-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtDropdown = createComponent({\n  tagName: 'kt-dropdown',\n  elementClass: KtDropdownElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtModal = createComponent({\n  tagName: 'kt-modal',\n  elementClass: KtModalElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtSidePanel = createComponent({\n  tagName: 'kt-side-panel',\n  elementClass: KtSidePanelElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtConfirmDialog = createComponent({\n  tagName: 'kt-confirm-dialog',\n  elementClass: KtConfirmDialogElement,\n  react: React,\n  events: {\n    onKtConfirm: 'kt-confirm' as Kt<never>,\n    onKtCancel: 'kt-cancel' as Kt<never>,\n  },\n});\n\n// === DATA ===\nexport const KtChart = createComponent({\n  tagName: 'kt-chart',\n  elementClass: KtChartElement,\n  react: React,\n  events: {\n    onKtPointHover: 'kt-point-hover' as Kt<{ index: number; series: number }>,\n    onKtSeriesToggle: 'kt-series-toggle' as Kt<{ series: number; hidden: boolean }>,\n  },\n});\n\nexport const KtTable = createComponent({\n  tagName: 'kt-table',\n  elementClass: KtTableElement,\n  react: React,\n  events: {\n    onKtSortChange: 'kt-sort-change' as Kt<{\n      key: string | null;\n      direction: 'asc' | 'desc' | null;\n    }>,\n    onKtSelectionChange: 'kt-selection-change' as Kt<{ selected: unknown[] }>,\n    onKtRowClick: 'kt-row-click' as Kt<{ index: number }>,\n    onKtPageChange: 'kt-page-change' as Kt<{ page: number }>,\n  },\n});\n\nexport const KtMeter = createComponent({\n  tagName: 'kt-meter',\n  elementClass: KtMeterElement,\n  react: React,\n});\n\nexport const KtPagination = createComponent({\n  tagName: 'kt-pagination',\n  elementClass: KtPaginationElement,\n  react: React,\n  events: { onKtPageChange: 'kt-page-change' as Kt<{ page: number }> },\n});\n\n// The imperative toaster needs no wrapper.\nexport { toaster } from '../components/feedback/kt-toast-container/toaster.js';\n\nexport const KtStat = createComponent({\n  tagName: 'kt-stat',\n  elementClass: KtStatElement,\n  react: React,\n});\n\nexport const KtTimeline = createComponent({\n  tagName: 'kt-timeline',\n  elementClass: KtTimelineElement,\n  react: React,\n});\n\nexport const KtTimelineItem = createComponent({\n  tagName: 'kt-timeline-item',\n  elementClass: KtTimelineItemElement,\n  react: React,\n});\n"],"names":["KtAvatar","createComponent","KtAvatarElement","React","KtBadge","KtBadgeElement","KtButton","KtButtonElement","KtSplitButton","KtSplitButtonElement","KtCard","KtCardElement","KtCode","KtCodeElement","KtIcon","KtIconElement","KtKbd","KtKbdElement","KtForm","KtFormElement","KtInput","KtInputElement","KtTextarea","KtTextareaElement","KtLabelInput","KtLabelInputElement","KtToggle","KtToggleElement","KtCalendar","KtCalendarElement","KtDateInput","KtDateInputElement","KtTimeInput","KtTimeInputElement","KtDatePicker","KtDatePickerElement","KtCheckbox","KtCheckboxElement","KtRadioGroup","KtRadioGroupElement","KtRadio","KtRadioElement","KtSelect","KtSelectElement","KtInputMenu","KtInputMenuElement","KtMultiSelect","KtMultiSelectElement","KtDragDrop","KtDragDropElement","KtBreadcrumb","KtBreadcrumbElement","KtSubMenuNavigation","KtSubMenuNavigationElement","KtPageHeader","KtPageHeaderElement","KtSegmentedControl","KtSegmentedControlElement","KtTabs","KtTabsElement","KtHeader","KtHeaderElement","KtToggleButton","KtToggleButtonElement","KtToggleButtonGroup","KtToggleButtonGroupElement","KtAlert","KtAlertElement","KtEmptyState","KtEmptyStateElement","KtProgressBar","KtProgressBarElement","KtSkeleton","KtSkeletonElement","KtTooltip","KtTooltipElement","KtToast","KtToastElement","KtToastContainer","KtToastContainerElement","KtCollapsible","KtCollapsibleElement","KtDropdown","KtDropdownElement","KtModal","KtModalElement","KtSidePanel","KtSidePanelElement","KtConfirmDialog","KtConfirmDialogElement","KtChart","KtChartElement","KtTable","KtTableElement","KtMeter","KtMeterElement","KtPagination","KtPaginationElement","KtStat","KtStatElement","KtTimeline","KtTimelineElement","KtTimelineItem","KtTimelineItemElement"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements — for React 18.\n *\n * React 18 sets every prop as a string attribute and cannot listen for custom\n * events, so each element is wrapped with `@lit/react`: props become\n * properties, `onKtChange` listens for `kt-change`, refs are typed as the\n * element. `@lit/react` is an optional peer dependency — a React 18 project\n * installs it alongside kanto-ds:\n *\n *     npm install kanto-ds @lit/react\n *\n *     import { KtButton, KtInput } from 'kanto-ds/react';\n *     import 'kanto-ds/styles.css';\n *\n *     <KtInput placeholder=\"Search\" onKtChange={(e) => setQuery(e.detail.value)} />\n *\n * React 19 needs none of this: it renders the `kt-*` tags directly, and\n * `kanto-ds/react/jsx` types them.\n */\nimport * as React from 'react';\nimport { createComponent, type EventName } from '@lit/react';\nimport type { KtOption } from '../internal/listbox.js';\nimport type { KtCommand } from '../internal/command-search.js';\nimport type { KtUserMenuItem } from '../components/navigation/kt-user-menu/kt-user-menu.js';\nimport type { KtTreeItem } from '../components/data/kt-tree/kt-tree.js';\nimport type {\n  KtAuthMode,\n  KtAuthSubmitDetail,\n} from '../components/blocks/kt-auth-form/kt-auth-form.js';\nimport type { KtSubscribeDetail } from '../components/blocks/kt-newsletter/kt-newsletter.js';\nimport type { KtBilling } from '../components/blocks/kt-pricing-table/kt-pricing-table.js';\nimport type { KtPromptSubmitDetail } from '../components/forms/kt-prompt-input/kt-prompt-input.js';\n\nimport { KtAvatar as KtAvatarElement } from '../components/core/kt-avatar/kt-avatar.js';\nimport { KtBadge as KtBadgeElement } from '../components/core/kt-badge/kt-badge.js';\nimport { KtButton as KtButtonElement } from '../components/core/kt-button/kt-button.js';\nimport { KtSplitButton as KtSplitButtonElement } from '../components/core/kt-split-button/kt-split-button.js';\nimport { KtCard as KtCardElement } from '../components/core/kt-card/kt-card.js';\nimport { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';\nimport { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';\nimport { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';\nimport { KtCheckbox as KtCheckboxElement } from '../components/forms/kt-checkbox/kt-checkbox.js';\nimport { KtCalendar as KtCalendarElement } from '../components/forms/kt-calendar/kt-calendar.js';\nimport { KtDateInput as KtDateInputElement } from '../components/forms/kt-date-input/kt-date-input.js';\nimport { KtDatePicker as KtDatePickerElement } from '../components/forms/kt-date-picker/kt-date-picker.js';\nimport { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';\nimport { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';\nimport { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';\nimport { KtInputMenu as KtInputMenuElement } from '../components/forms/kt-input-menu/kt-input-menu.js';\nimport { KtMultiSelect as KtMultiSelectElement } from '../components/forms/kt-multi-select/kt-multi-select.js';\nimport { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.js';\nimport {\n  KtRadio as KtRadioElement,\n  KtRadioGroup as KtRadioGroupElement,\n} from '../components/forms/kt-radio-group/kt-radio-group.js';\nimport { KtSelect as KtSelectElement } from '../components/forms/kt-select/kt-select.js';\nimport { KtSteps as KtStepsElement } from '../components/navigation/kt-steps/kt-steps.js';\nimport { KtNumberInput as KtNumberInputElement } from '../components/forms/kt-number-input/kt-number-input.js';\nimport { KtSlider as KtSliderElement } from '../components/forms/kt-slider/kt-slider.js';\nimport { KtTextarea as KtTextareaElement } from '../components/forms/kt-textarea/kt-textarea.js';\nimport { KtTimeInput as KtTimeInputElement } from '../components/forms/kt-time-input/kt-time-input.js';\nimport { KtToggle as KtToggleElement } from '../components/forms/kt-toggle/kt-toggle.js';\nimport { KtBreadcrumb as KtBreadcrumbElement } from '../components/navigation/kt-breadcrumb/kt-breadcrumb.js';\nimport { KtPageHeader as KtPageHeaderElement } from '../components/navigation/kt-page-header/kt-page-header.js';\nimport { KtSegmentedControl as KtSegmentedControlElement } from '../components/navigation/kt-segmented-control/kt-segmented-control.js';\nimport { KtSubMenuNavigation as KtSubMenuNavigationElement } from '../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js';\nimport { KtTabs as KtTabsElement } from '../components/navigation/kt-tabs/kt-tabs.js';\nimport { KtHeader as KtHeaderElement } from '../components/navigation/kt-header/kt-header.js';\nimport { KtFooter as KtFooterElement } from '../components/navigation/kt-footer/kt-footer.js';\nimport { KtToggleButton as KtToggleButtonElement } from '../components/navigation/kt-toggle-button/kt-toggle-button.js';\nimport { KtToggleButtonGroup as KtToggleButtonGroupElement } from '../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js';\nimport { KtAlert as KtAlertElement } from '../components/feedback/kt-alert/kt-alert.js';\nimport { KtEmptyState as KtEmptyStateElement } from '../components/feedback/kt-empty-state/kt-empty-state.js';\nimport { KtProgressBar as KtProgressBarElement } from '../components/feedback/kt-progress-bar/kt-progress-bar.js';\nimport { KtSkeleton as KtSkeletonElement } from '../components/feedback/kt-skeleton/kt-skeleton.js';\nimport { KtToast as KtToastElement } from '../components/feedback/kt-toast/kt-toast.js';\nimport { KtToastContainer as KtToastContainerElement } from '../components/feedback/kt-toast-container/kt-toast-container.js';\nimport { KtTooltip as KtTooltipElement } from '../components/feedback/kt-tooltip/kt-tooltip.js';\nimport { KtCollapsible as KtCollapsibleElement } from '../components/overlays/kt-collapsible/kt-collapsible.js';\nimport { KtConfirmDialog as KtConfirmDialogElement } from '../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js';\nimport { KtDropdown as KtDropdownElement } from '../components/overlays/kt-dropdown/kt-dropdown.js';\nimport { KtCommandPalette as KtCommandPaletteElement } from '../components/overlays/kt-command-palette/kt-command-palette.js';\nimport { KtModal as KtModalElement } from '../components/overlays/kt-modal/kt-modal.js';\nimport { KtSidePanel as KtSidePanelElement } from '../components/overlays/kt-side-panel/kt-side-panel.js';\nimport { KtChart as KtChartElement } from '../components/data/kt-chart/kt-chart.js';\nimport { KtMeter as KtMeterElement } from '../components/data/kt-meter/kt-meter.js';\nimport { KtPagination as KtPaginationElement } from '../components/data/kt-pagination/kt-pagination.js';\nimport { KtStat as KtStatElement } from '../components/data/kt-stat/kt-stat.js';\nimport { KtTable as KtTableElement } from '../components/data/kt-table/kt-table.js';\nimport { KtPromptInput as KtPromptInputElement } from '../components/forms/kt-prompt-input/kt-prompt-input.js';\nimport { KtChatMessage as KtChatMessageElement } from '../components/data/kt-chat-message/kt-chat-message.js';\nimport { KtAppShell as KtAppShellElement } from '../components/navigation/kt-app-shell/kt-app-shell.js';\nimport { KtDescriptionList as KtDescriptionListElement } from '../components/data/kt-description-list/kt-description-list.js';\nimport { KtAvatarGroup as KtAvatarGroupElement } from '../components/core/kt-avatar-group/kt-avatar-group.js';\nimport { KtCopyButton as KtCopyButtonElement } from '../components/core/kt-copy-button/kt-copy-button.js';\nimport { KtOtpInput as KtOtpInputElement } from '../components/forms/kt-otp-input/kt-otp-input.js';\nimport { KtAccordion as KtAccordionElement } from '../components/overlays/kt-accordion/kt-accordion.js';\nimport { KtUserMenu as KtUserMenuElement } from '../components/navigation/kt-user-menu/kt-user-menu.js';\nimport { KtTree as KtTreeElement } from '../components/data/kt-tree/kt-tree.js';\nimport { KtColorPicker as KtColorPickerElement } from '../components/forms/kt-color-picker/kt-color-picker.js';\nimport { KtTour as KtTourElement } from '../components/overlays/kt-tour/kt-tour.js';\nimport { KtAuthForm as KtAuthFormElement } from '../components/blocks/kt-auth-form/kt-auth-form.js';\nimport { KtErrorPage as KtErrorPageElement } from '../components/blocks/kt-error-page/kt-error-page.js';\nimport { KtHero as KtHeroElement } from '../components/blocks/kt-hero/kt-hero.js';\nimport { KtFeatureGrid as KtFeatureGridElement } from '../components/blocks/kt-feature-grid/kt-feature-grid.js';\nimport { KtCta as KtCtaElement } from '../components/blocks/kt-cta/kt-cta.js';\nimport { KtPricingTable as KtPricingTableElement } from '../components/blocks/kt-pricing-table/kt-pricing-table.js';\nimport { KtTestimonials as KtTestimonialsElement } from '../components/blocks/kt-testimonials/kt-testimonials.js';\nimport { KtLogoCloud as KtLogoCloudElement } from '../components/blocks/kt-logo-cloud/kt-logo-cloud.js';\nimport { KtFaq as KtFaqElement } from '../components/blocks/kt-faq/kt-faq.js';\nimport { KtPostGrid as KtPostGridElement } from '../components/blocks/kt-post-grid/kt-post-grid.js';\nimport { KtBlogPost as KtBlogPostElement } from '../components/blocks/kt-blog-post/kt-blog-post.js';\nimport { KtNewsletter as KtNewsletterElement } from '../components/blocks/kt-newsletter/kt-newsletter.js';\nimport { KtSettingsSection as KtSettingsSectionElement } from '../components/blocks/kt-settings-section/kt-settings-section.js';\nimport { KtEmptyPage as KtEmptyPageElement } from '../components/blocks/kt-empty-page/kt-empty-page.js';\nimport {\n  KtTimeline as KtTimelineElement,\n  KtTimelineItem as KtTimelineItemElement,\n} from '../components/data/kt-timeline/kt-timeline.js';\n\n/** Narrows an event name to the detail its element actually dispatches. */\ntype Kt<T> = EventName<CustomEvent<T>>;\n\n// === CORE ===\nexport const KtAvatar = createComponent({\n  tagName: 'kt-avatar',\n  elementClass: KtAvatarElement,\n  react: React,\n});\n\nexport const KtBadge = createComponent({\n  tagName: 'kt-badge',\n  elementClass: KtBadgeElement,\n  react: React,\n  events: {\n    onKtBadgeClick: 'kt-badge-click' as Kt<never>,\n    onKtRemove: 'kt-remove' as Kt<never>,\n  },\n});\n\nexport const KtButton = createComponent({\n  tagName: 'kt-button',\n  elementClass: KtButtonElement,\n  react: React,\n});\n\nexport const KtSplitButton = createComponent({\n  tagName: 'kt-split-button',\n  elementClass: KtSplitButtonElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtCard = createComponent({\n  tagName: 'kt-card',\n  elementClass: KtCardElement,\n  react: React,\n  events: { onKtCardClick: 'kt-card-click' as Kt<never> },\n});\n\nexport const KtCode = createComponent({\n  tagName: 'kt-code',\n  elementClass: KtCodeElement,\n  react: React,\n  events: { onKtCopy: 'kt-copy' as Kt<{ code: string }> },\n});\n\nexport const KtIcon = createComponent({\n  tagName: 'kt-icon',\n  elementClass: KtIconElement,\n  react: React,\n});\n\nexport const KtKbd = createComponent({\n  tagName: 'kt-kbd',\n  elementClass: KtKbdElement,\n  react: React,\n});\n\n// === FORMS ===\nexport const KtForm = createComponent({\n  tagName: 'kt-form',\n  elementClass: KtFormElement,\n  react: React,\n});\n\nexport const KtInput = createComponent({\n  tagName: 'kt-input',\n  elementClass: KtInputElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n    onKtClear: 'kt-clear' as Kt<never>,\n    onKtCountryChange: 'kt-country-change' as Kt<{ country: string; dialCode: string }>,\n  },\n});\n\nexport const KtSteps = createComponent({\n  tagName: 'kt-steps',\n  elementClass: KtStepsElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ id: string }> },\n});\n\nexport const KtNumberInput = createComponent({\n  tagName: 'kt-number-input',\n  elementClass: KtNumberInputElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: number | null }> },\n});\n\nexport const KtSlider = createComponent({\n  tagName: 'kt-slider',\n  elementClass: KtSliderElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtTextarea = createComponent({\n  tagName: 'kt-textarea',\n  elementClass: KtTextareaElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtLabelInput = createComponent({\n  tagName: 'kt-label-input',\n  elementClass: KtLabelInputElement,\n  react: React,\n});\n\nexport const KtToggle = createComponent({\n  tagName: 'kt-toggle',\n  elementClass: KtToggleElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtCalendar = createComponent({\n  tagName: 'kt-calendar',\n  elementClass: KtCalendarElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string }> },\n});\n\nexport const KtDateInput = createComponent({\n  tagName: 'kt-date-input',\n  elementClass: KtDateInputElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtTimeInput = createComponent({\n  tagName: 'kt-time-input',\n  elementClass: KtTimeInputElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtDatePicker = createComponent({\n  tagName: 'kt-date-picker',\n  elementClass: KtDatePickerElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtCheckbox = createComponent({\n  tagName: 'kt-checkbox',\n  elementClass: KtCheckboxElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ checked: boolean }> },\n});\n\nexport const KtRadioGroup = createComponent({\n  tagName: 'kt-radio-group',\n  elementClass: KtRadioGroupElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | null }> },\n});\n\nexport const KtRadio = createComponent({\n  tagName: 'kt-radio',\n  elementClass: KtRadioElement,\n  react: React,\n});\n\nexport const KtSelect = createComponent({\n  tagName: 'kt-select',\n  elementClass: KtSelectElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number | null }> },\n});\n\nexport const KtInputMenu = createComponent({\n  tagName: 'kt-input-menu',\n  elementClass: KtInputMenuElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: string | number | null }>,\n    onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n  },\n});\n\nexport const KtMultiSelect = createComponent({\n  tagName: 'kt-multi-select',\n  elementClass: KtMultiSelectElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: (string | number)[]; options: KtOption[] }>,\n    onKtFilter: 'kt-filter' as Kt<{ query: string }>,\n  },\n});\n\nexport const KtDragDrop = createComponent({\n  tagName: 'kt-drag-drop',\n  elementClass: KtDragDropElement,\n  react: React,\n  events: {\n    onKtFilesChange: 'kt-files-change' as Kt<{ files: File[] }>,\n    onKtFilesRejected: 'kt-files-rejected' as Kt<{ files: File[]; reason: 'type' | 'size' }>,\n  },\n});\n\n// === NAVIGATION ===\nexport const KtBreadcrumb = createComponent({\n  tagName: 'kt-breadcrumb',\n  elementClass: KtBreadcrumbElement,\n  react: React,\n  events: { onKtNavigate: 'kt-navigate' as Kt<{ index: number }> },\n});\n\nexport const KtSubMenuNavigation = createComponent({\n  tagName: 'kt-sub-menu-navigation',\n  elementClass: KtSubMenuNavigationElement,\n  react: React,\n  events: { onKtNavigate: 'kt-navigate' as Kt<unknown> },\n});\n\nexport const KtPageHeader = createComponent({\n  tagName: 'kt-page-header',\n  elementClass: KtPageHeaderElement,\n  react: React,\n});\n\nexport const KtSegmentedControl = createComponent({\n  tagName: 'kt-segmented-control',\n  elementClass: KtSegmentedControlElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtTabs = createComponent({\n  tagName: 'kt-tabs',\n  elementClass: KtTabsElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | number }> },\n});\n\nexport const KtFooter = createComponent({\n  tagName: 'kt-footer',\n  elementClass: KtFooterElement,\n  react: React,\n});\n\nexport const KtHeader = createComponent({\n  tagName: 'kt-header',\n  elementClass: KtHeaderElement,\n  react: React,\n  events: { onKtMenuToggle: 'kt-menu-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtToggleButton = createComponent({\n  tagName: 'kt-toggle-button',\n  elementClass: KtToggleButtonElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ selected: boolean; value: string }> },\n});\n\nexport const KtToggleButtonGroup = createComponent({\n  tagName: 'kt-toggle-button-group',\n  elementClass: KtToggleButtonGroupElement,\n  react: React,\n  events: { onKtChange: 'kt-change' as Kt<{ value: string | string[] | null }> },\n});\n\n// === FEEDBACK ===\nexport const KtAlert = createComponent({\n  tagName: 'kt-alert',\n  elementClass: KtAlertElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtEmptyState = createComponent({\n  tagName: 'kt-empty-state',\n  elementClass: KtEmptyStateElement,\n  react: React,\n});\n\nexport const KtProgressBar = createComponent({\n  tagName: 'kt-progress-bar',\n  elementClass: KtProgressBarElement,\n  react: React,\n});\n\nexport const KtSkeleton = createComponent({\n  tagName: 'kt-skeleton',\n  elementClass: KtSkeletonElement,\n  react: React,\n});\n\nexport const KtTooltip = createComponent({\n  tagName: 'kt-tooltip',\n  elementClass: KtTooltipElement,\n  react: React,\n});\n\nexport const KtToast = createComponent({\n  tagName: 'kt-toast',\n  elementClass: KtToastElement,\n  react: React,\n  events: { onKtToastClose: 'kt-toast-close' as Kt<never> },\n});\n\nexport const KtToastContainer = createComponent({\n  tagName: 'kt-toast-container',\n  elementClass: KtToastContainerElement,\n  react: React,\n});\n\n// === OVERLAYS ===\nexport const KtCollapsible = createComponent({\n  tagName: 'kt-collapsible',\n  elementClass: KtCollapsibleElement,\n  react: React,\n  events: { onKtToggle: 'kt-toggle' as Kt<{ open: boolean }> },\n});\n\nexport const KtDropdown = createComponent({\n  tagName: 'kt-dropdown',\n  elementClass: KtDropdownElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ value: string | number }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtCommandPalette = createComponent({\n  tagName: 'kt-command-palette',\n  elementClass: KtCommandPaletteElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ id: string; command: KtCommand }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtModal = createComponent({\n  tagName: 'kt-modal',\n  elementClass: KtModalElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtSidePanel = createComponent({\n  tagName: 'kt-side-panel',\n  elementClass: KtSidePanelElement,\n  react: React,\n  events: { onKtClose: 'kt-close' as Kt<never> },\n});\n\nexport const KtConfirmDialog = createComponent({\n  tagName: 'kt-confirm-dialog',\n  elementClass: KtConfirmDialogElement,\n  react: React,\n  events: {\n    onKtConfirm: 'kt-confirm' as Kt<never>,\n    onKtCancel: 'kt-cancel' as Kt<never>,\n  },\n});\n\n// === DATA ===\nexport const KtChart = createComponent({\n  tagName: 'kt-chart',\n  elementClass: KtChartElement,\n  react: React,\n  events: {\n    onKtPointHover: 'kt-point-hover' as Kt<{ index: number; series: number }>,\n    onKtSeriesToggle: 'kt-series-toggle' as Kt<{ series: number; hidden: boolean }>,\n  },\n});\n\nexport const KtTable = createComponent({\n  tagName: 'kt-table',\n  elementClass: KtTableElement,\n  react: React,\n  events: {\n    onKtSortChange: 'kt-sort-change' as Kt<{\n      key: string | null;\n      direction: 'asc' | 'desc' | null;\n    }>,\n    onKtSelectionChange: 'kt-selection-change' as Kt<{ selected: unknown[] }>,\n    onKtRowClick: 'kt-row-click' as Kt<{ index: number }>,\n    onKtPageChange: 'kt-page-change' as Kt<{ page: number }>,\n  },\n});\n\nexport const KtMeter = createComponent({\n  tagName: 'kt-meter',\n  elementClass: KtMeterElement,\n  react: React,\n});\n\nexport const KtPagination = createComponent({\n  tagName: 'kt-pagination',\n  elementClass: KtPaginationElement,\n  react: React,\n  events: { onKtPageChange: 'kt-page-change' as Kt<{ page: number }> },\n});\n\n// The imperative toaster needs no wrapper.\nexport { toaster } from '../components/feedback/kt-toast-container/toaster.js';\n\nexport const KtStat = createComponent({\n  tagName: 'kt-stat',\n  elementClass: KtStatElement,\n  react: React,\n});\n\nexport const KtTimeline = createComponent({\n  tagName: 'kt-timeline',\n  elementClass: KtTimelineElement,\n  react: React,\n});\n\nexport const KtTimelineItem = createComponent({\n  tagName: 'kt-timeline-item',\n  elementClass: KtTimelineItemElement,\n  react: React,\n});\n\nexport const KtPromptInput = createComponent({\n  tagName: 'kt-prompt-input',\n  elementClass: KtPromptInputElement,\n  react: React,\n  events: {\n    onKtInput: 'kt-input' as Kt<{ value: string }>,\n    onKtSubmit: 'kt-submit' as Kt<KtPromptSubmitDetail>,\n  },\n});\n\nexport const KtChatMessage = createComponent({\n  tagName: 'kt-chat-message',\n  elementClass: KtChatMessageElement,\n  react: React,\n});\n\nexport const KtAppShell = createComponent({\n  tagName: 'kt-app-shell',\n  elementClass: KtAppShellElement,\n  react: React,\n  events: {\n    onKtSidebarToggle: 'kt-sidebar-toggle' as Kt<{ open: boolean }>,\n  },\n});\n\nexport const KtDescriptionList = createComponent({\n  tagName: 'kt-description-list',\n  elementClass: KtDescriptionListElement,\n  react: React,\n});\n\nexport const KtAvatarGroup = createComponent({\n  tagName: 'kt-avatar-group',\n  elementClass: KtAvatarGroupElement,\n  react: React,\n});\n\nexport const KtCopyButton = createComponent({\n  tagName: 'kt-copy-button',\n  elementClass: KtCopyButtonElement,\n  react: React,\n  events: {\n    onKtCopy: 'kt-copy' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtOtpInput = createComponent({\n  tagName: 'kt-otp-input',\n  elementClass: KtOtpInputElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n    onKtComplete: 'kt-complete' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtAccordion = createComponent({\n  tagName: 'kt-accordion',\n  elementClass: KtAccordionElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ open: number[] }>,\n  },\n});\n\nexport const KtUserMenu = createComponent({\n  tagName: 'kt-user-menu',\n  elementClass: KtUserMenuElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ id: string; item: KtUserMenuItem }>,\n    onKtOpen: 'kt-open' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtTree = createComponent({\n  tagName: 'kt-tree',\n  elementClass: KtTreeElement,\n  react: React,\n  events: {\n    onKtSelect: 'kt-select' as Kt<{ id: string; item: KtTreeItem }>,\n    onKtToggle: 'kt-toggle' as Kt<{ id: string; expanded: boolean }>,\n  },\n});\n\nexport const KtColorPicker = createComponent({\n  tagName: 'kt-color-picker',\n  elementClass: KtColorPickerElement,\n  react: React,\n  events: {\n    onKtChange: 'kt-change' as Kt<{ value: string }>,\n  },\n});\n\nexport const KtTour = createComponent({\n  tagName: 'kt-tour',\n  elementClass: KtTourElement,\n  react: React,\n  events: {\n    onKtStep: 'kt-step' as Kt<{ index: number }>,\n    onKtFinish: 'kt-finish' as Kt<never>,\n    onKtClose: 'kt-close' as Kt<never>,\n  },\n});\n\nexport const KtAuthForm = createComponent({\n  tagName: 'kt-auth-form',\n  elementClass: KtAuthFormElement,\n  react: React,\n  events: {\n    onKtSubmit: 'kt-submit' as Kt<KtAuthSubmitDetail>,\n    onKtMode: 'kt-mode' as Kt<{ mode: KtAuthMode }>,\n    onKtProvider: 'kt-provider' as Kt<{ id: string }>,\n  },\n});\n\nexport const KtErrorPage = createComponent({\n  tagName: 'kt-error-page',\n  elementClass: KtErrorPageElement,\n  react: React,\n  events: {\n    onKtRetry: 'kt-retry' as Kt<never>,\n  },\n});\n\nexport const KtHero = createComponent({\n  tagName: 'kt-hero',\n  elementClass: KtHeroElement,\n  react: React,\n});\n\nexport const KtFeatureGrid = createComponent({\n  tagName: 'kt-feature-grid',\n  elementClass: KtFeatureGridElement,\n  react: React,\n});\n\nexport const KtCta = createComponent({\n  tagName: 'kt-cta',\n  elementClass: KtCtaElement,\n  react: React,\n});\n\nexport const KtPricingTable = createComponent({\n  tagName: 'kt-pricing-table',\n  elementClass: KtPricingTableElement,\n  react: React,\n  events: {\n    onKtBilling: 'kt-billing' as Kt<{ billing: KtBilling }>,\n    onKtPlan: 'kt-plan' as Kt<{ id: string; billing: KtBilling }>,\n  },\n});\n\nexport const KtTestimonials = createComponent({\n  tagName: 'kt-testimonials',\n  elementClass: KtTestimonialsElement,\n  react: React,\n});\n\nexport const KtLogoCloud = createComponent({\n  tagName: 'kt-logo-cloud',\n  elementClass: KtLogoCloudElement,\n  react: React,\n});\n\nexport const KtFaq = createComponent({\n  tagName: 'kt-faq',\n  elementClass: KtFaqElement,\n  react: React,\n});\n\nexport const KtPostGrid = createComponent({\n  tagName: 'kt-post-grid',\n  elementClass: KtPostGridElement,\n  react: React,\n});\n\nexport const KtBlogPost = createComponent({\n  tagName: 'kt-blog-post',\n  elementClass: KtBlogPostElement,\n  react: React,\n});\n\nexport const KtNewsletter = createComponent({\n  tagName: 'kt-newsletter',\n  elementClass: KtNewsletterElement,\n  react: React,\n  events: {\n    onKtSubscribe: 'kt-subscribe' as Kt<KtSubscribeDetail>,\n  },\n});\n\nexport const KtSettingsSection = createComponent({\n  tagName: 'kt-settings-section',\n  elementClass: KtSettingsSectionElement,\n  react: React,\n});\n\nexport const KtEmptyPage = createComponent({\n  tagName: 'kt-empty-page',\n  elementClass: KtEmptyPageElement,\n  react: React,\n  events: {\n    onKtStep: 'kt-step' as Kt<{ id: string }>,\n  },\n});\n"],"names":["KtAvatar","createComponent","KtAvatarElement","React","KtBadge","KtBadgeElement","KtButton","KtButtonElement","KtSplitButton","KtSplitButtonElement","KtCard","KtCardElement","KtCode","KtCodeElement","KtIcon","KtIconElement","KtKbd","KtKbdElement","KtForm","KtFormElement","KtInput","KtInputElement","KtSteps","KtStepsElement","KtNumberInput","KtNumberInputElement","KtSlider","KtSliderElement","KtTextarea","KtTextareaElement","KtLabelInput","KtLabelInputElement","KtToggle","KtToggleElement","KtCalendar","KtCalendarElement","KtDateInput","KtDateInputElement","KtTimeInput","KtTimeInputElement","KtDatePicker","KtDatePickerElement","KtCheckbox","KtCheckboxElement","KtRadioGroup","KtRadioGroupElement","KtRadio","KtRadioElement","KtSelect","KtSelectElement","KtInputMenu","KtInputMenuElement","KtMultiSelect","KtMultiSelectElement","KtDragDrop","KtDragDropElement","KtBreadcrumb","KtBreadcrumbElement","KtSubMenuNavigation","KtSubMenuNavigationElement","KtPageHeader","KtPageHeaderElement","KtSegmentedControl","KtSegmentedControlElement","KtTabs","KtTabsElement","KtFooter","KtFooterElement","KtHeader","KtHeaderElement","KtToggleButton","KtToggleButtonElement","KtToggleButtonGroup","KtToggleButtonGroupElement","KtAlert","KtAlertElement","KtEmptyState","KtEmptyStateElement","KtProgressBar","KtProgressBarElement","KtSkeleton","KtSkeletonElement","KtTooltip","KtTooltipElement","KtToast","KtToastElement","KtToastContainer","KtToastContainerElement","KtCollapsible","KtCollapsibleElement","KtDropdown","KtDropdownElement","KtCommandPalette","KtCommandPaletteElement","KtModal","KtModalElement","KtSidePanel","KtSidePanelElement","KtConfirmDialog","KtConfirmDialogElement","KtChart","KtChartElement","KtTable","KtTableElement","KtMeter","KtMeterElement","KtPagination","KtPaginationElement","KtStat","KtStatElement","KtTimeline","KtTimelineElement","KtTimelineItem","KtTimelineItemElement","KtPromptInput","KtPromptInputElement","KtChatMessage","KtChatMessageElement","KtAppShell","KtAppShellElement","KtDescriptionList","KtDescriptionListElement","KtAvatarGroup","KtAvatarGroupElement","KtCopyButton","KtCopyButtonElement","KtOtpInput","KtOtpInputElement","KtAccordion","KtAccordionElement","KtUserMenu","KtUserMenuElement","KtTree","KtTreeElement","KtColorPicker","KtColorPickerElement","KtTour","KtTourElement","KtAuthForm","KtAuthFormElement","KtErrorPage","KtErrorPageElement","KtHero","KtHeroElement","KtFeatureGrid","KtFeatureGridElement","KtCta","KtCtaElement","KtPricingTable","KtPricingTableElement","KtTestimonials","KtTestimonialsElement","KtLogoCloud","KtLogoCloudElement","KtFaq","KtFaqElement","KtPostGrid","KtPostGridElement","KtBlogPost","KtBlogPostElement","KtNewsletter","KtNewsletterElement","KtSettingsSection","KtSettingsSectionElement","KtEmptyPage","KtEmptyPageElement"],"mappings":"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"}

package/dist/react/jsx.d.ts

@@ -19,7 +19,7 @@
  * are for.
  */
 import type * as React from 'react';
-import type { KtAvatar, KtBadge, KtButton, KtSplitButton, KtCard, KtCode, KtIcon, KtKbd, KtForm, KtInput, KtTextarea, KtLabelInput, KtToggle, KtSelect, KtCheckbox, KtCalendar, KtDateInput, KtDatePicker, KtTimeInput, KtRadioGroup, KtRadio, KtInputMenu, KtMultiSelect, KtOption, KtDragDrop, KtBreadcrumb, KtSubMenuNavigation, KtPageHeader, KtSegmentedControl, KtTabs, KtHeader, KtToggleButton, KtToggleButtonGroup, KtAlert, KtEmptyState, KtProgressBar, KtSkeleton, KtTooltip, KtToast, KtToastContainer, KtCollapsible, KtDropdown, KtModal, KtSidePanel, KtConfirmDialog, KtChart, KtTable, KtMeter, KtPagination, KtStat, KtTimeline, KtTimelineItem } from 'kanto-ds';
+import type { KtPromptSubmitDetail, KtAuthMode, KtAuthSubmitDetail, KtBilling, KtSubscribeDetail, KtTreeItem, KtUserMenuItem, KtAvatar, KtBadge, KtButton, KtSplitButton, KtCard, KtCode, KtIcon, KtKbd, KtForm, KtInput, KtTextarea, KtSlider, KtNumberInput, KtSteps, KtLabelInput, KtToggle, KtSelect, KtCheckbox, KtCalendar, KtDateInput, KtDatePicker, KtTimeInput, KtRadioGroup, KtRadio, KtInputMenu, KtMultiSelect, KtOption, KtDragDrop, KtBreadcrumb, KtSubMenuNavigation, KtPageHeader, KtSegmentedControl, KtTabs, KtHeader, KtEmptyPage, KtSettingsSection, KtNewsletter, KtBlogPost, KtPostGrid, KtFaq, KtLogoCloud, KtTestimonials, KtPricingTable, KtCta, KtFeatureGrid, KtHero, KtErrorPage, KtAuthForm, KtTour, KtColorPicker, KtTree, KtUserMenu, KtAccordion, KtOtpInput, KtCopyButton, KtAvatarGroup, KtDescriptionList, KtAppShell, KtChatMessage, KtPromptInput, KtFooter, KtToggleButton, KtToggleButtonGroup, KtAlert, KtEmptyState, KtProgressBar, KtSkeleton, KtTooltip, KtToast, KtToastContainer, KtCollapsible, KtDropdown, KtModal, KtCommandPalette, KtCommand, KtSidePanel, KtConfirmDialog, KtChart, KtTable, KtMeter, KtPagination, KtStat, KtTimeline, KtTimelineItem } from 'kanto-ds';
 /** The `on<event>` props React 19 turns into listeners, typed by their detail. */
 type Handlers<E> = {
     [K in keyof E & string as `on${K}`]?: (event: CustomEvent<E[K]>) => void;
@@ -69,6 +69,24 @@ declare module 'react' {
                     dialCode: string;
                 };
             }>;
+            'kt-steps': KtProps<KtSteps, {
+                'kt-change': {
+                    id: string;
+                };
+            }>;
+            'kt-number-input': KtProps<KtNumberInput, {
+                'kt-change': {
+                    value: number | null;
+                };
+            }>;
+            'kt-slider': KtProps<KtSlider, {
+                'kt-input': {
+                    value: string;
+                };
+                'kt-change': {
+                    value: string;
+                };
+            }>;
             'kt-textarea': KtProps<KtTextarea, {
                 'kt-input': {
                     value: string;
@@ -164,11 +182,112 @@ declare module 'react' {
                     value: string | number;
                 };
             }>;
+            'kt-prompt-input': KtProps<KtPromptInput, {
+                'kt-input': {
+                    value: string;
+                };
+                'kt-submit': KtPromptSubmitDetail;
+            }>;
+            'kt-chat-message': KtProps<KtChatMessage>;
+            'kt-app-shell': KtProps<KtAppShell, {
+                'kt-sidebar-toggle': {
+                    open: boolean;
+                };
+            }>;
+            'kt-description-list': KtProps<KtDescriptionList>;
+            'kt-avatar-group': KtProps<KtAvatarGroup>;
+            'kt-copy-button': KtProps<KtCopyButton, {
+                'kt-copy': {
+                    value: string;
+                };
+            }>;
+            'kt-otp-input': KtProps<KtOtpInput, {
+                'kt-change': {
+                    value: string;
+                };
+                'kt-complete': {
+                    value: string;
+                };
+            }>;
+            'kt-accordion': KtProps<KtAccordion, {
+                'kt-change': {
+                    open: number[];
+                };
+            }>;
+            'kt-user-menu': KtProps<KtUserMenu, {
+                'kt-select': {
+                    id: string;
+                    item: KtUserMenuItem;
+                };
+                'kt-open': never;
+                'kt-close': never;
+            }>;
+            'kt-tree': KtProps<KtTree, {
+                'kt-select': {
+                    id: string;
+                    item: KtTreeItem;
+                };
+                'kt-toggle': {
+                    id: string;
+                    expanded: boolean;
+                };
+            }>;
+            'kt-color-picker': KtProps<KtColorPicker, {
+                'kt-change': {
+                    value: string;
+                };
+            }>;
+            'kt-tour': KtProps<KtTour, {
+                'kt-step': {
+                    index: number;
+                };
+                'kt-finish': never;
+                'kt-close': never;
+            }>;
+            'kt-auth-form': KtProps<KtAuthForm, {
+                'kt-submit': KtAuthSubmitDetail;
+                'kt-mode': {
+                    mode: KtAuthMode;
+                };
+                'kt-provider': {
+                    id: string;
+                };
+            }>;
+            'kt-error-page': KtProps<KtErrorPage, {
+                'kt-retry': never;
+            }>;
+            'kt-hero': KtProps<KtHero>;
+            'kt-feature-grid': KtProps<KtFeatureGrid>;
+            'kt-cta': KtProps<KtCta>;
+            'kt-pricing-table': KtProps<KtPricingTable, {
+                'kt-billing': {
+                    billing: KtBilling;
+                };
+                'kt-plan': {
+                    id: string;
+                    billing: KtBilling;
+                };
+            }>;
+            'kt-testimonials': KtProps<KtTestimonials>;
+            'kt-logo-cloud': KtProps<KtLogoCloud>;
+            'kt-faq': KtProps<KtFaq>;
+            'kt-post-grid': KtProps<KtPostGrid>;
+            'kt-blog-post': KtProps<KtBlogPost>;
+            'kt-newsletter': KtProps<KtNewsletter, {
+                'kt-subscribe': KtSubscribeDetail;
+            }>;
+            'kt-settings-section': KtProps<KtSettingsSection>;
+            'kt-empty-page': KtProps<KtEmptyPage, {
+                'kt-step': {
+                    id: string;
+                };
+            }>;
             'kt-header': KtProps<KtHeader, {
                 'kt-menu-toggle': {
                     open: boolean;
                 };
             }>;
+            'kt-footer': KtProps<KtFooter>;
             'kt-toggle-button': KtProps<KtToggleButton, {
                 'kt-change': {
                     selected: boolean;
@@ -206,6 +325,14 @@ declare module 'react' {
             'kt-modal': KtProps<KtModal, {
                 'kt-close': never;
             }>;
+            'kt-command-palette': KtProps<KtCommandPalette, {
+                'kt-select': {
+                    id: string;
+                    command: KtCommand;
+                };
+                'kt-open': never;
+                'kt-close': never;
+            }>;
             'kt-side-panel': KtProps<KtSidePanel, {
                 'kt-close': never;
             }>;

package/dist/strings/index.js

@@ -1,4 +1,4 @@
-import { d as r, s as a, r as e, a as g } from "../chunks/index-TWJzttLX.js";
+import { d as r, s as a, r as e, a as g } from "../chunks/index-1ZFgagWW.js";
 export {
   r as defaultStrings,
   a as getStrings,

package/dist/tokens/base.css

@@ -59,8 +59,10 @@ h6 {
   font: var(--font-title-h6);
 }
 
+/* The accent's text shade: the base is tuned for fills, and a link in it
+   read 3.4:1 on the dark page. */
 a {
-  color: var(--color-primary-base);
+  color: var(--color-primary-text);
   text-decoration: none;
 }
 a:hover {
@@ -84,47 +86,75 @@ pre {
    not shift twice. Scoped to Kanto's own tags, never to every :not(:defined)
    element on the page. */
 :is(
+  kt-accordion,
   kt-alert,
+  kt-app-shell,
+  kt-auth-form,
   kt-avatar,
+  kt-avatar-group,
   kt-badge,
+  kt-blog-post,
   kt-breadcrumb,
   kt-button,
   kt-calendar,
   kt-card,
   kt-chart,
+  kt-chat-message,
   kt-checkbox,
   kt-code,
   kt-collapsible,
+  kt-color-picker,
+  kt-command-palette,
   kt-confirm-dialog,
+  kt-copy-button,
+  kt-cta,
   kt-date-input,
   kt-date-picker,
+  kt-description-list,
   kt-drag-drop,
   kt-dropdown,
+  kt-empty-page,
   kt-empty-state,
+  kt-error-page,
+  kt-faq,
+  kt-feature-grid,
+  kt-footer,
   kt-form,
   kt-header,
+  kt-hero,
   kt-icon,
   kt-input,
   kt-input-menu,
   kt-multi-select,
   kt-kbd,
   kt-label-input,
+  kt-logo-cloud,
   kt-meter,
   kt-modal,
+  kt-newsletter,
+  kt-number-input,
+  kt-otp-input,
   kt-page-header,
   kt-pagination,
+  kt-post-grid,
+  kt-pricing-table,
   kt-progress-bar,
+  kt-prompt-input,
   kt-radio,
   kt-radio-group,
   kt-segmented-control,
   kt-select,
+  kt-settings-section,
   kt-side-panel,
   kt-skeleton,
+  kt-slider,
+  kt-steps,
   kt-split-button,
   kt-stat,
   kt-sub-menu-navigation,
   kt-table,
   kt-tabs,
+  kt-testimonials,
   kt-textarea,
   kt-time-input,
   kt-timeline,
@@ -134,7 +164,10 @@ pre {
   kt-toggle,
   kt-toggle-button,
   kt-toggle-button-group,
-  kt-tooltip
+  kt-tooltip,
+  kt-tour,
+  kt-tree,
+  kt-user-menu
 ):not(:defined) {
   visibility: hidden;
 }