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

package/dist/progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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]}
+{"version":3,"file":"index.js","sources":["../../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":["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":["progressBarStyles","cva","ProgressContext","createContext","ID_PREFIX","useProgress","context","useContext","progressIndicatorStyles","ProgressIndicator","className","style","ref","onTransitionEnd","others","value","max","intent","shape","isIndeterminate","onComplete","x","handleTransitionEnd","event","jsx","RadixProgress","ProgressBar","children","Progress","valueProp","labelId","setLabelId","useState","useMemo","cx","ProgressLabel","idProp","forwardedRef","internalID","useId","id","onLabelId","rootRef","useCallback","el","useMergeRefs","Root"],"mappings":"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"}

package/dist/progress/index.mjs

@@ -1,84 +1,9 @@
-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(
+import { jsx as i } from "react/jsx-runtime";
+import { cva as I, cx as h } from "class-variance-authority";
+import { Progress as v } from "radix-ui";
+import { createContext as k, useContext as L, useState as w, useMemo as B, useId as $, useCallback as C } from "react";
+import { useMergeRefs as E } from "@spark-ui/hooks/use-merge-refs";
+const q = I(
   ["relative", "h-sz-4 w-full", "transform-gpu overflow-hidden", "bg-on-background/dim-4"],
   {
     variants: {
@@ -88,12 +13,12 @@ const J = y(
       }
     }
   }
-), M = D(null), K = ":progress", x = () => {
-  const e = V(M);
-  if (!e)
+), x = k(null), R = ":progress", f = () => {
+  const s = L(x);
+  if (!s)
     throw new Error("useProgress must be used within a Progress provider");
-  return e;
-}, Q = y(["h-full w-full", "transition-transform duration-400"], {
+  return s;
+}, S = I(["h-full w-full", "transition-transform duration-400"], {
   variants: {
     /**
      * Color scheme of the progress component.
@@ -124,120 +49,120 @@ const J = y(
       false: []
     }
   }
-}), g = ({
-  className: e,
+}), p = ({
+  className: s,
   style: r,
-  ref: o,
-  onTransitionEnd: s,
-  ...a
+  ref: e,
+  onTransitionEnd: t,
+  ...n
 }) => {
-  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();
+  const { value: a, max: o, intent: c, shape: d, isIndeterminate: l, onComplete: g } = f(), u = (o - a) / o * 100, b = (N) => {
+    t?.(N), a >= o && g && !l && g();
   };
-  return /* @__PURE__ */ u(
-    R,
+  return /* @__PURE__ */ i(
+    v.ProgressIndicator,
     {
       "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
+      className: S({ className: s, intent: c, shape: d, isIndeterminate: l }),
+      style: { ...r, ...!l && { transform: `translateX(-${u}%)` } },
+      ref: e,
+      onTransitionEnd: b,
+      ...n
     }
   );
 };
-g.displayName = "Progress.Indicator";
-const f = ({
-  className: e,
-  children: r = /* @__PURE__ */ u(g, {}),
-  ref: o,
-  ...s
+p.displayName = "Progress.Indicator";
+const m = ({
+  className: s,
+  children: r = /* @__PURE__ */ i(p, {}),
+  ref: e,
+  ...t
 }) => {
-  const { shape: a } = x();
-  return /* @__PURE__ */ u(
+  const { shape: n } = f();
+  return /* @__PURE__ */ i(
     "div",
     {
       "data-spark-component": "progress-bar",
-      className: J({ className: e, shape: a }),
-      ref: o,
-      ...s,
+      className: q({ className: s, shape: n }),
+      ref: e,
+      ...t,
       children: r
     }
   );
 };
-f.displayName = "Progress.Bar";
-const _ = ({
-  className: e,
+m.displayName = "Progress.Bar";
+const y = ({
+  className: s,
   value: r,
-  max: o = 100,
-  shape: s = "square",
-  intent: a = "basic",
-  isIndeterminate: i = !1,
-  onComplete: l,
-  children: t = /* @__PURE__ */ u(f, {}),
-  ref: n,
-  ...d
+  max: e = 100,
+  shape: t = "square",
+  intent: n = "basic",
+  isIndeterminate: a = !1,
+  onComplete: o,
+  children: c = /* @__PURE__ */ i(m, {}),
+  ref: d,
+  ...l
 }) => {
-  const [c, p] = A(), v = B(() => ({
+  const [g, u] = w(), b = 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,
+    max: e,
+    intent: n,
+    shape: t,
+    isIndeterminate: a,
+    onLabelId: u,
+    onComplete: o
+  }), [e, r, n, t, a, u, o]);
+  return /* @__PURE__ */ i(x.Provider, { "data-spark-component": "progress", value: b, children: /* @__PURE__ */ i(
+    v.Progress,
     {
       "data-spark-component": "progress",
-      ref: n,
-      className: S("gap-sm focus-visible:u-outline flex flex-col", e),
+      ref: d,
+      className: h("gap-sm focus-visible:u-outline flex flex-col", s),
       value: r,
-      "aria-labelledby": c,
-      max: o,
+      "aria-labelledby": g,
+      max: e,
       tabIndex: -1,
-      ...d,
-      children: t
+      ...l,
+      children: c
     }
   ) });
 };
-_.displayName = "Progress";
-const N = ({
-  id: e,
+y.displayName = "Progress";
+const P = ({
+  id: s,
   children: r,
-  ref: o,
-  ...s
+  ref: e,
+  ...t
 }) => {
-  const a = `${K}-label-${T()}`, i = e || a, { onLabelId: l } = x(), t = O(
-    (d) => {
-      l(d ? i : void 0);
+  const n = `${R}-label-${$()}`, a = s || n, { onLabelId: o } = f(), c = C(
+    (l) => {
+      o(l ? a : void 0);
     },
-    [i, l]
-  ), n = X(o, t);
-  return /* @__PURE__ */ u(
+    [a, o]
+  ), d = E(e, c);
+  return /* @__PURE__ */ i(
     "span",
     {
       "data-spark-component": "progress-label",
-      id: i,
+      id: a,
       className: "text-body-2 text-on-surface",
-      ref: n,
-      ...s,
+      ref: d,
+      ...t,
       children: r
     }
   );
 };
-N.displayName = "Progress.Label";
-const W = Object.assign(_, {
-  Label: N,
-  Bar: f,
-  Indicator: g
+P.displayName = "Progress.Label";
+const j = Object.assign(y, {
+  Label: P,
+  Bar: m,
+  Indicator: p
 });
-W.displayName = "Progress";
-f.displayName = "Progress.Bar";
-g.displayName = "Progress.Indicator";
-N.displayName = "Progress.Label";
+j.displayName = "Progress";
+m.displayName = "Progress.Bar";
+p.displayName = "Progress.Indicator";
+P.displayName = "Progress.Label";
 export {
-  W as Progress
+  j as Progress
 };
 //# sourceMappingURL=index.mjs.map

package/dist/progress/index.mjs.map

@@ -1 +1 @@
-{"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]}
+{"version":3,"file":"index.mjs","sources":["../../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":["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":["progressBarStyles","cva","ProgressContext","createContext","ID_PREFIX","useProgress","context","useContext","progressIndicatorStyles","ProgressIndicator","className","style","ref","onTransitionEnd","others","value","max","intent","shape","isIndeterminate","onComplete","x","handleTransitionEnd","event","jsx","RadixProgress","ProgressBar","children","Progress","valueProp","labelId","setLabelId","useState","useMemo","cx","ProgressLabel","idProp","forwardedRef","internalID","useId","id","onLabelId","rootRef","useCallback","el","useMergeRefs","Root"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+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 };

package/dist/progress-tracker/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../index-DnaHaH_0.js"),n=require("react"),V=require("@spark-ui/icons/Check"),L=require("../Icon-Bf0XrmiR.js"),q=l.cx(["flex flex-nowrap items-start group/list","data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full","data-[orientation=vertical]:flex-col"]),S=n.createContext({}),P=n.createContext({}),T=()=>n.useContext(S),j=()=>n.useContext(P),O=":progress-tracker",I=({stepIndex:e=0,onStepClick:a,readOnly:r=!1,intent:s="basic",size:c="lg",orientation:p="horizontal",children:o,className:u,ref:v,...f})=>{const[x,z]=n.useState(new Map),d=r?"div":"nav";return t.jsx(S.Provider,{value:{stepIndex:e,onStepClick:a,steps:x,setSteps:z,size:c,intent:s,readOnly:r},children:t.jsx(d,{ref:v,"data-spark-component":"progress-tracker",className:l.cx("inline-flex",u),...f,children:t.jsx("ol",{"data-orientation":p,className:q,style:{counterReset:"step"},children:o})})})};I.displayName="ProgressTracker";const R=l.cva(["relative inline-flex items-start flex-auto first:grow-0 justify-center group/item","after:absolute after:z-base","last:after:content-none","after:bg-outline","group-data-[orientation=horizontal]/list:before:bg-outline","group-data-[orientation=horizontal]/list:px-[1px]","group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base","group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0","group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]","first:group-data-[orientation=horizontal]/list:before:content-none","group-data-[orientation=vertical]/list:py-[1px]","group-data-[orientation=vertical]/list:items-start","group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]"],{variants:{size:{sm:["group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]","group-data-[orientation=vertical]/list:after:left-[8px]","group-data-[orientation=vertical]/list:after:top-[25px]","first:group-data-[orientation=vertical]/list:after:top-[21px]"],md:["group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]","group-data-[orientation=vertical]/list:after:left-[12px]","group-data-[orientation=vertical]/list:after:top-[33px]","first:group-data-[orientation=vertical]/list:after:top-[29px]"],lg:["group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]","group-data-[orientation=vertical]/list:after:left-[16px]","group-data-[orientation=vertical]/list:after:top-[41px]","first:group-data-[orientation=vertical]/list:after:top-[37px]"]},intent:{basic:"",neutral:"",success:""},disabled:{true:"before:opacity-dim-3",false:""},disabledAfter:{true:"after:opacity-dim-3",false:""}},defaultVariants:{disabled:!1,disabledAfter:!1,size:"lg",intent:"basic"}}),$=l.cva(["relative flex group/btn disabled:cursor-default","group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center","group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm","group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0","group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start","group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm","group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0"],{variants:{size:{sm:["group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]","group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]"],md:["group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]","group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]"],lg:["group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]","group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]"]},readOnly:{true:"cursor-default",false:"cursor-pointer"}},defaultVariants:{size:"lg",readOnly:!1}}),A=l.cva(["relative flex shrink-0 justify-center items-center","rounded-full","text-body-2 font-bold","group-disabled/btn:opacity-dim-3"],{variants:{size:{sm:["w-sz-16 h-sz-16","group-data-[orientation=horizontal]/list:mt-[-16px]","group-data-[orientation=vertical]/list:ml-[-16px]"],md:["w-sz-24 h-sz-24","group-data-[orientation=horizontal]/list:mt-[-24px]","group-data-[orientation=vertical]/list:ml-[-24px]"],lg:["w-sz-32 h-sz-32","group-data-[orientation=horizontal]/list:mt-[-32px]","group-data-[orientation=vertical]/list:ml-[-32px]"]},intent:{basic:"",neutral:"",success:""},state:{complete:"",incomplete:"",active:""}},compoundVariants:[{intent:"basic",state:["complete","incomplete"],class:["text-on-basic-container bg-basic-container","group-hover/btn:group-data-[interactive=true]/btn:bg-basic-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-basic-container"]},{intent:"basic",state:"active",class:"text-on-basic bg-basic"},{intent:"neutral",state:["complete","incomplete"],class:["text-on-neutral-container bg-neutral-container","group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container"]},{intent:"neutral",state:"active",class:"text-on-neutral bg-neutral"},{intent:"success",state:["complete","incomplete"],class:["text-on-success-container bg-success-container","group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-success-container"]},{intent:"success",state:"active",class:"text-on-success bg-success"}],defaultVariants:{size:"lg",state:"incomplete",intent:"basic"}}),M=()=>t.jsx(L.Icon,{size:"sm",children:t.jsx(V.Check,{})}),h=({complete:e,incomplete:a,className:r})=>{const{size:s,intent:c}=T(),{index:p,state:o}=j();return t.jsx("span",{className:A({size:s,intent:c,state:o,className:r}),"aria-hidden":"true",children:s!=="sm"&&t.jsxs(t.Fragment,{children:[o==="complete"&&(e===void 0?t.jsx(M,{}):e),o!=="complete"&&(a===void 0?`${p+1}`:a)]})})};h.displayName="ProgressTracker.StepIndicator";const k=({disabled:e=!1,children:a,"aria-label":r,className:s,ref:c,...p})=>{const{stepIndex:o,steps:u,onStepClick:v,setSteps:f,size:x,intent:z,readOnly:d}=T(),m=`${O}-step-${n.useId()}`,g=[...u.keys()].indexOf(m),C=(()=>{const i=[...u.keys()][g+1];return!!(i&&u.get(i)?.includes("disabled"))})(),b=g===o?"active":g<o?"complete":"incomplete";return n.useEffect(()=>(f(i=>new Map(i).set(m,[b,e?"disabled":""].filter(N=>!!N))),()=>{f(i=>(i.delete(m),i))}),[]),t.jsx("li",{"data-spark-component":"progress-tracker-step",id:m,ref:c,"data-state":b,...b==="active"&&{"aria-current":"step"},className:R({size:x,intent:z,disabled:e,disabledAfter:C}),...p,children:t.jsx("button",{type:"button","aria-label":r,"data-interactive":!e&&!d,...!e&&!d&&{onClick:()=>v?.(g)},disabled:e,className:$({size:x,readOnly:d,className:s}),children:t.jsx(P.Provider,{value:{index:g,state:b},children:a||t.jsx(h,{})})})})};k.displayName="ProgressTracker.Step";const E=l.cva(["flex text-body-2 ","text-on-surface group-disabled/btn:text-on-surface/dim-1","group-data-[orientation=horizontal]/list:mt-md","group-data-[orientation=vertical]/list:ml-md","group-data-[orientation=vertical]/list:my-auto"],{variants:{state:{complete:"",incomplete:"",active:"font-bold"}}}),y=({className:e,children:a})=>{const{state:r}=j();return t.jsx("span",{className:E({state:r,className:e}),children:a})};y.displayName="ProgressTracker.StepLabel";const w=Object.assign(I,{Step:k,StepLabel:y,StepIndicator:h});w.displayName="ProgressTracker";k.displayName="ProgressTracker.Step";y.displayName="ProgressTracker.StepLabel";h.displayName="ProgressTracker.StepIndicator";exports.ProgressTracker=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("class-variance-authority"),n=require("react"),V=require("@spark-ui/icons/Check"),L=require("../Icon-CF0W0LKr.js"),q=l.cx(["flex flex-nowrap items-start group/list","data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full","data-[orientation=vertical]:flex-col"]),S=n.createContext({}),P=n.createContext({}),T=()=>n.useContext(S),j=()=>n.useContext(P),O=":progress-tracker",I=({stepIndex:e=0,onStepClick:a,readOnly:r=!1,intent:s="basic",size:c="lg",orientation:p="horizontal",children:o,className:u,ref:v,...f})=>{const[x,z]=n.useState(new Map),d=r?"div":"nav";return t.jsx(S.Provider,{value:{stepIndex:e,onStepClick:a,steps:x,setSteps:z,size:c,intent:s,readOnly:r},children:t.jsx(d,{ref:v,"data-spark-component":"progress-tracker",className:l.cx("inline-flex",u),...f,children:t.jsx("ol",{"data-orientation":p,className:q,style:{counterReset:"step"},children:o})})})};I.displayName="ProgressTracker";const A=l.cva(["relative inline-flex items-start flex-auto first:grow-0 justify-center group/item","after:absolute after:z-base","last:after:content-none","after:bg-outline","group-data-[orientation=horizontal]/list:before:bg-outline","group-data-[orientation=horizontal]/list:px-[1px]","group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base","group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0","group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]","first:group-data-[orientation=horizontal]/list:before:content-none","group-data-[orientation=vertical]/list:py-[1px]","group-data-[orientation=vertical]/list:items-start","group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]"],{variants:{size:{sm:["group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]","group-data-[orientation=vertical]/list:after:left-[8px]","group-data-[orientation=vertical]/list:after:top-[25px]","first:group-data-[orientation=vertical]/list:after:top-[21px]"],md:["group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]","group-data-[orientation=vertical]/list:after:left-[12px]","group-data-[orientation=vertical]/list:after:top-[33px]","first:group-data-[orientation=vertical]/list:after:top-[29px]"],lg:["group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]","group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]","first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]","last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]","group-data-[orientation=vertical]/list:after:left-[16px]","group-data-[orientation=vertical]/list:after:top-[41px]","first:group-data-[orientation=vertical]/list:after:top-[37px]"]},intent:{basic:"",neutral:"",success:""},disabled:{true:"before:opacity-dim-3",false:""},disabledAfter:{true:"after:opacity-dim-3",false:""}},defaultVariants:{disabled:!1,disabledAfter:!1,size:"lg",intent:"basic"}}),R=l.cva(["relative flex group/btn disabled:cursor-default","group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center","group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm","group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0","group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start","group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm","group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0"],{variants:{size:{sm:["group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]","group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]"],md:["group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]","group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]"],lg:["group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]","group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]"]},readOnly:{true:"cursor-default",false:"cursor-pointer"}},defaultVariants:{size:"lg",readOnly:!1}}),$=l.cva(["relative flex shrink-0 justify-center items-center","rounded-full","text-body-2 font-bold","group-disabled/btn:opacity-dim-3"],{variants:{size:{sm:["w-sz-16 h-sz-16","group-data-[orientation=horizontal]/list:mt-[-16px]","group-data-[orientation=vertical]/list:ml-[-16px]"],md:["w-sz-24 h-sz-24","group-data-[orientation=horizontal]/list:mt-[-24px]","group-data-[orientation=vertical]/list:ml-[-24px]"],lg:["w-sz-32 h-sz-32","group-data-[orientation=horizontal]/list:mt-[-32px]","group-data-[orientation=vertical]/list:ml-[-32px]"]},intent:{basic:"",neutral:"",success:""},state:{complete:"",incomplete:"",active:""}},compoundVariants:[{intent:"basic",state:["complete","incomplete"],class:["text-on-basic-container bg-basic-container","group-hover/btn:group-data-[interactive=true]/btn:bg-basic-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-basic-container"]},{intent:"basic",state:"active",class:"text-on-basic bg-basic"},{intent:"neutral",state:["complete","incomplete"],class:["text-on-neutral-container bg-neutral-container","group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container"]},{intent:"neutral",state:"active",class:"text-on-neutral bg-neutral"},{intent:"success",state:["complete","incomplete"],class:["text-on-success-container bg-success-container","group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered","group-hover/btn:group-data-[interactive=false]/btn:bg-success-container"]},{intent:"success",state:"active",class:"text-on-success bg-success"}],defaultVariants:{size:"lg",state:"incomplete",intent:"basic"}}),M=()=>t.jsx(L.Icon,{size:"sm",children:t.jsx(V.Check,{})}),h=({complete:e,incomplete:a,className:r})=>{const{size:s,intent:c}=T(),{index:p,state:o}=j();return t.jsx("span",{className:$({size:s,intent:c,state:o,className:r}),"aria-hidden":"true",children:s!=="sm"&&t.jsxs(t.Fragment,{children:[o==="complete"&&(e===void 0?t.jsx(M,{}):e),o!=="complete"&&(a===void 0?`${p+1}`:a)]})})};h.displayName="ProgressTracker.StepIndicator";const k=({disabled:e=!1,children:a,"aria-label":r,className:s,ref:c,...p})=>{const{stepIndex:o,steps:u,onStepClick:v,setSteps:f,size:x,intent:z,readOnly:d}=T(),m=`${O}-step-${n.useId()}`,g=[...u.keys()].indexOf(m),C=(()=>{const i=[...u.keys()][g+1];return!!(i&&u.get(i)?.includes("disabled"))})(),b=g===o?"active":g<o?"complete":"incomplete";return n.useEffect(()=>(f(i=>new Map(i).set(m,[b,e?"disabled":""].filter(N=>!!N))),()=>{f(i=>(i.delete(m),i))}),[]),t.jsx("li",{"data-spark-component":"progress-tracker-step",id:m,ref:c,"data-state":b,...b==="active"&&{"aria-current":"step"},className:A({size:x,intent:z,disabled:e,disabledAfter:C}),...p,children:t.jsx("button",{type:"button","aria-label":r,"data-interactive":!e&&!d,...!e&&!d&&{onClick:()=>v?.(g)},disabled:e,className:R({size:x,readOnly:d,className:s}),children:t.jsx(P.Provider,{value:{index:g,state:b},children:a||t.jsx(h,{})})})})};k.displayName="ProgressTracker.Step";const E=l.cva(["flex text-body-2 ","text-on-surface group-disabled/btn:text-on-surface/dim-1","group-data-[orientation=horizontal]/list:mt-md","group-data-[orientation=vertical]/list:ml-md","group-data-[orientation=vertical]/list:my-auto"],{variants:{state:{complete:"",incomplete:"",active:"font-bold"}}}),y=({className:e,children:a})=>{const{state:r}=j();return t.jsx("span",{className:E({state:r,className:e}),children:a})};y.displayName="ProgressTracker.StepLabel";const w=Object.assign(I,{Step:k,StepLabel:y,StepIndicator:h});w.displayName="ProgressTracker";k.displayName="ProgressTracker.Step";y.displayName="ProgressTracker.StepLabel";h.displayName="ProgressTracker.StepIndicator";exports.ProgressTracker=w;
 //# sourceMappingURL=index.js.map