@spark-ui/progress 9.1.3 → 9.1.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.1.5](https://github.com/adevinta/spark/compare/v9.1.4...v9.1.5) (2025-02-19)
+
+**Note:** Version bump only for package @spark-ui/progress
+
+## [9.1.4](https://github.com/adevinta/spark/compare/v9.1.3...v9.1.4) (2025-02-19)
+
+**Note:** Version bump only for package @spark-ui/progress
+
 ## [9.1.3](https://github.com/adevinta/spark/compare/v9.1.2...v9.1.3) (2025-02-19)
 
 **Note:** Version bump only for package @spark-ui/progress

package/dist/Progress.d.ts

@@ -1,7 +1,7 @@
-import { ProgressProps as ProgressPrimitiveProps } from '@radix-ui/react-progress';
+import { Progress as RadixProgress } from 'radix-ui';
 import { PropsWithChildren, Ref } from 'react';
 import { ProgressIndicatorStylesProps } from './ProgressIndicator.styles';
-export interface ProgressProps extends ProgressPrimitiveProps, Pick<ProgressIndicatorStylesProps, 'intent'> {
+export interface ProgressProps extends RadixProgress.ProgressProps, Pick<ProgressIndicatorStylesProps, 'intent'> {
     shape?: 'square' | 'rounded';
     isIndeterminate?: boolean;
     ref?: Ref<HTMLDivElement>;

package/dist/index.js

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

package/dist/index.mjs

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

package/dist/public/docgen.json

@@ -76,12 +76,12 @@
         "description": "",
         "name": "value",
         "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+          "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
           "name": "ProgressProps"
         },
         "declarations": [
           {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+            "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
             "name": "ProgressProps"
           }
         ],
@@ -95,12 +95,12 @@
         "description": "",
         "name": "max",
         "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+          "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
           "name": "ProgressProps"
         },
         "declarations": [
           {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+            "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
             "name": "ProgressProps"
           }
         ],
@@ -114,12 +114,12 @@
         "description": "",
         "name": "getValueLabel",
         "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+          "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
           "name": "ProgressProps"
         },
         "declarations": [
           {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
+            "fileName": "spark/node_modules/radix-ui/node_modules/@radix-ui/react-progress/dist/index.d.ts",
             "name": "ProgressProps"
           }
         ],
@@ -134,7 +134,7 @@
         "name": "asChild",
         "declarations": [
           {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.d.ts",
+            "fileName": "spark/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.d.ts",
             "name": "TypeLiteral"
           }
         ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/progress",
-  "version": "9.1.3",
+  "version": "9.1.5",
   "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
   "publishConfig": {
     "access": "public"
@@ -23,9 +23,9 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@radix-ui/react-progress": "1.1.1",
-    "@spark-ui/use-merge-refs": "^9.1.3",
-    "class-variance-authority": "0.7.0"
+    "@spark-ui/use-merge-refs": "^9.1.5",
+    "class-variance-authority": "0.7.0",
+    "radix-ui": "1.1.3"
   },
   "peerDependencies": {
     "@spark-ui/theme-utils": "latest",
@@ -47,5 +47,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "ad661a89667c2af4dd86045456ff623cb0cae9cf"
+  "gitHead": "40f516e5bc7cb13131a2ded3b1240638897302bf"
 }