kanto-ds 1.0.0

package/dist/tokens/theme-light.css

@@ -0,0 +1,144 @@
+/**
+ * Kanto light theme — the same token names as `colors.css`, remapped.
+ *
+ * Dark is the default; light is one attribute away. Set it explicitly:
+ *
+ *     <html data-theme="light">
+ *
+ * or follow the operating system:
+ *
+ *     <html data-theme="auto">
+ *
+ * Only the tokens that actually differ are redefined here, so a change to the
+ * brand or semantic palette in `colors.css` propagates to both themes.
+ */
+
+:root[data-theme='light'],
+[data-theme='light'] {
+  color-scheme: light;
+
+  --color-white: rgba(255, 255, 255, 1);
+
+  --color-text-100: rgba(28, 28, 30, 1);
+  --color-text-400: rgba(80, 80, 90, 1);
+  --color-text-500: rgba(110, 110, 120, 1);
+  --color-text-600: rgba(130, 130, 140, 1);
+  --color-text-700: rgba(155, 155, 165, 1);
+  --color-text-800: rgba(180, 180, 190, 1);
+  --color-text-900: rgba(220, 220, 225, 1);
+
+  /* The ramp inverts: "8" stays the extreme, "24" stays the most elevated. */
+  --color-dark-8: rgba(255, 255, 255, 1);
+  --color-dark-12: rgba(250, 250, 252, 1);
+  --color-dark-14: rgba(245, 245, 247, 1);
+  --color-dark-15: rgba(242, 242, 245, 1);
+  --color-dark-16: rgba(238, 238, 241, 1);
+  --color-dark-18: rgba(232, 232, 236, 1);
+  --color-dark-19: rgba(228, 228, 233, 1);
+  --color-dark-20: rgba(222, 222, 228, 1);
+  --color-dark-22: rgba(215, 215, 222, 1);
+  --color-dark-23: rgba(210, 210, 218, 1);
+  --color-dark-24: rgba(205, 205, 212, 1);
+
+  --color-navigation-top-icon: #1c1c1e;
+  --color-navigation-icon: #505050;
+
+  --color-overlay: rgba(80, 80, 90, 0.8);
+  --color-backdrop: rgba(0, 0, 0, 0.25);
+
+  /* The same eight hues, stepped for the light surface — not an automatic
+     flip. Four sit below 3:1 there, so the chart always ships its data
+     table: the relief the contrast warning requires. */
+  --chart-series-1: #2a78d6;
+  --chart-series-2: #eb6834;
+  --chart-series-3: #1baf7a;
+  --chart-series-4: #eda100;
+  --chart-series-5: #e87ba4;
+  --chart-series-6: #008300;
+  --chart-series-7: #4a3aa7;
+  --chart-series-8: #e34948;
+
+  --chart-grid: var(--color-dark-20);
+  --chart-axis: var(--color-text-500);
+
+  /* Its own step, not a flip of the dark one: white fields on a near-white
+     page need a darker hairline than dark fields on a dark page do. */
+  --border-field: var(--color-dark-24);
+
+  /* The relationship survives the flip: the panel stays one step above the
+     fields, both just lighter now. */
+  --surface-form: var(--color-dark-14);
+  --surface-field: var(--color-dark-8);
+
+  /* Recessed reads as a light grey here, not as the extreme of the ramp. */
+  --surface-code: var(--color-dark-16);
+  --text-code: var(--color-text-100);
+  --border-code: var(--color-dark-20);
+
+  /* Inverted really is inverted: a dark bubble on a light page. */
+  --surface-inverted: rgba(29, 28, 34, 1);
+  --text-inverted: rgba(244, 244, 245, 1);
+}
+
+/* data-theme="auto" defers to the OS setting. */
+@media (prefers-color-scheme: light) {
+  :root[data-theme='auto'],
+  [data-theme='auto'] {
+    color-scheme: light;
+
+    --color-white: rgba(255, 255, 255, 1);
+
+    --color-text-100: rgba(28, 28, 30, 1);
+    --color-text-400: rgba(80, 80, 90, 1);
+    --color-text-500: rgba(110, 110, 120, 1);
+    --color-text-600: rgba(130, 130, 140, 1);
+    --color-text-700: rgba(155, 155, 165, 1);
+    --color-text-800: rgba(180, 180, 190, 1);
+    --color-text-900: rgba(220, 220, 225, 1);
+
+    --color-dark-8: rgba(255, 255, 255, 1);
+    --color-dark-12: rgba(250, 250, 252, 1);
+    --color-dark-14: rgba(245, 245, 247, 1);
+    --color-dark-15: rgba(242, 242, 245, 1);
+    --color-dark-16: rgba(238, 238, 241, 1);
+    --color-dark-18: rgba(232, 232, 236, 1);
+    --color-dark-19: rgba(228, 228, 233, 1);
+    --color-dark-20: rgba(222, 222, 228, 1);
+    --color-dark-22: rgba(215, 215, 222, 1);
+    --color-dark-23: rgba(210, 210, 218, 1);
+    --color-dark-24: rgba(205, 205, 212, 1);
+
+    --color-navigation-top-icon: #1c1c1e;
+    --color-navigation-icon: #505050;
+
+    --color-overlay: rgba(80, 80, 90, 0.8);
+    --color-backdrop: rgba(0, 0, 0, 0.25);
+
+    /* The same eight hues, stepped for the light surface — not an automatic
+       flip. Four sit below 3:1 there, so the chart always ships its data
+       table: the relief the contrast warning requires. */
+    --chart-series-1: #2a78d6;
+    --chart-series-2: #eb6834;
+    --chart-series-3: #1baf7a;
+    --chart-series-4: #eda100;
+    --chart-series-5: #e87ba4;
+    --chart-series-6: #008300;
+    --chart-series-7: #4a3aa7;
+    --chart-series-8: #e34948;
+
+    --chart-grid: var(--color-dark-20);
+    --chart-axis: var(--color-text-500);
+
+    --border-field: var(--color-dark-24);
+
+    --surface-form: var(--color-dark-14);
+    --surface-field: var(--color-dark-8);
+
+    --surface-code: var(--color-dark-16);
+    --text-code: var(--color-text-100);
+    --border-code: var(--color-dark-20);
+
+    --surface-inverted: rgba(29, 28, 34, 1);
+    --text-inverted: rgba(244, 244, 245, 1);
+  }
+}

package/dist/tokens/typography.css

@@ -0,0 +1,41 @@
+/**
+ * Kanto typography tokens (desktop scale).
+ *
+ * Type is exposed as composite `font` shorthands rather than separate
+ * size/weight/family tokens, so a text style is applied in one declaration and
+ * cannot be half-applied:
+ *
+ *     h1 { font: var(--font-title-h1); }
+ *
+ * The families are factored out into `--font-family-*` so a swap only touches
+ * one line. Fallback stacks matter here: an app that skips `fonts.css` still
+ * gets a sensible system face.
+ */
+
+:root {
+  /* === FAMILIES === */
+  --font-family-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
+  --font-family-body: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-family-code: 'Source Code Pro', ui-monospace, 'SFMono-Regular', 'Menlo', monospace;
+
+  /* === TITLES (Manrope) === */
+  --font-title-studio: 400 48px/58px var(--font-family-display);
+  --font-title-h1: 600 36px/43px var(--font-family-display);
+  --font-title-h4: 400 24px/29px var(--font-family-display);
+  --font-title-h6: 600 18px var(--font-family-display);
+
+  /* Overline uses the body face despite living with the titles. */
+  --font-title-overline: 600 10px var(--font-family-body);
+
+  /* === BODY & UI (Mulish) === */
+  --font-normal-regular: 400 14px var(--font-family-body);
+  --font-normal-medium: 500 14px var(--font-family-body);
+  --font-normal-small: 400 12px var(--font-family-body);
+  --font-input: 400 14px var(--font-family-body);
+
+  /* === CODE === */
+  --font-code-regular: 400 14px var(--font-family-code);
+
+  /* === TRACKING === */
+  --letter-spacing-overline: 2px;
+}

package/dist/vue/index.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Vue integration for the Kanto elements.
+ *
+ * There are no per-component wrappers here, and that is the point. Vue 3
+ * renders custom elements natively and sets non-primitive bindings as DOM
+ * properties, so `<kt-select :options="regions">` already works. A wrapper
+ * layer would only be one more thing to keep in sync.
+ *
+ * What Vue cannot infer on its own is which tags are custom elements, and what
+ * they accept. That is what this module supplies.
+ *
+ * ```ts
+ * // vite.config.ts
+ * import vue from '@vitejs/plugin-vue';
+ * import { isKantoElement } from 'kanto-ds/vue';
+ *
+ * export default defineConfig({
+ *   plugins: [vue({ template: { compilerOptions: { isCustomElement: isKantoElement } } })],
+ * });
+ * ```
+ *
+ * ```ts
+ * // main.ts
+ * import 'kanto-ds/vue'; // registers every element
+ * import 'kanto-ds/styles.css';
+ * ```
+ *
+ * Vue is a peer dependency: importing this module in a project without Vue
+ * still works, since nothing here is imported from `vue` at runtime.
+ */
+import type { Plugin } from 'vue';
+import '../index.js';
+import type { KtAvatar } from 'kanto-ds';
+import type { KtBadge } from 'kanto-ds';
+import type { KtButton } from 'kanto-ds';
+import type { KtCard } from 'kanto-ds';
+import type { KtCode } from 'kanto-ds';
+import type { KtIcon } from 'kanto-ds';
+import type { KtKbd } from 'kanto-ds';
+import type { KtDragDrop } from 'kanto-ds';
+import type { KtForm } from 'kanto-ds';
+import type { KtInput } from 'kanto-ds';
+import type { KtInputMenu } from 'kanto-ds';
+import type { KtLabelInput } from 'kanto-ds';
+import type { KtSelect } from 'kanto-ds';
+import type { KtTextarea } from 'kanto-ds';
+import type { KtToggle } from 'kanto-ds';
+import type { KtBreadcrumb } from 'kanto-ds';
+import type { KtPageHeader } from 'kanto-ds';
+import type { KtSegmentedControl } from 'kanto-ds';
+import type { KtSubMenuNavigation } from 'kanto-ds';
+import type { KtTabs } from 'kanto-ds';
+import type { KtHeader } from 'kanto-ds';
+import type { KtToggleButton } from 'kanto-ds';
+import type { KtToggleButtonGroup } from 'kanto-ds';
+import type { KtAlert } from 'kanto-ds';
+import type { KtEmptyState } from 'kanto-ds';
+import type { KtProgressBar } from 'kanto-ds';
+import type { KtSkeleton } from 'kanto-ds';
+import type { KtToast } from 'kanto-ds';
+import type { KtToastContainer } from 'kanto-ds';
+import type { KtTooltip } from 'kanto-ds';
+import type { KtCollapsible } from 'kanto-ds';
+import type { KtConfirmDialog } from 'kanto-ds';
+import type { KtDropdown } from 'kanto-ds';
+import type { KtModal } from 'kanto-ds';
+import type { KtSidePanel } from 'kanto-ds';
+import type { KtChart } from 'kanto-ds';
+import type { KtMeter } from 'kanto-ds';
+import type { KtPagination } from 'kanto-ds';
+import type { KtStat } from 'kanto-ds';
+import type { KtTable } from 'kanto-ds';
+import type { KtTimeline, KtTimelineItem } from 'kanto-ds';
+/**
+ * True for any Kanto custom element.
+ *
+ * Pass it as `compilerOptions.isCustomElement` so the Vue compiler stops
+ * trying to resolve `kt-*` tags as components.
+ */
+export declare function isKantoElement(tag: string): boolean;
+/** Every element's tag name, for anyone building their own predicate. */
+export declare const KANTO_TAG_PREFIX = "kt-";
+/**
+ * What a Kanto element accepts in a template: its own properties, plus the
+ * attributes and listeners any element takes.
+ */
+type KtProps<T> = Partial<T> & Record<`on${string}`, unknown> & {
+    class?: unknown;
+    style?: unknown;
+};
+declare module 'vue' {
+    interface GlobalComponents {
+        'kt-avatar': KtProps<KtAvatar>;
+        'kt-badge': KtProps<KtBadge>;
+        'kt-button': KtProps<KtButton>;
+        'kt-card': KtProps<KtCard>;
+        'kt-code': KtProps<KtCode>;
+        'kt-icon': KtProps<KtIcon>;
+        'kt-kbd': KtProps<KtKbd>;
+        'kt-drag-drop': KtProps<KtDragDrop>;
+        'kt-form': KtProps<KtForm>;
+        'kt-input': KtProps<KtInput>;
+        'kt-input-menu': KtProps<KtInputMenu>;
+        'kt-label-input': KtProps<KtLabelInput>;
+        'kt-select': KtProps<KtSelect>;
+        'kt-textarea': KtProps<KtTextarea>;
+        'kt-toggle': KtProps<KtToggle>;
+        'kt-breadcrumb': KtProps<KtBreadcrumb>;
+        'kt-page-header': KtProps<KtPageHeader>;
+        'kt-segmented-control': KtProps<KtSegmentedControl>;
+        'kt-sub-menu-navigation': KtProps<KtSubMenuNavigation>;
+        'kt-tabs': KtProps<KtTabs>;
+        'kt-header': KtProps<KtHeader>;
+        'kt-toggle-button': KtProps<KtToggleButton>;
+        'kt-toggle-button-group': KtProps<KtToggleButtonGroup>;
+        'kt-alert': KtProps<KtAlert>;
+        'kt-empty-state': KtProps<KtEmptyState>;
+        'kt-progress-bar': KtProps<KtProgressBar>;
+        'kt-skeleton': KtProps<KtSkeleton>;
+        'kt-toast': KtProps<KtToast>;
+        'kt-toast-container': KtProps<KtToastContainer>;
+        'kt-tooltip': KtProps<KtTooltip>;
+        'kt-collapsible': KtProps<KtCollapsible>;
+        'kt-confirm-dialog': KtProps<KtConfirmDialog>;
+        'kt-dropdown': KtProps<KtDropdown>;
+        'kt-modal': KtProps<KtModal>;
+        'kt-side-panel': KtProps<KtSidePanel>;
+        'kt-chart': KtProps<KtChart>;
+        'kt-meter': KtProps<KtMeter>;
+        'kt-pagination': KtProps<KtPagination>;
+        'kt-stat': KtProps<KtStat>;
+        'kt-table': KtProps<KtTable>;
+        'kt-timeline': KtProps<KtTimeline>;
+        'kt-timeline-item': KtProps<KtTimelineItem>;
+    }
+}
+/**
+ * A no-op plugin, for apps that would rather write `app.use(kanto)` than a
+ * bare side-effect import. Importing this module already registers every
+ * element; this only makes that visible in `main.ts`.
+ */
+export declare const kanto: Plugin;
+export { toaster } from '../components/feedback/kt-toast-container/toaster.js';

package/dist/vue/index.js

@@ -0,0 +1,56 @@
+import "../components/core/kt-avatar/kt-avatar.js";
+import "../components/core/kt-badge/kt-badge.js";
+import "../components/core/kt-button/kt-button.js";
+import "../components/core/kt-card/kt-card.js";
+import "../components/core/kt-code/kt-code.js";
+import "../components/core/kt-icon/kt-icon.js";
+import "../components/core/kt-kbd/kt-kbd.js";
+import "../components/forms/kt-drag-drop/kt-drag-drop.js";
+import "../components/forms/kt-form/kt-form.js";
+import "../components/forms/kt-input/kt-input.js";
+import "../components/forms/kt-input-menu/kt-input-menu.js";
+import "../components/forms/kt-label-input/kt-label-input.js";
+import "../components/forms/kt-select/kt-select.js";
+import "../components/forms/kt-textarea/kt-textarea.js";
+import "../components/forms/kt-toggle/kt-toggle.js";
+import "../components/navigation/kt-breadcrumb/kt-breadcrumb.js";
+import "../components/navigation/kt-page-header/kt-page-header.js";
+import "../components/navigation/kt-segmented-control/kt-segmented-control.js";
+import "../components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
+import "../components/navigation/kt-tabs/kt-tabs.js";
+import "../components/navigation/kt-header/kt-header.js";
+import "../components/navigation/kt-toggle-button/kt-toggle-button.js";
+import "../components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
+import "../components/feedback/kt-alert/kt-alert.js";
+import "../components/feedback/kt-empty-state/kt-empty-state.js";
+import "../components/feedback/kt-progress-bar/kt-progress-bar.js";
+import "../components/feedback/kt-skeleton/kt-skeleton.js";
+import "../components/feedback/kt-toast/kt-toast.js";
+import "../components/feedback/kt-toast-container/kt-toast-container.js";
+import { t as Q } from "../chunks/toaster-PmdKSV5x.js";
+import "../components/feedback/kt-tooltip/kt-tooltip.js";
+import "../components/overlays/kt-collapsible/kt-collapsible.js";
+import "../components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
+import "../components/overlays/kt-dropdown/kt-dropdown.js";
+import "../components/overlays/kt-modal/kt-modal.js";
+import "../components/overlays/kt-side-panel/kt-side-panel.js";
+import "../components/data/kt-chart/kt-chart.js";
+import "../components/data/kt-meter/kt-meter.js";
+import "../components/data/kt-pagination/kt-pagination.js";
+import "../components/data/kt-stat/kt-stat.js";
+import "../components/data/kt-table/kt-table.js";
+import "../components/data/kt-timeline/kt-timeline.js";
+function D(t) {
+  return t.startsWith("kt-");
+}
+const H = "kt-", J = {
+  install() {
+  }
+};
+export {
+  H as KANTO_TAG_PREFIX,
+  D as isKantoElement,
+  J as kanto,
+  Q as toaster
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["/**\n * Vue integration for the Kanto elements.\n *\n * There are no per-component wrappers here, and that is the point. Vue 3\n * renders custom elements natively and sets non-primitive bindings as DOM\n * properties, so `<kt-select :options=\"regions\">` already works. A wrapper\n * layer would only be one more thing to keep in sync.\n *\n * What Vue cannot infer on its own is which tags are custom elements, and what\n * they accept. That is what this module supplies.\n *\n * ```ts\n * // vite.config.ts\n * import vue from '@vitejs/plugin-vue';\n * import { isKantoElement } from 'kanto-ds/vue';\n *\n * export default defineConfig({\n *   plugins: [vue({ template: { compilerOptions: { isCustomElement: isKantoElement } } })],\n * });\n * ```\n *\n * ```ts\n * // main.ts\n * import 'kanto-ds/vue'; // registers every element\n * import 'kanto-ds/styles.css';\n * ```\n *\n * Vue is a peer dependency: importing this module in a project without Vue\n * still works, since nothing here is imported from `vue` at runtime.\n */\n// Type-only, so nothing from Vue is pulled in at runtime — but the import is\n// what lets TypeScript resolve the module we augment below.\nimport type { Plugin } from 'vue';\n\nimport '../index.js';\n\nimport type { KtAvatar } from 'kanto-ds';\nimport type { KtBadge } from 'kanto-ds';\nimport type { KtButton } from 'kanto-ds';\nimport type { KtCard } from 'kanto-ds';\nimport type { KtCode } from 'kanto-ds';\nimport type { KtIcon } from 'kanto-ds';\nimport type { KtKbd } from 'kanto-ds';\nimport type { KtDragDrop } from 'kanto-ds';\nimport type { KtForm } from 'kanto-ds';\nimport type { KtInput } from 'kanto-ds';\nimport type { KtInputMenu } from 'kanto-ds';\nimport type { KtLabelInput } from 'kanto-ds';\nimport type { KtSelect } from 'kanto-ds';\nimport type { KtTextarea } from 'kanto-ds';\nimport type { KtToggle } from 'kanto-ds';\nimport type { KtBreadcrumb } from 'kanto-ds';\nimport type { KtPageHeader } from 'kanto-ds';\nimport type { KtSegmentedControl } from 'kanto-ds';\nimport type { KtSubMenuNavigation } from 'kanto-ds';\nimport type { KtTabs } from 'kanto-ds';\nimport type { KtHeader } from 'kanto-ds';\nimport type { KtToggleButton } from 'kanto-ds';\nimport type { KtToggleButtonGroup } from 'kanto-ds';\nimport type { KtAlert } from 'kanto-ds';\nimport type { KtEmptyState } from 'kanto-ds';\nimport type { KtProgressBar } from 'kanto-ds';\nimport type { KtSkeleton } from 'kanto-ds';\nimport type { KtToast } from 'kanto-ds';\nimport type { KtToastContainer } from 'kanto-ds';\nimport type { KtTooltip } from 'kanto-ds';\nimport type { KtCollapsible } from 'kanto-ds';\nimport type { KtConfirmDialog } from 'kanto-ds';\nimport type { KtDropdown } from 'kanto-ds';\nimport type { KtModal } from 'kanto-ds';\nimport type { KtSidePanel } from 'kanto-ds';\nimport type { KtChart } from 'kanto-ds';\nimport type { KtMeter } from 'kanto-ds';\nimport type { KtPagination } from 'kanto-ds';\nimport type { KtStat } from 'kanto-ds';\nimport type { KtTable } from 'kanto-ds';\nimport type { KtTimeline, KtTimelineItem } from 'kanto-ds';\n\n/**\n * True for any Kanto custom element.\n *\n * Pass it as `compilerOptions.isCustomElement` so the Vue compiler stops\n * trying to resolve `kt-*` tags as components.\n */\nexport function isKantoElement(tag: string): boolean {\n  return tag.startsWith('kt-');\n}\n\n/** Every element's tag name, for anyone building their own predicate. */\nexport const KANTO_TAG_PREFIX = 'kt-';\n\n/**\n * What a Kanto element accepts in a template: its own properties, plus the\n * attributes and listeners any element takes.\n */\ntype KtProps<T> = Partial<T> &\n  Record<`on${string}`, unknown> & { class?: unknown; style?: unknown };\n\ndeclare module 'vue' {\n  interface GlobalComponents {\n    'kt-avatar': KtProps<KtAvatar>;\n    'kt-badge': KtProps<KtBadge>;\n    'kt-button': KtProps<KtButton>;\n    'kt-card': KtProps<KtCard>;\n    'kt-code': KtProps<KtCode>;\n    'kt-icon': KtProps<KtIcon>;\n    'kt-kbd': KtProps<KtKbd>;\n    'kt-drag-drop': KtProps<KtDragDrop>;\n    'kt-form': KtProps<KtForm>;\n    'kt-input': KtProps<KtInput>;\n    'kt-input-menu': KtProps<KtInputMenu>;\n    'kt-label-input': KtProps<KtLabelInput>;\n    'kt-select': KtProps<KtSelect>;\n    'kt-textarea': KtProps<KtTextarea>;\n    'kt-toggle': KtProps<KtToggle>;\n    'kt-breadcrumb': KtProps<KtBreadcrumb>;\n    'kt-page-header': KtProps<KtPageHeader>;\n    'kt-segmented-control': KtProps<KtSegmentedControl>;\n    'kt-sub-menu-navigation': KtProps<KtSubMenuNavigation>;\n    'kt-tabs': KtProps<KtTabs>;\n    'kt-header': KtProps<KtHeader>;\n    'kt-toggle-button': KtProps<KtToggleButton>;\n    'kt-toggle-button-group': KtProps<KtToggleButtonGroup>;\n    'kt-alert': KtProps<KtAlert>;\n    'kt-empty-state': KtProps<KtEmptyState>;\n    'kt-progress-bar': KtProps<KtProgressBar>;\n    'kt-skeleton': KtProps<KtSkeleton>;\n    'kt-toast': KtProps<KtToast>;\n    'kt-toast-container': KtProps<KtToastContainer>;\n    'kt-tooltip': KtProps<KtTooltip>;\n    'kt-collapsible': KtProps<KtCollapsible>;\n    'kt-confirm-dialog': KtProps<KtConfirmDialog>;\n    'kt-dropdown': KtProps<KtDropdown>;\n    'kt-modal': KtProps<KtModal>;\n    'kt-side-panel': KtProps<KtSidePanel>;\n    'kt-chart': KtProps<KtChart>;\n    'kt-meter': KtProps<KtMeter>;\n    'kt-pagination': KtProps<KtPagination>;\n    'kt-stat': KtProps<KtStat>;\n    'kt-table': KtProps<KtTable>;\n    'kt-timeline': KtProps<KtTimeline>;\n    'kt-timeline-item': KtProps<KtTimelineItem>;\n  }\n}\n\n/**\n * A no-op plugin, for apps that would rather write `app.use(kanto)` than a\n * bare side-effect import. Importing this module already registers every\n * element; this only makes that visible in `main.ts`.\n */\nexport const kanto: Plugin = {\n  install() {\n    /* the elements register themselves on import */\n  },\n};\n\nexport { toaster } from '../components/feedback/kt-toast-container/toaster.js';\n"],"names":["isKantoElement","tag","KANTO_TAG_PREFIX","kanto"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFO,SAASA,EAAeC,GAAsB;AACnD,SAAOA,EAAI,WAAW,KAAK;AAC7B;AAGO,MAAMC,IAAmB,OA6DnBC,IAAgB;AAAA,EAC3B,UAAU;AAAA,EAEV;AACF;"}