@spark-ui/components 13.0.7 → 13.1.0

package/dist/progress/ProgressContext.d.ts

@@ -0,0 +1,13 @@
+import { ProgressIndicatorStylesProps } from './ProgressIndicator.styles';
+export interface ProgressContextValue {
+    value: number;
+    max: number;
+    isIndeterminate: boolean;
+    shape: 'square' | 'rounded';
+    intent: ProgressIndicatorStylesProps['intent'];
+    onLabelId: (id?: string) => void;
+    onComplete?: () => void;
+}
+export declare const ProgressContext: import('react').Context<ProgressContextValue | null>;
+export declare const ID_PREFIX = ":progress";
+export declare const useProgress: () => ProgressContextValue;

package/dist/progress/ProgressIndicator.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+export type ProgressIndicatorProps = ComponentPropsWithRef<'div'>;
+export declare const ProgressIndicator: {
+    ({ className, style, ref, onTransitionEnd, ...others }: PropsWithChildren<ProgressIndicatorProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/progress/ProgressIndicator.styles.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const progressIndicatorStyles: (props?: ({
+    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+    isIndeterminate?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>;

package/dist/progress/ProgressLabel.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+export type ProgressLabelProps = ComponentPropsWithRef<'span'>;
+export declare const ProgressLabel: {
+    ({ id: idProp, children, ref: forwardedRef, ...others }: ProgressLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/progress/index.d.ts

@@ -1,52 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Progress as Progress$2 } from 'radix-ui';
-import { PropsWithChildren, Ref, ComponentPropsWithRef } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-declare const progressIndicatorStyles: (props?: ({
-    intent?: "main" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
-    shape?: "rounded" | "square" | null | undefined;
-    isIndeterminate?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ProgressIndicatorStylesProps = VariantProps<typeof progressIndicatorStyles>;
-
-interface ProgressProps extends Progress$2.ProgressProps, Pick<ProgressIndicatorStylesProps, 'intent'> {
-    shape?: 'square' | 'rounded';
-    isIndeterminate?: boolean;
-    /**
-     * Callback called when the progress reaches its maximum value and the transition animation completes.
-     */
-    onComplete?: () => void;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const Progress$1: {
-    ({ className, value: valueProp, max, shape, intent, isIndeterminate, onComplete, children, ref, ...others }: PropsWithChildren<ProgressProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressBarProps = ComponentPropsWithRef<'div'>;
-declare const ProgressBar: {
-    ({ className, children, ref, ...others }: PropsWithChildren<ProgressBarProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressIndicatorProps = ComponentPropsWithRef<'div'>;
-declare const ProgressIndicator: {
-    ({ className, style, ref, onTransitionEnd, ...others }: PropsWithChildren<ProgressIndicatorProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ProgressLabelProps = ComponentPropsWithRef<'span'>;
-declare const ProgressLabel: {
-    ({ id: idProp, children, ref: forwardedRef, ...others }: ProgressLabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Progress: typeof Progress$1 & {
+import { Progress as Root } from './Progress';
+import { ProgressBar } from './ProgressBar';
+import { ProgressIndicator } from './ProgressIndicator';
+import { ProgressLabel } from './ProgressLabel';
+export declare const Progress: typeof Root & {
     Label: typeof ProgressLabel;
     Bar: typeof ProgressBar;
     Indicator: typeof ProgressIndicator;
 };
-
-export { Progress, type ProgressBarProps, type ProgressIndicatorProps, type ProgressLabelProps, type ProgressProps };
+export { type ProgressProps } from './Progress';
+export { type ProgressBarProps } from './ProgressBar';
+export { type ProgressLabelProps } from './ProgressLabel';
+export { type ProgressIndicatorProps } from './ProgressIndicator';

package/dist/progress/index.js

@@ -1,240 +1,7 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),x=require("../index-DnaHaH_0.js"),d=require("react"),k=require("../index-DO-atGp-.js"),$=require("../index-ChLwd62c.js"),C=require("@spark-ui/hooks/use-merge-refs");function D(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const R=D(d);var P="Progress",N=100,[T]=k.createContextScope(P),[V,A]=T(P),L=R.forwardRef((e,r)=>{const{__scopeProgress:t,value:a=null,max:s,getValueLabel:i=B,...l}=e;(s||s===0)&&!h(s)&&console.error(X(`${s}`,"Progress"));const o=h(s)?s:N;a!==null&&!j(a,o)&&console.error(z(`${a}`,"Progress"));const n=j(a,o)?a:null,c=m(n)?i(n,o):void 0;return u.jsx(V,{scope:t,value:n,max:o,children:u.jsx($.Primitive.div,{"aria-valuemax":o,"aria-valuemin":0,"aria-valuenow":m(n)?n:void 0,"aria-valuetext":c,role:"progressbar","data-state":_(n,o),"data-value":n??void 0,"data-max":o,...l,ref:r})})});L.displayName=P;var M="ProgressIndicator",S=R.forwardRef((e,r)=>{const{__scopeProgress:t,...a}=e,s=A(M,t);return u.jsx($.Primitive.div,{"data-state":_(s.value,s.max),"data-value":s.value??void 0,"data-max":s.max,...a,ref:r})});S.displayName=M;function B(e,r){return`${Math.round(e/r*100)}%`}function _(e,r){return e==null?"indeterminate":e===r?"complete":"loading"}function m(e){return typeof e=="number"}function h(e){return m(e)&&!isNaN(e)&&e>0}function j(e,r){return m(e)&&!isNaN(e)&&e<=r&&e>=0}function X(e,r){return`Invalid prop \`max\` of value \`${e}\` supplied to \`${r}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${N}\`.`}function z(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 ${N} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
 
-// src/progress/index.ts
-var progress_exports = {};
-__export(progress_exports, {
-  Progress: () => Progress2
-});
-module.exports = __toCommonJS(progress_exports);
-
-// src/progress/Progress.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_radix_ui2 = require("radix-ui");
-var import_react2 = require("react");
-
-// src/progress/ProgressBar.styles.ts
-var import_class_variance_authority = require("class-variance-authority");
-var progressBarStyles = (0, import_class_variance_authority.cva)(
-  ["relative", "h-sz-4 w-full", "transform-gpu overflow-hidden", "bg-on-background/dim-4"],
-  {
-    variants: {
-      shape: {
-        square: [],
-        rounded: ["rounded-sm"]
-      }
-    }
-  }
-);
-
-// src/progress/ProgressContext.tsx
-var import_react = require("react");
-var ProgressContext = (0, import_react.createContext)(null);
-var ID_PREFIX = ":progress";
-var useProgress = () => {
-  const context = (0, import_react.useContext)(ProgressContext);
-  if (!context) {
-    throw new Error("useProgress must be used within a Progress provider");
-  }
-  return context;
-};
-
-// src/progress/ProgressIndicator.tsx
-var import_radix_ui = require("radix-ui");
-
-// src/progress/ProgressIndicator.styles.ts
-var import_class_variance_authority2 = require("class-variance-authority");
-var progressIndicatorStyles = (0, import_class_variance_authority2.cva)(["h-full w-full", "transition-transform duration-400"], {
-  variants: {
-    /**
-     * Color scheme of the progress component.
-     */
-    intent: {
-      basic: ["bg-basic"],
-      main: ["bg-main"],
-      support: ["bg-support"],
-      accent: ["bg-accent"],
-      success: ["bg-success"],
-      alert: ["bg-alert"],
-      danger: ["bg-error"],
-      info: ["bg-info"],
-      neutral: ["bg-neutral"]
-    },
-    /**
-     * Shape of the progress component.
-     */
-    shape: {
-      square: [],
-      rounded: ["rounded-sm"]
-    },
-    /**
-     * Sets if the progress value is not determinated.
-     */
-    isIndeterminate: {
-      true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"],
-      false: []
-    }
-  }
-});
-
-// src/progress/ProgressIndicator.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ProgressIndicator = ({
-  className,
-  style,
-  ref,
-  onTransitionEnd,
-  ...others
-}) => {
-  const { value, max, intent, shape, isIndeterminate, onComplete } = useProgress();
-  const x = (max - value) / max * 100;
-  const handleTransitionEnd = (event) => {
-    onTransitionEnd?.(event);
-    if (value >= max && onComplete && !isIndeterminate) {
-      onComplete();
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_radix_ui.Progress.ProgressIndicator,
-    {
-      "data-spark-component": "progress-indicator",
-      className: progressIndicatorStyles({ className, intent, shape, isIndeterminate }),
-      style: { ...style, ...!isIndeterminate && { transform: `translateX(-${x}%)` } },
-      ref,
-      onTransitionEnd: handleTransitionEnd,
-      ...others
-    }
-  );
-};
-ProgressIndicator.displayName = "Progress.Indicator";
-
-// src/progress/ProgressBar.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ProgressBar = ({
-  className,
-  children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ProgressIndicator, {}),
-  ref,
-  ...others
-}) => {
-  const { shape } = useProgress();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "div",
-    {
-      "data-spark-component": "progress-bar",
-      className: progressBarStyles({ className, shape }),
-      ref,
-      ...others,
-      children
-    }
-  );
-};
-ProgressBar.displayName = "Progress.Bar";
-
-// src/progress/Progress.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Progress = ({
-  className,
-  value: valueProp,
-  max = 100,
-  shape = "square",
-  intent = "basic",
-  isIndeterminate = false,
-  onComplete,
-  children = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProgressBar, {}),
-  ref,
-  ...others
-}) => {
-  const [labelId, setLabelId] = (0, import_react2.useState)();
-  const value = (0, import_react2.useMemo)(() => {
-    return {
-      value: valueProp ?? 0,
-      max,
-      intent,
-      shape,
-      isIndeterminate,
-      onLabelId: setLabelId,
-      onComplete
-    };
-  }, [max, valueProp, intent, shape, isIndeterminate, setLabelId, onComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProgressContext.Provider, { "data-spark-component": "progress", value, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_radix_ui2.Progress.Progress,
-    {
-      "data-spark-component": "progress",
-      ref,
-      className: (0, import_class_variance_authority3.cx)("gap-sm focus-visible:u-outline flex flex-col", className),
-      value: valueProp,
-      "aria-labelledby": labelId,
-      max,
-      tabIndex: -1,
-      ...others,
-      children
-    }
-  ) });
-};
-Progress.displayName = "Progress";
-
-// src/progress/ProgressLabel.tsx
-var import_use_merge_refs = require("@spark-ui/hooks/use-merge-refs");
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ProgressLabel = ({
-  id: idProp,
-  children,
-  ref: forwardedRef,
-  ...others
-}) => {
-  const internalID = `${ID_PREFIX}-label-${(0, import_react3.useId)()}`;
-  const id = idProp || internalID;
-  const { onLabelId } = useProgress();
-  const rootRef = (0, import_react3.useCallback)(
-    (el) => {
-      onLabelId(el ? id : void 0);
-    },
-    [id, onLabelId]
-  );
-  const ref = (0, import_use_merge_refs.useMergeRefs)(forwardedRef, rootRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "span",
-    {
-      "data-spark-component": "progress-label",
-      id,
-      className: "text-body-2 text-on-surface",
-      ref,
-      ...others,
-      children
-    }
-  );
-};
-ProgressLabel.displayName = "Progress.Label";
-
-// src/progress/index.ts
-var Progress2 = Object.assign(Progress, {
-  Label: ProgressLabel,
-  Bar: ProgressBar,
-  Indicator: ProgressIndicator
-});
-Progress2.displayName = "Progress";
-ProgressBar.displayName = "Progress.Bar";
-ProgressIndicator.displayName = "Progress.Indicator";
-ProgressLabel.displayName = "Progress.Label";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Progress
-});
-//# sourceMappingURL=index.js.map
+Defaulting to \`null\`.`}const F=x.cva(["relative","h-sz-4 w-full","transform-gpu overflow-hidden","bg-on-background/dim-4"],{variants:{shape:{square:[],rounded:["rounded-sm"]}}}),w=d.createContext(null),G=":progress",I=()=>{const e=d.useContext(w);if(!e)throw new Error("useProgress must be used within a Progress provider");return e},U=x.cva(["h-full w-full","transition-transform duration-400"],{variants:{intent:{basic:["bg-basic"],main:["bg-main"],support:["bg-support"],accent:["bg-accent"],success:["bg-success"],alert:["bg-alert"],danger:["bg-error"],info:["bg-info"],neutral:["bg-neutral"]},shape:{square:[],rounded:["rounded-sm"]},isIndeterminate:{true:["absolute","-translate-x-1/2","animate-standalone-indeterminate-bar"],false:[]}}}),f=({className:e,style:r,ref:t,onTransitionEnd:a,...s})=>{const{value:i,max:l,intent:o,shape:n,isIndeterminate:c,onComplete:g}=I(),p=(l-i)/l*100,v=q=>{a?.(q),i>=l&&g&&!c&&g()};return u.jsx(S,{"data-spark-component":"progress-indicator",className:U({className:e,intent:o,shape:n,isIndeterminate:c}),style:{...r,...!c&&{transform:`translateX(-${p}%)`}},ref:t,onTransitionEnd:v,...s})};f.displayName="Progress.Indicator";const b=({className:e,children:r=u.jsx(f,{}),ref:t,...a})=>{const{shape:s}=I();return u.jsx("div",{"data-spark-component":"progress-bar",className:F({className:e,shape:s}),ref:t,...a,children:r})};b.displayName="Progress.Bar";const E=({className:e,value:r,max:t=100,shape:a="square",intent:s="basic",isIndeterminate:i=!1,onComplete:l,children:o=u.jsx(b,{}),ref:n,...c})=>{const[g,p]=d.useState(),v=d.useMemo(()=>({value:r??0,max:t,intent:s,shape:a,isIndeterminate:i,onLabelId:p,onComplete:l}),[t,r,s,a,i,p,l]);return u.jsx(w.Provider,{"data-spark-component":"progress",value:v,children:u.jsx(L,{"data-spark-component":"progress",ref:n,className:x.cx("gap-sm focus-visible:u-outline flex flex-col",e),value:r,"aria-labelledby":g,max:t,tabIndex:-1,...c,children:o})})};E.displayName="Progress";const y=({id:e,children:r,ref:t,...a})=>{const s=`${G}-label-${d.useId()}`,i=e||s,{onLabelId:l}=I(),o=d.useCallback(c=>{l(c?i:void 0)},[i,l]),n=C.useMergeRefs(t,o);return u.jsx("span",{"data-spark-component":"progress-label",id:i,className:"text-body-2 text-on-surface",ref:n,...a,children:r})};y.displayName="Progress.Label";const O=Object.assign(E,{Label:y,Bar:b,Indicator:f});O.displayName="Progress";b.displayName="Progress.Bar";f.displayName="Progress.Indicator";y.displayName="Progress.Label";exports.Progress=O;
+//# sourceMappingURL=index.js.map

package/dist/progress/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/progress/index.ts","../../src/progress/Progress.tsx","../../src/progress/ProgressBar.styles.ts","../../src/progress/ProgressContext.tsx","../../src/progress/ProgressIndicator.tsx","../../src/progress/ProgressIndicator.styles.ts","../../src/progress/ProgressBar.tsx","../../src/progress/ProgressLabel.tsx"],"sourcesContent":["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","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 { 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 { 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 { 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 { 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 { 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"],"mappings":"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","names":["Progress","import_class_variance_authority","import_radix_ui","import_react","import_class_variance_authority","RadixProgress","import_jsx_runtime","import_jsx_runtime","RadixProgress","import_react","import_jsx_runtime","Progress"]}
+{"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]}