@ledgerhq/lumen-utils-shared 0.1.1 → 0.1.2

package/src/lib/a11y/getButtonA11yProps.ts

@@ -0,0 +1,59 @@
+import type {
+  AriaAttributes,
+  KeyboardEventHandler,
+  MouseEventHandler,
+  MouseEvent,
+  HTMLAttributes,
+} from 'react';
+
+type ButtonA11yOptions<T extends HTMLElement = HTMLElement> = {
+  onClick?: MouseEventHandler<T>;
+  disabled?: boolean;
+};
+
+type ButtonA11yProps<T extends HTMLElement = HTMLElement> = Pick<
+  HTMLAttributes<T>,
+  'role' | 'tabIndex' | 'onKeyDown' | 'onClick'
+> &
+  Pick<AriaAttributes, 'aria-disabled'>;
+
+/**
+ * Returns props to make a non-button element (e.g. `<div>`) behave like a
+ * button: `role="button"`, `tabIndex`, keyboard activation on Enter/Space,
+ * and the original `onClick` passthrough.
+ *
+ * Returns undefined if `onClick` is not provided
+ *
+ * When `disabled` is `true`, the element gets `aria-disabled`, is removed
+ * from the tab order, and click/keyboard handlers are omitted.
+ */
+export const getButtonA11yProps = <T extends HTMLElement = HTMLElement>({
+  onClick,
+  disabled,
+}: ButtonA11yOptions<T>): ButtonA11yProps<T> | undefined => {
+  if (!onClick) {
+    return undefined;
+  }
+
+  if (disabled) {
+    return {
+      role: 'button',
+      tabIndex: -1,
+      'aria-disabled': true,
+    };
+  }
+
+  const onKeyDown: KeyboardEventHandler<T> = (e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      onClick?.(e as unknown as MouseEvent<T>);
+    }
+  };
+
+  return {
+    role: 'button',
+    tabIndex: 0,
+    onKeyDown,
+    onClick,
+  };
+};

package/src/lib/a11y/index.ts

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

package/src/lib/components/amountDisplayHelpers/types.ts

@@ -26,5 +26,5 @@ export type FormattedValue = {
    * @optional
    * @default 'start'
    */
-  currencyPosition?: 'start' | 'end';
+  currencyPosition: 'start' | 'end';
 };

package/src/lib/{createSafeContext → context}/createSafeContext.tsx

@@ -1,4 +1,5 @@
-import { createContext, FC, ReactNode, useContext, useMemo } from 'react';
+import { createContext, FC, ReactNode, useContext, useRef } from 'react';
+import { shallowEqual } from '../shallowEqual';
 
 export function createSafeContext<ContextValue extends object>(
   rootComponentName: string,
@@ -9,14 +10,14 @@ export function createSafeContext<ContextValue extends object>(
   const Provider: FC<{
     children: ReactNode;
     value: ContextValue;
-  }> = ({ children, value: context }) => {
-    // Only re-memoize when prop values change
-    const memoValue = useMemo(
-      () => context,
-      Object.values(context ?? {}),
-    ) as ContextValue;
-
-    return <Context.Provider value={memoValue}>{children}</Context.Provider>;
+  }> = ({ children, value }) => {
+    const ref = useRef(value);
+
+    if (!shallowEqual(ref.current, value)) {
+      ref.current = value;
+    }
+
+    return <Context.Provider value={ref.current}>{children}</Context.Provider>;
   };
 
   Provider.displayName = rootComponentName + 'Provider';

package/src/lib/context/disabledContext.test.tsx

@@ -0,0 +1,81 @@
+import { cleanup, render } from '@testing-library/react';
+import React from 'react';
+import { DisabledProvider, useDisabledContext } from './disabledContext';
+
+afterEach(() => {
+  cleanup();
+});
+
+const Consumer = ({ mergeWith }: { mergeWith?: { disabled?: boolean } }) => {
+  const disabled = useDisabledContext({
+    consumerName: 'TestConsumer',
+    mergeWith,
+  });
+  return React.createElement(
+    'span',
+    { 'data-testid': 'disabled' },
+    String(disabled),
+  );
+};
+
+describe('disabledContext', () => {
+  it('returns false by default when no provider is present', () => {
+    const { getByTestId } = render(React.createElement(Consumer));
+    expect(getByTestId('disabled').textContent).toBe('false');
+  });
+
+  it('returns true when provider sets disabled to true', () => {
+    const { getByTestId } = render(
+      React.createElement(
+        DisabledProvider,
+        { value: { disabled: true }, children: '' },
+        React.createElement(Consumer),
+      ),
+    );
+    expect(getByTestId('disabled').textContent).toBe('true');
+  });
+
+  it('returns false when provider sets disabled to false', () => {
+    const { getByTestId } = render(
+      React.createElement(
+        DisabledProvider,
+        { value: { disabled: false }, children: '' },
+        React.createElement(Consumer),
+      ),
+    );
+    expect(getByTestId('disabled').textContent).toBe('false');
+  });
+
+  it('mergeWith overrides context to disabled when mergeWith.disabled is true', () => {
+    const { getByTestId } = render(
+      React.createElement(
+        DisabledProvider,
+        { value: { disabled: false }, children: '' },
+        React.createElement(Consumer, { mergeWith: { disabled: true } }),
+      ),
+    );
+    expect(getByTestId('disabled').textContent).toBe('true');
+  });
+
+  it('returns context disabled when mergeWith.disabled is false', () => {
+    const { getByTestId } = render(
+      React.createElement(
+        DisabledProvider,
+        { value: { disabled: true }, children: '' },
+        React.createElement(Consumer, { mergeWith: { disabled: false } }),
+      ),
+    );
+    expect(getByTestId('disabled').textContent).toBe('true');
+  });
+
+  it('returns false when both context and mergeWith are false', () => {
+    const { getByTestId } = render(
+      React.createElement(
+        DisabledProvider,
+        { value: { disabled: false }, children: '' },
+        React.createElement(Consumer, { mergeWith: { disabled: false } }),
+      ),
+    );
+    expect(getByTestId('disabled').textContent).toBe('false');
+  });
+});

package/src/lib/context/disabledContext.tsx

@@ -0,0 +1,27 @@
+import { createSafeContext } from './createSafeContext';
+
+type DisabledContextValue = {
+  disabled?: boolean;
+};
+
+const [DisabledProvider, _useDisabledContext] =
+  createSafeContext<DisabledContextValue>('Disabled', { disabled: false });
+
+const useDisabledContext = ({
+  consumerName,
+  contextRequired,
+  mergeWith,
+}: {
+  consumerName: string;
+  contextRequired?: boolean;
+  mergeWith?: DisabledContextValue;
+}) => {
+  const disabledContext = _useDisabledContext({
+    consumerName: consumerName,
+    contextRequired: contextRequired ?? false,
+  });
+
+  return Boolean(mergeWith?.disabled || disabledContext.disabled);
+};
+
+export { DisabledProvider, useDisabledContext };

package/src/lib/{createSafeContext → context}/index.ts

@@ -1 +1,2 @@
 export * from './createSafeContext';
+export * from './disabledContext';

package/src/lib/shallowEqual/index.ts

@@ -0,0 +1 @@
+export * from './shallowEqual';

package/src/lib/shallowEqual/shallowEqual.test.ts

@@ -0,0 +1,48 @@
+import { shallowEqual } from './shallowEqual';
+
+describe('shallowEqual', () => {
+  it('returns true for the same reference', () => {
+    const obj = { a: 1 };
+    expect(shallowEqual(obj, obj)).toBe(true);
+  });
+
+  it('returns true for objects with identical primitive values', () => {
+    expect(shallowEqual({ a: 1, b: 'x' }, { a: 1, b: 'x' })).toBe(true);
+  });
+
+  it('returns false when values differ', () => {
+    expect(shallowEqual({ a: 1 }, { a: 2 })).toBe(false);
+  });
+
+  it('returns false when key counts differ', () => {
+    expect(
+      shallowEqual({ a: 1 } as Record<string, unknown>, { a: 1, b: 2 }),
+    ).toBe(false);
+  });
+
+  it('returns false when keys differ', () => {
+    expect(
+      shallowEqual(
+        { a: 1 } as Record<string, unknown>,
+        { b: 1 } as Record<string, unknown>,
+      ),
+    ).toBe(false);
+  });
+
+  it('returns true when both objects are empty', () => {
+    expect(shallowEqual({}, {})).toBe(true);
+  });
+
+  it('does not perform deep comparison on nested objects', () => {
+    const inner = { nested: true };
+    expect(shallowEqual({ a: inner }, { a: inner })).toBe(true);
+    expect(shallowEqual({ a: { nested: true } }, { a: { nested: true } })).toBe(
+      false,
+    );
+  });
+
+  it('uses Object.is semantics (NaN === NaN, +0 !== -0)', () => {
+    expect(shallowEqual({ a: NaN }, { a: NaN })).toBe(true);
+    expect(shallowEqual({ a: +0 }, { a: -0 })).toBe(false);
+  });
+});

package/src/lib/shallowEqual/shallowEqual.ts

@@ -0,0 +1,23 @@
+/**
+ * Performs a shallow equality comparison between two objects.
+ * Returns true if both objects have the same keys and each value
+ * is strictly equal (using Object.is) to the corresponding value
+ * in the other object.
+ */
+export function shallowEqual<T extends object>(a: T, b: T): boolean {
+  if (Object.is(a, b)) return true;
+
+  const objA = a as Record<string, unknown>;
+  const objB = b as Record<string, unknown>;
+
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) return false;
+
+  return keysA.every(
+    (key) =>
+      Object.prototype.hasOwnProperty.call(objB, key) &&
+      Object.is(objA[key], objB[key]),
+  );
+}

package/dist/lib/createSafeContext/createSafeContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createSafeContext.d.ts","sourceRoot":"","sources":["../../../src/lib/createSafeContext/createSafeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE1E,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,MAAM,EAC3D,iBAAiB,EAAE,MAAM,EACzB,cAAc,CAAC,EAAE,YAAY;cAKjB,SAAS;WACZ,YAAY;KAaG,eAAe,SAAS,OAAO,gDAGpD;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;CAClC,KAAG,eAAe,SAAS,IAAI,GAAG,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,EAgBxE"}

package/dist/lib/createSafeContext/index.d.ts

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

package/dist/lib/createSafeContext/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/createSafeContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/lib/getStepperCalculations/getStepperCalculations.d.ts

@@ -1,61 +0,0 @@
-export type StepperCalculationsInput = {
-    /** Current step number (1-based). Use 0 or negative for minimal dot. */
-    currentStep: number;
-    /** Total number of steps. */
-    totalSteps: number;
-    /** Size of the circular stepper in pixels. */
-    size: number;
-    /** Optional custom label. Defaults to "{currentStep}/{totalSteps}". */
-    label?: string;
-    /** Stroke width in pixels. @default 4 */
-    strokeWidth?: number;
-    /** Percentage of full circle to show as arc (0–1). @default 0.75 (270°) */
-    arcPercentage?: number;
-};
-export type StepperCalculationsOutput = {
-    /** Label text displayed in the center. */
-    displayLabel: string;
-    /** Progress value between 0 and 1. */
-    progress: number;
-    /** Circle radius in pixels. */
-    r: number;
-    /** Center x coordinate. */
-    cx: number;
-    /** Center y coordinate. */
-    cy: number;
-    /** Full circle circumference. */
-    circumference: number;
-    /** Length of the visible arc (track). */
-    trackArcLength: number;
-    /** strokeDasharray for the gray track circle. */
-    trackDashArray: string;
-    /** strokeDasharray for the progress (purple) circle. */
-    progressDashArray: string;
-    /** strokeDashoffset for the progress (purple) circle. */
-    progressDashOffset: number;
-    /** Whether to show minimal dot instead of progress arc. */
-    showMinimalDot: boolean;
-};
-/**
- * Computes all SVG-related values needed to render a circular stepper.
- *
- * This is a pure utility shared between React (web) and React Native
- * implementations of the Stepper component.
- *
- * @example
- * ```ts
- * const calcs = getStepperCalculations({
- *   currentStep: 2,
- *   totalSteps: 4,
- *   size: 48,
- * });
- *
- * // calcs.displayLabel → '2/4'
- * // calcs.progress → 0.5
- * // calcs.trackDashArray → '<trackArcLength> <circumference>'
- * // calcs.progressDashArray → '<trackArcLength> <circumference>'
- * // calcs.progressDashOffset → offset for 50% fill
- * ```
- */
-export declare const getStepperCalculations: ({ currentStep, totalSteps, size, label, strokeWidth, arcPercentage, }: StepperCalculationsInput) => StepperCalculationsOutput;
-//# sourceMappingURL=getStepperCalculations.d.ts.map

package/dist/lib/getStepperCalculations/getStepperCalculations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getStepperCalculations.d.ts","sourceRoot":"","sources":["../../../src/lib/getStepperCalculations/getStepperCalculations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,sBAAsB,0EAOhC,wBAAwB,KAAG,yBAkC7B,CAAC"}

package/dist/lib/getStepperCalculations/index.d.ts

@@ -1,2 +0,0 @@
-export { getStepperCalculations, type StepperCalculationsInput, type StepperCalculationsOutput, } from './getStepperCalculations';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/getStepperCalculations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/getStepperCalculations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,GAC/B,MAAM,0BAA0B,CAAC"}

package/src/lib/getStepperCalculations/getStepperCalculations.test.ts

@@ -1,139 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { getStepperCalculations } from './getStepperCalculations';
-
-describe('getStepperCalculations', () => {
-  const defaultInput = {
-    currentStep: 2,
-    totalSteps: 4,
-    size: 48,
-  };
-
-  it('should compute display label from currentStep and totalSteps', () => {
-    const result = getStepperCalculations(defaultInput);
-    expect(result.displayLabel).toBe('2/4');
-  });
-
-  it('should use custom label when provided', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      label: 'Step 2 of 4',
-    });
-    expect(result.displayLabel).toBe('Step 2 of 4');
-  });
-
-  it('should clamp display label to totalSteps', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      currentStep: 10,
-    });
-    expect(result.displayLabel).toBe('4/4');
-  });
-
-  it('should compute progress as currentStep / totalSteps', () => {
-    const result = getStepperCalculations(defaultInput);
-    expect(result.progress).toBe(0.5);
-  });
-
-  it('should clamp progress between 0 and 1', () => {
-    const negativeResult = getStepperCalculations({
-      ...defaultInput,
-      currentStep: -1,
-    });
-    expect(negativeResult.progress).toBe(0);
-
-    const overflowResult = getStepperCalculations({
-      ...defaultInput,
-      currentStep: 10,
-    });
-    expect(overflowResult.progress).toBe(1);
-  });
-
-  it('should handle zero totalSteps gracefully', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      totalSteps: 0,
-    });
-    expect(result.progress).toBe(0);
-  });
-
-  it('should compute correct SVG geometry for default size', () => {
-    const result = getStepperCalculations(defaultInput);
-    expect(result.cx).toBe(24);
-    expect(result.cy).toBe(24);
-    expect(result.r).toBe(22); // (48 - 4) / 2
-  });
-
-  it('should respect custom strokeWidth', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      strokeWidth: 6,
-    });
-    expect(result.r).toBe(21); // (48 - 6) / 2
-  });
-
-  it('should compute trackArcLength as 75% of circumference by default', () => {
-    const result = getStepperCalculations(defaultInput);
-    const expectedCircumference = 2 * Math.PI * 22;
-    expect(result.circumference).toBeCloseTo(expectedCircumference);
-    expect(result.trackArcLength).toBeCloseTo(expectedCircumference * 0.75);
-  });
-
-  it('should respect custom arcPercentage', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      arcPercentage: 0.5,
-    });
-    const expectedCircumference = 2 * Math.PI * 22;
-    expect(result.trackArcLength).toBeCloseTo(expectedCircumference * 0.5);
-  });
-
-  it('should show minimal dot when currentStep is 0', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      currentStep: 0,
-    });
-    expect(result.showMinimalDot).toBe(true);
-    expect(result.progressDashOffset).toBeCloseTo(result.trackArcLength - 2);
-  });
-
-  it('should show minimal dot when currentStep is negative', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      currentStep: -1,
-    });
-    expect(result.showMinimalDot).toBe(true);
-    expect(result.progressDashOffset).toBeCloseTo(result.trackArcLength - 2);
-  });
-
-  it('should show normal progress arc when currentStep > 0', () => {
-    const result = getStepperCalculations(defaultInput);
-    expect(result.showMinimalDot).toBe(false);
-    expect(result.progressDashArray).toContain(String(result.trackArcLength));
-  });
-
-  it('should compute progressDashOffset as 0 when progress is 100%', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      currentStep: 4,
-      totalSteps: 4,
-    });
-    expect(result.progressDashOffset).toBeCloseTo(0);
-  });
-
-  it('should compute progressDashOffset equal to trackArcLength when progress is 0%', () => {
-    const result = getStepperCalculations({
-      ...defaultInput,
-      currentStep: 0,
-      totalSteps: 4,
-    });
-    // When showMinimalDot, offset = trackArcLength - 2
-    expect(result.progressDashOffset).toBeCloseTo(result.trackArcLength - 2);
-  });
-
-  it('should compute trackDashArray consistently', () => {
-    const result = getStepperCalculations(defaultInput);
-    expect(result.trackDashArray).toBe(
-      `${result.trackArcLength} ${result.circumference}`,
-    );
-  });
-});

package/src/lib/getStepperCalculations/getStepperCalculations.ts

@@ -1,103 +0,0 @@
-export type StepperCalculationsInput = {
-  /** Current step number (1-based). Use 0 or negative for minimal dot. */
-  currentStep: number;
-  /** Total number of steps. */
-  totalSteps: number;
-  /** Size of the circular stepper in pixels. */
-  size: number;
-  /** Optional custom label. Defaults to "{currentStep}/{totalSteps}". */
-  label?: string;
-  /** Stroke width in pixels. @default 4 */
-  strokeWidth?: number;
-  /** Percentage of full circle to show as arc (0–1). @default 0.75 (270°) */
-  arcPercentage?: number;
-};
-
-export type StepperCalculationsOutput = {
-  /** Label text displayed in the center. */
-  displayLabel: string;
-  /** Progress value between 0 and 1. */
-  progress: number;
-  /** Circle radius in pixels. */
-  r: number;
-  /** Center x coordinate. */
-  cx: number;
-  /** Center y coordinate. */
-  cy: number;
-  /** Full circle circumference. */
-  circumference: number;
-  /** Length of the visible arc (track). */
-  trackArcLength: number;
-  /** strokeDasharray for the gray track circle. */
-  trackDashArray: string;
-  /** strokeDasharray for the progress (purple) circle. */
-  progressDashArray: string;
-  /** strokeDashoffset for the progress (purple) circle. */
-  progressDashOffset: number;
-  /** Whether to show minimal dot instead of progress arc. */
-  showMinimalDot: boolean;
-};
-
-/**
- * Computes all SVG-related values needed to render a circular stepper.
- *
- * This is a pure utility shared between React (web) and React Native
- * implementations of the Stepper component.
- *
- * @example
- * ```ts
- * const calcs = getStepperCalculations({
- *   currentStep: 2,
- *   totalSteps: 4,
- *   size: 48,
- * });
- *
- * // calcs.displayLabel → '2/4'
- * // calcs.progress → 0.5
- * // calcs.trackDashArray → '<trackArcLength> <circumference>'
- * // calcs.progressDashArray → '<trackArcLength> <circumference>'
- * // calcs.progressDashOffset → offset for 50% fill
- * ```
- */
-export const getStepperCalculations = ({
-  currentStep,
-  totalSteps,
-  size,
-  label,
-  strokeWidth = 4,
-  arcPercentage = 0.75,
-}: StepperCalculationsInput): StepperCalculationsOutput => {
-  const displayLabel =
-    label ?? `${Math.min(currentStep, totalSteps)}/${totalSteps}`;
-  const progress =
-    totalSteps <= 0 ? 0 : Math.min(1, Math.max(0, currentStep / totalSteps));
-
-  // SVG circle geometry
-  const r = (size - strokeWidth) / 2;
-  const cx = size / 2;
-  const cy = size / 2;
-  const circumference = 2 * Math.PI * r;
-
-  // Arc calculations
-  const trackArcLength = circumference * arcPercentage;
-  const dashOffset = trackArcLength * (1 - progress);
-
-  // Minimal dot handling (currentStep <= 0 means "not started")
-  const showMinimalDot = currentStep <= 0;
-  const progressDashArray = `${trackArcLength} ${circumference}`;
-  const progressDashOffset = showMinimalDot ? trackArcLength - 2 : dashOffset;
-
-  return {
-    displayLabel,
-    progress,
-    r,
-    cx,
-    cy,
-    circumference,
-    trackArcLength,
-    trackDashArray: `${trackArcLength} ${circumference}`,
-    progressDashArray,
-    progressDashOffset,
-    showMinimalDot,
-  };
-};

package/src/lib/getStepperCalculations/index.ts

@@ -1,5 +0,0 @@
-export {
-  getStepperCalculations,
-  type StepperCalculationsInput,
-  type StepperCalculationsOutput,
-} from './getStepperCalculations';