kanto-ds 1.2.0 → 1.4.0

package/dist/icons/defaults.d.ts

@@ -17,6 +17,7 @@ export declare const defaultIcons: {
     Info: import("lucide").IconNode;
     LoaderCircle: import("lucide").IconNode;
     Menu: import("lucide").IconNode;
+    Minus: import("lucide").IconNode;
     Search: import("lucide").IconNode;
     Trash2: import("lucide").IconNode;
     TriangleAlert: import("lucide").IconNode;

package/dist/icons/index.js

@@ -1,4 +1,4 @@
-import { d as a, g as r, r as o, a as t, b as c, t as g } from "../chunks/defaults-DKzFsNbv.js";
+import { d as a, g as r, r as o, a as t, b as c, t as g } from "../chunks/defaults-BwgjMcww.js";
 export {
   a as defaultIcons,
   r as getIcon,

package/dist/index.d.ts

@@ -19,12 +19,16 @@ export type { KtCardImagePosition } from './components/core/kt-card/kt-card.js';
 export { KtCode } from './components/core/kt-code/kt-code.js';
 export { KtIcon } from './components/core/kt-icon/kt-icon.js';
 export { KtKbd } from './components/core/kt-kbd/kt-kbd.js';
+export { KtCheckbox } from './components/forms/kt-checkbox/kt-checkbox.js';
+export type { KtCheckboxSize } from './components/forms/kt-checkbox/kt-checkbox.js';
 export { KtDragDrop } from './components/forms/kt-drag-drop/kt-drag-drop.js';
 export { KtForm } from './components/forms/kt-form/kt-form.js';
 export { KtInput } from './components/forms/kt-input/kt-input.js';
 export type { KtInputSize } from './components/forms/kt-input/kt-input.js';
 export { KtInputMenu } from './components/forms/kt-input-menu/kt-input-menu.js';
 export { KtLabelInput } from './components/forms/kt-label-input/kt-label-input.js';
+export { KtRadio, KtRadioGroup } from './components/forms/kt-radio-group/kt-radio-group.js';
+export type { KtRadioGroupOrientation } from './components/forms/kt-radio-group/kt-radio-group.js';
 export { KtSelect } from './components/forms/kt-select/kt-select.js';
 export type { KtSelectSize } from './components/forms/kt-select/kt-select.js';
 export { KtTextarea } from './components/forms/kt-textarea/kt-textarea.js';
@@ -80,4 +84,5 @@ export type { KtOption } from './internal/listbox.js';
 export type { KtCountry } from './internal/countries.js';
 export { getIcon, registerIcon, registerIcons, registeredIcons } from './icons/registry.js';
 export type { IconNode } from './icons/registry.js';
+export { defaultStrings, resetStrings, setStrings, strings as getStrings, type KtStrings, } from './internal/strings.js';
 export { KtElement, defineElement } from './internal/kt-element.js';

package/dist/index.js

@@ -1,98 +1,108 @@
 import { KtAvatar as r } from "./components/core/kt-avatar/kt-avatar.js";
-import { KtBadge as m } from "./components/core/kt-badge/kt-badge.js";
+import { KtBadge as p } from "./components/core/kt-badge/kt-badge.js";
 import { KtButton as f } from "./components/core/kt-button/kt-button.js";
 import { KtSplitButton as K } from "./components/core/kt-split-button/kt-split-button.js";
 import { KtCard as n } from "./components/core/kt-card/kt-card.js";
-import { KtCode as g } from "./components/core/kt-code/kt-code.js";
-import { KtIcon as s } from "./components/core/kt-icon/kt-icon.js";
+import { KtCode as i } from "./components/core/kt-code/kt-code.js";
+import { KtIcon as l } from "./components/core/kt-icon/kt-icon.js";
 import { KtKbd as u } from "./components/core/kt-kbd/kt-kbd.js";
+import { KtCheckbox as T } from "./components/forms/kt-checkbox/kt-checkbox.js";
 import { KtDragDrop as I } from "./components/forms/kt-drag-drop/kt-drag-drop.js";
-import { KtForm as S } from "./components/forms/kt-form/kt-form.js";
-import { KtInput as B } from "./components/forms/kt-input/kt-input.js";
-import { KtInputMenu as D } 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 v } from "./components/forms/kt-select/kt-select.js";
-import { KtTextarea as H } from "./components/forms/kt-textarea/kt-textarea.js";
-import { KtToggle as k } from "./components/forms/kt-toggle/kt-toggle.js";
-import { KtBreadcrumb as y } from "./components/navigation/kt-breadcrumb/kt-breadcrumb.js";
-import { KtPageHeader as G } 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 q } from "./components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
-import { KtTabs as J } from "./components/navigation/kt-tabs/kt-tabs.js";
-import { KtHeader as Q } from "./components/navigation/kt-header/kt-header.js";
-import { KtToggleButton as U } from "./components/navigation/kt-toggle-button/kt-toggle-button.js";
-import { KtToggleButtonGroup as W } from "./components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
-import { KtAlert as Y } from "./components/feedback/kt-alert/kt-alert.js";
-import { KtEmptyState as _ } from "./components/feedback/kt-empty-state/kt-empty-state.js";
-import { KtProgressBar as tt } from "./components/feedback/kt-progress-bar/kt-progress-bar.js";
-import { KtSkeleton as rt } from "./components/feedback/kt-skeleton/kt-skeleton.js";
-import { KtToast as mt } from "./components/feedback/kt-toast/kt-toast.js";
-import { KtToastContainer as ft } from "./components/feedback/kt-toast-container/kt-toast-container.js";
-import { t as Kt } from "./chunks/toaster-PmdKSV5x.js";
-import { KtTooltip as nt } from "./components/feedback/kt-tooltip/kt-tooltip.js";
-import { KtCollapsible as gt } from "./components/overlays/kt-collapsible/kt-collapsible.js";
-import { KtConfirmDialog as st } from "./components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
-import { KtDropdown as ut } from "./components/overlays/kt-dropdown/kt-dropdown.js";
-import { KtModal as It } from "./components/overlays/kt-modal/kt-modal.js";
-import { KtSidePanel as St } from "./components/overlays/kt-side-panel/kt-side-panel.js";
-import { KtChart as Bt } from "./components/data/kt-chart/kt-chart.js";
-import { KtMeter as Dt } from "./components/data/kt-meter/kt-meter.js";
-import { KtPagination as Pt } from "./components/data/kt-pagination/kt-pagination.js";
-import { KtStat as vt } from "./components/data/kt-stat/kt-stat.js";
-import { KtTable as Ht } from "./components/data/kt-table/kt-table.js";
-import { KtTimeline as kt, KtTimelineItem as wt } from "./components/data/kt-timeline/kt-timeline.js";
-import { g as Ft, r as Gt, a as Lt, b as Nt } from "./chunks/defaults-DKzFsNbv.js";
-import { K as qt, d as zt } from "./chunks/kt-element-B_jjQDhg.js";
+import { KtForm as C } from "./components/forms/kt-form/kt-form.js";
+import { KtInput as D } from "./components/forms/kt-input/kt-input.js";
+import { KtInputMenu as P } from "./components/forms/kt-input-menu/kt-input-menu.js";
+import { KtLabelInput as h } from "./components/forms/kt-label-input/kt-label-input.js";
+import { KtRadio as v, KtRadioGroup as A } from "./components/forms/kt-radio-group/kt-radio-group.js";
+import { KtSelect as H } from "./components/forms/kt-select/kt-select.js";
+import { KtTextarea as w } from "./components/forms/kt-textarea/kt-textarea.js";
+import { KtToggle as F } from "./components/forms/kt-toggle/kt-toggle.js";
+import { KtBreadcrumb as N } from "./components/navigation/kt-breadcrumb/kt-breadcrumb.js";
+import { KtPageHeader as q } from "./components/navigation/kt-page-header/kt-page-header.js";
+import { KtSegmentedControl as J } from "./components/navigation/kt-segmented-control/kt-segmented-control.js";
+import { KtSubMenuNavigation as Q } from "./components/navigation/kt-sub-menu-navigation/kt-sub-menu-navigation.js";
+import { KtTabs as V } from "./components/navigation/kt-tabs/kt-tabs.js";
+import { KtHeader as X } from "./components/navigation/kt-header/kt-header.js";
+import { KtToggleButton as Z } from "./components/navigation/kt-toggle-button/kt-toggle-button.js";
+import { KtToggleButtonGroup as $ } from "./components/navigation/kt-toggle-button-group/kt-toggle-button-group.js";
+import { KtAlert as ot } from "./components/feedback/kt-alert/kt-alert.js";
+import { KtEmptyState as et } from "./components/feedback/kt-empty-state/kt-empty-state.js";
+import { KtProgressBar as mt } from "./components/feedback/kt-progress-bar/kt-progress-bar.js";
+import { KtSkeleton as xt } from "./components/feedback/kt-skeleton/kt-skeleton.js";
+import { KtToast as at } from "./components/feedback/kt-toast/kt-toast.js";
+import { KtToastContainer as st } from "./components/feedback/kt-toast-container/kt-toast-container.js";
+import { t as gt } from "./chunks/toaster-PmdKSV5x.js";
+import { KtTooltip as dt } from "./components/feedback/kt-tooltip/kt-tooltip.js";
+import { KtCollapsible as St } from "./components/overlays/kt-collapsible/kt-collapsible.js";
+import { KtConfirmDialog as bt } from "./components/overlays/kt-confirm-dialog/kt-confirm-dialog.js";
+import { KtDropdown as ct } from "./components/overlays/kt-dropdown/kt-dropdown.js";
+import { KtModal as Bt } from "./components/overlays/kt-modal/kt-modal.js";
+import { KtSidePanel as Mt } from "./components/overlays/kt-side-panel/kt-side-panel.js";
+import { KtChart as Et } from "./components/data/kt-chart/kt-chart.js";
+import { KtMeter as kt } from "./components/data/kt-meter/kt-meter.js";
+import { KtPagination as At } from "./components/data/kt-pagination/kt-pagination.js";
+import { KtStat as Ht } from "./components/data/kt-stat/kt-stat.js";
+import { KtTable as wt } from "./components/data/kt-table/kt-table.js";
+import { KtTimeline as Ft, KtTimelineItem as Lt } from "./components/data/kt-timeline/kt-timeline.js";
+import { g as jt, r as qt, a as zt, b as Jt } from "./chunks/defaults-BwgjMcww.js";
+import { d as Qt, s as Ut, r as Vt, a as Wt } from "./chunks/index-DSSLJirw.js";
+import { K as Yt, d as Zt } from "./chunks/kt-element-E-tfJpGQ.js";
 export {
-  Y as KtAlert,
+  ot as KtAlert,
   r as KtAvatar,
-  m as KtBadge,
-  y as KtBreadcrumb,
+  p as KtBadge,
+  N as KtBreadcrumb,
   f as KtButton,
   n as KtCard,
-  Bt as KtChart,
-  g as KtCode,
-  gt as KtCollapsible,
-  st as KtConfirmDialog,
+  Et as KtChart,
+  T as KtCheckbox,
+  i as KtCode,
+  St as KtCollapsible,
+  bt as KtConfirmDialog,
   I as KtDragDrop,
-  ut as KtDropdown,
-  qt as KtElement,
-  _ as KtEmptyState,
-  S as KtForm,
-  Q as KtHeader,
-  s as KtIcon,
-  B as KtInput,
-  D as KtInputMenu,
+  ct as KtDropdown,
+  Yt as KtElement,
+  et as KtEmptyState,
+  C as KtForm,
+  X as KtHeader,
+  l as KtIcon,
+  D as KtInput,
+  P as KtInputMenu,
   u as KtKbd,
-  P as KtLabelInput,
-  Dt as KtMeter,
-  It as KtModal,
-  G as KtPageHeader,
-  Pt as KtPagination,
-  tt as KtProgressBar,
-  N as KtSegmentedControl,
-  v as KtSelect,
-  St as KtSidePanel,
-  rt as KtSkeleton,
+  h as KtLabelInput,
+  kt as KtMeter,
+  Bt as KtModal,
+  q as KtPageHeader,
+  At as KtPagination,
+  mt as KtProgressBar,
+  v as KtRadio,
+  A as KtRadioGroup,
+  J as KtSegmentedControl,
+  H as KtSelect,
+  Mt as KtSidePanel,
+  xt as KtSkeleton,
   K as KtSplitButton,
-  vt as KtStat,
-  q as KtSubMenuNavigation,
-  Ht as KtTable,
-  J as KtTabs,
-  H as KtTextarea,
-  kt as KtTimeline,
-  wt as KtTimelineItem,
-  mt as KtToast,
-  ft as KtToastContainer,
-  k as KtToggle,
-  U as KtToggleButton,
-  W as KtToggleButtonGroup,
-  nt as KtTooltip,
-  zt as defineElement,
-  Ft as getIcon,
-  Gt as registerIcon,
-  Lt as registerIcons,
-  Nt as registeredIcons,
-  Kt as toaster
+  Ht as KtStat,
+  Q as KtSubMenuNavigation,
+  wt as KtTable,
+  V as KtTabs,
+  w as KtTextarea,
+  Ft as KtTimeline,
+  Lt as KtTimelineItem,
+  at as KtToast,
+  st as KtToastContainer,
+  F as KtToggle,
+  Z as KtToggleButton,
+  $ as KtToggleButtonGroup,
+  dt as KtTooltip,
+  Qt as defaultStrings,
+  Zt as defineElement,
+  jt as getIcon,
+  Ut as getStrings,
+  qt as registerIcon,
+  zt as registerIcons,
+  Jt as registeredIcons,
+  Vt as resetStrings,
+  Wt as setStrings,
+  gt as toaster
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/internal/kt-element.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, type CSSResultGroup } from 'lit';
+import { LitElement, type CSSResultGroup, type PropertyValues } from 'lit';
 /**
  * Base class for every Kanto element.
  *
@@ -10,6 +10,11 @@ import { LitElement, type CSSResultGroup } from 'lit';
  */
 export declare class KtElement extends LitElement {
     static styles: CSSResultGroup;
+    private unsubscribeStrings;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** True when this update was triggered by `setStrings`. */
+    protected stringsChanged(changed: PropertyValues): boolean;
 }
 /**
  * Registers a custom element, tolerating a repeat call.

package/dist/internal/strings.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Every piece of copy the elements write themselves — empty states, button
+ * labels, validation messages, and the accessible names a screen reader
+ * announces but nobody sees.
+ *
+ * English by default. An application in another language replaces them once,
+ * at start-up, and every element follows:
+ *
+ *     import { setStrings } from 'kanto-ds/strings';
+ *
+ *     setStrings({
+ *       clear: 'Effacer',
+ *       pageOf: (page, total) => `Page ${page} sur ${total}`,
+ *     });
+ *
+ * Anything left out keeps its English default. A string an element also takes
+ * as a property — `emptyText`, `placeholder`, `confirmLabel` — still wins when
+ * it is set, so one screen can say something different from the rest.
+ *
+ * Copy that carries a value is a function, not a template with placeholders:
+ * the translation owns the word order, and "Remove {name}" does not survive
+ * languages that put the object first.
+ */
+export interface KtStrings {
+    /** Clear button in fields. */
+    clear: string;
+    /** Close button on toasts, alerts' dismiss button. */
+    close: string;
+    dismiss: string;
+    /** Copy button on `kt-code`, and its state once copied. */
+    copy: string;
+    copied: string;
+    copyCode: string;
+    /** The countdown bar on a toast that closes itself. */
+    timeRemaining: string;
+    /** Remove button on a badge or a dropped file. */
+    remove: (name: string) => string;
+    noOptions: string;
+    noResults: string;
+    noActions: string;
+    noData: string;
+    loading: string;
+    /** `kt-select` with nothing chosen. */
+    select: string;
+    openList: string;
+    closeList: string;
+    showPassword: string;
+    hidePassword: string;
+    searchCountry: string;
+    noCountry: string;
+    countryCode: (country: string | undefined) => string;
+    dragAndDrop: string;
+    browseFiles: string;
+    recommendedSize: (size: string) => string;
+    selectedFiles: string;
+    required: string;
+    selectOption: string;
+    selectFile: string;
+    /** A required checkbox left unchecked. */
+    checkRequired: string;
+    openMenu: string;
+    closeMenu: string;
+    breadcrumb: string;
+    secondaryNavigation: string;
+    pagination: string;
+    previous: string;
+    next: string;
+    pageOf: (page: number, total: number) => string;
+    moreActions: string;
+    /** A button or choice group with no label of its own. */
+    options: string;
+    /** A `kt-form` section with no heading. */
+    formSection: string;
+    selectRow: string;
+    selectAll: string;
+    total: string;
+    /** Column headers of the data table every chart renders for assistive tech. */
+    chartSeries: string;
+    chartPoint: string;
+    chartSlice: string;
+    chartShare: string;
+    /** Caption of a chart's data table when the chart has no label. */
+    chartData: string;
+    /** Value column of a single-series chart's data table when the series has no name. */
+    chartValue: string;
+    confirmHeading: string;
+    confirm: string;
+    cancel: string;
+    details: string;
+    avatar: string;
+}
+export declare const defaultStrings: Readonly<KtStrings>;
+/** The strings in effect. Elements read them at render time. */
+export declare function strings(): Readonly<KtStrings>;
+/**
+ * Replaces some or all of the strings, and re-renders every connected element
+ * so the change shows at once — switching language at runtime works.
+ */
+export declare function setStrings(overrides: Partial<KtStrings>): void;
+/** Back to the English defaults. */
+export declare function resetStrings(): void;
+/** Calls `listener` after every `setStrings`. Returns the unsubscribe function. */
+export declare function onStringsChange(listener: () => void): () => void;

package/dist/react/index.d.ts

@@ -7,11 +7,13 @@ 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 { KtCheckbox as KtCheckboxElement } from '../components/forms/kt-checkbox/kt-checkbox.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 { KtRadio as KtRadioElement, KtRadioGroup as KtRadioGroupElement } from '../components/forms/kt-radio-group/kt-radio-group.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';
@@ -94,6 +96,17 @@ export declare const KtToggle: import("@lit/react").ReactWebComponent<KtToggleEl
         checked: boolean;
     }>;
 }>;
+export declare const KtCheckbox: import("@lit/react").ReactWebComponent<KtCheckboxElement, {
+    onKtChange: Kt<{
+        checked: boolean;
+    }>;
+}>;
+export declare const KtRadioGroup: import("@lit/react").ReactWebComponent<KtRadioGroupElement, {
+    onKtChange: Kt<{
+        value: string | null;
+    }>;
+}>;
+export declare const KtRadio: import("@lit/react").ReactWebComponent<KtRadioElement, {}>;
 export declare const KtSelect: import("@lit/react").ReactWebComponent<KtSelectElement, {
     onKtChange: Kt<{
         value: string | number | null;