@spark-ui/components 13.1.4 → 13.2.0

package/dist/progress/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"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/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.mts

@@ -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 };

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 };