@ssa-ui-kit/core 2.33.0 → 3.1.0

package/dist/components/Button/fixtures.d.ts

@@ -9,20 +9,20 @@ export declare const primaryBtnSpecs: TestPropsType[];
 export declare const secondaryBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
-    size?: keyof MainSizes | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    className?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    children?: import("react").ReactNode;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     block?: boolean | undefined;
+    size?: keyof MainSizes | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    children?: import("react").ReactNode;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
@@ -30,62 +30,83 @@ export declare const secondaryBtnSpecs: {
 export declare const tertiaryBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
-    size?: keyof MainSizes | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    className?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    children?: import("react").ReactNode;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     block?: boolean | undefined;
+    size?: keyof MainSizes | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    children?: import("react").ReactNode;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
 }[];
-export declare const infoBtnSpecs: {
+export declare const errorBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
-    size?: keyof MainSizes | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    className?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    children?: import("react").ReactNode;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     block?: boolean | undefined;
+    size?: keyof MainSizes | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    children?: import("react").ReactNode;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];
 }[];
-export declare const attentionBtnSpecs: {
+export declare const warningBtnSpecs: {
     variant: ButtonProps["variant"];
     text?: string | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    block?: boolean | undefined;
     size?: keyof MainSizes | undefined;
+    startIconClassName?: string | undefined;
+    endIconClassName?: string | undefined;
     type?: "button" | "reset" | "submit" | undefined;
     className?: string | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    children?: import("react").ReactNode;
+    disabled?: boolean;
+    startIcon?: React.ComponentProps<typeof Icon>["name"];
+    endIcon?: React.ComponentProps<typeof Icon>["name"];
+}[];
+export declare const successBtnSpecs: {
+    variant: ButtonProps["variant"];
+    text?: string | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
     "aria-describedby"?: string | undefined | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
     "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    children?: import("react").ReactNode;
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
     block?: boolean | undefined;
+    size?: keyof MainSizes | undefined;
     startIconClassName?: string | undefined;
     endIconClassName?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    className?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    children?: import("react").ReactNode;
     disabled?: boolean;
     startIcon?: React.ComponentProps<typeof Icon>["name"];
     endIcon?: React.ComponentProps<typeof Icon>["name"];

package/dist/components/Button/styles.d.ts

@@ -1,12 +1,7 @@
-import { Theme } from '@emotion/react';
-export declare const buttonBlock: import("@emotion/react").SerializedStyles;
-export declare const iconWrapperRight: import("@emotion/react").SerializedStyles;
-export declare const iconWrapperLeft: import("@emotion/react").SerializedStyles;
-export declare const large: import("@emotion/react").SerializedStyles;
-export declare const medium: import("@emotion/react").SerializedStyles;
-export declare const small: import("@emotion/react").SerializedStyles;
-export declare const primary: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const info: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const secondary: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const tertiary: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const attention: (theme: Theme) => import("@emotion/react").SerializedStyles;
+import { SerializedStyles } from '@emotion/react';
+import { ButtonVariants } from './types';
+export declare const buttonBlock: SerializedStyles;
+export declare const iconWrapperRight: SerializedStyles;
+export declare const iconWrapperLeft: SerializedStyles;
+export declare const sizeStyles: MainSizes;
+export declare const variantStyles: ButtonVariants;

package/dist/components/Button/types.d.ts

@@ -2,30 +2,124 @@ import { AriaAttributes } from 'react';
 import { SerializedStyles, Theme } from '@emotion/react';
 import { MouseEventHandler } from 'react';
 /**
- * https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ * ARIA properties for button accessibility
+ * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
  */
 type ButtonAriaProps = Pick<AriaAttributes, 'aria-labelledby' | 'aria-label' | 'aria-describedby' | 'aria-disabled' | 'aria-pressed' | 'aria-current'>;
+/**
+ * Props for the Button component
+ *
+ * A flexible button component that supports multiple variants, sizes, and configurations.
+ * Buttons can display text, icons, or custom children content.
+ *
+ * @example
+ * ```tsx
+ * // Basic button with text
+ * <Button text="Click me" onClick={handleClick} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Button with icon
+ * <Button
+ *   text="Save"
+ *   startIcon={<Icon name="check" />}
+ *   variant="primary"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Full-width block button
+ * <Button text="Submit" block variant="primary" />
+ * ```
+ */
 export interface ButtonProps extends ButtonAriaProps {
+    /**
+     * Makes the button span the full width of its container
+     * @default false
+     */
     block?: boolean;
+    /**
+     * Size variant of the button
+     * - `small`: Compact button for dense UIs (default)
+     * - `medium`: Standard button size
+     * - `large`: Prominent button for key actions
+     * @default 'small'
+     */
     size?: keyof MainSizes;
+    /**
+     * Text content to display inside the button
+     * Either `text`, `children`, or icons must be provided
+     */
     text?: string;
+    /**
+     * Icon to display before the button text/content
+     * Can be any React node, commonly an Icon component
+     */
     startIcon?: React.ReactNode;
+    /**
+     * Icon to display after the button text/content
+     * Can be any React node, commonly an Icon component
+     */
     endIcon?: React.ReactNode;
+    /**
+     * Custom CSS class name for the start icon wrapper
+     */
     startIconClassName?: string;
+    /**
+     * Custom CSS class name for the end icon wrapper
+     */
     endIconClassName?: string;
-    variant?: keyof ButtonVariants | 'custom';
+    /**
+     * Visual style variant of the button (uses theme.palette)
+     * - `primary` | `secondary` | `tertiary` | `error` | `warning` | `success`
+     * @default 'tertiary'
+     */
+    variant?: keyof ButtonVariants;
+    /**
+     * HTML button type attribute
+     * - `button`: Standard button (default)
+     * - `submit`: Form submission button
+     * - `reset`: Form reset button
+     * @default 'button'
+     */
     type?: 'button' | 'reset' | 'submit';
+    /**
+     * Disables the button, preventing user interaction
+     * @default false
+     */
     isDisabled?: boolean;
+    /**
+     * Custom CSS class name for the button
+     */
     className?: string;
+    /**
+     * Click event handler
+     * Fired when the button is clicked (if not disabled)
+     */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Custom content to render inside the button
+     * If provided, takes precedence over `text` prop
+     * Either `text`, `children`, or icons must be provided
+     */
     children?: React.ReactNode;
 }
+/**
+ * Button variant style functions.
+ * Each function reads from `theme.palette.<variant>` using the following convention:
+ * - `main`  → default background
+ * - `dark`  → hover and active background
+ * - `light` → focus background
+ */
 export interface ButtonVariants {
     primary: (theme: Theme) => SerializedStyles;
-    info: (theme: Theme) => SerializedStyles;
     secondary: (theme: Theme) => SerializedStyles;
     tertiary: (theme: Theme) => SerializedStyles;
-    attention: (theme: Theme) => SerializedStyles;
+    error: (theme: Theme) => SerializedStyles;
+    warning: (theme: Theme) => SerializedStyles;
+    success: (theme: Theme) => SerializedStyles;
 }
 export type ButtonTextProps = {
     text: string;

package/dist/components/Charts/BarGaugeChart/components/BarGaugeChartHeader.d.ts

@@ -1,5 +1,5 @@
 import { BarGaugeChartHeaderProps } from '../types';
-export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../index").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const BarGaugeChartHeader: <F extends string[]>({ features, }: BarGaugeChartHeaderProps<F>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BarLineComplexChart/BarLineComplexChartView.d.ts

@@ -1,8 +1,8 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { BarLineComplexInternalProps } from './types';
 export declare const BarLineComplexChartView: ({ width, height, isFullscreenMode, transformedChartData, tooltipContentRef, extraModeBarButtons, systemModeBarButtons, onChange, ...props }: BarLineComplexInternalProps & {
     isFullscreenMode: boolean;
     transformedChartData: Plotly.Data[];
-    tooltipContentRef: MutableRefObject<HTMLDivElement | null>;
+    tooltipContentRef: RefObject<HTMLDivElement | null>;
     extraModeBarButtons: Array<Plotly.ModeBarButtonAny>;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BarLineComplexChart/types.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { PlotParams } from 'react-plotly.js';
 import { PieChartProps } from '../PieChart';
 export type BarLineChartItem = Plotly.Data & {
@@ -52,7 +52,7 @@ export interface BarLineComplexChartContextProviderProps extends Pick<BarLineCom
 export interface UseChartInfo {
     (): {
         transformedChartData: Plotly.Data[];
-        tooltipContentRef: MutableRefObject<HTMLDivElement | null>;
+        tooltipContentRef: RefObject<HTMLDivElement | null>;
         modeBarButtonsByKey: Record<string, Plotly.ModeBarButtonAny>;
     };
 }

package/dist/components/Charts/BigNumberChart/BigNumberChart.d.ts

@@ -1,15 +1,17 @@
-import { Datum } from '@nivo/line';
+import { LineSeries } from '@nivo/line';
 import { WidgetCardProps } from '../../index';
 import { TrendLineProps } from './components';
 export type BigNumberChartFeatures = 'header' | 'fullscreenMode';
+type Datum = LineSeries['data'][number];
 export interface BigNumberChartProps {
     data: Datum[];
     interactive?: boolean;
     title?: string;
     widgetCardProps?: WidgetCardProps;
-    trendLineProps?: Omit<TrendLineProps, 'data'>;
+    trendLineProps?: Omit<TrendLineProps, 'data' | 'height' | 'width'>;
     features?: BigNumberChartFeatures[];
     valueFormat?: (value: Datum) => React.ReactNode;
 }
 export declare const BigNumberChartComponent: ({ data, title, widgetCardProps, trendLineProps, interactive, features, valueFormat, }: BigNumberChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const BigNumberChart: typeof BigNumberChartComponent;
+export {};

package/dist/components/Charts/BigNumberChart/components/BigNumberChartHeader.d.ts

@@ -1,5 +1,5 @@
 import { MustInclude } from '@ssa-ui-kit/utils';
-export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../index").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export interface BigNumberChartHeaderProps<T extends string[]> {

package/dist/components/Charts/BigNumberChart/components/TrendLine.d.ts

@@ -1,8 +1,13 @@
-import { LineProps, Datum } from '@nivo/line';
+import { LineSvgProps, LineSeries } from '@nivo/line';
 import { TrendLineTooltipProps } from './TrendLineTooltip';
-export interface TrendLineProps extends LineProps {
+type Datum = LineSeries['data'][number];
+export interface TrendLineProps extends Omit<LineSvgProps<LineSeries>, 'data' | 'height' | 'width'> {
     color?: string;
-    tooltipValueFormat?: TrendLineTooltipProps['valueFormat'];
+    tooltipValueFormat?: TrendLineTooltipProps<LineSeries>['valueFormat'];
     lastActivePoint?: Datum;
+    data: LineSvgProps<LineSeries>['data'];
+    height: number;
+    width: number;
 }
 export declare const TrendLine: ({ color, tooltipValueFormat, ...props }: TrendLineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Charts/BigNumberChart/components/TrendLineTooltip.d.ts

@@ -1,5 +1,8 @@
-import { Point, PointTooltipProps } from '@nivo/line';
-export type TrendLineTooltipProps = PointTooltipProps & {
-    valueFormat?: (data: Point['data']) => React.ReactNode;
-};
-export declare const TrendLineTooltip: ({ point, valueFormat, }: TrendLineTooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { Theme } from '@emotion/react';
+import { Interpolation } from '@emotion/styled';
+import { LineSeries, Point, PointTooltipProps } from '@nivo/line';
+export interface TrendLineTooltipProps<Series extends LineSeries> extends PointTooltipProps<Series> {
+    valueFormat?: (data: Point<Series>['data']) => React.ReactNode;
+    css?: Interpolation<Theme>;
+}
+export declare const TrendLineTooltip: <Series extends LineSeries>({ point, css, valueFormat, }: TrendLineTooltipProps<Series>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/GaugeChart/components/GaugeChartBase.d.ts

@@ -1,7 +1,9 @@
-import { MayHaveLabel, ResponsivePie } from '@nivo/pie';
+import { MayHaveLabel } from '@nivo/pie';
+declare const ResponsivePie: <RawDatum extends MayHaveLabel>(props: import("@nivo/core").WithChartRef<import("@nivo/core").ResponsiveProps<import("@nivo/pie").PieSvgProps<RawDatum>>, SVGSVGElement>) => import("react").ReactElement;
 export type GaugeChartData = {
     color?: string;
     value?: number;
 } & MayHaveLabel;
 export type GaugeChartBaseProps = React.ComponentProps<typeof ResponsivePie<GaugeChartData>>;
 export declare const GaugeChartBase: ({ ...props }: GaugeChartBaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Charts/GaugeChart/components/GaugeChartHeader.d.ts

@@ -1,5 +1,5 @@
 import { MustInclude } from '@ssa-ui-kit/utils';
-export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../index").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export interface GaugeChartHeaderProps<T extends string[]> {

package/dist/components/Charts/PieChart/PieChartLegendMarker.d.ts

@@ -1,4 +1,4 @@
-export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<Omit<Omit<import("react").HTMLProps<HTMLDivElement>, "size"> & import("../../Badge/types").BadgeProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const PieChartLegendMarker: import("@emotion/styled").StyledComponent<Omit<Omit<import("react").HTMLProps<HTMLDivElement>, "size"> & import("../..").BadgeProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & {
     background?: string;

package/dist/components/Charts/PieChart/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const PieChartButton: import("@emotion/styled").StyledComponent<import("../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const PieChartButton: import("@emotion/styled").StyledComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/dist/components/Charts/PieChart/types.d.ts

@@ -49,7 +49,7 @@ export type PieChartLegendProps = {
 export type PieChartTooltipViewProps = {
     isOpen: boolean;
     point?: PieTooltipProps<MayHaveLabel & {
-        percentage?: number;
+        percentage?: number | string;
         dimension?: string;
     }> | null;
     outputType: PieChartTooltipProps['outputType'];

package/dist/components/Charts/RadarChart/RadarChart.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
-import { ResponsiveRadar } from '@nivo/radar';
 import { WidgetCardProps } from '../../WidgetCard';
+declare const ResponsiveRadar: <D extends Record<string, unknown>>(props: import("@nivo/core").WithChartRef<import("@nivo/core").ResponsiveProps<import("@nivo/radar").RadarSvgProps<D>>, SVGSVGElement>) => import("react").ReactElement;
 export type RadarChartFeatures = 'header' | 'fullscreenMode';
 type ResponsiveRadarProps<D extends Record<string, unknown>> = ComponentProps<typeof ResponsiveRadar<D>>;
 export interface RadarChartProps<D extends Record<string, unknown>> extends Omit<ResponsiveRadarProps<D>, 'legends'> {

package/dist/components/Charts/RadarChart/components/RadarChartHeader.d.ts

@@ -1,5 +1,5 @@
 import { MustInclude } from '@ssa-ui-kit/utils';
-export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../../index").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export interface RadarChartHeaderProps<T extends string[]> {

package/dist/components/Charts/TreeMapChart/TreeMapChart.d.ts

@@ -1,5 +1,5 @@
-import { ResponsiveTreeMap } from '@nivo/treemap';
 import { WidgetCardProps } from '../../WidgetCard';
+declare const ResponsiveTreeMap: <Datum extends object = import("@nivo/treemap").DefaultTreeMapDatum>(props: import("@nivo/core").WithChartRef<import("@nivo/core").ResponsiveProps<import("@nivo/treemap").TreeMapSvgProps<Datum>>, SVGSVGElement>) => import("react").ReactElement;
 export type TreeNode = {
     name: string;
     value?: number;

package/dist/components/Charts/TreeMapChart/TreeMapChartHeader.d.ts

@@ -1,5 +1,5 @@
 import { TreeMapChartFeature } from './TreeMapChart';
-export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const FullScreenButton: import("@emotion/styled").StyledComponent<import("../../index").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export interface TreeMapChartHeaderProps {

package/dist/components/Charts/index.d.ts

@@ -8,3 +8,4 @@ export * from './GaugeChart';
 export * from './BarGaugeChart';
 export * from './BigNumberChart';
 export * from './CandlestickChart';
+export * from './utils/nivoReact19Compat';

package/dist/components/Charts/utils/nivoReact19Compat.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentType } from 'react';
+/**
+ * React 19 compatibility wrapper for Nivo responsive components.
+ *
+ * @nivo components can be received as module objects instead of functions due to
+ * CommonJS/ESM interop issues. This wrapper detects and unwraps such objects,
+ * then creates a functional component wrapper.
+ *
+ * The unwrapping process checks for:
+ * - .default export (CommonJS/ESM default export)
+ * - .ResponsiveWrapper property (Nivo's internal wrapper)
+ * - Direct function component
+ *
+ * @param Component - The Nivo responsive component (e.g., ResponsiveLine, ResponsivePie)
+ * @param displayName - Display name for debugging in React DevTools
+ * @returns A React 19 compatible functional component
+ */
+export declare function wrapNivoResponsiveComponent<T extends ComponentType<any>>(Component: T, displayName?: string): T;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,87 @@
 import { CheckboxProps } from './types';
+/**
+ * Checkbox - Form control for selecting one or more options
+ *
+ * A flexible checkbox component that supports controlled and uncontrolled states,
+ * indeterminate state, React Hook Form integration, and full accessibility.
+ * The component automatically manages indeterminate state and provides visual
+ * feedback through icons (checkmark or minus for indeterminate).
+ *
+ * Colors are driven by `theme.palette`:
+ * - `primary` (default) — blue; uses `palette.primary.light/main/dark` for
+ *   the resting border, checked fill, and hover fill. Disabled uses `greyFocused40`.
+ * - `success` — green; uses `palette.success.main/dark` for the border and fills.
+ *   Disabled uses `greyFocused40`.
+ * - `custom` — unstyled; apply your own colors via `className` or the `css` prop.
+ *
+ * @category Form Controls
+ * @subcategory Input
+ *
+ * @example
+ * ```tsx
+ * // Basic usage (primary / blue by default)
+ * <Checkbox
+ *   id="accept-terms"
+ *   text="Accept terms and conditions"
+ *   onChange={(checked) => handleChange(checked)}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Green (success) variant
+ * <Checkbox
+ *   id="success-checkbox"
+ *   text="Task completed"
+ *   color="success"
+ *   onChange={handleChange}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With React Hook Form
+ * const { register } = useForm();
+ * <Checkbox
+ *   name="newsletter"
+ *   text="Subscribe to newsletter"
+ *   register={register}
+ *   isRequired
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled checkbox
+ * const [checked, setChecked] = useState(false);
+ * <Checkbox
+ *   text="Controlled checkbox"
+ *   externalState={checked}
+ *   onChange={setChecked}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Indeterminate state (e.g., "select all")
+ * <Checkbox
+ *   text="Select all items"
+ *   isIndeterminate={someSelected && !allSelected}
+ *   initialState={allSelected}
+ *   onChange={handleSelectAll}
+ * />
+ * ```
+ *
+ * @see {@link Field} - Use Field.Root to wrap Checkbox for labels and validation
+ * @see {@link FormCheckbox} - Alternative checkbox component with form integration
+ *
+ * @accessibility
+ * - Fully keyboard accessible (Space to toggle)
+ * - Supports ARIA attributes via HTML input element
+ * - Proper label association via htmlFor/id
+ * - Screen reader friendly with proper roles
+ *
+ * @requires React Hook Form when using `register` prop
+ */
 declare const Checkbox: ({ text, id, onChange, isDisabled, externalState, initialState, isIndeterminate, name, isRequired, ref, register, ...rest }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/CheckboxBase.d.ts

@@ -1,4 +1,4 @@
 import { CheckboxProps } from './types';
-export declare const CheckboxBase: import("@emotion/styled").StyledComponent<import("../Label/types").LabelProps & {
+export declare const CheckboxBase: import("@emotion/styled").StyledComponent<import("..").LabelProps & {
     theme?: import("@emotion/react").Theme;
 } & Pick<CheckboxProps, "color">, {}, {}>;

package/dist/components/Checkbox/styles.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '@emotion/react';
 export declare const checkboxStyles: {
-    blueInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
-    greenInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
+    primaryInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
+    successInput: (theme: Theme) => import("@emotion/react").SerializedStyles;
 };