@spark-ui/components 13.1.4 → 13.2.0

package/dist/progress/ProgressBar.d.ts

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

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

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const progressBarStyles: (props?: ({
+    shape?: "square" | "rounded" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ProgressBarStylesProps = VariantProps<typeof progressBarStyles>;

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.mts

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