aristid-ds 18.0.0 → 19.0.0

package/CHANGELOG.md

@@ -1,5 +1,99 @@
 # Changelog
 
+## [19.0.0](https://www.npmjs.com/package/aristid-ds/v/19.0.0) (2026-09-11)
+
+### ✨ Features
+
+- **Alert:**
+    - Stack multiple simultaneously-toasted alerts into a single pile (oldest at back, most recent in front) with a total-count badge and a hover-revealed close-all action (@mel-dalavekia)
+- **RichText:**
+    - Add strikethrough, text color and image insertion options to the toolbar (@mel-dalavekia)
+- **Tab:**
+    - Add `badgeDot` prop to display a dot indicator instead of a count (@mel-dalavekia)
+    - Add `badgeColor` prop to customize the badge color (@mel-dalavekia)
+- **Kit:**
+    - Export component prop types (`Kit*Props`), ref type aliases (`Kit*Ref`) and the value shapes a consumer builds to feed a prop (`KitTabItem`, `KitOption`, `KitTagConfig`…) from the root `aristid-ds` barrel (@philippechevieux)
+    - Export `KitThemeGeneral`, `KitLocale` and the `getContrastColor` utility from the root barrel (@philippechevieux)
+- **Tag:**
+    - Add `maxVisibleTags` prop to cap how many tags are visible by number, independently of width (@philippechevieux)
+    - Add `renderOthersTagContent` prop to render the `+N` tag content (defaults to `+N others`) (@philippechevieux)
+- **⚠️ Breaking change - Kit:**
+    - Drop the `I` prefix from every type: props types become `Kit<Name>Props` (`IKitSelect` → `KitSelectProps`), value shapes keep the bare name (`IKitTabItem` → `KitTabItem`), theme and locale types lose the prefix in place (`IKitButtonTheme` → `KitButtonTheme`). Every previous name that shipped in 18.0.0 remains as a `@deprecated` alias in its `types.d.ts`, so existing deep imports keep compiling; the root barrel exports the new names only (@philippechevieux)
+    - Deprecate the deep import paths (`aristid-ds/dist/*`): the root barrel is now the only supported entry point, for types as well as components. Both the paths and the `@deprecated` aliases still resolve in this version and will be removed in a future major — migrate to `import {KitSelectProps} from 'aristid-ds'` (@philippechevieux)
+    - Rename the two theme-foundation types whose name collided once the `I` was dropped: `IKitTypography` → `KitThemeTypography` and the theme-local `IKitHeader` → `KitThemeHeader`. No alias — `KitTypography` and `KitHeaderTheme` already name other things (@philippechevieux)
+- **⚠️ Breaking change - Alert:**
+    - Rename `ToastedAlertProps` to `KitToastedAlert` (@philippechevieux)
+- **⚠️ Breaking change - Notification:**
+    - Rename `ToastedAlertProps` to `KitToastedNotification`. No alias: `ToastedAlertProps` still names a different type on `KitAlert` (@philippechevieux)
+- **⚠️ Breaking change - Collapse:**
+    - Rename the header props type `IKitHeader` to `KitCollapseHeaderProps`. No alias: the name clashed with `KitHeader`'s own props type (@philippechevieux)
+- **⚠️ Breaking change - Table:**
+    - Rename `IDragHandle` to `KitTableDragHandleProps` (@philippechevieux)
+    - `pagination.position` is deprecated in favor of `pagination.placement`, with values renamed to be RTL-agnostic (`topLeft`/`topRight` → `topStart`/`topEnd`, `bottomLeft`/`bottomRight` → `bottomStart`/`bottomEnd`); public component behavior unaffected (@evoiron)
+- **⚠️ Breaking change - Carousel:**
+    - Rename `IKitCarouselRef` to `KitCarouselRef` (@philippechevieux)
+- **⚠️ Breaking change - Typography:**
+    - Rename the token type `IKitTypographyCssTokens` to `KitTypographyComponentCssTokens`. No alias — the generated CSS variables are unchanged (@philippechevieux)
+- **⚠️ Breaking change - DropDown:**
+    - Remove `arrow` prop; dropdown menus are anchored to their trigger element (@philippechevieux)
+- **⚠️ Breaking change - Translations:**
+    - Rename the per-component locale objects to camelCase (`KitAlertLocale` → `kitAlertLocale`, `KitButtonLocale` → `kitButtonLocale`…), matching the theme's `kit*CssTokens` values. The `KitLocale` type and the `frFR` / `enUS` / `ptPT` exports are unchanged (@philippechevieux)
+- **⚠️ Breaking change - DataEntry components:**
+    - Deprectate use of `KitInputWrapper` embedded in DataEntry group components, until it is removed in next major release. If you need to add a label or a helper, you should manually wrap your component in a `KitInputWrapper` instead (@evoiron)
+
+### 🐛 Bug Fixes
+
+- **DropDown:**
+    - Fix Dropdown Item focus ring to use design system blue token instead of antd default, and remove outline clipping (@philippechevieux)
+- **Typography:**
+    - Adopt the global `fontFamily` token; Avatar, Collapse, Slider, Table, and other components now render with the correct font (Inter) instead of the system font stack (@philippechevieux)
+    - Remove FontAwesome regular icon usage across components (@mel-dalavekia)
+- **Button:**
+    - Remove hover and active states on disabled colored buttons (@mel-dalavekia)
+- **Badge:**
+    - Fix the dot not centering vertically when used standalone (@mel-dalavekia)
+    - Fix the dot color not respecting customization (@mel-dalavekia)
+    - Fix the default badge color not using the design system's standard error red (@mel-dalavekia)
+- **Tab:**
+    - Fix the badge not rendering with proper styling in the disabled state (@mel-dalavekia)
+- **Table:**
+    - Fix the `virtual` prop, which was unusable: broken row layout and console warnings (@philippechevieux)
+    - Support `treeData` with `virtual`, including rows expanded by default (@philippechevieux)
+    - Fix the tree expand button rendering as a full-size blue button instead of the small dark caret (@philippechevieux)
+- **⚠️ Breaking change - Table:**
+    - Body cell styles are now more specific; custom CSS overrides may need adjusting (@philippechevieux)
+    - Remove the `--kit-table-checkbox-width` CSS variable (@philippechevieux)
+- **DatePicker:**
+    - Fix `RangePicker`'s separator icon failing the `role-img-alt` accessibility audit by giving it its own accessible name instead of relying on a workaround antd no longer performs itself (@evoiron)
+- **Notification:**
+    - Change `success` variant colors to be acessibility compliant (@evoiron)
+    - Remove use of style props for variants (@evoiron)
+- **Slider:**
+    - Fix `Slider`'s colors to be accessibility compliant (@evoiron)
+- **⚠️ Breaking change - Modal:**
+    - Fix `KitModal.method()` parameters so you don't need to specify the type property (@evoiron)
+- **ItemList:**
+    - Fix Keyboard actions on `ItemList`'s checkbox and actions when `ItemList` has `onClick` prop defined. checkbox can now be toggled when pressing Enter key (@evoiron)
+
+### 📦 Upgrade
+
+- Upgrade Ant Design from `6.4.5` to `6.6.2` (@evoiron)
+
+### 📝 Documentation
+
+- **Repository:**
+    - Generate `docs/design-tokens.md`, the exhaustive `--general-*` token list with each token's default value, from the theme values on `yarn generate-tokens` (@philippechevieux)
+    - Retarget `README.md` at package consumers: correct the announced React and TypeScript versions, drop the internal AI tooling section (@philippechevieux)
+    - Correct the documented commit format to `type(scope): message` — the `commit-msg` hook rejects a space before the colon (@philippechevieux)
+    - Restructure `CLAUDE.md` around what cannot be read from the code: the tooling-config, dependency-bump and antd 6 notes move to `docs/`, the CI rules to `.github/workflows/README.md`, the `.claude/` tooling map to `.claude/README.md` (@philippechevieux)
+    - Move the ADRs under `docs/adr/` and the repo map to `docs/repo-map.md` (@philippechevieux)
+
+### 🤖 CI
+
+- Fail the `checks` job when a path named in `docs/repo-map.md` no longer exists (`yarn check:repo-map`) (@philippechevieux)
+- Default `yarn lint:check` and `yarn format:check` to the whole repo, so a bare call no longer exits green having checked nothing (@philippechevieux)
+- Reject a capitalised commit scope in the `commit-msg` hook (`scope-case`), matching the lowercase history (@philippechevieux)
+
 ## [18.0.0](https://www.npmjs.com/package/aristid-ds/v/18.0.0) (2026-09-01)
 
 ### ✨ Features
@@ -109,7 +203,7 @@
     - Fix token reference in mixins: `--general-colors-neutral-light` → `--general-utilities-neutral-light` (@philippechevieux)
     - Align the disabled tree checkbox on `KitCheckbox`: it kept a white background and a `--general-utilities-border` check icon (@philippechevieux)
 - **DatePicker:**
-    - Fix the aria-prohibited-attr error on rangepicker separator element (@7evoiron)
+    - Fix the aria-prohibited-attr error on rangepicker separator element (@evoiron)
 - **SideMenu:**
     - Fix the `width.closed` token being ignored due to a typo in the SCSS variable name (`width-close`) (@philippechevieux)
 - **Table:**
@@ -132,6 +226,8 @@
     - Fix `KitModal.confirm` overriding the `appElement` given by the caller and hiding the dialog itself from assistive technologies (@philippechevieux)
     - ⚠️ Hiding the page behind a modal from assistive technologies now requires the application to declare its root once through `KitModal.setAppElement` (@philippechevieux)
 - Fix ESM consumers resolving the package to its UMD build instead of the ESM one (@philippechevieux)
+- **Pagination:**
+    - Display next/prev icons as FontAwesome icons (@evoiron)
 
 ### 📝 Documentation
 

package/README.md

@@ -9,9 +9,9 @@
 
 <hr>
 
-A React component library built on top of [Ant Design](https://ant.design/), providing ~58 components with a token-based theming system and multi-locale support.
+A React component library built on top of [Ant Design](https://ant.design/), providing a full set of components with a token-based theming system and multi-locale support.
 
-**Package:** `aristid-ds` · **Stack:** React 18 or 19, TypeScript 5, Ant Design 6, Vite 8, Storybook 10
+**Package:** `aristid-ds` · **Requires:** React 18 or 19 · **Built on:** Ant Design 6 · TypeScript types included
 
 ---
 
@@ -134,20 +134,8 @@ With npm + Jest:
 
 - [Storybook](https://storybook.aristid.com) — component documentation and live examples
 - [CONTRIBUTING.md](./CONTRIBUTING.md) — how to add components, locales, run tests, commit conventions
-- [CLAUDE.md](./CLAUDE.md) — AI assistant context for working on this repo
-- [docs/ADR.md](./docs/ADR.md) — architecture decision records
-
-## AI tooling (Claude Code)
-
-This repo ships Claude Code tooling to help work on components — see [CLAUDE.md](./CLAUDE.md) for details.
-
-**Start here:** run **`/art-ds-task <Jira key>`** (e.g. `/art-ds-task DS-483`, optional Figma URL as a
-second argument). It runs a preflight, reads the ticket, delegates to the engineer agent, and opens the
-PR — see [CLAUDE.md § Orchestrated workflow](./CLAUDE.md#orchestrated-workflow--art-ds-task).
-
-Under the hood:
-
-- a **`ard-ds-engineer`** agent that fixes / improves / refactors a Kit component end-to-end
-  (reproduce → fix → self-verify → commit + push + PR); see [CLAUDE.md § Repo agent](./CLAUDE.md#repo-agent);
-- repo-local **skills** in [`.claude/skills/`](./.claude/skills) (orchestrate a task, preflight,
-  read a ticket, create / fix / verify a component, update the changelog).
+- [docs/design-tokens.md](./docs/design-tokens.md) — the exhaustive `--general-*` token list
+- [docs/repo-map.md](./docs/repo-map.md) — where everything lives in this repo
+- [docs/adr/ADR.md](./docs/adr/ADR.md) — architecture decision records
+- [CLAUDE.md](./CLAUDE.md) — context for AI assistants working on this repo, and
+  [`.claude/README.md`](./.claude/README.md) for the Claude Code tooling it ships

package/dist/.storybook/components/Accessibility/A11YPanel.d.ts

@@ -1,10 +1,9 @@
-import { FunctionComponent } from 'react';
 export declare enum RuleType {
     VIOLATION = 0,
     PASS = 1,
     INCOMPLETION = 2
 }
-export declare const A11YPanel: FunctionComponent<{
+export declare const A11YPanel: ({ id, onChanged }: {
     id: string;
     onChanged: Function;
-}>;
+}) => import("react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/Elements.d.ts

@@ -1,3 +1,2 @@
-import type { FunctionComponent } from 'react';
 import { ElementsProps } from './types';
-export declare const Elements: FunctionComponent<ElementsProps>;
+export declare const Elements: ({ id, elements, type }: ElementsProps) => import("node_modules/@types/react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/HighlightToggle.d.ts

@@ -5,5 +5,5 @@ export declare enum CheckBoxStates {
     UNCHECKED = 1,
     INDETERMINATE = 2
 }
-declare const HighlightToggle: React.FunctionComponent<ToggleProps>;
+declare const HighlightToggle: ({ id, toggleId, elementsToHighlight }: ToggleProps) => React.JSX.Element;
 export default HighlightToggle;

package/dist/.storybook/components/Accessibility/Report/Info.d.ts

@@ -1,3 +1,2 @@
-import type { FunctionComponent } from 'react';
 import { InfoProps } from './types';
-export declare const Info: FunctionComponent<InfoProps>;
+export declare const Info: ({ item }: InfoProps) => import("node_modules/@types/react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/Item.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
 import { ItemProps } from './types';
-export declare const Item: FunctionComponent<ItemProps>;
+export declare const Item: (props: ItemProps) => import("react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/Rules.d.ts

@@ -1,4 +1,3 @@
-import type { FunctionComponent } from 'react';
 import { RulesProps } from './types';
 export declare enum ImpactValue {
     MINOR = "minor",
@@ -6,4 +5,4 @@ export declare enum ImpactValue {
     SERIOUS = "serious",
     CRITICAL = "critical"
 }
-export declare const Rules: FunctionComponent<RulesProps>;
+export declare const Rules: ({ rules }: RulesProps) => import("node_modules/@types/react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/Tags.d.ts

@@ -1,3 +1,2 @@
-import type { FunctionComponent } from 'react';
 import { TagsProps } from './types';
-export declare const Tags: FunctionComponent<TagsProps>;
+export declare const Tags: ({ tags }: TagsProps) => import("node_modules/@types/react").JSX.Element;

package/dist/.storybook/components/Accessibility/Report/index.d.ts

@@ -1,3 +1,2 @@
-import type { FunctionComponent } from 'react';
 import { ReportProps } from './types';
-export declare const Report: FunctionComponent<ReportProps>;
+export declare const Report: ({ id, items, empty, type }: ReportProps) => import("react").JSX.Element;

package/dist/.storybook/components/Accessibility/Tabs.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
 import { TabsProps } from './types';
-export declare const Tabs: FunctionComponent<TabsProps>;
+export declare const Tabs: ({ id, tabs }: TabsProps) => import("react").JSX.Element;

package/dist/.storybook/components/DesignTokens/Row.d.ts

@@ -1,5 +1,7 @@
-import { FunctionComponent } from 'react';
-import { IRow } from './types';
+import { RowProps } from './types';
 import './Row.scss';
-declare const Row: FunctionComponent<IRow>;
+declare const Row: {
+    ({ level, _value, _type, _label, _description, _path, visible }: RowProps): import("node_modules/@types/react").JSX.Element;
+    displayName: string;
+};
 export default Row;

package/dist/.storybook/components/DesignTokens/SectionRow.d.ts

@@ -1,5 +1,7 @@
-import { FunctionComponent } from 'react';
-import { ISection } from './types';
+import { SectionProps } from './types';
 import './SectionRow.scss';
-declare const SectionRow: FunctionComponent<ISection>;
+declare const SectionRow: {
+    ({ title, level, children, visible }: SectionProps): import("react").JSX.Element;
+    displayName: string;
+};
 export default SectionRow;

package/dist/.storybook/components/DesignTokens/index.d.ts

@@ -1,5 +1,4 @@
-import { FunctionComponent } from 'react';
-import { ITokensList } from './types';
+import { TokensListProps } from './types';
 import './index.scss';
-declare const TokensList: FunctionComponent<ITokensList>;
+declare const TokensList: ({ path, tokens }: TokensListProps) => import("node_modules/@types/react").JSX.Element;
 export default TokensList;

package/dist/.storybook/components/Figma/FigmaImage.d.ts

@@ -1,4 +1,6 @@
-import { FunctionComponent } from 'react';
-import { IFigmaImage } from './types';
-declare const FigmaImage: FunctionComponent<IFigmaImage>;
+import { FigmaImageProps } from './types';
+declare const FigmaImage: {
+    ({ src, ...props }: FigmaImageProps): import("react").JSX.Element;
+    setAccessToken(key: any): any;
+};
 export default FigmaImage;

package/dist/.storybook/components/PackageVersionNumber.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
 import './PackageVersionNumber.scss';
-export declare const PackageVersionNumber: FunctionComponent;
+export declare const PackageVersionNumber: () => import("node_modules/@types/react").JSX.Element;

package/dist/.storybook/components/TableOfContents.d.ts

@@ -1,9 +1,9 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import tocbot from 'tocbot';
 import './TableOfContents.scss';
-interface ITableOfContents extends Omit<ComponentPropsWithoutRef<'nav'>, 'title'> {
+interface TableOfContentsProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'title'> {
     title?: ReactNode;
     config?: tocbot.IStaticOptions;
 }
-declare const TableOfContents: React.ForwardRefExoticComponent<ITableOfContents & React.RefAttributes<HTMLElement>>;
+declare const TableOfContents: React.ForwardRefExoticComponent<TableOfContentsProps & React.RefAttributes<HTMLElement>>;
 export default TableOfContents;

package/dist/.storybook/components/ThemeEditor/Block/Component.d.ts

@@ -1,6 +1,5 @@
-import { FunctionComponent } from 'react';
-import { IComponentBlock } from '../types';
+import { ComponentBlockProps } from '../types';
 import './Component.scss';
 export declare const componentWrapperClassName = "editor-component";
-declare const Component: FunctionComponent<IComponentBlock>;
+declare const Component: ({ path, title, level, children, showA11yToggle, container, registerExpandCollapse, onCollapseGroup, onExpandGroup, }: ComponentBlockProps) => import("react").JSX.Element;
 export default Component;

package/dist/.storybook/components/ThemeEditor/Block/Field.d.ts

@@ -1,6 +1,9 @@
-import React, { FunctionComponent } from 'react';
-import { IField } from '../types';
+import { AnchorHTMLAttributes } from 'react';
+import { FieldProps } from '../types';
 import './Field.scss';
-export declare const LinkButton: FunctionComponent<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
-declare const Field: FunctionComponent<IField>;
+export declare const LinkButton: ({ className, ...props }: AnchorHTMLAttributes<HTMLAnchorElement>) => import("react").JSX.Element;
+declare const Field: {
+    ({ _type, _path, _min, _value, level, _description, _label, addResetFunction, onTokenChanged, isVisible, }: FieldProps): import("react").JSX.Element | null;
+    displayName: string;
+};
 export default Field;

package/dist/.storybook/components/ThemeEditor/Block/Header.d.ts

@@ -1,5 +1,4 @@
-import { FunctionComponent } from 'react';
-import { IHeader } from '../types';
+import { HeaderProps } from '../types';
 import './Header.scss';
-declare const Header: FunctionComponent<IHeader>;
+declare const Header: ({ title, level, onReset, resetText, onClick, collapsible, collapsed, onCollapseAll, onExpandAll, }: HeaderProps) => import("node_modules/@types/react").JSX.Element;
 export default Header;

package/dist/.storybook/components/ThemeEditor/Block/MainHeader.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 import './MainHeader.scss';
-declare const MainHeader: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+declare const MainHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
 export default MainHeader;

package/dist/.storybook/components/ThemeEditor/Block/Section.d.ts

@@ -1,6 +1,8 @@
-import { FunctionComponent } from 'react';
-import { ISection } from '../types';
+import { SectionProps } from '../types';
 import './Section.scss';
 export declare const sectionClassName = "section";
-declare const Section: FunctionComponent<ISection>;
+declare const Section: {
+    ({ isOpen, title, path, children, level, onReset, registerExpandCollapse }: SectionProps): import("react").JSX.Element;
+    displayName: string;
+};
 export default Section;

package/dist/.storybook/components/ThemeEditor/Block/Tokens.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
-import { IToken } from '../types';
-declare const Tokens: FunctionComponent<IToken>;
+import { TokenProps } from '../types';
+declare const Tokens: ({ path, level, onTokenChanged, addResetFunction, onResetSection }: TokenProps) => import("react").JSX.Element;
 export default Tokens;

package/dist/.storybook/components/ThemeEditor/Context.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
-import { IEditorContext, IEditorProvider } from './types';
-export declare const EditorContext: import("react").Context<IEditorContext>;
-export declare const EditorProvider: FunctionComponent<IEditorProvider>;
+import { EditorContextValue, EditorProviderProps } from './types';
+export declare const EditorContext: import("react").Context<EditorContextValue>;
+export declare const EditorProvider: ({ children, schema }: EditorProviderProps) => import("react").JSX.Element;

package/dist/.storybook/components/ThemeEditor/Editor.d.ts

@@ -1,5 +1,4 @@
-import { FunctionComponent } from 'react';
-import { IEditor } from './types';
+import { EditorProps } from './types';
 import './Editor.scss';
-declare const Editor: FunctionComponent<IEditor>;
+declare const Editor: ({ components }: EditorProps) => import("react").JSX.Element;
 export default Editor;

package/dist/.storybook/components/ThemeEditor/index.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
-import { IEditorWrapper } from './types';
-declare const EditorWrapper: FunctionComponent<IEditorWrapper>;
+import { EditorWrapperProps } from './types';
+declare const EditorWrapper: (props: EditorWrapperProps) => import("node_modules/@types/react").JSX.Element;
 export default EditorWrapper;

package/dist/.storybook/components/ThemeEditor/util.d.ts

@@ -1,4 +1,4 @@
-import { IKitTheme } from '../../../src/theme/types';
+import { KitTheme } from '../../../src/theme/types';
 import { JSONValue } from './types';
-export declare const getThemeData: (theme: Partial<IKitTheme>, path: string) => JSONValue | undefined;
+export declare const getThemeData: (theme: Partial<KitTheme>, path: string) => JSONValue | undefined;
 export declare const getValue: (theme: JSONValue, path: string) => JSONValue | undefined;

package/dist/Kit/Ant/index.d.ts

@@ -66,4 +66,4 @@ export { TreeSelect as AntTreeSelect } from 'antd';
 export { Typography as AntTypography } from 'antd';
 export { Upload as AntUpload } from 'antd';
 export { Watermark as AntWatermark } from 'antd';
-export type { UploadFile } from 'antd/lib';
+export type { UploadFile } from 'antd';

package/dist/Kit/App/index.d.ts

@@ -1,13 +1,3 @@
-import { ReactNode } from 'react';
-import { IKitCustomTheme } from '../../theme/types';
-import { IKitLocale } from '../../translation/types';
-import { KitSpellCheckConfig } from '../../spellCheck/types';
-type KitAppProps = {
-    customTheme?: IKitCustomTheme;
-    locale?: IKitLocale;
-    spellCheck?: KitSpellCheckConfig;
-    children?: ReactNode;
-    id?: string;
-};
+import { KitAppProps } from './types';
+export type { KitAppProps } from './types';
 export declare const KitApp: ({ children, locale, customTheme, id, spellCheck }: KitAppProps) => import("react").JSX.Element;
-export {};

package/dist/Kit/App/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/App.z0iV0Qc7.js";
+import { t as e } from "../../chunks/App.DJa-M168.js";
 export { e as KitApp };

package/dist/Kit/App/types.d.ts

@@ -1,5 +1,12 @@
 import { KitHTMLAttributes } from '../../types';
 import { ReactNode } from 'react';
+import { KitCustomTheme } from '../../theme/types';
+import { KitLocale } from '../../translation/types';
+import { KitSpellCheckConfig } from '../../spellCheck/types';
 export interface KitAppProps extends KitHTMLAttributes {
+    customTheme?: KitCustomTheme;
+    locale?: KitLocale;
+    spellCheck?: KitSpellCheckConfig;
     children?: ReactNode;
+    id?: string;
 }

package/dist/Kit/DataDisplay/Avatar/Avatar.d.ts

@@ -1,4 +1,7 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-import { IKitAvatar } from './types';
-declare const KitAvatar: FunctionComponent<PropsWithChildren<IKitAvatar>>;
+import { PropsWithChildren } from 'react';
+import { KitAvatarProps } from './types';
+declare const KitAvatar: {
+    ({ label, initialsMaxChars, color, className, style, secondaryColorInvert, children, disabled, imageFit, size, ...avatarProps }: PropsWithChildren<KitAvatarProps>): import("react").JSX.Element;
+    displayName: string;
+};
 export default KitAvatar;

package/dist/Kit/DataDisplay/Avatar/AvatarGroup.d.ts

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
-import { IKitAvatarGroup } from './types';
-declare const KitAvatarGroup: FunctionComponent<IKitAvatarGroup>;
+import { KitAvatarGroupProps } from './types';
+declare const KitAvatarGroup: ({ className, disabled, max, ...avatarGroupProps }: KitAvatarGroupProps) => import("node_modules/@types/react").JSX.Element;
 export default KitAvatarGroup;

package/dist/Kit/DataDisplay/Avatar/index.d.ts

@@ -1,2 +1,3 @@
 import { KitAvatarCompoundedComponent } from './types';
+export type { KitAvatarProps, KitAvatarGroupProps } from './types';
 export declare const KitAvatar: KitAvatarCompoundedComponent;

package/dist/Kit/DataDisplay/Avatar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/Avatar.6goY3SB_.js";
+import { t as e } from "../../../chunks/Avatar.BR-GppEl.js";
 export { e as KitAvatar };

package/dist/Kit/DataDisplay/Avatar/types.d.ts

@@ -8,7 +8,7 @@ type AntdAvatarGroupTypesToOmit = '';
 
 type KitImageFit = 'cover' | 'contain' | 'fill';
 
-export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+export interface KitAvatarProps extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
     label?: string;
     initialsMaxChars?: number;
     color?: KitColorProp;
@@ -18,11 +18,17 @@ export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, Ki
     size?: 'xs' | 's' | 'm' | 'l' | 'xl';
 }
 
-export interface IKitAvatarGroup
+export interface KitAvatarGroupProps
     extends Omit<GroupProps, AntdAvatarGroupTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
 }
 
-export type KitAvatarCompoundedComponent = FunctionComponent<IKitAvatar> & {
-    Group: FunctionComponent<IKitAvatarGroup>;
+export type KitAvatarCompoundedComponent = FunctionComponent<KitAvatarProps> & {
+    Group: FunctionComponent<KitAvatarGroupProps>;
 };
+
+// Deprecated aliases kept so the previous names keep resolving during the migration window.
+/** @deprecated Renamed to `KitAvatarProps` — the `I` prefix is dropped. Will be removed in a future major. */
+export type IKitAvatar = KitAvatarProps;
+/** @deprecated Renamed to `KitAvatarGroupProps` — the `I` prefix is dropped. Will be removed in a future major. */
+export type IKitAvatarGroup = KitAvatarGroupProps;

package/dist/Kit/DataDisplay/Badge/index.d.ts

@@ -1,3 +1,4 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { IKitBadge } from './types';
-export declare const KitBadge: ForwardRefExoticComponent<IKitBadge & RefAttributes<HTMLSpanElement>>;
+import { KitBadgeProps } from './types';
+export type { KitBadgeProps } from './types';
+export declare const KitBadge: ForwardRefExoticComponent<KitBadgeProps & RefAttributes<HTMLSpanElement>>;

package/dist/Kit/DataDisplay/Badge/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/Badge.BtZ23RAp.js";
+import { t as e } from "../../../chunks/Badge.D7GdsHZz.js";
 export { e as KitBadge };

package/dist/Kit/DataDisplay/Badge/types.d.ts

@@ -1,11 +1,15 @@
 import { BadgeProps } from 'antd';
 import { KitHTMLAttributes } from '../../../types';
 import { KitColorProp } from '../../../utils/functions/types';
-import { IKitBorder } from '../../../theme/types/general/border';
+import { KitBorder } from '../../../theme/types/general/border';
 type AntdBadgeTypesToOmit = 'color' | 'size' | 'offset' | 'text';
 
-export interface IKitBadge extends KitHTMLAttributes<HTMLDivElement>, Omit<BadgeProps, AntdBadgeTypesToOmit> {
+export interface KitBadgeProps extends KitHTMLAttributes<HTMLDivElement>, Omit<BadgeProps, AntdBadgeTypesToOmit> {
     color?: KitColorProp;
     secondaryColorInvert?: boolean;
-    offset?: BadgeProps['offset'] | Exclude<keyof IKitBorder['radius'], 'square' | 'pills'>;
+    offset?: BadgeProps['offset'] | Exclude<keyof KitBorder['radius'], 'square' | 'pills'>;
 }
+
+// Deprecated aliases kept so the previous names keep resolving during the migration window.
+/** @deprecated Renamed to `KitBadgeProps` — the `I` prefix is dropped. Will be removed in a future major. */
+export type IKitBadge = KitBadgeProps;

package/dist/Kit/DataDisplay/Card/Actions.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
-import { IKitCardActions } from './types';
-export declare const CardActions: FunctionComponent<IKitCardActions>;
+import { KitCardActionsProps } from './types';
+export declare const CardActions: ({ display, disabled, actions, threshold, onDropdownOpenChange, }: KitCardActionsProps) => import("react").JSX.Element | null;

package/dist/Kit/DataDisplay/Card/Image.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
-import { IKitCardImage } from './types';
-export declare const CardImage: FunctionComponent<IKitCardImage>;
+import { KitCardImageProps } from './types';
+export declare const CardImage: ({ display, src, alt, className, icon, cover, children, ...props }: KitCardImageProps) => import("node_modules/@types/react").JSX.Element;

package/dist/Kit/DataDisplay/Card/Media.d.ts

@@ -1,3 +1,2 @@
-import { FunctionComponent } from 'react';
-import { IKitCardMedia } from './types';
-export declare const CardMedia: FunctionComponent<IKitCardMedia>;
+import { KitCardMediaProps } from './types';
+export declare const CardMedia: ({ display, src, captionsSrc, poster, icon, className, controls, ...props }: KitCardMediaProps) => import("node_modules/@types/react").JSX.Element;

package/dist/Kit/DataDisplay/Card/index.d.ts

@@ -1,9 +1,9 @@
 import { ForwardRefExoticComponent, FunctionComponent } from 'react';
-import { IKitCard, IKitCardActions, IKitCardImage, IKitCardMedia } from './types';
-type CompoundedComponent = ForwardRefExoticComponent<IKitCard> & {
-    Actions: FunctionComponent<IKitCardActions>;
-    Image: FunctionComponent<IKitCardImage>;
-    Media: FunctionComponent<IKitCardMedia>;
+import { KitCardProps, KitCardActionsProps, KitCardImageProps, KitCardMediaProps } from './types';
+export type { KitCardProps, KitCardActionsProps, KitCardImageProps, KitCardMediaProps } from './types';
+type CompoundedComponent = ForwardRefExoticComponent<KitCardProps> & {
+    Actions: FunctionComponent<KitCardActionsProps>;
+    Image: FunctionComponent<KitCardImageProps>;
+    Media: FunctionComponent<KitCardMediaProps>;
 };
 export declare const KitCard: CompoundedComponent;
-export {};

package/dist/Kit/DataDisplay/Card/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/Card.C4sgWXwg.js";
+import { t as e } from "../../../chunks/Card.FsA9GEEd.js";
 export { e as KitCard };