kanto-ds 1.0.0

package/dist/internal/listbox.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Shared pieces of the two option-list controls, `<kt-select>` and
+ * `<kt-input-menu>`.
+ *
+ * They differ in how an option is chosen — pick from a list, or filter by
+ * typing — but the popup, the option rows and the keyboard model are the same,
+ * and having them drift apart is how a design system stops looking like one.
+ */
+export interface KtOption {
+    readonly id: string | number;
+    readonly label?: string;
+    readonly disabled?: boolean;
+}
+/** The text to display for an option: its label, or its id as a fallback. */
+export declare function optionLabel(option: KtOption): string;
+/** Case-insensitive substring match on the visible label. */
+export declare function filterOptions(options: readonly KtOption[], query: string): readonly KtOption[];
+/**
+ * The next selectable index in `direction`, skipping disabled options and
+ * wrapping at both ends. Returns -1 when every option is disabled, so a caller
+ * never lands the active descendant on something that cannot be chosen.
+ */
+export declare function nextEnabledIndex(options: readonly KtOption[], from: number, direction: 1 | -1): number;
+/** The first selectable index, for opening a list with nothing selected. */
+export declare function firstEnabledIndex(options: readonly KtOption[]): number;
+/** The last selectable index, for End. */
+export declare function lastEnabledIndex(options: readonly KtOption[]): number;
+/**
+ * The popup and option-row styles.
+ *
+ * The panel animates through opacity and transform while staying in the layout
+ * as `visibility: hidden`, rather than being added and removed: a popup that
+ * unmounts cannot animate out, and one that only sets `display: none` cannot
+ * animate at all.
+ */
+export declare const listboxStyles: import("lit").CSSResult;

package/dist/internal/slots.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Knowing whether a slot actually received anything.
+ *
+ * CSS cannot answer this. A wrapper around `<slot>` always has one element
+ * child — the slot itself — so `:has(*)` matches whether or not anything was
+ * assigned, and `:empty` looks at the slot's *fallback* children rather than
+ * its assigned nodes. Both read as working and neither does.
+ */
+/** True when the slot has assigned elements, or non-whitespace assigned text. */
+export declare function hasAssignedContent(slot: HTMLSlotElement | null | undefined): boolean;

package/dist/react/index.d.ts

@@ -0,0 +1,208 @@
+import { type EventName } from '@lit/react';
+import { KtAvatar as KtAvatarElement } from '../components/core/kt-avatar/kt-avatar.js';
+import { KtBadge as KtBadgeElement } from '../components/core/kt-badge/kt-badge.js';
+import { KtButton as KtButtonElement } from '../components/core/kt-button/kt-button.js';
+import { KtCard as KtCardElement } from '../components/core/kt-card/kt-card.js';
+import { KtCode as KtCodeElement } from '../components/core/kt-code/kt-code.js';
+import { KtIcon as KtIconElement } from '../components/core/kt-icon/kt-icon.js';
+import { KtKbd as KtKbdElement } from '../components/core/kt-kbd/kt-kbd.js';
+import { KtDragDrop as KtDragDropElement } from '../components/forms/kt-drag-drop/kt-drag-drop.js';
+import { KtForm as KtFormElement } from '../components/forms/kt-form/kt-form.js';
+import { KtInput as KtInputElement } from '../components/forms/kt-input/kt-input.js';
+import { KtInputMenu as KtInputMenuElement } from '../components/forms/kt-input-menu/kt-input-menu.js';
+import { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.js';
+import { KtSelect as KtSelectElement } from '../components/forms/kt-select/kt-select.js';
+import { KtTextarea as KtTextareaElement } from '../components/forms/kt-textarea/kt-textarea.js';
+import { KtToggle as KtToggleElement } from '../components/forms/kt-toggle/kt-toggle.js';
+import { KtBreadcrumb as KtBreadcrumbElement } from '../components/navigation/kt-breadcrumb/kt-breadcrumb.js';
+import { KtPageHeader as KtPageHeaderElement } from '../components/navigation/kt-page-header/kt-page-header.js';
+import { KtSegmentedControl as KtSegmentedControlElement } from '../components/navigation/kt-segmented-control/kt-segmented-control.js';
+import { KtSubMenuNavigation as KtSubMenuNavigationElement } from '../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js';
+import { KtTabs as KtTabsElement } from '../components/navigation/kt-tabs/kt-tabs.js';
+import { KtHeader as KtHeaderElement } from '../components/navigation/kt-header/kt-header.js';
+import { KtToggleButton as KtToggleButtonElement } from '../components/navigation/kt-toggle-button/kt-toggle-button.js';
+import { KtToggleButtonGroup as KtToggleButtonGroupElement } from '../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js';
+import { KtAlert as KtAlertElement } from '../components/feedback/kt-alert/kt-alert.js';
+import { KtEmptyState as KtEmptyStateElement } from '../components/feedback/kt-empty-state/kt-empty-state.js';
+import { KtProgressBar as KtProgressBarElement } from '../components/feedback/kt-progress-bar/kt-progress-bar.js';
+import { KtSkeleton as KtSkeletonElement } from '../components/feedback/kt-skeleton/kt-skeleton.js';
+import { KtToast as KtToastElement } from '../components/feedback/kt-toast/kt-toast.js';
+import { KtToastContainer as KtToastContainerElement } from '../components/feedback/kt-toast-container/kt-toast-container.js';
+import { KtTooltip as KtTooltipElement } from '../components/feedback/kt-tooltip/kt-tooltip.js';
+import { KtCollapsible as KtCollapsibleElement } from '../components/overlays/kt-collapsible/kt-collapsible.js';
+import { KtConfirmDialog as KtConfirmDialogElement } from '../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js';
+import { KtDropdown as KtDropdownElement } from '../components/overlays/kt-dropdown/kt-dropdown.js';
+import { KtModal as KtModalElement } from '../components/overlays/kt-modal/kt-modal.js';
+import { KtSidePanel as KtSidePanelElement } from '../components/overlays/kt-side-panel/kt-side-panel.js';
+import { KtChart as KtChartElement } from '../components/data/kt-chart/kt-chart.js';
+import { KtMeter as KtMeterElement } from '../components/data/kt-meter/kt-meter.js';
+import { KtPagination as KtPaginationElement } from '../components/data/kt-pagination/kt-pagination.js';
+import { KtStat as KtStatElement } from '../components/data/kt-stat/kt-stat.js';
+import { KtTable as KtTableElement } from '../components/data/kt-table/kt-table.js';
+import { KtTimeline as KtTimelineElement, KtTimelineItem as KtTimelineItemElement } from '../components/data/kt-timeline/kt-timeline.js';
+/** Narrows an event name to the detail its element actually dispatches. */
+type Kt<T> = EventName<CustomEvent<T>>;
+export declare const KtAvatar: import("@lit/react").ReactWebComponent<KtAvatarElement, {}>;
+export declare const KtBadge: import("@lit/react").ReactWebComponent<KtBadgeElement, {
+    onKtBadgeClick: Kt<never>;
+    onKtRemove: Kt<never>;
+}>;
+export declare const KtButton: import("@lit/react").ReactWebComponent<KtButtonElement, {}>;
+export declare const KtCard: import("@lit/react").ReactWebComponent<KtCardElement, {
+    onKtCardClick: Kt<never>;
+}>;
+export declare const KtCode: import("@lit/react").ReactWebComponent<KtCodeElement, {
+    onKtCopy: Kt<{
+        code: string;
+    }>;
+}>;
+export declare const KtIcon: import("@lit/react").ReactWebComponent<KtIconElement, {}>;
+export declare const KtKbd: import("@lit/react").ReactWebComponent<KtKbdElement, {}>;
+export declare const KtForm: import("@lit/react").ReactWebComponent<KtFormElement, {}>;
+export declare const KtInput: import("@lit/react").ReactWebComponent<KtInputElement, {
+    onKtInput: Kt<{
+        value: string;
+    }>;
+    onKtChange: Kt<{
+        value: string;
+    }>;
+    onKtClear: Kt<never>;
+    onKtCountryChange: Kt<{
+        country: string;
+        dialCode: string;
+    }>;
+}>;
+export declare const KtTextarea: import("@lit/react").ReactWebComponent<KtTextareaElement, {
+    onKtInput: Kt<{
+        value: string;
+    }>;
+    onKtChange: Kt<{
+        value: string;
+    }>;
+}>;
+export declare const KtLabelInput: import("@lit/react").ReactWebComponent<KtLabelInputElement, {}>;
+export declare const KtToggle: import("@lit/react").ReactWebComponent<KtToggleElement, {
+    onKtChange: Kt<{
+        checked: boolean;
+    }>;
+}>;
+export declare const KtSelect: import("@lit/react").ReactWebComponent<KtSelectElement, {
+    onKtChange: Kt<{
+        value: string | number | null;
+    }>;
+}>;
+export declare const KtInputMenu: import("@lit/react").ReactWebComponent<KtInputMenuElement, {
+    onKtChange: Kt<{
+        value: string | number | null;
+    }>;
+    onKtFilter: Kt<{
+        query: string;
+    }>;
+}>;
+export declare const KtDragDrop: import("@lit/react").ReactWebComponent<KtDragDropElement, {
+    onKtFilesChange: Kt<{
+        files: File[];
+    }>;
+    onKtFilesRejected: Kt<{
+        files: File[];
+        reason: "type" | "size";
+    }>;
+}>;
+export declare const KtBreadcrumb: import("@lit/react").ReactWebComponent<KtBreadcrumbElement, {
+    onKtNavigate: Kt<{
+        index: number;
+    }>;
+}>;
+export declare const KtSubMenuNavigation: import("@lit/react").ReactWebComponent<KtSubMenuNavigationElement, {
+    onKtNavigate: Kt<unknown>;
+}>;
+export declare const KtPageHeader: import("@lit/react").ReactWebComponent<KtPageHeaderElement, {}>;
+export declare const KtSegmentedControl: import("@lit/react").ReactWebComponent<KtSegmentedControlElement, {
+    onKtChange: Kt<{
+        value: string | number;
+    }>;
+}>;
+export declare const KtTabs: import("@lit/react").ReactWebComponent<KtTabsElement, {
+    onKtChange: Kt<{
+        value: string | number;
+    }>;
+}>;
+export declare const KtHeader: import("@lit/react").ReactWebComponent<KtHeaderElement, {
+    onKtMenuToggle: Kt<{
+        open: boolean;
+    }>;
+}>;
+export declare const KtToggleButton: import("@lit/react").ReactWebComponent<KtToggleButtonElement, {
+    onKtChange: Kt<{
+        selected: boolean;
+        value: string;
+    }>;
+}>;
+export declare const KtToggleButtonGroup: import("@lit/react").ReactWebComponent<KtToggleButtonGroupElement, {
+    onKtChange: Kt<{
+        value: string | string[] | null;
+    }>;
+}>;
+export declare const KtAlert: import("@lit/react").ReactWebComponent<KtAlertElement, {
+    onKtClose: Kt<never>;
+}>;
+export declare const KtEmptyState: import("@lit/react").ReactWebComponent<KtEmptyStateElement, {}>;
+export declare const KtProgressBar: import("@lit/react").ReactWebComponent<KtProgressBarElement, {}>;
+export declare const KtSkeleton: import("@lit/react").ReactWebComponent<KtSkeletonElement, {}>;
+export declare const KtTooltip: import("@lit/react").ReactWebComponent<KtTooltipElement, {}>;
+export declare const KtToast: import("@lit/react").ReactWebComponent<KtToastElement, {
+    onKtToastClose: Kt<never>;
+}>;
+export declare const KtToastContainer: import("@lit/react").ReactWebComponent<KtToastContainerElement, {}>;
+export declare const KtCollapsible: import("@lit/react").ReactWebComponent<KtCollapsibleElement, {
+    onKtToggle: Kt<{
+        open: boolean;
+    }>;
+}>;
+export declare const KtDropdown: import("@lit/react").ReactWebComponent<KtDropdownElement, {
+    onKtSelect: Kt<{
+        value: string | number;
+    }>;
+    onKtOpen: Kt<never>;
+    onKtClose: Kt<never>;
+}>;
+export declare const KtModal: import("@lit/react").ReactWebComponent<KtModalElement, {
+    onKtClose: Kt<never>;
+}>;
+export declare const KtSidePanel: import("@lit/react").ReactWebComponent<KtSidePanelElement, {
+    onKtClose: Kt<never>;
+}>;
+export declare const KtConfirmDialog: import("@lit/react").ReactWebComponent<KtConfirmDialogElement, {
+    onKtConfirm: Kt<never>;
+    onKtCancel: Kt<never>;
+}>;
+export declare const KtChart: import("@lit/react").ReactWebComponent<KtChartElement, {
+    onKtPointHover: Kt<{
+        index: number;
+    }>;
+}>;
+export declare const KtTable: import("@lit/react").ReactWebComponent<KtTableElement, {
+    onKtSortChange: Kt<{
+        key: string | null;
+        direction: "asc" | "desc" | null;
+    }>;
+    onKtSelectionChange: Kt<{
+        selected: unknown[];
+    }>;
+    onKtRowClick: Kt<{
+        index: number;
+    }>;
+    onKtPageChange: Kt<{
+        page: number;
+    }>;
+}>;
+export declare const KtMeter: import("@lit/react").ReactWebComponent<KtMeterElement, {}>;
+export declare const KtPagination: import("@lit/react").ReactWebComponent<KtPaginationElement, {
+    onKtPageChange: Kt<{
+        page: number;
+    }>;
+}>;
+export { toaster } from '../components/feedback/kt-toast-container/toaster.js';
+export declare const KtStat: import("@lit/react").ReactWebComponent<KtStatElement, {}>;
+export declare const KtTimeline: import("@lit/react").ReactWebComponent<KtTimelineElement, {}>;
+export declare const KtTimelineItem: import("@lit/react").ReactWebComponent<KtTimelineItemElement, {}>;

package/dist/react/index.js

@@ -0,0 +1,314 @@
+import * as t from "react";
+import { createComponent as e } from "@lit/react";
+import { KtAvatar as a } from "../components/core/kt-avatar/kt-avatar.js";
+import { KtBadge as o } from "../components/core/kt-badge/kt-badge.js";
+import { KtButton as n } from "../components/core/kt-button/kt-button.js";
+import { KtCard as s } from "../components/core/kt-card/kt-card.js";
+import { KtCode as r } from "../components/core/kt-code/kt-code.js";
+import { KtIcon as m } from "../components/core/kt-icon/kt-icon.js";
+import { KtKbd as l } from "../components/core/kt-kbd/kt-kbd.js";
+import { KtDragDrop as K } from "../components/forms/kt-drag-drop/kt-drag-drop.js";
+import { KtForm as c } from "../components/forms/kt-form/kt-form.js";
+import { KtInput as g } from "../components/forms/kt-input/kt-input.js";
+import { KtInputMenu as i } from "../components/forms/kt-input-menu/kt-input-menu.js";
+import { KtLabelInput as p } from "../components/forms/kt-label-input/kt-label-input.js";
+import { KtSelect as C } from "../components/forms/kt-select/kt-select.js";
+import { KtTextarea as k } from "../components/forms/kt-textarea/kt-textarea.js";
+import { KtToggle as d } from "../components/forms/kt-toggle/kt-toggle.js";
+import { KtBreadcrumb as f } from "../components/navigation/kt-breadcrumb/kt-breadcrumb.js";
+import { KtPageHeader as u } from "../components/navigation/kt-page-header/kt-page-header.js";
+import { KtSegmentedControl as N } from "../components/navigation/kt-segmented-control/kt-segmented-control.js";
+import { KtSubMenuNavigation as v } from "../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
+import { KtTabs as $ } from "../components/navigation/kt-tabs/kt-tabs.js";
+import { KtHeader as h } from "../components/navigation/kt-header/kt-header.js";
+import { KtToggleButton as T } from "../components/navigation/kt-toggle-button/kt-toggle-button.js";
+import { KtToggleButtonGroup as b } from "../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
+import { KtAlert as S } from "../components/feedback/kt-alert/kt-alert.js";
+import { KtEmptyState as B } from "../components/feedback/kt-empty-state/kt-empty-state.js";
+import { KtProgressBar as I } from "../components/feedback/kt-progress-bar/kt-progress-bar.js";
+import { KtSkeleton as P } from "../components/feedback/kt-skeleton/kt-skeleton.js";
+import { KtToast as M } from "../components/feedback/kt-toast/kt-toast.js";
+import { KtToastContainer as D } from "../components/feedback/kt-toast-container/kt-toast-container.js";
+import { KtTooltip as y } from "../components/feedback/kt-tooltip/kt-tooltip.js";
+import { KtCollapsible as H } from "../components/overlays/kt-collapsible/kt-collapsible.js";
+import { KtConfirmDialog as w } from "../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
+import { KtDropdown as x } from "../components/overlays/kt-dropdown/kt-dropdown.js";
+import { KtModal as A } from "../components/overlays/kt-modal/kt-modal.js";
+import { KtSidePanel as F } from "../components/overlays/kt-side-panel/kt-side-panel.js";
+import { KtChart as R } from "../components/data/kt-chart/kt-chart.js";
+import { KtMeter as E } from "../components/data/kt-meter/kt-meter.js";
+import { KtPagination as G } from "../components/data/kt-pagination/kt-pagination.js";
+import { KtStat as L } from "../components/data/kt-stat/kt-stat.js";
+import { KtTable as j } from "../components/data/kt-table/kt-table.js";
+import { KtTimeline as O, KtTimelineItem as q } from "../components/data/kt-timeline/kt-timeline.js";
+import { t as he } from "../chunks/toaster-PmdKSV5x.js";
+const Ht = e({
+  tagName: "kt-avatar",
+  elementClass: a,
+  react: t
+}), wt = e({
+  tagName: "kt-badge",
+  elementClass: o,
+  react: t,
+  events: {
+    onKtBadgeClick: "kt-badge-click",
+    onKtRemove: "kt-remove"
+  }
+}), xt = e({
+  tagName: "kt-button",
+  elementClass: n,
+  react: t
+}), At = e({
+  tagName: "kt-card",
+  elementClass: s,
+  react: t,
+  events: { onKtCardClick: "kt-card-click" }
+}), Ft = e({
+  tagName: "kt-code",
+  elementClass: r,
+  react: t,
+  events: { onKtCopy: "kt-copy" }
+}), Rt = e({
+  tagName: "kt-icon",
+  elementClass: m,
+  react: t
+}), Et = e({
+  tagName: "kt-kbd",
+  elementClass: l,
+  react: t
+}), Gt = e({
+  tagName: "kt-form",
+  elementClass: c,
+  react: t
+}), Lt = e({
+  tagName: "kt-input",
+  elementClass: g,
+  react: t,
+  events: {
+    onKtInput: "kt-input",
+    onKtChange: "kt-change",
+    onKtClear: "kt-clear",
+    onKtCountryChange: "kt-country-change"
+  }
+}), jt = e({
+  tagName: "kt-textarea",
+  elementClass: k,
+  react: t,
+  events: {
+    onKtInput: "kt-input",
+    onKtChange: "kt-change"
+  }
+}), Ot = e({
+  tagName: "kt-label-input",
+  elementClass: p,
+  react: t
+}), qt = e({
+  tagName: "kt-toggle",
+  elementClass: d,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), zt = e({
+  tagName: "kt-select",
+  elementClass: C,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), Jt = e({
+  tagName: "kt-input-menu",
+  elementClass: i,
+  react: t,
+  events: {
+    onKtChange: "kt-change",
+    onKtFilter: "kt-filter"
+  }
+}), Qt = e({
+  tagName: "kt-drag-drop",
+  elementClass: K,
+  react: t,
+  events: {
+    onKtFilesChange: "kt-files-change",
+    onKtFilesRejected: "kt-files-rejected"
+  }
+}), Ut = e({
+  tagName: "kt-breadcrumb",
+  elementClass: f,
+  react: t,
+  events: { onKtNavigate: "kt-navigate" }
+}), Vt = e({
+  tagName: "kt-sub-menu-navigation",
+  elementClass: v,
+  react: t,
+  events: { onKtNavigate: "kt-navigate" }
+}), Wt = e({
+  tagName: "kt-page-header",
+  elementClass: u,
+  react: t
+}), Xt = e({
+  tagName: "kt-segmented-control",
+  elementClass: N,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), Yt = e({
+  tagName: "kt-tabs",
+  elementClass: $,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), Zt = e({
+  tagName: "kt-header",
+  elementClass: h,
+  react: t,
+  events: { onKtMenuToggle: "kt-menu-toggle" }
+}), _t = e({
+  tagName: "kt-toggle-button",
+  elementClass: T,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), te = e({
+  tagName: "kt-toggle-button-group",
+  elementClass: b,
+  react: t,
+  events: { onKtChange: "kt-change" }
+}), ee = e({
+  tagName: "kt-alert",
+  elementClass: S,
+  react: t,
+  events: { onKtClose: "kt-close" }
+}), ae = e({
+  tagName: "kt-empty-state",
+  elementClass: B,
+  react: t
+}), oe = e({
+  tagName: "kt-progress-bar",
+  elementClass: I,
+  react: t
+}), ne = e({
+  tagName: "kt-skeleton",
+  elementClass: P,
+  react: t
+}), se = e({
+  tagName: "kt-tooltip",
+  elementClass: y,
+  react: t
+}), re = e({
+  tagName: "kt-toast",
+  elementClass: M,
+  react: t,
+  events: { onKtToastClose: "kt-toast-close" }
+}), me = e({
+  tagName: "kt-toast-container",
+  elementClass: D,
+  react: t
+}), le = e({
+  tagName: "kt-collapsible",
+  elementClass: H,
+  react: t,
+  events: { onKtToggle: "kt-toggle" }
+}), Ke = e({
+  tagName: "kt-dropdown",
+  elementClass: x,
+  react: t,
+  events: {
+    onKtSelect: "kt-select",
+    onKtOpen: "kt-open",
+    onKtClose: "kt-close"
+  }
+}), ce = e({
+  tagName: "kt-modal",
+  elementClass: A,
+  react: t,
+  events: { onKtClose: "kt-close" }
+}), ge = e({
+  tagName: "kt-side-panel",
+  elementClass: F,
+  react: t,
+  events: { onKtClose: "kt-close" }
+}), ie = e({
+  tagName: "kt-confirm-dialog",
+  elementClass: w,
+  react: t,
+  events: {
+    onKtConfirm: "kt-confirm",
+    onKtCancel: "kt-cancel"
+  }
+}), pe = e({
+  tagName: "kt-chart",
+  elementClass: R,
+  react: t,
+  events: { onKtPointHover: "kt-point-hover" }
+}), Ce = e({
+  tagName: "kt-table",
+  elementClass: j,
+  react: t,
+  events: {
+    onKtSortChange: "kt-sort-change",
+    onKtSelectionChange: "kt-selection-change",
+    onKtRowClick: "kt-row-click",
+    onKtPageChange: "kt-page-change"
+  }
+}), ke = e({
+  tagName: "kt-meter",
+  elementClass: E,
+  react: t
+}), de = e({
+  tagName: "kt-pagination",
+  elementClass: G,
+  react: t,
+  events: { onKtPageChange: "kt-page-change" }
+}), fe = e({
+  tagName: "kt-stat",
+  elementClass: L,
+  react: t
+}), ue = e({
+  tagName: "kt-timeline",
+  elementClass: O,
+  react: t
+}), Ne = e({
+  tagName: "kt-timeline-item",
+  elementClass: q,
+  react: t
+});
+export {
+  ee as KtAlert,
+  Ht as KtAvatar,
+  wt as KtBadge,
+  Ut as KtBreadcrumb,
+  xt as KtButton,
+  At as KtCard,
+  pe as KtChart,
+  Ft as KtCode,
+  le as KtCollapsible,
+  ie as KtConfirmDialog,
+  Qt as KtDragDrop,
+  Ke as KtDropdown,
+  ae as KtEmptyState,
+  Gt as KtForm,
+  Zt as KtHeader,
+  Rt as KtIcon,
+  Lt as KtInput,
+  Jt as KtInputMenu,
+  Et as KtKbd,
+  Ot as KtLabelInput,
+  ke as KtMeter,
+  ce as KtModal,
+  Wt as KtPageHeader,
+  de as KtPagination,
+  oe as KtProgressBar,
+  Xt as KtSegmentedControl,
+  zt as KtSelect,
+  ge as KtSidePanel,
+  ne as KtSkeleton,
+  fe as KtStat,
+  Vt as KtSubMenuNavigation,
+  Ce as KtTable,
+  Yt as KtTabs,
+  jt as KtTextarea,
+  ue as KtTimeline,
+  Ne as KtTimelineItem,
+  re as KtToast,
+  me as KtToastContainer,
+  qt as KtToggle,
+  _t as KtToggleButton,
+  te as KtToggleButtonGroup,
+  se as KtTooltip,
+  he as toaster
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/react/index.ts"],"sourcesContent":["/**\n * React wrappers for the Kanto elements.\n *\n * React 19 can set custom-element properties and listen for custom events on\n * its own, so these wrappers are not strictly required. They are here for what\n * plain JSX still cannot give you: typed props with autocompletion, typed\n * event handlers as `onKtChange` rather than `useEffect` plus\n * `addEventListener`, and refs typed as the element rather than `HTMLElement`.\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 is a peer dependency: the package works without it.\n */\nimport * as React from 'react';\nimport { createComponent, type EventName } from '@lit/react';\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 { 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 { 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 { KtLabelInput as KtLabelInputElement } from '../components/forms/kt-label-input/kt-label-input.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 { 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 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 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 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: { onKtPointHover: 'kt-point-hover' as Kt<{ index: number }> },\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","KtCard","KtCardElement","KtCode","KtCodeElement","KtIcon","KtIconElement","KtKbd","KtKbdElement","KtForm","KtFormElement","KtInput","KtInputElement","KtTextarea","KtTextareaElement","KtLabelInput","KtLabelInputElement","KtToggle","KtToggleElement","KtSelect","KtSelectElement","KtInputMenu","KtInputMenuElement","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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"}

package/dist/styles.css

@@ -0,0 +1,13 @@
+/**
+ * Kanto — full stylesheet. Import this once, at the root of the app:
+ *
+ *     import 'kanto-ds/styles.css';
+ *
+ * Includes the webfonts, the token layer and the global element styles. For a
+ * narrower footprint, import `kanto-ds/tokens/index.css` instead and skip
+ * `fonts.css` / `base.css`.
+ */
+
+@import './tokens/fonts.css';
+@import './tokens/index.css';
+@import './tokens/base.css';