@glob-ui/progress 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/progress
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A progress bar, determinate with a value or indeterminate while the length is unknown.
+
+## Install
+
+```bash
+pnpm add @glob-ui/progress
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Progress](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/components/progress.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const fillTone: {
+    readonly primary: "bg-glob-primary";
+    readonly success: "bg-glob-success";
+    readonly warning: "bg-glob-warning";
+    readonly danger: "bg-glob-danger";
+};
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role">, VariantProps<typeof progressVariants> {
+    /** Current value from 0 to `max`. `null` (or omitted) shows an indeterminate bar. Values outside the range are clamped. */
+    value?: number | null;
+    /** The value that means complete. Default 100. */
+    max?: number;
+    tone?: keyof typeof fillTone;
+    /** The text screen readers read instead of the number. Default: the percentage, for example "40%". */
+    getValueLabel?: (value: number, max: number) => string;
+}
+/**
+ * A progress bar. It needs a name: pass `aria-label` or `aria-labelledby` (for example a Label's id).
+ */
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps, progressVariants };

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const fillTone: {
+    readonly primary: "bg-glob-primary";
+    readonly success: "bg-glob-success";
+    readonly warning: "bg-glob-warning";
+    readonly danger: "bg-glob-danger";
+};
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "role">, VariantProps<typeof progressVariants> {
+    /** Current value from 0 to `max`. `null` (or omitted) shows an indeterminate bar. Values outside the range are clamped. */
+    value?: number | null;
+    /** The value that means complete. Default 100. */
+    max?: number;
+    tone?: keyof typeof fillTone;
+    /** The text screen readers read instead of the number. Default: the percentage, for example "40%". */
+    getValueLabel?: (value: number, max: number) => string;
+}
+/**
+ * A progress bar. It needs a name: pass `aria-label` or `aria-labelledby` (for example a Label's id).
+ */
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps, progressVariants };

package/dist/index.js

@@ -0,0 +1,126 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Progress: () => Progress,
+  progressVariants: () => progressVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/progress.tsx
+var import_react = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("@glob-ui/utils");
+var import_jsx_runtime = (
+  // Slides across the track; with reduced motion it becomes a static full bar that pulses.
+  require("react/jsx-runtime")
+);
+var progressVariants = (0, import_class_variance_authority.cva)("relative w-full overflow-hidden rounded-glob-sm bg-glob-surface-hover", {
+  variants: {
+    size: {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var fillTone = {
+  primary: "bg-glob-primary",
+  success: "bg-glob-success",
+  warning: "bg-glob-warning",
+  danger: "bg-glob-danger"
+};
+var Progress = (0, import_react.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, value, max = 100, size, tone = "primary", getValueLabel } = _b, props = __objRest(_b, ["className", "value", "max", "size", "tone", "getValueLabel"]);
+    const indeterminate = value === null || value === void 0;
+    const safeMax = max > 0 ? max : 100;
+    const clamped = indeterminate ? 0 : Math.min(Math.max(value, 0), safeMax);
+    const percent = clamped / safeMax * 100;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": safeMax,
+        "aria-valuenow": indeterminate ? void 0 : clamped,
+        "aria-valuetext": indeterminate ? void 0 : getValueLabel ? getValueLabel(clamped, safeMax) : `${Math.round(percent)}%`,
+        className: (0, import_utils.cn)(progressVariants({ size, className }))
+      }, props), {
+        children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_utils.cn)(
+              "h-full w-2/5 animate-glob-indeterminate rounded-glob-sm motion-reduce:w-full motion-reduce:animate-pulse",
+              fillTone[tone]
+            )
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_utils.cn)("h-full w-full rounded-glob-sm transition-transform duration-300 ease-out motion-reduce:transition-none", fillTone[tone]),
+            style: { transform: `translateX(-${100 - percent}%)` }
+          }
+        )
+      })
+    );
+  }
+);
+Progress.displayName = "Progress";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress,
+  progressVariants
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/progress.tsx"],"sourcesContent":["export { Progress, progressVariants } from \"./progress\"\nexport type { ProgressProps } from \"./progress\"\n","import { forwardRef } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\n\nconst progressVariants = cva(\"relative w-full overflow-hidden rounded-glob-sm bg-glob-surface-hover\", {\n  variants: {\n    size: {\n      sm: \"h-1\",\n      md: \"h-2\",\n      lg: \"h-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nconst fillTone = {\n  primary: \"bg-glob-primary\",\n  success: \"bg-glob-success\",\n  warning: \"bg-glob-warning\",\n  danger: \"bg-glob-danger\",\n} as const\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    VariantProps<typeof progressVariants> {\n  /** Current value from 0 to `max`. `null` (or omitted) shows an indeterminate bar. Values outside the range are clamped. */\n  value?: number | null\n  /** The value that means complete. Default 100. */\n  max?: number\n  tone?: keyof typeof fillTone\n  /** The text screen readers read instead of the number. Default: the percentage, for example \"40%\". */\n  getValueLabel?: (value: number, max: number) => string\n}\n\n/**\n * A progress bar. It needs a name: pass `aria-label` or `aria-labelledby` (for example a Label's id).\n */\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  ({ className, value, max = 100, size, tone = \"primary\", getValueLabel, ...props }, ref) => {\n    const indeterminate = value === null || value === undefined\n    const safeMax = max > 0 ? max : 100\n    const clamped = indeterminate ? 0 : Math.min(Math.max(value, 0), safeMax)\n    const percent = (clamped / safeMax) * 100\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={indeterminate ? undefined : clamped}\n        aria-valuetext={indeterminate ? undefined : getValueLabel ? getValueLabel(clamped, safeMax) : `${Math.round(percent)}%`}\n        className={cn(progressVariants({ size, className }))}\n        {...props}\n      >\n        {indeterminate ? (\n          // Slides across the track; with reduced motion it becomes a static full bar that pulses.\n          <div\n            className={cn(\n              \"h-full w-2/5 animate-glob-indeterminate rounded-glob-sm motion-reduce:w-full motion-reduce:animate-pulse\",\n              fillTone[tone]\n            )}\n          />\n        ) : (\n          <div\n            className={cn(\"h-full w-full rounded-glob-sm transition-transform duration-300 ease-out motion-reduce:transition-none\", fillTone[tone])}\n            style={{ transform: `translateX(-${100 - percent}%)` }}\n          />\n        )}\n      </div>\n    )\n  }\n)\nProgress.displayName = \"Progress\"\n\nexport { Progress, progressVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA2B;AAC3B,sCAAuC;AACvC,mBAAmB;AAyDT;AAAA;AAAA;AAAA;AAvDV,IAAM,uBAAmB,qCAAI,yEAAyE;AAAA,EACpG,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAiBA,IAAM,eAAW;AAAA,EACf,CAAC,IAAkF,QAAQ;AAA1F,iBAAE,aAAW,OAAO,MAAM,KAAK,MAAM,OAAO,WAAW,cAxC1D,IAwCG,IAAyE,kBAAzE,IAAyE,CAAvE,aAAW,SAAO,OAAW,QAAM,QAAkB;AACtD,UAAM,gBAAgB,UAAU,QAAQ,UAAU;AAClD,UAAM,UAAU,MAAM,IAAI,MAAM;AAChC,UAAM,UAAU,gBAAgB,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AACxE,UAAM,UAAW,UAAU,UAAW;AAEtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,gBAAgB,SAAY;AAAA,QAC3C,kBAAgB,gBAAgB,SAAY,gBAAgB,cAAc,SAAS,OAAO,IAAI,GAAG,KAAK,MAAM,OAAO,CAAC;AAAA,QACpH,eAAW,iBAAG,iBAAiB,EAAE,MAAM,UAAU,CAAC,CAAC;AAAA,SAC/C,QARL;AAAA,QAUE,0BAEC;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,SAAS,IAAI;AAAA,YACf;AAAA;AAAA,QACF,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW,iBAAG,0GAA0G,SAAS,IAAI,CAAC;AAAA,YACtI,OAAO,EAAE,WAAW,eAAe,MAAM,OAAO,KAAK;AAAA;AAAA,QACvD;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/progress.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "@glob-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var progressVariants = cva("relative w-full overflow-hidden rounded-glob-sm bg-glob-surface-hover", {
+  variants: {
+    size: {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var fillTone = {
+  primary: "bg-glob-primary",
+  success: "bg-glob-success",
+  warning: "bg-glob-warning",
+  danger: "bg-glob-danger"
+};
+var Progress = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, value, max = 100, size, tone = "primary", getValueLabel } = _b, props = __objRest(_b, ["className", "value", "max", "size", "tone", "getValueLabel"]);
+    const indeterminate = value === null || value === void 0;
+    const safeMax = max > 0 ? max : 100;
+    const clamped = indeterminate ? 0 : Math.min(Math.max(value, 0), safeMax);
+    const percent = clamped / safeMax * 100;
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": safeMax,
+        "aria-valuenow": indeterminate ? void 0 : clamped,
+        "aria-valuetext": indeterminate ? void 0 : getValueLabel ? getValueLabel(clamped, safeMax) : `${Math.round(percent)}%`,
+        className: cn(progressVariants({ size, className }))
+      }, props), {
+        children: indeterminate ? (
+          // Slides across the track; with reduced motion it becomes a static full bar that pulses.
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full w-2/5 animate-glob-indeterminate rounded-glob-sm motion-reduce:w-full motion-reduce:animate-pulse",
+                fillTone[tone]
+              )
+            }
+          )
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-full w-full rounded-glob-sm transition-transform duration-300 ease-out motion-reduce:transition-none", fillTone[tone]),
+            style: { transform: `translateX(-${100 - percent}%)` }
+          }
+        )
+      })
+    );
+  }
+);
+Progress.displayName = "Progress";
+export {
+  Progress,
+  progressVariants
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/progress.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\n\nconst progressVariants = cva(\"relative w-full overflow-hidden rounded-glob-sm bg-glob-surface-hover\", {\n  variants: {\n    size: {\n      sm: \"h-1\",\n      md: \"h-2\",\n      lg: \"h-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nconst fillTone = {\n  primary: \"bg-glob-primary\",\n  success: \"bg-glob-success\",\n  warning: \"bg-glob-warning\",\n  danger: \"bg-glob-danger\",\n} as const\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    VariantProps<typeof progressVariants> {\n  /** Current value from 0 to `max`. `null` (or omitted) shows an indeterminate bar. Values outside the range are clamped. */\n  value?: number | null\n  /** The value that means complete. Default 100. */\n  max?: number\n  tone?: keyof typeof fillTone\n  /** The text screen readers read instead of the number. Default: the percentage, for example \"40%\". */\n  getValueLabel?: (value: number, max: number) => string\n}\n\n/**\n * A progress bar. It needs a name: pass `aria-label` or `aria-labelledby` (for example a Label's id).\n */\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  ({ className, value, max = 100, size, tone = \"primary\", getValueLabel, ...props }, ref) => {\n    const indeterminate = value === null || value === undefined\n    const safeMax = max > 0 ? max : 100\n    const clamped = indeterminate ? 0 : Math.min(Math.max(value, 0), safeMax)\n    const percent = (clamped / safeMax) * 100\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={indeterminate ? undefined : clamped}\n        aria-valuetext={indeterminate ? undefined : getValueLabel ? getValueLabel(clamped, safeMax) : `${Math.round(percent)}%`}\n        className={cn(progressVariants({ size, className }))}\n        {...props}\n      >\n        {indeterminate ? (\n          // Slides across the track; with reduced motion it becomes a static full bar that pulses.\n          <div\n            className={cn(\n              \"h-full w-2/5 animate-glob-indeterminate rounded-glob-sm motion-reduce:w-full motion-reduce:animate-pulse\",\n              fillTone[tone]\n            )}\n          />\n        ) : (\n          <div\n            className={cn(\"h-full w-full rounded-glob-sm transition-transform duration-300 ease-out motion-reduce:transition-none\", fillTone[tone])}\n            style={{ transform: `translateX(-${100 - percent}%)` }}\n          />\n        )}\n      </div>\n    )\n  }\n)\nProgress.displayName = \"Progress\"\n\nexport { Progress, progressVariants }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,WAA8B;AACvC,SAAS,UAAU;AAyDT;AAvDV,IAAM,mBAAmB,IAAI,yEAAyE;AAAA,EACpG,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAiBA,IAAM,WAAW;AAAA,EACf,CAAC,IAAkF,QAAQ;AAA1F,iBAAE,aAAW,OAAO,MAAM,KAAK,MAAM,OAAO,WAAW,cAxC1D,IAwCG,IAAyE,kBAAzE,IAAyE,CAAvE,aAAW,SAAO,OAAW,QAAM,QAAkB;AACtD,UAAM,gBAAgB,UAAU,QAAQ,UAAU;AAClD,UAAM,UAAU,MAAM,IAAI,MAAM;AAChC,UAAM,UAAU,gBAAgB,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,OAAO;AACxE,UAAM,UAAW,UAAU,UAAW;AAEtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,gBAAgB,SAAY;AAAA,QAC3C,kBAAgB,gBAAgB,SAAY,gBAAgB,cAAc,SAAS,OAAO,IAAI,GAAG,KAAK,MAAM,OAAO,CAAC;AAAA,QACpH,WAAW,GAAG,iBAAiB,EAAE,MAAM,UAAU,CAAC,CAAC;AAAA,SAC/C,QARL;AAAA,QAUE;AAAA;AAAA,UAEC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,SAAS,IAAI;AAAA,cACf;AAAA;AAAA,UACF;AAAA,YAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,0GAA0G,SAAS,IAAI,CAAC;AAAA,YACtI,OAAO,EAAE,WAAW,eAAe,MAAM,OAAO,KAAK;AAAA;AAAA,QACvD;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,69 @@
 {
   "name": "@glob-ui/progress",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/utils": "0.1.0",
+    "class-variance-authority": "^0.7.1"
+  },
+  "devDependencies": {
+    "react-dom": "^19",
+    "tsup": "^8.5.1"
+  },
+  "description": "A progress bar, determinate with a value or indeterminate while the length is unknown.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "progress"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/progress"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }