@gridui/progress 0.0.0-stage → 0.0.0

package/README.md

@@ -1,3 +1,8 @@
-# Temporary Holding Version
+# @gridui/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.
+Core family. Public API: `Progress`, `ProgressProps`.
+
+Import components from `@gridui/progress` and load `@gridui/progress/styles.css` after Theme.
+Load styles for any composed dependency used by this family. Applications own routes, labels, state persistence, and branding.
+
+See [component ownership](../../docs/component-ownership.md) and [release history](.changeset/history/).

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author WMXPY
+ * @package Progress
+ * @namespace Root
+ * @description Index
+ */
+export type { ProgressProps } from "./progress/progress";
+export { Progress } from "./progress/progress";

package/dist/index.js

@@ -0,0 +1,41 @@
+// src/progress/progress.tsx
+import { cn } from "@gridui/style-utils";
+import * as Primitive from "@radix-ui/react-progress";
+import { jsx } from "react/jsx-runtime";
+var Progress = (props) => {
+  const { value, max = 100, className, "aria-valuetext": valueText, ...restProps } = props;
+  if (!Number.isFinite(max) || max <= 0) {
+    throw new RangeError("Progress max must be a finite positive number.");
+  }
+  const normalized = value === null || !Number.isFinite(value) ? null : Math.min(max, Math.max(0, value));
+  return /* @__PURE__ */ jsx(
+    Primitive.Root,
+    {
+      ...restProps,
+      value: normalized,
+      max,
+      getValueLabel: () => {
+        return valueText ?? "";
+      },
+      "aria-valuetext": valueText,
+      className: cn("gridui-progress", className),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "gridui-progress-track",
+          children: /* @__PURE__ */ jsx(
+            Primitive.Indicator,
+            {
+              className: "gridui-progress-indicator",
+              style: normalized === null ? void 0 : { width: `${normalized / max * 100}%` }
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  Progress
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/progress/progress.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Progress\n * @namespace Progress\n * @description Progress\n */\n\nimport { cn } from \"@gridui/style-utils\";\nimport * as Primitive from \"@radix-ui/react-progress\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\n\nexport type ProgressProps = Omit<ComponentPropsWithRef<\"div\">,\n    \"children\" | \"role\" | \"aria-valuemin\" | \"aria-valuemax\" | \"aria-valuenow\"> & {\n        readonly value: number | null;\n        readonly max?: number;\n    };\n\nexport const Progress: FC<ProgressProps> = (props: ProgressProps) => {\n    const { value, max = 100, className, \"aria-valuetext\": valueText, ...restProps } = props;\n    if (!Number.isFinite(max) || max <= 0) {\n        throw new RangeError(\"Progress max must be a finite positive number.\");\n    }\n    const normalized = value === null || !Number.isFinite(value) ? null : Math.min(max, Math.max(0, value));\n    return (<Primitive.Root\n        {...restProps}\n        value={normalized}\n        max={max}\n        getValueLabel={() => {\n            return valueText ?? \"\";\n        }}\n        aria-valuetext={valueText}\n        className={cn(\"gridui-progress\", className)}\n    >\n        <div\n            className=\"gridui-progress-track\"\n        >\n            <Primitive.Indicator\n                className=\"gridui-progress-indicator\"\n                style={normalized === null ? undefined : { width: `${normalized / max * 100}%` }}\n            />\n        </div>\n    </Primitive.Root>);\n};\n"],
+  "mappings": ";AAOA,SAAS,UAAU;AACnB,YAAY,eAAe;AA4Bf;AAnBL,IAAM,WAA8B,CAAC,UAAyB;AACjE,QAAM,EAAE,OAAO,MAAM,KAAK,WAAW,kBAAkB,WAAW,GAAG,UAAU,IAAI;AACnF,MAAI,CAAC,OAAO,SAAS,GAAG,KAAK,OAAO,GAAG;AACnC,UAAM,IAAI,WAAW,gDAAgD;AAAA,EACzE;AACA,QAAM,aAAa,UAAU,QAAQ,CAAC,OAAO,SAAS,KAAK,IAAI,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC;AACtG,SAAQ;AAAA,IAAW;AAAA,IAAV;AAAA,MACJ,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,eAAe,MAAM;AACjB,eAAO,aAAa;AAAA,MACxB;AAAA,MACA,kBAAgB;AAAA,MAChB,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAE1C;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UAEV;AAAA,YAAW;AAAA,YAAV;AAAA,cACG,WAAU;AAAA,cACV,OAAO,eAAe,OAAO,SAAY,EAAE,OAAO,GAAG,aAAa,MAAM,GAAG,IAAI;AAAA;AAAA,UACnF;AAAA;AAAA,MACJ;AAAA;AAAA,EACJ;AACJ;",
+  "names": []
+}

package/dist/progress/progress.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author WMXPY
+ * @package Progress
+ * @namespace Progress
+ * @description Progress
+ */
+import type { ComponentPropsWithRef, FC } from "react";
+export type ProgressProps = Omit<ComponentPropsWithRef<"div">, "children" | "role" | "aria-valuemin" | "aria-valuemax" | "aria-valuenow"> & {
+    readonly value: number | null;
+    readonly max?: number;
+};
+export declare const Progress: FC<ProgressProps>;

package/dist/styles.css

@@ -0,0 +1,45 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer utilities;
+@layer components {
+  .gridui-progress {
+    min-width: 0;
+    width: 100%;
+  }
+  .gridui-progress-track {
+    position: relative;
+    height: var(--gridui-space-8);
+    overflow: hidden;
+    background: var(--gridui-surface);
+  }
+  .gridui-progress-indicator {
+    height: 100%;
+    background: var(--gridui-accent-background);
+    transition: width var(--gridui-motion-duration-quick) var(--gridui-motion-ease-out);
+  }
+  .gridui-progress-indicator[data-state="indeterminate"] {
+    --gridui-progress-travel: 150%;
+    width: 40%;
+    animation: gridui-progress-travel var(--gridui-motion-duration-loop) var(--gridui-motion-ease-in-out) infinite alternate;
+  }
+  .gridui-progress-indicator[data-state="indeterminate"]:dir(rtl) {
+    --gridui-progress-travel: -150%;
+  }
+  @keyframes gridui-progress-travel {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(var(--gridui-progress-travel));
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .gridui-progress-indicator {
+      transition: none;
+    }
+    .gridui-progress-indicator[data-state="indeterminate"] {
+      animation: none;
+      margin-inline-start: 30%;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,51 @@
 {
   "name": "@gridui/progress",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "GridUI React progress",
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@gridui/style-utils": "^2.1.2",
+    "@gridui/theme": "^2.1.2",
+    "@radix-ui/react-progress": "1.2.1"
+  },
+  "devDependencies": {
+    "@gridui-internal/configuration": "0.0.0",
+    "@jest/globals": "30.5.2",
+    "@types/jest": "30.0.0",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jest": "30.5.2",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "6.0.3"
+  },
+  "scripts": {
+    "build": "node ../../scripts/compilation/package.ts",
+    "compile": "tsc --project tsconfig.json",
+    "test": "jest",
+    "coverage": "jest --coverage"
+  }
 }