aristid-ds 17.1.0 → 18.0.0

package/CHANGELOG.md

@@ -1,5 +1,157 @@
 # Changelog
 
+## [18.0.0](https://www.npmjs.com/package/aristid-ds/v/18.0.0) (2026-09-01)
+
+### ✨ Features
+
+- **Card:**
+    - Add the `KitCard` component: a generic, non-interactive card container (background, border, radius, shadow, padding, hover outline) for free content via `children` — not focusable or clickable by default (@evoiron)
+    - Add `Card.Actions`, displaying up to three action buttons with overflow collapsed into a dropdown (@evoiron)
+    - Add `Card.Image`, displaying a cover image (or a fallback icon) as a full-width banner or, with `display="list"`, a fixed-width thumbnail (@evoiron)
+    - Add `Card.Media`, behaving like `Card.Image` but rendering a video (with native controls, always contained rather than cropped) instead (@evoiron)
+    - Support `children` on `Card.Image`, rendered centered over the image behind a darkening mask shown on hover (@evoiron)
+    - Add the `poster` prop to `Card.Media`, shown before the video starts playing (@evoiron)
+- **ItemCard:**
+    - Deprecate `KitItemCard` in favor of `Card` (compose `KitIdCard`, `Card.Image`/`Card.Media` and `Card.Actions`) — logs a console warning, removal planned for a future major version (@evoiron)
+- **Breadcrumb:**
+    - Truncate long segment labels to 20 characters with tooltip and `aria-label` (@philippechevieux)
+    - Add optional `ellipsis` prop to collapse segments beyond 4 (@philippechevieux)
+    - Add a `size` prop (`'s' | 'm'`) to support a smaller breadcrumb variant (@mel-dalavekia)
+- **Colors:**
+    - Update the `error` ramp step 400 (`--general-colors-secondary-error-400`, aliased by `--general-utilities-error-default` and `--general-utilities-text-error`) failing the WCAG AA contrast check: `#EB0D18` becomes `#E80A15`, raising the ratio on the error input background from 4.41 to 4.53 with no perceptible visual change (@philippechevieux)
+    - Darken the whole `secondary.warning` (orange) ramp for accessibility: `100` `#FFF4E6`→`#FEF8EE`, `200` `#FFD8A8`→`#F9DAAF`, `300` `#FFA94D`→`#EF9B48`, `400` `#FF922B`→`#EB7E24`, `500` `#FD7E14`→`#DC651A`, `600` `#F76707`→`#BC4F18`, `700` `#360F00`→`#3F190B` (@philippechevieux)
+    - Repoint the `text.warning` alias from `warning.default` (ramp `400`) to `warning.dark` (ramp `600`): warning text on the warning surface only reached 2.64:1, it now reaches 4.65:1 and passes WCAG AA (@philippechevieux)
+    - Improve the accessibility of the `Grey` palette: add `--general-colors-neutral-grey-50` (`#F3F7F8`) and re-value the 7 existing shades — `100` → `#E0E9ED`, `200` → `#C5D4DC`, `300` → `#9CB6C4`, `400` → `#6C8FA4`, `500` → `#567A91`, `600` → `#3D5061`, `700` → `#1E262E` (@philippechevieux)
+    - Remap the neutral semantic aliases onto the new scale: `neutral-light` → `grey-50`, `neutral-dark` → `grey-500`, `neutral-deepDark` → `grey-700` (`neutral-medium` stays on `grey-200`), and point `--general-utilities-disabled` at `grey-500` so disabled texts, placeholders and character counts reach the WCAG AA contrast ratio (4.58:1 on white, was 2.27:1) (@philippechevieux)
+- **Accessibility**:
+    - Render placeholder text in italic on every data entry component — `Input`, `Input.TextArea`, `Input.Password`, `SearchInput`, `AutoComplete`, `InputNumber`, `DatePicker`, `RangePicker`, `Select`, `TreeSelect`, `ColorPicker` and `RichText` — in all sizes and including the AI variants, so the empty (default) state is visually distinct from filled content now that the placeholder grey is darker (@philippechevieux)
+- **DropDown:**
+    - Highlight the open path (menu items and submenus) and mark the selected item with a check (@philippechevieux)
+    - Top-align each submenu panel with its trigger and offset it by `spacing.s`, bridging the gap so hover doesn't close the menu (@philippechevieux)
+    - Give a hovered submenu the same background highlight as a menu item, instead of a bordered frame (@philippechevieux)
+- **Carousel:**
+    - Add the `KitCarousel` component: slides browsed horizontally with the current one centered, floating previous/next buttons and a bullet navigation (@philippechevieux)
+- **Tag:**
+    - Add `warning` and `ai-secondary` types (@philippechevieux)
+- **SideMenu:**
+    - Add a double-menu layout: any item can declare a `panel`/`panelTitle`, shown beside the rail when that item is active. Selecting an item with a panel swaps its content and collapses the rail; selecting one without hides the previous panel (@philippechevieux)
+- **Table:**
+    - Add the `xs` value to the `lineSize` prop (32px rows) for dense data tables (@philippechevieux)
+- **Select:**
+    - Add `closable` prop to prevent removing selected items without greying the tag (@philippechevieux)
+- **TreeSelect:**
+    - Expose the `showCheckedStrategy` prop, so consumers can keep a parent node's tag visible once all its children are also checked (@philippechevieux)
+    - Add `closable` prop to prevent removing selected nodes without greying the tag (@philippechevieux)
+- **Header:**
+    - Add the `menuAriaLabel` prop on `KitHeader` and `Header.Profile` (@philippechevieux)
+- **⚠️ Breaking change - Header:**
+    - Render the component as a `<header>` element (`banner` landmark) instead of a `<div>`. Update any selector targeting `div.kit-header` and any handler or ref typed against `HTMLDivElement` (@philippechevieux)
+- **⚠️ Breaking change - Table:**
+    - Rename the `headerLineSize` values so a letter means the same height as on `lineSize`: `l` → `m` (56px), `m` → `s` (48px), `s` → `xs` (32px). Heights are unchanged; the default header is now `m` (still 56px). Update any `headerLineSize="l" | "m" | "s"` usage — the old values no longer match and silently fall back to 56px (@mel-dalavekia)
+- **⚠️ Breaking change - Steps:**
+    - Rename the component to `Step`: `KitSteps` → `KitStep`, `IKitSteps` → `IKitStep` (the item type moves from `IKitStep` to `IKitStepItem`), the `kit-steps` CSS class → `kit-step`, and the `--components-Steps-*` CSS variables → `--components-Step-*`. Update any `import {KitSteps} from 'aristid-ds'`, `IKitSteps`/`IKitStep` type usage, and custom `--components-Steps-*` overrides (@evoiron)
+- **⚠️ Breaking change - Tabs:**
+    - Rename the component to `Tab`: `KitTabs` → `KitTab`, `IKitTabs` → `IKitTab`, the `kit-tabs`/`kit-tabs-wrapper` CSS classes → `kit-tab-list`/`kit-tab-list-wrapper`, and the locale key `IKitLocale.Tabs` → `IKitLocale.Tab`. Update any `import {KitTabs} from 'aristid-ds'`, `IKitTabs` type usage, and custom selectors targeting `.kit-tabs`/`.kit-tabs-wrapper`. The antd-only `--components-Tabs-*` theme tokens (for antd's native `Tabs` component, unrelated to this wrapper) are unaffected (@evoiron)
+- **Space:**
+    - Move the component to `General` category (@evoiron)
+- **⚠️ Breaking change - PageHeader:**
+    - The component is now deprecated (@evoiron)
+- **⚠️ Breaking change - AutoComplete:**
+    - The component is now deprecated (@evoiron)
+
+### 🐛 Bug Fixes
+
+- **Header:**
+    - Stop mutating the `avatarProps` object passed to `profileCardProps` / `profileMenuCardProps`: the forced `square` shape no longer leaks into the caller's own object (@philippechevieux)
+    - Fix the profile dropdown menu to display action buttons instead of a custom card (@philippechevieux)
+    - Fix the trigger active state background color (@philippechevieux)
+    - Fix arrow alignment on block redirect buttons (@philippechevieux)
+    - Fix the App menu dropdown opening on hover instead of click only (@philippechevieux)
+    - Fix the focus state styling masking the hover color on Profile and App menu triggers (@philippechevieux)
+    - Add keyboard support (Enter/Space to open, Escape to close) and ARIA attributes for menu accessibility (@philippechevieux)
+- **RedirectCard:**
+    - The card is now activable with Enter or Space, not the mouse only (@philippechevieux)
+- **SnackBar:**
+    - The close button is now reachable with Tab, activable with Enter or Space, and announced with a `Close` label (@philippechevieux)
+- **Button:**
+    - Fix the focus ring being offset to the right on the primary split button (all sizes): Ant Design 6 wraps the dropdown trigger in a `span.ant-dropdown-trigger`, breaking the adjacent-sibling selector that hides the divider when the main button is focused (@philippechevieux)
+    - Fix the `link` type in `danger` state showing a rounded, blue-and-red underline instead of a single straight red line on hover/active (@philippechevieux)
+    - Remove deprecated unused `text` type (@frykten)
+    - ⚠️ Add `box-sizing: border-box` (@frykten)
+    - ⚠️ Move all button types to `display: inline-flex` (use the property `block` to get a `display: flex`) (@frykten)
+    - Fix the focus outline not appearing on `primary` and `tertiary` type buttons (@frykten)
+- **Alert:**
+    - Fix the icon and single-line message not being vertically centered against each other on a message-only alert (no description) (@philippechevieux)
+    - Fix the icon being misaligned on a description-only alert (no message): the empty title row still reserved its vertical spacing, so the description was pushed down away from the icon (@philippechevieux)
+    - Fix the icons' & borders' color for the "Info" type (@frykten)
+- **Checkbox:**
+    - Fix the `disabled` states rendering with no background at all; they now use `--general-utilities-neutral-light` (@philippechevieux)
+    - Fix the check and dash icons of the `disabled` states using `--general-utilities-border` instead of `--general-utilities-disabled` (@philippechevieux)
+    - Fix the unchecked `danger` state having a white background instead of `--general-utilities-error-light` (@philippechevieux)
+- **Radio:**
+    - Fix the `disabled` states rendering with no background at all; they now use `--general-utilities-neutral-light` (@philippechevieux)
+    - Fix the unchecked `danger` state having a white background instead of `--general-utilities-error-light` (@philippechevieux)
+- **Select:**
+    - Fix the select collapsing to its content width under Ant Design 6 when no explicit width is set; it now fills its `KitInputWrapper` by default while an inline `style` width still takes precedence (@7Remy)
+    - Honour per-item `disabled` property from rc-select: disabled options render greyed tags with no close icon and cannot be unchecked from the dropdown or via Backspace (@philippechevieux)
+    - Apply proper styling to disabled options in the dropdown (background + text tokens) instead of flat `opacity: 0.5` (@philippechevieux)
+    - Fix the search caret sticking to the top of the row instead of centering against the tags in `multiple` mode once `oneLineTags`' `+N` overflow indicator appears (@evoiron)
+- **TreeSelect:**
+    - Fix the tree select collapsing to its content width under Ant Design 6 when no explicit width is set; it now fills its `KitInputWrapper` by default while an inline `style` width still takes precedence (@7Remy)
+    - Fix search being cleared when re-clicking the input while a search was already in progress; the dropdown now stays open and the search value is preserved (@philippechevieux)
+    - Fix multi-character search returning no result by defaulting `treeNodeFilterProp` to `title` (was antd's `value`), so nodes are filtered on their displayed label (@philippechevieux)
+    - Fix the dropdown staying open after selecting a node in single mode; it now closes on selection while multiple mode still stays open to check several nodes in a row (@philippechevieux)
+    - Fix the selected value showing through the search text in single mode: the design-system content color was cancelling the transparency Ant Design 6 uses to hide the value behind the search input (@philippechevieux)
+    - Honour per-item `disabled` property from rc-tree-select: disabled nodes render greyed tags with no close icon and cannot be unchecked from the dropdown or via Backspace (@philippechevieux)
+- **⚠️ Breaking change - TreeSelect:**
+    - Remove `fieldNames`, `treeDataSimpleMode`, and `treeData` from antd's type exports; `treeData` is now strictly typed as `IKitTreeSelectNode[]`. Migrate by passing a plain recursive array (`value`/`title`/`children`) — a `treeDataSimpleMode` flat list or `fieldNames`-remapped keys are no longer accepted (@philippechevieux)
+- **Tree:**
+    - 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)
+- **SideMenu:**
+    - Fix the `width.closed` token being ignored due to a typo in the SCSS variable name (`width-close`) (@philippechevieux)
+- **Table:**
+    - Fix the selection cell only being clickable on the 16px checkbox instead of across the entire cell (@philippechevieux)
+    - Fix a click in the selection cell also firing the row's `onRow` `onClick` handler: the cell now only toggles the selection, as a click on the checkbox itself already did (@philippechevieux)
+    - Fix `align`-based text alignment (e.g. `align: 'center'`) being ignored on header cells (@frykten)
+    - ⚠️ Ant-cell classes are not duplicated, verify the header/body cell rendering for a possible visual diff if you wrote specific CSS selectors on these `.ant-table-cell, .ant-table-cell-ellipsis, .ant-table-selection-column` (@frykten)
+    - Fix horizontal scrollbar appearing when table is empty with `scroll={{x: 'max-content'}}` (@mel-dalavekia)
+- **Tests:**
+    - fix upload e2e tests. paths had unnecessary `public/` and caused warnings (@evoiron)
+- **ItemCard:**
+    - Fix the hover-revealed action overlay disappearing while the overflow "more" dropdown is open and the pointer moves onto a menu item (the menu renders in a portal outside the hovered image, so CSS `:hover` alone dropped the overlay); it now also opens on click (`trigger={['click']}`) instead of hover, and stays visible for as long as the dropdown is open (@evoiron)
+    - Fix the overflow "more" dropdown staying open after clicking one of its menu items (`KitDropDown` deliberately doesn't close itself on an item click) — it now closes as soon as the clicked action's own `onClick` has run (@evoiron)
+- **Tag:**
+    - Fix `Tag.Group` hiding tags that fit when its parent is a flex item, an inline-block or a float (@philippechevieux)
+    - Announce `Tag.Group` as a list of tags whose `+N others` control is a real button (@philippechevieux)
+    - Fix the `+N others` dialog and the tags it lists being invisible to assistive technologies (@philippechevieux)
+    - ⚠️ A `Tag` now takes a tab stop only when `onClick` is set, and is then activated with `Enter` or `Space` like a native button (@philippechevieux)
+- **Modal:**
+    - 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)
+
+### 📝 Documentation
+
+- Fix the Storybook table of contents listing the titles of the components used as demo data (`KitRedirectCard`, `KitItemCard`…) alongside the real chapters (@philippechevieux)
+- Add the `Theme customisation` exemple in KitApp page (@evoiron)
+- Move `Icons` page to `Assets` category (@evoiron)
+- Rename `Icons` page to `Icon` (@evoiron)
+- Rename `Colors` page to `Color` (@evoiron)
+- Add `Radius` and `Shadow` pages (@evoiron)
+
+### 📦 Upgrade
+
+- Remove the `styled-components` dependency: Storybook's own tooling (Theme Editor, Design Tokens page, canvas chrome…) now uses plain SCSS instead of CSS-in-JS; no `Kit` component ever depended on it (@evoiron)
+- Upgrade React from `18.3.1` to `19.2.8` (@philippechevieux)
+    - The `react` and `react-dom` peer range widens to `^18.2.0 || ^19.0.0`: React is externalized from the bundles, so consumers staying on 18 are unaffected
+    - **Tabs**: fix the tab refs never being registered when running on React 19
+    - **⚠️ Breaking change** — `Comment`, `Thread`, `Button` and `SideMenu` items type their HTML props against the element they actually render (`HTMLElement`, `HTMLUListElement`, `HTMLButtonElement`) instead of `HTMLDivElement`
+    - `onScrollEnd` is no longer exposed by any `Kit` props type, alongside `onScroll` which was already omitted
+- Load every SCSS file with `@use` instead of the deprecated `@import`, which Dart Sass 3 will remove; the generated CSS is unchanged (@philippechevieux)
+
 ## [17.1.0](https://www.npmjs.com/package/aristid-ds/v/17.1.0) (2026-07-23)
 
 ### ✨ Features

package/README.md

@@ -11,7 +11,7 @@
 
 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.
 
-**Package:** `aristid-ds` · **Stack:** React 18, TypeScript 5, Ant Design 5, Vite 7, Storybook 8
+**Package:** `aristid-ds` · **Stack:** React 18 or 19, TypeScript 5, Ant Design 6, Vite 8, Storybook 10
 
 ---
 
@@ -136,3 +136,18 @@ With npm + Jest:
 - [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).

package/dist/.storybook/aristidTheme.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("storybook/theming").ThemeVars;
+export default _default;

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

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

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

@@ -0,0 +1,22 @@
+import axe from 'axe-core';
+import { Results, subscriptionCallback } from './types';
+declare class AccessibilityManager {
+    #private;
+    static active: boolean;
+    results: Results;
+    running: boolean;
+    private constructor();
+    static get instance(): AccessibilityManager;
+    private shiftQueue;
+    private setResult;
+    subscribe(resultId: string, id: string, callback: subscriptionCallback): void;
+    unsubscribe(resultId: string, id: string): void;
+    invalidate(id: string, nodeId: string): void;
+    rerun(id: string): void;
+    addItem(id: string, nodeId: axe.Selector): void;
+    toggleHighlight(id: string, target: string[], highlight: boolean): void;
+    setTab(id: string, index: number): void;
+    private runTests;
+    private processNextItem;
+}
+export default AccessibilityManager;

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

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+import { ElementsProps } from './types';
+export declare const Elements: FunctionComponent<ElementsProps>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ToggleProps } from './types';
+export declare enum CheckBoxStates {
+    CHECKED = 0,
+    UNCHECKED = 1,
+    INDETERMINATE = 2
+}
+declare const HighlightToggle: React.FunctionComponent<ToggleProps>;
+export default HighlightToggle;

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

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+import { InfoProps } from './types';
+export declare const Info: FunctionComponent<InfoProps>;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { ItemProps } from './types';
+export declare const Item: FunctionComponent<ItemProps>;

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

@@ -0,0 +1,9 @@
+import type { FunctionComponent } from 'react';
+import { RulesProps } from './types';
+export declare enum ImpactValue {
+    MINOR = "minor",
+    MODERATE = "moderate",
+    SERIOUS = "serious",
+    CRITICAL = "critical"
+}
+export declare const Rules: FunctionComponent<RulesProps>;

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

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+import { TagsProps } from './types';
+export declare const Tags: FunctionComponent<TagsProps>;

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

@@ -0,0 +1,3 @@
+import type { FunctionComponent } from 'react';
+import { ReportProps } from './types';
+export declare const Report: FunctionComponent<ReportProps>;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { TabsProps } from './types';
+export declare const Tabs: FunctionComponent<TabsProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './BackToTop.scss';
+declare const BackToTop: ({ children, ...rest }: {
+    [x: string]: any;
+    children?: null | undefined;
+}) => React.JSX.Element | null;
+export default BackToTop;

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

@@ -0,0 +1,12 @@
+export const toggleClassName: "cc-toggle";
+export default CustomCanvas;
+declare function CustomCanvas({ id, withSource, content, source, backgroundColor, a11y, ...props }: {
+    [x: string]: any;
+    id: any;
+    withSource: any;
+    content: any;
+    source: any;
+    backgroundColor: any;
+    a11y?: boolean | undefined;
+}): React.JSX.Element;
+import React from 'react';

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { IRow } from './types';
+import './Row.scss';
+declare const Row: FunctionComponent<IRow>;
+export default Row;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { ISection } from './types';
+import './SectionRow.scss';
+declare const SectionRow: FunctionComponent<ISection>;
+export default SectionRow;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { ITokensList } from './types';
+import './index.scss';
+declare const TokensList: FunctionComponent<ITokensList>;
+export default TokensList;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IFigmaImage } from './types';
+declare const FigmaImage: FunctionComponent<IFigmaImage>;
+export default FigmaImage;

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

@@ -0,0 +1,11 @@
+export declare const figmaURLPattern: RegExp;
+declare const useGetFigmaImage: ({ src }: {
+    src: any;
+}) => {
+    status: "loading" | "fetched" | "failed";
+    src: any;
+    error: any;
+};
+declare const setAccessToken: (key: any) => any;
+export { setAccessToken };
+export default useGetFigmaImage;

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

@@ -0,0 +1,2 @@
+export default ImagePreview;
+declare function ImagePreview(props: any): import("node_modules/@types/react").JSX.Element;

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

@@ -0,0 +1,2 @@
+export default InfoBox;
+declare function InfoBox(props: any): import("node_modules/@types/react").JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './LocaleSelector.scss';
+export declare const LocaleSelector: ({ context }: {
+    context: any;
+}) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import './PackageVersionNumber.scss';
+export declare const PackageVersionNumber: FunctionComponent;

package/dist/.storybook/components/Shared/FlagIcon.d.ts

@@ -0,0 +1,7 @@
+import { ImgHTMLAttributes } from 'react';
+export type FlagIconCode = string;
+export interface FlagIconProps extends ImgHTMLAttributes<HTMLImageElement> {
+    code: FlagIconCode;
+    size?: number;
+}
+export declare const FlagIcon: ({ code, alt, size, width, height, ...props }: FlagIconProps) => import("react").JSX.Element;

package/dist/.storybook/components/Shared/Icon.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import React__default from 'react';
+import './Icon.scss';
+interface StorybookIconProps extends React__default.SVGAttributes<SVGElement> {
+    children?: never;
+    color?: string;
+    size?: number;
+}
+declare const ICONS: {
+    readonly [key: string]: React.ForwardRefExoticComponent<StorybookIconProps & React.RefAttributes<SVGSVGElement>>;
+};
+interface IconProps extends StorybookIconProps {
+    icon: keyof typeof ICONS;
+}
+declare const Icon: ({ icon, className, ...props }: IconProps) => React.JSX.Element | null;
+export default Icon;

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

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

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { IComponentBlock } from '../types';
+import './Component.scss';
+export declare const componentWrapperClassName = "editor-component";
+declare const Component: FunctionComponent<IComponentBlock>;
+export default Component;

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

@@ -0,0 +1,6 @@
+import React, { FunctionComponent } from 'react';
+import { IField } from '../types';
+import './Field.scss';
+export declare const LinkButton: FunctionComponent<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+declare const Field: FunctionComponent<IField>;
+export default Field;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { IHeader } from '../types';
+import './Header.scss';
+declare const Header: FunctionComponent<IHeader>;
+export default Header;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent, HTMLAttributes } from 'react';
+import './MainHeader.scss';
+declare const MainHeader: FunctionComponent<HTMLAttributes<HTMLDivElement>>;
+export default MainHeader;

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ISection } from '../types';
+import './Section.scss';
+export declare const sectionClassName = "section";
+declare const Section: FunctionComponent<ISection>;
+export default Section;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IToken } from '../types';
+declare const Tokens: FunctionComponent<IToken>;
+export default Tokens;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IEditorContext, IEditorProvider } from './types';
+export declare const EditorContext: import("react").Context<IEditorContext>;
+export declare const EditorProvider: FunctionComponent<IEditorProvider>;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { IEditor } from './types';
+import './Editor.scss';
+declare const Editor: FunctionComponent<IEditor>;
+export default Editor;

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IEditorWrapper } from './types';
+declare const EditorWrapper: FunctionComponent<IEditorWrapper>;
+export default EditorWrapper;

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

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

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

@@ -0,0 +1,2 @@
+declare const cleanSource: (src: string) => string;
+export default cleanSource;

package/dist/.storybook/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SUBSCRIBE_A11Y_MANAGER_ID: {
+    PANEL: string;
+    TAB: string;
+    TOGGLE: (toggleId: string | undefined) => string;
+};

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { Preview } from '@storybook/react-vite';
+import './preview.scss';
+export declare const parameters: {
+    controls: {
+        matchers: {
+            color: RegExp;
+            date: RegExp;
+        };
+    };
+    options: {
+        storySort: {
+            method: string;
+        };
+    };
+    docs: {
+        container: ({ children, context }: {
+            children: any;
+            context: any;
+        }) => React.JSX.Element;
+    };
+};
+export declare const globalTypes: {
+    componentsLocale: {
+        name: string;
+        description: string;
+        defaultValue: {
+            locale: string;
+        };
+        toolbar: {
+            items: never[];
+        };
+    };
+};
+declare const preview: Preview;
+export default preview;

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

@@ -9,5 +9,5 @@ type KitAppProps = {
     children?: ReactNode;
     id?: string;
 };
-export declare const KitApp: ({ children, locale, customTheme, id, spellCheck }: KitAppProps) => import("react/jsx-runtime").JSX.Element;
+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.DMKfu33b.js";
+import { t as e } from "../../chunks/App.z0iV0Qc7.js";
 export { e as KitApp };

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IKitCardActions } from './types';
+export declare const CardActions: FunctionComponent<IKitCardActions>;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IKitCardImage } from './types';
+export declare const CardImage: FunctionComponent<IKitCardImage>;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { IKitCardMedia } from './types';
+export declare const CardMedia: FunctionComponent<IKitCardMedia>;

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

@@ -0,0 +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>;
+};
+export declare const KitCard: CompoundedComponent;
+export {};

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

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