@spark-ui/components 13.0.7 → 14.0.0-beta.1

package/dist/progress/index.mjs

@@ -1,7 +1,243 @@
-import {
-  Progress
-} from "../chunk-7EWSMIZU.mjs";
+import { jsx as u } from "react/jsx-runtime";
+import { c as y, a as S } from "../index-BmAFn37q.mjs";
+import * as $ from "react";
+import { createContext as D, useContext as V, useState as A, useMemo as B, useId as T, useCallback as O } from "react";
+import { c as q } from "../index-DFZozV_h.mjs";
+import { P as L } from "../index-MSR-vgWR.mjs";
+import { useMergeRefs as X } from "@spark-ui/hooks/use-merge-refs";
+var b = "Progress", P = 100, [j] = q(b), [F, G] = j(b), E = $.forwardRef(
+  (e, r) => {
+    const {
+      __scopeProgress: o,
+      value: s = null,
+      max: a,
+      getValueLabel: i = z,
+      ...l
+    } = e;
+    (a || a === 0) && !I(a) && console.error(U(`${a}`, "Progress"));
+    const t = I(a) ? a : P;
+    s !== null && !h(s, t) && console.error(H(`${s}`, "Progress"));
+    const n = h(s, t) ? s : null, d = m(n) ? i(n, t) : void 0;
+    return /* @__PURE__ */ u(F, { scope: o, value: n, max: t, children: /* @__PURE__ */ u(
+      L.div,
+      {
+        "aria-valuemax": t,
+        "aria-valuemin": 0,
+        "aria-valuenow": m(n) ? n : void 0,
+        "aria-valuetext": d,
+        role: "progressbar",
+        "data-state": C(n, t),
+        "data-value": n ?? void 0,
+        "data-max": t,
+        ...l,
+        ref: r
+      }
+    ) });
+  }
+);
+E.displayName = b;
+var w = "ProgressIndicator", R = $.forwardRef(
+  (e, r) => {
+    const { __scopeProgress: o, ...s } = e, a = G(w, o);
+    return /* @__PURE__ */ u(
+      L.div,
+      {
+        "data-state": C(a.value, a.max),
+        "data-value": a.value ?? void 0,
+        "data-max": a.max,
+        ...s,
+        ref: r
+      }
+    );
+  }
+);
+R.displayName = w;
+function z(e, r) {
+  return `${Math.round(e / r * 100)}%`;
+}
+function C(e, r) {
+  return e == null ? "indeterminate" : e === r ? "complete" : "loading";
+}
+function m(e) {
+  return typeof e == "number";
+}
+function I(e) {
+  return m(e) && !isNaN(e) && e > 0;
+}
+function h(e, r) {
+  return m(e) && !isNaN(e) && e <= r && e >= 0;
+}
+function U(e, r) {
+  return `Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${P}\`.`;
+}
+function H(e, r) {
+  return `Invalid prop \`value\` of value \`${e}\` supplied to \`${r}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${P} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+const J = y(
+  ["relative", "h-sz-4 w-full", "transform-gpu overflow-hidden", "bg-on-background/dim-4"],
+  {
+    variants: {
+      shape: {
+        square: [],
+        rounded: ["rounded-sm"]
+      }
+    }
+  }
+), M = D(null), K = ":progress", x = () => {
+  const e = V(M);
+  if (!e)
+    throw new Error("useProgress must be used within a Progress provider");
+  return e;
+}, Q = y(["h-full w-full", "transition-transform duration-400"], {
+  variants: {
+    /**
+     * Color scheme of the progress component.
+     */
+    intent: {
+      basic: ["bg-basic"],
+      main: ["bg-main"],
+      support: ["bg-support"],
+      accent: ["bg-accent"],
+      success: ["bg-success"],
+      alert: ["bg-alert"],
+      danger: ["bg-error"],
+      info: ["bg-info"],
+      neutral: ["bg-neutral"]
+    },
+    /**
+     * Shape of the progress component.
+     */
+    shape: {
+      square: [],
+      rounded: ["rounded-sm"]
+    },
+    /**
+     * Sets if the progress value is not determinated.
+     */
+    isIndeterminate: {
+      true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"],
+      false: []
+    }
+  }
+}), g = ({
+  className: e,
+  style: r,
+  ref: o,
+  onTransitionEnd: s,
+  ...a
+}) => {
+  const { value: i, max: l, intent: t, shape: n, isIndeterminate: d, onComplete: c } = x(), p = (l - i) / l * 100, v = (k) => {
+    s?.(k), i >= l && c && !d && c();
+  };
+  return /* @__PURE__ */ u(
+    R,
+    {
+      "data-spark-component": "progress-indicator",
+      className: Q({ className: e, intent: t, shape: n, isIndeterminate: d }),
+      style: { ...r, ...!d && { transform: `translateX(-${p}%)` } },
+      ref: o,
+      onTransitionEnd: v,
+      ...a
+    }
+  );
+};
+g.displayName = "Progress.Indicator";
+const f = ({
+  className: e,
+  children: r = /* @__PURE__ */ u(g, {}),
+  ref: o,
+  ...s
+}) => {
+  const { shape: a } = x();
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-spark-component": "progress-bar",
+      className: J({ className: e, shape: a }),
+      ref: o,
+      ...s,
+      children: r
+    }
+  );
+};
+f.displayName = "Progress.Bar";
+const _ = ({
+  className: e,
+  value: r,
+  max: o = 100,
+  shape: s = "square",
+  intent: a = "basic",
+  isIndeterminate: i = !1,
+  onComplete: l,
+  children: t = /* @__PURE__ */ u(f, {}),
+  ref: n,
+  ...d
+}) => {
+  const [c, p] = A(), v = B(() => ({
+    value: r ?? 0,
+    max: o,
+    intent: a,
+    shape: s,
+    isIndeterminate: i,
+    onLabelId: p,
+    onComplete: l
+  }), [o, r, a, s, i, p, l]);
+  return /* @__PURE__ */ u(M.Provider, { "data-spark-component": "progress", value: v, children: /* @__PURE__ */ u(
+    E,
+    {
+      "data-spark-component": "progress",
+      ref: n,
+      className: S("gap-sm focus-visible:u-outline flex flex-col", e),
+      value: r,
+      "aria-labelledby": c,
+      max: o,
+      tabIndex: -1,
+      ...d,
+      children: t
+    }
+  ) });
+};
+_.displayName = "Progress";
+const N = ({
+  id: e,
+  children: r,
+  ref: o,
+  ...s
+}) => {
+  const a = `${K}-label-${T()}`, i = e || a, { onLabelId: l } = x(), t = O(
+    (d) => {
+      l(d ? i : void 0);
+    },
+    [i, l]
+  ), n = X(o, t);
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      "data-spark-component": "progress-label",
+      id: i,
+      className: "text-body-2 text-on-surface",
+      ref: n,
+      ...s,
+      children: r
+    }
+  );
+};
+N.displayName = "Progress.Label";
+const W = Object.assign(_, {
+  Label: N,
+  Bar: f,
+  Indicator: g
+});
+W.displayName = "Progress";
+f.displayName = "Progress.Bar";
+g.displayName = "Progress.Indicator";
+N.displayName = "Progress.Label";
 export {
-  Progress
+  W as Progress
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/progress/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/@radix-ui/react-progress/dist/index.mjs","../../src/progress/ProgressBar.styles.ts","../../src/progress/ProgressContext.tsx","../../src/progress/ProgressIndicator.styles.ts","../../src/progress/ProgressIndicator.tsx","../../src/progress/ProgressBar.tsx","../../src/progress/Progress.tsx","../../src/progress/ProgressLabel.tsx","../../src/progress/index.ts"],"sourcesContent":["\"use client\";\n\n// src/progress.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar PROGRESS_NAME = \"Progress\";\nvar DEFAULT_MAX = 100;\nvar [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\nvar [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nvar Progress = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeProgress,\n      value: valueProp = null,\n      max: maxProp,\n      getValueLabel = defaultGetValueLabel,\n      ...progressProps\n    } = props;\n    if ((maxProp || maxProp === 0) && !isValidMaxNumber(maxProp)) {\n      console.error(getInvalidMaxError(`${maxProp}`, \"Progress\"));\n    }\n    const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n    if (valueProp !== null && !isValidValueNumber(valueProp, max)) {\n      console.error(getInvalidValueError(`${valueProp}`, \"Progress\"));\n    }\n    const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n    const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;\n    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": 0,\n        \"aria-valuenow\": isNumber(value) ? value : void 0,\n        \"aria-valuetext\": valueLabel,\n        role: \"progressbar\",\n        \"data-state\": getProgressState(value, max),\n        \"data-value\": value ?? void 0,\n        \"data-max\": max,\n        ...progressProps,\n        ref: forwardedRef\n      }\n    ) });\n  }\n);\nProgress.displayName = PROGRESS_NAME;\nvar INDICATOR_NAME = \"ProgressIndicator\";\nvar ProgressIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeProgress, ...indicatorProps } = props;\n    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": getProgressState(context.value, context.max),\n        \"data-value\": context.value ?? void 0,\n        \"data-max\": context.max,\n        ...indicatorProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nProgressIndicator.displayName = INDICATOR_NAME;\nfunction defaultGetValueLabel(value, max) {\n  return `${Math.round(value / max * 100)}%`;\n}\nfunction getProgressState(value, maxValue) {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\nfunction isNumber(value) {\n  return typeof value === \"number\";\n}\nfunction isValidMaxNumber(max) {\n  return isNumber(max) && !isNaN(max) && max > 0;\n}\nfunction isValidValueNumber(value, max) {\n  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;\n}\nfunction getInvalidMaxError(propValue, componentName) {\n  return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\nfunction getInvalidValueError(propValue, componentName) {\n  return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n  - a positive number\n  - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n  - \\`null\\` or \\`undefined\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\nvar Root = Progress;\nvar Indicator = ProgressIndicator;\nexport {\n  Indicator,\n  Progress,\n  ProgressIndicator,\n  Root,\n  createProgressScope\n};\n//# sourceMappingURL=index.mjs.map\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const progressBarStyles = cva(\n  ['relative', 'h-sz-4 w-full', 'transform-gpu overflow-hidden', 'bg-on-background/dim-4'],\n  {\n    variants: {\n      shape: {\n        square: [],\n        rounded: ['rounded-sm'],\n      },\n    },\n  }\n)\n\nexport type ProgressBarStylesProps = VariantProps<typeof progressBarStyles>\n","import { createContext, useContext } from 'react'\n\nimport { ProgressIndicatorStylesProps } from './ProgressIndicator.styles'\n\nexport interface ProgressContextValue {\n  value: number\n  max: number\n  isIndeterminate: boolean\n  shape: 'square' | 'rounded'\n  intent: ProgressIndicatorStylesProps['intent']\n  onLabelId: (id?: string) => void\n  onComplete?: () => void\n}\n\nexport const ProgressContext = createContext<ProgressContextValue | null>(null)\n\nexport const ID_PREFIX = ':progress'\n\nexport const useProgress = () => {\n  const context = useContext(ProgressContext)\n\n  if (!context) {\n    throw new Error('useProgress must be used within a Progress provider')\n  }\n\n  return context\n}\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const progressIndicatorStyles = cva(['h-full w-full', 'transition-transform duration-400'], {\n  variants: {\n    /**\n     * Color scheme of the progress component.\n     */\n    intent: {\n      basic: ['bg-basic'],\n      main: ['bg-main'],\n      support: ['bg-support'],\n      accent: ['bg-accent'],\n      success: ['bg-success'],\n      alert: ['bg-alert'],\n      danger: ['bg-error'],\n      info: ['bg-info'],\n      neutral: ['bg-neutral'],\n    },\n    /**\n     * Shape of the progress component.\n     */\n    shape: {\n      square: [],\n      rounded: ['rounded-sm'],\n    },\n    /**\n     * Sets if the progress value is not determinated.\n     */\n    isIndeterminate: {\n      true: ['absolute', '-translate-x-1/2', 'animate-standalone-indeterminate-bar'],\n      false: [],\n    },\n  },\n})\n\nexport type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>\n","import { Progress as RadixProgress } from 'radix-ui'\nimport { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { useProgress } from './ProgressContext'\nimport { progressIndicatorStyles } from './ProgressIndicator.styles'\n\nexport type ProgressIndicatorProps = ComponentPropsWithRef<'div'>\n\nexport const ProgressIndicator = ({\n  className,\n  style,\n  ref,\n  onTransitionEnd,\n  ...others\n}: PropsWithChildren<ProgressIndicatorProps>) => {\n  const { value, max, intent, shape, isIndeterminate, onComplete } = useProgress()\n  const x = ((max - value) / max) * 100\n\n  const handleTransitionEnd = (event: React.TransitionEvent<HTMLDivElement>) => {\n    // Call the original onTransitionEnd if provided\n    onTransitionEnd?.(event)\n\n    // If progress is complete and we have a callback, call it\n    if (value >= max && onComplete && !isIndeterminate) {\n      onComplete()\n    }\n  }\n\n  return (\n    <RadixProgress.ProgressIndicator\n      data-spark-component=\"progress-indicator\"\n      className={progressIndicatorStyles({ className, intent, shape, isIndeterminate })}\n      style={{ ...style, ...(!isIndeterminate && { transform: `translateX(-${x}%)` }) }}\n      ref={ref}\n      onTransitionEnd={handleTransitionEnd}\n      {...others}\n    />\n  )\n}\n\nProgressIndicator.displayName = 'Progress.Indicator'\n","import { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { progressBarStyles } from './ProgressBar.styles'\nimport { useProgress } from './ProgressContext'\nimport { ProgressIndicator } from './ProgressIndicator'\n\nexport type ProgressBarProps = ComponentPropsWithRef<'div'>\n\nexport const ProgressBar = ({\n  className,\n  children = <ProgressIndicator />,\n  ref,\n  ...others\n}: PropsWithChildren<ProgressBarProps>) => {\n  const { shape } = useProgress()\n\n  return (\n    <div\n      data-spark-component=\"progress-bar\"\n      className={progressBarStyles({ className, shape })}\n      ref={ref}\n      {...others}\n    >\n      {children}\n    </div>\n  )\n}\n\nProgressBar.displayName = 'Progress.Bar'\n","import { cx } from 'class-variance-authority'\nimport { Progress as RadixProgress } from 'radix-ui'\nimport { PropsWithChildren, Ref, useMemo, useState } from 'react'\n\nimport { ProgressBar } from './ProgressBar'\nimport { ProgressContext } from './ProgressContext'\nimport { ProgressIndicatorStylesProps } from './ProgressIndicator.styles'\n\nexport interface ProgressProps\n  extends RadixProgress.ProgressProps,\n    Pick<ProgressIndicatorStylesProps, 'intent'> {\n  shape?: 'square' | 'rounded'\n  isIndeterminate?: boolean\n  /**\n   * Callback called when the progress reaches its maximum value and the transition animation completes.\n   */\n  onComplete?: () => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Progress = ({\n  className,\n  value: valueProp,\n  max = 100,\n  shape = 'square',\n  intent = 'basic',\n  isIndeterminate = false,\n  onComplete,\n  children = <ProgressBar />,\n  ref,\n  ...others\n}: PropsWithChildren<ProgressProps>) => {\n  const [labelId, setLabelId] = useState<string>()\n\n  const value = useMemo(() => {\n    return {\n      value: valueProp ?? 0,\n      max,\n      intent,\n      shape,\n      isIndeterminate,\n      onLabelId: setLabelId,\n      onComplete,\n    }\n  }, [max, valueProp, intent, shape, isIndeterminate, setLabelId, onComplete])\n\n  return (\n    <ProgressContext.Provider data-spark-component=\"progress\" value={value}>\n      <RadixProgress.Progress\n        data-spark-component=\"progress\"\n        ref={ref}\n        className={cx('gap-sm focus-visible:u-outline flex flex-col', className)}\n        value={valueProp}\n        aria-labelledby={labelId}\n        max={max}\n        tabIndex={-1}\n        {...others}\n      >\n        {children}\n      </RadixProgress.Progress>\n    </ProgressContext.Provider>\n  )\n}\n\nProgress.displayName = 'Progress'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ComponentPropsWithRef, useCallback, useId } from 'react'\n\nimport { ID_PREFIX, useProgress } from './ProgressContext'\n\nexport type ProgressLabelProps = ComponentPropsWithRef<'span'>\n\nexport const ProgressLabel = ({\n  id: idProp,\n  children,\n  ref: forwardedRef,\n  ...others\n}: ProgressLabelProps) => {\n  const internalID = `${ID_PREFIX}-label-${useId()}`\n  const id = idProp || internalID\n\n  const { onLabelId } = useProgress()\n  const rootRef = useCallback(\n    (el: HTMLSpanElement) => {\n      onLabelId(el ? id : undefined)\n    },\n    [id, onLabelId]\n  )\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  return (\n    <span\n      data-spark-component=\"progress-label\"\n      id={id}\n      className=\"text-body-2 text-on-surface\"\n      ref={ref}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nProgressLabel.displayName = 'Progress.Label'\n","import { Progress as Root } from './Progress'\nimport { ProgressBar } from './ProgressBar'\nimport { ProgressIndicator } from './ProgressIndicator'\nimport { ProgressLabel } from './ProgressLabel'\n\nexport const Progress: typeof Root & {\n  Label: typeof ProgressLabel\n  Bar: typeof ProgressBar\n  Indicator: typeof ProgressIndicator\n} = Object.assign(Root, {\n  Label: ProgressLabel,\n  Bar: ProgressBar,\n  Indicator: ProgressIndicator,\n})\n\nProgress.displayName = 'Progress'\nProgressBar.displayName = 'Progress.Bar'\nProgressIndicator.displayName = 'Progress.Indicator'\nProgressLabel.displayName = 'Progress.Label'\n\nexport { type ProgressProps } from './Progress'\nexport { type ProgressBarProps } from './ProgressBar'\nexport { type ProgressLabelProps } from './ProgressLabel'\nexport { type ProgressIndicatorProps } from './ProgressIndicator'\n"],"names":["PROGRESS_NAME","DEFAULT_MAX","createProgressContext","createContextScope","ProgressProvider","useProgressContext","Progress","React","props","forwardedRef","__scopeProgress","valueProp","maxProp","getValueLabel","defaultGetValueLabel","progressProps","isValidMaxNumber","getInvalidMaxError","max","isValidValueNumber","getInvalidValueError","value","valueLabel","isNumber","jsx","Primitive","getProgressState","INDICATOR_NAME","ProgressIndicator","indicatorProps","context","maxValue","propValue","componentName","progressBarStyles","cva","ProgressContext","createContext","ID_PREFIX","useProgress","useContext","progressIndicatorStyles","className","style","ref","onTransitionEnd","others","intent","shape","isIndeterminate","onComplete","x","handleTransitionEnd","event","RadixProgress.ProgressIndicator","ProgressBar","children","labelId","setLabelId","useState","useMemo","RadixProgress.Progress","cx","ProgressLabel","idProp","internalID","useId","id","onLabelId","rootRef","useCallback","el","useMergeRefs","Root"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/progress-tracker/ProgressTracker.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { StepIndicatorVariantProps } from './ProgressTrackerStepIndicator.styles';
+export interface ProgressTrackerProps extends ComponentPropsWithRef<'div'>, Pick<StepIndicatorVariantProps, 'size' | 'intent'> {
+    /**
+     * The orientation of the progress tracker
+     * @default 'horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The index of the current step.
+     * @default 0
+     */
+    stepIndex?: number;
+    /**
+     * Event handler called when clicking on a step.
+     */
+    onStepClick?: (stepIndex: number) => void;
+    /**
+     * Sets the component as interactive or not.
+     * @default false
+     */
+    readOnly?: boolean;
+}
+export declare const ProgressTracker: {
+    ({ stepIndex, onStepClick, readOnly, intent, size, orientation, children, className, ref, ...rest }: PropsWithChildren<ProgressTrackerProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/progress-tracker/ProgressTracker.styles.d.ts

@@ -0,0 +1 @@
+export declare const progressList: string;

package/dist/progress-tracker/ProgressTrackerContext.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ProgressTrackerProps } from './ProgressTracker';
+export type ProgressTrackerContextInterface = Required<Pick<ProgressTrackerProps, 'stepIndex' | 'size' | 'intent' | 'readOnly'>> & Pick<ProgressTrackerProps, 'onStepClick'> & {
+    steps: Map<string, string[]>;
+    setSteps: Dispatch<SetStateAction<Map<string, string[]>>>;
+};
+export interface ProgressTrackerStepContextInterface {
+    index: number;
+    state: 'active' | 'complete' | 'incomplete';
+}
+export declare const ProgressTrackerContext: import('react').Context<ProgressTrackerContextInterface>;
+export declare const ProgressTrackerStepContext: import('react').Context<ProgressTrackerStepContextInterface>;
+export declare const useProgressTrackerContext: () => ProgressTrackerContextInterface;
+export declare const useProgressTrackerStepContext: () => ProgressTrackerStepContextInterface;
+export declare const ID_PREFIX = ":progress-tracker";

package/dist/progress-tracker/ProgressTrackerStep.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type ProgressTrackerStepProps = ComponentPropsWithRef<'li'> & ({
+    disabled?: boolean;
+    children: ReactNode;
+} | {
+    disabled?: boolean;
+    'aria-label': string;
+});
+export declare const ProgressTrackerStep: {
+    ({ disabled, children, "aria-label": ariaLabel, className, ref, ...rest }: ProgressTrackerStepProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/progress-tracker/ProgressTrackerStep.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const stepItemVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    intent?: "basic" | "success" | "neutral" | null | undefined;
+    disabled?: boolean | null | undefined;
+    disabledAfter?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stepButtonVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    readOnly?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/progress-tracker/ProgressTrackerStepIndicator.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type ProgressTrackerStepIndicatorProps = ComponentPropsWithoutRef<'span'> & {
+    /**
+     * The content to be rendered when step status is complete (checkmark icon by default)
+     */
+    complete?: ReactNode;
+    /**
+     * The content to be rendered when step status is incomplete (step index by default)
+     */
+    incomplete?: ReactNode;
+};
+export declare const ProgressTrackerStepIndicator: {
+    ({ complete, incomplete, className, }: ProgressTrackerStepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/progress-tracker/ProgressTrackerStepIndicator.styles.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const stepIndicatorVariant: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    intent?: "basic" | "success" | "neutral" | null | undefined;
+    state?: "active" | "complete" | "incomplete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StepIndicatorVariantProps = VariantProps<typeof stepIndicatorVariant>;

package/dist/progress-tracker/ProgressTrackerStepLabel.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type ProgressTrackerStepLabelProps = ComponentPropsWithoutRef<'span'> & {
+    children: ReactNode;
+};
+export declare const ProgressTrackerStepLabel: {
+    ({ className, children, }: ProgressTrackerStepLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/progress-tracker/index.d.ts

@@ -1,80 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef, PropsWithChildren, ReactNode, ComponentPropsWithoutRef } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-declare const stepIndicatorVariant: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    intent?: "basic" | "neutral" | "success" | null | undefined;
-    state?: "complete" | "incomplete" | "active" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type StepIndicatorVariantProps = VariantProps<typeof stepIndicatorVariant>;
-
-interface ProgressTrackerProps extends ComponentPropsWithRef<'div'>, Pick<StepIndicatorVariantProps, 'size' | 'intent'> {
-    /**
-     * The orientation of the progress tracker
-     * @default 'horizontal"
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * The index of the current step.
-     * @default 0
-     */
-    stepIndex?: number;
-    /**
-     * Event handler called when clicking on a step.
-     */
-    onStepClick?: (stepIndex: number) => void;
-    /**
-     * Sets the component as interactive or not.
-     * @default false
-     */
-    readOnly?: boolean;
-}
-declare const ProgressTracker$1: {
-    ({ stepIndex, onStepClick, readOnly, intent, size, orientation, children, className, ref, ...rest }: PropsWithChildren<ProgressTrackerProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressTrackerStepProps = ComponentPropsWithRef<'li'> & ({
-    disabled?: boolean;
-    children: ReactNode;
-} | {
-    disabled?: boolean;
-    'aria-label': string;
-});
-declare const ProgressTrackerStep: {
-    ({ disabled, children, "aria-label": ariaLabel, className, ref, ...rest }: ProgressTrackerStepProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressTrackerStepIndicatorProps = ComponentPropsWithoutRef<'span'> & {
-    /**
-     * The content to be rendered when step status is complete (checkmark icon by default)
-     */
-    complete?: ReactNode;
-    /**
-     * The content to be rendered when step status is incomplete (step index by default)
-     */
-    incomplete?: ReactNode;
-};
-declare const ProgressTrackerStepIndicator: {
-    ({ complete, incomplete, className, }: ProgressTrackerStepIndicatorProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressTrackerStepLabelProps = ComponentPropsWithoutRef<'span'> & {
-    children: ReactNode;
-};
-declare const ProgressTrackerStepLabel: {
-    ({ className, children, }: ProgressTrackerStepLabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ProgressTracker: typeof ProgressTracker$1 & {
-    Step: typeof ProgressTrackerStep;
-    StepLabel: typeof ProgressTrackerStepLabel;
-    StepIndicator: typeof ProgressTrackerStepIndicator;
-};
-
-export { ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStepIndicatorProps, type ProgressTrackerStepProps };
+import { ProgressTracker as Root, ProgressTrackerProps } from './ProgressTracker';
+import { ProgressTrackerStep as Step, ProgressTrackerStepProps } from './ProgressTrackerStep';
+import { ProgressTrackerStepIndicator as StepIndicator, ProgressTrackerStepIndicatorProps } from './ProgressTrackerStepIndicator';
+import { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel';
+export declare const ProgressTracker: typeof Root & {
+    Step: typeof Step;
+    StepLabel: typeof StepLabel;
+    StepIndicator: typeof StepIndicator;
+};
+export type { ProgressTrackerProps, ProgressTrackerStepProps, ProgressTrackerStepIndicatorProps };