@kubit-ui-web/react-charts 1.10.0 → 1.11.1

package/dist/cjs/components/bar/bar.type.d.ts

@@ -1,53 +0,0 @@
-import type { AriaAttributes, HTMLAttributes } from 'react';
-import type { StyleProps } from '../../components/path/path.types';
-export declare const BarOrientation: {
-    readonly HORIZONTAL: "HORIZONTAL";
-    readonly VERTICAL: "VERTICAL";
-};
-interface DataAttributes {
-    [key: `data-${string}`]: string | number | boolean | undefined;
-}
-export interface BarChartColor extends AriaAttributes, DataAttributes {
-    color: string;
-    coverage: number;
-    title?: string;
-    role?: HTMLAttributes<SVGElement>['role'];
-    tabIndex?: HTMLAttributes<SVGElement>['tabIndex'];
-}
-export interface BarChartStyles {
-    gap?: number;
-    barWidth: number;
-    singleConfig: BarChartColor[];
-}
-export interface BarProps {
-    orientation: (typeof BarOrientation)[keyof typeof BarOrientation];
-    barConfig: BarChartStyles;
-    order?: number;
-    currentBars: number;
-    extraSpacing?: number;
-    parentIndex?: number;
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-    startRounded?: number;
-    endRounded?: number;
-    /**
-     * @deprecated In the next major version, this prop will use a more restrictive interface
-     * based on FocusConfig type. Other StyleProps fields are currently ignored.
-     */
-    focusConfig?: StyleProps;
-    tabIndex?: number;
-    onFocus?: (event: React.FocusEvent<SVGPathElement>) => void;
-    onBlur?: (event: React.FocusEvent<SVGPathElement>) => void;
-    dataKey?: string;
-    xKey?: string;
-    yKey?: string;
-    xData?: string | number;
-    yData?: string | number;
-}
-export interface BarChartSegmentProps extends Omit<BarProps, 'colorPalette'> {
-    color: string;
-}
-export {};
-//# sourceMappingURL=bar.type.d.ts.map

package/dist/cjs/components/bar/bar.type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/bar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,UAAU,cAAc;IACtB,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,cAAc;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,EAAE,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;IAClE,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/cjs/components/bar/index.d.ts

@@ -1,3 +0,0 @@
-export * from './bar';
-export * from './bar.type';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/bar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC"}

package/dist/cjs/components/bar/index.js

@@ -1,2 +0,0 @@
-export * from './bar';
-export * from './bar.type';

package/dist/cjs/components/bar/utils/accessibility.d.ts

@@ -1,22 +0,0 @@
-export declare const BAR_TEMPLATE_KEYS: {
-    readonly DATA_KEY: "{{dataKey}}";
-    readonly X_KEY: "{{xKey}}";
-    readonly Y_KEY: "{{yKey}}";
-    readonly X_DATA: "{{xData}}";
-    readonly Y_DATA: "{{yData}}";
-    readonly COVERAGE: "{{coverage}}";
-    readonly INDEX: "{{index}}";
-};
-type BuildAriaLabel = (params: {
-    ariaLabel?: string;
-    dataKey?: string;
-    xKey?: string;
-    yKey?: string;
-    xData?: string | number;
-    yData?: string | number;
-    coverage: number;
-    index: number;
-}) => string | undefined;
-export declare const buildAriaLabel: BuildAriaLabel;
-export {};
-//# sourceMappingURL=accessibility.d.ts.map

package/dist/cjs/components/bar/utils/accessibility.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/accessibility.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB;;;;;;;;CAQpB,CAAC;AAEX,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzB,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC"}

package/dist/cjs/components/bar/utils/buildD.d.ts

@@ -1,9 +0,0 @@
-import { type BarProps } from '../bar.type';
-type GetSegmentProps = Omit<BarProps, 'barConfig' | 'order' | 'extraSpacing'> & {
-    barWidth: number;
-    order: number;
-    extraSpacing: number;
-};
-export declare const buildD: ({ barWidth, currentBars, endRounded, extraSpacing, order, orientation, startRounded, x1, x2, y1, y2, }: GetSegmentProps) => string;
-export {};
-//# sourceMappingURL=buildD.d.ts.map

package/dist/cjs/components/bar/utils/buildD.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildD.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/buildD.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5D,KAAK,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,CAAC,GAAG;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AA8CF,eAAO,MAAM,MAAM,GAAI,wGAYpB,eAAe,KAAG,MA0EpB,CAAC"}

package/dist/cjs/components/bar/utils/getSegments.d.ts

@@ -1,6 +0,0 @@
-import { type BarProps } from '../bar.type';
-type GetSegmentProps = Omit<BarProps, 'barWidth' | 'currentBars' | 'position'>;
-type GetSegmentReturn = [number, number][];
-export declare const getSegments: ({ barConfig, orientation, x1, x2, y1, y2, }: GetSegmentProps) => GetSegmentReturn;
-export {};
-//# sourceMappingURL=getSegments.d.ts.map

package/dist/cjs/components/bar/utils/getSegments.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getSegments.d.ts","sourceRoot":"","sources":["../../../../../src/components/bar/utils/getSegments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5D,KAAK,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC,CAAC;AAC/E,KAAK,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;AAS3C,eAAO,MAAM,WAAW,GAAI,6CAOzB,eAAe,KAAG,gBAyBpB,CAAC"}

package/dist/cjs/components/chartText/chartText.d.ts

@@ -1,18 +0,0 @@
-import type { FC } from 'react';
-import type { ChartTextProps } from './chartText.types';
-/**
- * Functional component for rendering SVG text elements in React.
- *
- * This component abstracts the `<text>` SVG element, providing a convenient interface for rendering text within SVGs
- * using React. It accepts all standard SVG text attributes via `ChartTextProps`, along with additional React-specific
- * properties such as `className` and `tabIndex`. The component's children are expected to be the text content to be
- * rendered.
- *
- * @param {ChartTextProps} props - The properties for the text component.
- * @param {string} [props.className='circle'] - Optional. CSS class name for the text element. Defaults to 'circle'.
- * @param {number} [props.tabIndex=-1] - Optional. Specifies the tab order of the element. Defaults to -1, which means the element is not focusable.
- * @param {React.ReactNode} props.children - The text content to be rendered within the `<text>` element.
- * @returns {React.ReactElement} A React element representing the SVG text.
- */
-export declare const ChartText: FC<ChartTextProps>;
-//# sourceMappingURL=chartText.d.ts.map

package/dist/cjs/components/chartText/chartText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chartText.d.ts","sourceRoot":"","sources":["../../../../src/components/chartText/chartText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAMxC,CAAC"}

package/dist/cjs/components/chartText/chartText.types.d.ts

@@ -1,57 +0,0 @@
-/**
- * Defines the properties for rendering text within SVG elements in React components.
- *
- * This interface encompasses a wide range of properties that control the appearance and positioning of text in SVG.
- * It includes standard SVG attributes for positioning (x, y, dx, dy), text formatting (fontFamily, fontSize, fontStyle,
- * fontWeight), text decoration (textDecoration), and more advanced SVG features like textLength, lengthAdjust, and
- * writingMode. Additionally, it supports React-specific properties like style, className, and children, allowing for
- * further customization and integration within React applications.
- */
-export interface ChartTextProps {
-    x?: number | string;
-    y?: number | string;
-    dx?: number | string;
-    dy?: number | string;
-    textLength?: number | string;
-    lengthAdjust?: 'spacing' | 'spacingAndGlyphs';
-    rotate?: number;
-    textAnchor?: 'start' | 'middle' | 'end';
-    startOffset?: number;
-    direction?: 'ltr' | 'rtl';
-    kerning?: number;
-    letterSpacing?: number;
-    wordSpacing?: number;
-    textDecoration?: 'none' | 'underline' | 'overline' | 'line-through' | 'blink';
-    unicodeBidi?: 'normal' | 'embed' | 'bidi-override';
-    writingMode?: 'lr-tb' | 'rl-tb' | 'tb-rl' | 'lr' | 'rl' | 'tb';
-    fill?: string;
-    fillOpacity?: number;
-    stroke?: string;
-    strokeWidth?: number;
-    strokeOpacity?: number;
-    fontFamily?: string;
-    /**
-     * Font size in SVG user units (unitless number).
-     *
-     * Must be a number to ensure proper scaling with the SVG viewBox coordinate system.
-     * Using string units like 'px' or 'em' would break responsive chart scaling and
-     * cause layout calculation errors in text measurement utilities.
-     *
-     * @example
-     * // ✅ Correct: Scales with viewBox
-     * fontSize: 2
-     *
-     * // ❌ Incorrect: Fixed size, doesn't scale
-     * fontSize: "12px"
-     */
-    fontSize?: number;
-    fontStyle?: 'normal' | 'italic' | 'oblique';
-    fontWeight?: 'normal' | 'bold' | 'bolder' | 'lighter' | number;
-    opacity?: number;
-    transform?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    tabIndex?: number;
-    children?: React.ReactNode;
-}
-//# sourceMappingURL=chartText.types.d.ts.map

package/dist/cjs/components/chartText/chartText.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chartText.types.d.ts","sourceRoot":"","sources":["../../../../src/components/chartText/chartText.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,WAAW,cAAc;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAC9E,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC5C,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/cjs/components/chartText/chartText.types.js

@@ -1,10 +0,0 @@
-/**
- * Defines the properties for rendering text within SVG elements in React components.
- *
- * This interface encompasses a wide range of properties that control the appearance and positioning of text in SVG.
- * It includes standard SVG attributes for positioning (x, y, dx, dy), text formatting (fontFamily, fontSize, fontStyle,
- * fontWeight), text decoration (textDecoration), and more advanced SVG features like textLength, lengthAdjust, and
- * writingMode. Additionally, it supports React-specific properties like style, className, and children, allowing for
- * further customization and integration within React applications.
- */
-export {};

package/dist/cjs/components/chartText/index.d.ts

@@ -1,3 +0,0 @@
-export * from './chartText';
-export * from './chartText.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/chartText/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chartText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/cjs/components/chartText/index.js

@@ -1,2 +0,0 @@
-export * from './chartText';
-export * from './chartText.types';

package/dist/cjs/components/focusRing/components/FocusRingInline.d.ts

@@ -1,25 +0,0 @@
-import { type ReactElement } from 'react';
-import type { FocusConfig } from '../../../types/focusConfig.type';
-export interface FocusRingInlineProps {
-    children: ReactElement;
-    isFocused: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-    focusConfig?: FocusConfig;
-}
-/**
- * FocusRing component for inline mode (children).
- * Wraps the element and renders focus ring inline with automatic z-order.
- *
- * This component:
- * - Clones the children element and attaches a ref to it
- * - Detects element bounds on mount and when focus state changes
- * - Renders the focus ring BEFORE the element (proper z-order)
- * - Handles both adaptive and bounding-box variants
- * - Preserves any existing ref the children might have
- *
- * @param props - FocusRingInlineProps
- * @returns JSX element with focus ring + wrapped children
- */
-export declare const FocusRingInline: React.FC<FocusRingInlineProps>;
-//# sourceMappingURL=FocusRingInline.d.ts.map

package/dist/cjs/components/focusRing/components/FocusRingInline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusRingInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/components/FocusRingInline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAM5D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoC1D,CAAC"}

package/dist/cjs/components/focusRing/components/FocusRingRenderer.d.ts

@@ -1,13 +0,0 @@
-import type { FocusRingRendererProps } from '../focusRing.types';
-/**
- * Internal component that renders the actual focus ring elements.
- * Supports both adaptive and bounding-box strategies with a unified rendering approach.
- *
- * This is a pure presentational component that receives pre-calculated FocusRingLayers
- * and renders the appropriate SVG elements using React.createElement.
- *
- * @param props - FocusRingRendererProps
- * @returns JSX element with focus ring SVG elements, or null if no valid data
- */
-export declare const FocusRingRenderer: React.FC<FocusRingRendererProps>;
-//# sourceMappingURL=FocusRingRenderer.d.ts.map

package/dist/cjs/components/focusRing/components/FocusRingRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusRingRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/components/FocusRingRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkB9D,CAAC"}

package/dist/cjs/components/focusRing/components/FocusRingSeparate.d.ts

@@ -1,40 +0,0 @@
-import type { RefObject } from 'react';
-import type { FocusConfig } from '../../../types/focusConfig.type';
-export interface FocusRingSeparateProps {
-    targetRef: RefObject<SVGGraphicsElement>;
-    isFocused: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-    focusConfig?: FocusConfig;
-}
-/**
- * FocusRing component for separate mode (targetRef).
- * Renders only the focus ring, allowing precise z-order control.
- *
- * This component:
- * - Uses a ref to the target element (does not wrap it)
- * - Only renders the focus ring (no children cloning)
- * - Allows precise z-order control by controlling where FocusRing is placed in JSX
- * - Handles both adaptive and bounding-box variants
- *
- * **IMPORTANT NOTE: Z-Order with Adaptive Variant**
- *
- * When using `variant: 'adaptive'` (default), the FocusRing **MUST be rendered BEFORE**
- * the target element in SVG document order. Otherwise, focus ring strokes will cover the element.
- *
- * @param props - FocusRingSeparateProps
- * @returns JSX element with only focus ring, or null if not focused/disabled
- *
- * @example
- * ```tsx
- * const ref = useRef<SVGCircleElement>(null);
- *
- * // CORRECT: FocusRing before element
- * <>
- *   <FocusRingSeparate targetRef={ref} isFocused={true} />
- *   <circle ref={ref} cx={50} cy={50} r={30} />
- * </>
- * ```
- */
-export declare const FocusRingSeparate: React.FC<FocusRingSeparateProps>;
-//# sourceMappingURL=FocusRingSeparate.d.ts.map

package/dist/cjs/components/focusRing/components/FocusRingSeparate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusRingSeparate.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/components/FocusRingSeparate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoB9D,CAAC"}

package/dist/cjs/components/focusRing/focusRing.css

@@ -1,14 +0,0 @@
-.focus-ring-outer {
-    /* Ensure focus rings don't interfere with pointer events */
-    pointer-events: none;
-}
-
-.focus-ring-inner {
-    /* Ensure focus rings don't interfere with pointer events */
-    pointer-events: none;
-}
-
-.focus-ring-container {
-    /* Ensure focus ring group doesn't interfere with interactions */
-    pointer-events: none;
-}

package/dist/cjs/components/focusRing/focusRing.d.ts

@@ -1,35 +0,0 @@
-import type { FC } from 'react';
-import './focusRing.css';
-import type { FocusRingProps } from './focusRing.types';
-/**
- * FocusRing - Controlled, purely decorative component for rendering focus rings around SVG elements.
- *
- * **Key Characteristics:**
- * - **Controlled Component**: Parent manages `isFocused` state
- * - **Purely Decorative**: Does not intercept or manage events
- * - **Two Modes**: Inline (children) or Separate (targetRef) rendering
- * - **Zero Configuration**: Automatic element detection
- *
- * **Two Modes:**
- *
- * 1. **Inline (children)** - Wraps element, focus ring rendered inline, z-order handled automatically
- * 2. **Separate (targetRef)** - Only renders focus ring, allows precise z-order control
- *
- * **IMPORTANT NOTE: Z-Order with Adaptive Variant**
- *
- * When using `variant: 'adaptive'` (default) with `targetRef` mode, the FocusRing **MUST be rendered BEFORE**
- * the target element in SVG document order. Otherwise, focus ring strokes will cover the element.
- *
- * ```tsx
- * // CORRECT: FocusRing before element
- * <>
- *   <FocusRing targetRef={ref} isFocused={focused} />
- *   <circle ref={ref} cx={50} cy={50} r={30} />
- * </>
- * ```
- *
- * @param props - FocusRingProps
- * @returns JSX element with focus ring or null
- */
-export declare const FocusRing: FC<FocusRingProps>;
-//# sourceMappingURL=focusRing.d.ts.map

package/dist/cjs/components/focusRing/focusRing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusRing.d.ts","sourceRoot":"","sources":["../../../../src/components/focusRing/focusRing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAsCxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,oBAAqB,CAAC"}

package/dist/cjs/components/focusRing/focusRing.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FocusRingInline } from './components/FocusRingInline';
-import { FocusRingSeparate } from './components/FocusRingSeparate';
-import './focusRing.css';
-const FocusRingComponent = ({ children, dataTestId = 'focus-ring', disabled = false, focusConfig, isFocused, targetRef, }) => {
-    if (children) {
-        return (_jsx(FocusRingInline, { dataTestId: dataTestId, disabled: disabled, focusConfig: focusConfig, isFocused: isFocused, children: children }));
-    }
-    if (targetRef) {
-        return (_jsx(FocusRingSeparate, { dataTestId: dataTestId, disabled: disabled, focusConfig: focusConfig, isFocused: isFocused, targetRef: targetRef }));
-    }
-    return null;
-};
-/**
- * FocusRing - Controlled, purely decorative component for rendering focus rings around SVG elements.
- *
- * **Key Characteristics:**
- * - **Controlled Component**: Parent manages `isFocused` state
- * - **Purely Decorative**: Does not intercept or manage events
- * - **Two Modes**: Inline (children) or Separate (targetRef) rendering
- * - **Zero Configuration**: Automatic element detection
- *
- * **Two Modes:**
- *
- * 1. **Inline (children)** - Wraps element, focus ring rendered inline, z-order handled automatically
- * 2. **Separate (targetRef)** - Only renders focus ring, allows precise z-order control
- *
- * **IMPORTANT NOTE: Z-Order with Adaptive Variant**
- *
- * When using `variant: 'adaptive'` (default) with `targetRef` mode, the FocusRing **MUST be rendered BEFORE**
- * the target element in SVG document order. Otherwise, focus ring strokes will cover the element.
- *
- * ```tsx
- * // CORRECT: FocusRing before element
- * <>
- *   <FocusRing targetRef={ref} isFocused={focused} />
- *   <circle ref={ref} cx={50} cy={50} r={30} />
- * </>
- * ```
- *
- * @param props - FocusRingProps
- * @returns JSX element with focus ring or null
- */
-export const FocusRing = FocusRingComponent;

package/dist/cjs/components/focusRing/focusRing.types.d.ts

@@ -1,40 +0,0 @@
-import type { ReactElement, RefObject } from 'react';
-import type { FocusConfig } from '../../types/focusConfig.type';
-import type { FocusRingLayers } from './utils/utils.types';
-export interface FocusRingProps {
-    /**
-     * The SVG graphics element to wrap with focus ring (Mode 1: inline rendering).
-     * Must be a renderable SVG element (path, circle, rect, g, etc.).
-     * Mutually exclusive with targetRef - provide either children OR targetRef, not both.
-     */
-    children?: ReactElement;
-    /**
-     * Reference to external SVG graphics element (Mode 2: separate rendering).
-     * Must be a renderable SVG element (path, circle, rect, g, etc.).
-     * When provided, only the focus ring is rendered (not the element itself).
-     * Mutually exclusive with children - provide either children OR targetRef, not both.
-     */
-    targetRef?: RefObject<SVGGraphicsElement>;
-    /**
-     * Controlled focus state (REQUIRED).
-     * The parent component must manage this state and update it based on focus/blur events.
-     * FocusRing is purely decorative and does not manage state internally.
-     */
-    isFocused: boolean;
-    /** Test identifier for the focus ring elements */
-    dataTestId?: string;
-    /** Whether the focus ring is disabled */
-    disabled?: boolean;
-    /** Configuration for focus ring appearance */
-    focusConfig?: FocusConfig;
-}
-/**
- * Props for the internal FocusRingRenderer component
- */
-export interface FocusRingRendererProps {
-    /** Test identifier for the focus ring elements */
-    dataTestId: string;
-    /** Pre-computed layers (unified structure for both adaptive and bounding-box modes) */
-    layers?: FocusRingLayers;
-}
-//# sourceMappingURL=focusRing.types.d.ts.map

package/dist/cjs/components/focusRing/focusRing.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"focusRing.types.d.ts","sourceRoot":"","sources":["../../../../src/components/focusRing/focusRing.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAE1C;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAC;IAEnB,uFAAuF;IACvF,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B"}

package/dist/cjs/components/focusRing/focusRing.types.js

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

package/dist/cjs/components/focusRing/hooks/useFocusRingData.d.ts

@@ -1,27 +0,0 @@
-import { type RefObject } from 'react';
-import { type FocusConfig } from '../../../types/focusConfig.type';
-import type { FocusRingLayers } from '../utils/utils.types';
-export interface UseFocusRingDataOptions {
-    elementRef: RefObject<SVGGraphicsElement>;
-    isFocused: boolean;
-    focusConfig?: FocusConfig;
-}
-export interface FocusRingData {
-    resolvedConfig: Required<FocusConfig>;
-    layers: FocusRingLayers | undefined;
-}
-/**
- * Hook that handles all focus ring data calculation logic.
- * Separated from rendering concerns for better testability and reusability.
- *
- * This hook:
- * - Generates layers for both adaptive and bounding-box variants
- * - Both variants return the same FocusRingLayers structure
- * - Only calculates what's needed based on the variant
- * - Manages all the state and effects related to focus ring data
- *
- * @param options - Configuration options for the hook
- * @returns Focus ring data including resolved config and calculated layers
- */
-export declare function useFocusRingData({ elementRef, focusConfig, isFocused, }: UseFocusRingDataOptions): FocusRingData;
-//# sourceMappingURL=useFocusRingData.d.ts.map

package/dist/cjs/components/focusRing/hooks/useFocusRingData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusRingData.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/hooks/useFocusRingData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,0BAA0B,CAAC;AAO5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,GAAG,aAAa,CA+DzC"}

package/dist/cjs/components/focusRing/index.d.ts

@@ -1,3 +0,0 @@
-export { FocusRing } from './focusRing';
-export type { FocusRingProps, FocusRingRendererProps } from './focusRing.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/focusRing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/focusRing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/cjs/components/focusRing/index.js

@@ -1 +0,0 @@
-export { FocusRing } from './focusRing';

package/dist/cjs/components/focusRing/utils/composeRefs.d.ts

@@ -1,7 +0,0 @@
-import type { ForwardedRef } from 'react';
-/**
- * Composes multiple refs into a single ref callback
- * Allows using both internal and external refs simultaneously
- */
-export declare function composeRefs<T>(...refs: Array<ForwardedRef<T> | undefined>): (instance: T | null) => void;
-//# sourceMappingURL=composeRefs.d.ts.map

package/dist/cjs/components/focusRing/utils/composeRefs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"composeRefs.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/utils/composeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,GAAG,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAC1C,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAU9B"}

package/dist/cjs/components/focusRing/utils/createAdaptiveFocusRings.d.ts

@@ -1,24 +0,0 @@
-import type { FocusConfig } from '../../../types/focusConfig.type';
-import type { FocusRingLayers } from './utils.types';
-/**
- * SVG geometric attributes that define shape position and dimensions.
- * These attributes are extracted from the original element to create focus rings.
- * Also used by MutationObserver to detect when focus rings need to be regenerated.
- */
-export declare const SVG_GEOMETRIC_ATTRIBUTES: string[];
-/**
- * Creates adaptive focus ring layers from a DOM SVGElement.
- *
- * This function reads properties directly from the DOM element and creates
- * props objects for rendering new SVG elements with scaled stroke-width for the focus rings.
- * The focus rings adapt to the exact shape of the element (circle → circle, path → path, etc.)
- *
- * This unified approach works for both targetRef and children modes by
- * reading from the mounted DOM element.
- *
- * @param element - The SVG graphics element to create focus rings for
- * @param focusConfig - Focus ring configuration (colors, widths, gap)
- * @returns Focus ring layers (outer and inner props) or null if not supported
- */
-export declare function createAdaptiveFocusRings(element: SVGGraphicsElement, focusConfig: Required<FocusConfig>): FocusRingLayers | undefined;
-//# sourceMappingURL=createAdaptiveFocusRings.d.ts.map

package/dist/cjs/components/focusRing/utils/createAdaptiveFocusRings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createAdaptiveFocusRings.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/utils/createAdaptiveFocusRings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,UAsBpC,CAAC;AAqBF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,GACjC,eAAe,GAAG,SAAS,CAkE7B"}

package/dist/cjs/components/focusRing/utils/createBoundingBoxFocusRings.d.ts

@@ -1,33 +0,0 @@
-import type { FocusConfig } from '../../../types/focusConfig.type';
-import type { ElementBounds, FocusRingLayers, RectangleFocusOutline } from './utils.types';
-/**
- * Calculates the dimensions of the focus outlines (outer and inner) for a bounding-box.
- * This function is used internally by createBoundingBoxFocusRings and always produces
- * rectangular focus rings.
- *
- * @param bounds - Element bounds information from DOM detection
- * @param config - Focus stroke configuration (widths and gap)
- * @returns Rectangle dimensions for outer and inner focus rings
- */
-export declare const calculateBoundingBoxFocusRings: (bounds: ElementBounds, config: {
-    outlineStrokeWidth: number;
-    innerStrokeWidth: number;
-    gap: number;
-}) => RectangleFocusOutline;
-/**
- * Creates bounding-box focus ring layers with calculated dimensions.
- *
- * This function:
- * 1. Detects element bounds from DOM using getBBox()
- * 2. Calculates geometric dimensions using calculateBoundingBoxFocusRings
- * 3. Wraps the result in the same FocusRingLayers structure as createAdaptiveFocusRings
- * 4. Includes all rendering props (colors, strokes, etc.)
- *
- * This provides a unified API for both adaptive and bounding-box strategies.
- *
- * @param element - The SVG graphics element to create focus rings for
- * @param focusConfig - Focus ring configuration (colors, widths, gap)
- * @returns Focus ring layers in the same format as createAdaptiveFocusRings, or null if detection fails
- */
-export declare function createBoundingBoxFocusRings(element: SVGGraphicsElement, focusConfig: Required<FocusConfig>): FocusRingLayers | undefined;
-//# sourceMappingURL=createBoundingBoxFocusRings.d.ts.map

package/dist/cjs/components/focusRing/utils/createBoundingBoxFocusRings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createBoundingBoxFocusRings.d.ts","sourceRoot":"","sources":["../../../../../src/components/focusRing/utils/createBoundingBoxFocusRings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3F;;;;;;;;GAQG;AACH,eAAO,MAAM,8BAA8B,GACzC,QAAQ,aAAa,EACrB,QAAQ;IACN,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;CACb,KACA,qBAkCF,CAAC;AAiCF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,kBAAkB,EAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,GACjC,eAAe,GAAG,SAAS,CA0C7B"}