@adobe/react-spectrum 3.47.2 → 3.47.3

package/dist/private/package.js

@@ -1,5 +1,5 @@
 var $89b86e88ddc6b597$exports = {};
-$89b86e88ddc6b597$exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.2\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.2\",\"@react-types/shared\":\"^3.36.0\",\"@spectrum-icons/ui\":\"^3.7.1\",\"@spectrum-icons/workflow\":\"^4.3.1\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.50.0\",\"react-aria-components\":\"1.19.0\",\"react-stately\":\"3.48.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\",\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
+$89b86e88ddc6b597$exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.3\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.3\",\"@react-types/shared\":\"^3.36.1\",\"@spectrum-icons/ui\":\"^3.7.1\",\"@spectrum-icons/workflow\":\"^4.3.1\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.51.0\",\"react-aria-components\":\"1.20.0\",\"react-stately\":\"3.49.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\",\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
 
 
 export {$89b86e88ddc6b597$exports as default};

package/dist/private/package.js.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.2\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.2\",\n    \"@react-types/shared\": \"^3.36.0\",\n    \"@spectrum-icons/ui\": \"^3.7.1\",\n    \"@spectrum-icons/workflow\": \"^4.3.1\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.50.0\",\n    \"react-aria-components\": \"1.19.0\",\n    \"react-stately\": \"3.48.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\",\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.js.map"}
+{"mappings":";AAAA,4BAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.3\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.3\",\n    \"@react-types/shared\": \"^3.36.1\",\n    \"@spectrum-icons/ui\": \"^3.7.1\",\n    \"@spectrum-icons/workflow\": \"^4.3.1\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.51.0\",\n    \"react-aria-components\": \"1.20.0\",\n    \"react-stately\": \"3.49.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\",\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.js.map"}

package/dist/private/package.mjs

@@ -1,5 +1,5 @@
 var $227a2d5562a2a453$exports = {};
-$227a2d5562a2a453$exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.2\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.2\",\"@react-types/shared\":\"^3.36.0\",\"@spectrum-icons/ui\":\"^3.7.1\",\"@spectrum-icons/workflow\":\"^4.3.1\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.50.0\",\"react-aria-components\":\"1.19.0\",\"react-stately\":\"3.48.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\",\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
+$227a2d5562a2a453$exports = JSON.parse("{\"name\":\"@adobe/react-spectrum\",\"version\":\"3.47.3\",\"description\":\"Spectrum UI components in React\",\"license\":\"Apache-2.0\",\"main\":\"./dist/exports/index.cjs\",\"module\":\"./dist/exports/index.js\",\"exports\":{\".\":{\"source\":\"./exports/index.ts\",\"types\":\"./dist/types/exports/index.d.ts\",\"import\":\"./dist/exports/index.mjs\",\"require\":\"./dist/exports/index.cjs\"},\"./i18n\":{\"types\":\"./i18n/index.d.ts\",\"import\":\"./i18n/index.mjs\",\"require\":\"./i18n/index.js\"},\"./i18n/*\":{\"types\":\"./i18n/lang.d.ts\",\"import\":\"./i18n/*.mjs\",\"require\":\"./i18n/*.js\"},\"./package.json\":\"./package.json\",\"./*\":{\"source\":\"./exports/*.ts\",\"types\":\"./dist/types/exports/*.d.ts\",\"import\":\"./dist/exports/*.mjs\",\"require\":\"./dist/exports/*.cjs\"}},\"types\":\"./dist/types/exports/index.d.ts\",\"source\":\"exports/index.ts\",\"files\":[\"*\",\"!chromatic/**\",\"!chromatic-fc/**\",\"!docs/**\",\"!exports/**\",\"!intl/**\",\"!scripts/**\",\"!src/**\",\"!stories/**\",\"!test/**\"],\"sideEffects\":[\"*.css\"],\"repository\":{\"type\":\"git\",\"url\":\"https://github.com/adobe/react-spectrum\"},\"dependencies\":{\"@internationalized/date\":\"^3.12.3\",\"@react-types/shared\":\"^3.36.1\",\"@spectrum-icons/ui\":\"^3.7.1\",\"@spectrum-icons/workflow\":\"^4.3.1\",\"@swc/helpers\":\"^0.5.0\",\"client-only\":\"^0.0.1\",\"clsx\":\"^2.0.0\",\"react-aria\":\"3.51.0\",\"react-aria-components\":\"1.20.0\",\"react-stately\":\"3.49.0\",\"react-transition-group\":\"^4.4.5\",\"use-sync-external-store\":\"^1.6.0\"},\"publishConfig\":{\"access\":\"public\"},\"peerDependencies\":{\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"devDependencies\":{\"@adobe/spectrum-css-temp\":\"3.0.0-alpha.1\",\"@babel/cli\":\"^7.12.10\",\"@babel/core\":\"^7.24.3\",\"@react-spectrum/style-macro-s1\":\"3.0.0-alpha.6\",\"react\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\"react-dom\":\"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"},\"targets\":{\"main\":false,\"module\":false,\"types\":false,\"exports-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"exports-main\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"commonjs\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"]},\"legacy-module\":{\"source\":[\"exports/**/*.ts\"],\"distDir\":\"dist\",\"isLibrary\":true,\"outputFormat\":\"esmodule\",\"includeNodeModules\":[\"@adobe/spectrum-css-temp\"],\"engines\":{\"browsers\":[\"chrome >= 79\",\"firefox >= 85\",\"safari >= 13\"]}}}}");
 
 
 export {$227a2d5562a2a453$exports as default};

package/dist/private/package.mjs.map

@@ -1 +1 @@
-{"mappings":";AAAA,4BAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.2\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.2\",\n    \"@react-types/shared\": \"^3.36.0\",\n    \"@spectrum-icons/ui\": \"^3.7.1\",\n    \"@spectrum-icons/workflow\": \"^4.3.1\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.50.0\",\n    \"react-aria-components\": \"1.19.0\",\n    \"react-stately\": \"3.48.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\",\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.mjs.map"}
+{"mappings":";AAAA,4BAAiB,KAAK,KAAK,CAAC","sources":["packages/@adobe/react-spectrum/package.json"],"sourcesContent":["{\n  \"name\": \"@adobe/react-spectrum\",\n  \"version\": \"3.47.3\",\n  \"description\": \"Spectrum UI components in React\",\n  \"license\": \"Apache-2.0\",\n  \"main\": \"./dist/exports/index.cjs\",\n  \"module\": \"./dist/exports/index.js\",\n  \"exports\": {\n    \".\": {\n      \"source\": \"./exports/index.ts\",\n      \"types\": \"./dist/types/exports/index.d.ts\",\n      \"import\": \"./dist/exports/index.mjs\",\n      \"require\": \"./dist/exports/index.cjs\"\n    },\n    \"./i18n\": {\n      \"types\": \"./i18n/index.d.ts\",\n      \"import\": \"./i18n/index.mjs\",\n      \"require\": \"./i18n/index.js\"\n    },\n    \"./i18n/*\": {\n      \"types\": \"./i18n/lang.d.ts\",\n      \"import\": \"./i18n/*.mjs\",\n      \"require\": \"./i18n/*.js\"\n    },\n    \"./package.json\": \"./package.json\",\n    \"./*\": {\n      \"source\": \"./exports/*.ts\",\n      \"types\": \"./dist/types/exports/*.d.ts\",\n      \"import\": \"./dist/exports/*.mjs\",\n      \"require\": \"./dist/exports/*.cjs\"\n    }\n  },\n  \"types\": \"./dist/types/exports/index.d.ts\",\n  \"source\": \"exports/index.ts\",\n  \"files\": [\n    \"*\",\n    \"!chromatic/**\",\n    \"!chromatic-fc/**\",\n    \"!docs/**\",\n    \"!exports/**\",\n    \"!intl/**\",\n    \"!scripts/**\",\n    \"!src/**\",\n    \"!stories/**\",\n    \"!test/**\"\n  ],\n  \"sideEffects\": [\n    \"*.css\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/adobe/react-spectrum\"\n  },\n  \"dependencies\": {\n    \"@internationalized/date\": \"^3.12.3\",\n    \"@react-types/shared\": \"^3.36.1\",\n    \"@spectrum-icons/ui\": \"^3.7.1\",\n    \"@spectrum-icons/workflow\": \"^4.3.1\",\n    \"@swc/helpers\": \"^0.5.0\",\n    \"client-only\": \"^0.0.1\",\n    \"clsx\": \"^2.0.0\",\n    \"react-aria\": \"3.51.0\",\n    \"react-aria-components\": \"1.20.0\",\n    \"react-stately\": \"3.49.0\",\n    \"react-transition-group\": \"^4.4.5\",\n    \"use-sync-external-store\": \"^1.6.0\"\n  },\n  \"publishConfig\": {\n    \"access\": \"public\"\n  },\n  \"peerDependencies\": {\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"devDependencies\": {\n    \"@adobe/spectrum-css-temp\": \"3.0.0-alpha.1\",\n    \"@babel/cli\": \"^7.12.10\",\n    \"@babel/core\": \"^7.24.3\",\n    \"@react-spectrum/style-macro-s1\": \"3.0.0-alpha.6\",\n    \"react\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\",\n    \"react-dom\": \"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1\"\n  },\n  \"targets\": {\n    \"main\": false,\n    \"module\": false,\n    \"types\": false,\n    \"exports-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"exports-main\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"commonjs\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ]\n    },\n    \"legacy-module\": {\n      \"source\": [\n        \"exports/**/*.ts\"\n      ],\n      \"distDir\": \"dist\",\n      \"isLibrary\": true,\n      \"outputFormat\": \"esmodule\",\n      \"includeNodeModules\": [\n        \"@adobe/spectrum-css-temp\"\n      ],\n      \"engines\": {\n        \"browsers\": [\n          \"chrome >= 79\",\n          \"firefox >= 85\",\n          \"safari >= 13\"\n        ]\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"package.mjs.map"}

package/dist/private/progress/ProgressBarBase.cjs

@@ -39,7 +39,8 @@ const $cb44ec0c6462cbc8$export$7c6ed87244065f3a = /*#__PURE__*/ (0, ($parcel$int
     value = (0, $d6Yqv$reactstatelyprivateutilsnumber.clamp)(value, minValue, maxValue);
     let barStyle = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue);
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range;
         barStyle.width = `${Math.round(percentage * 100)}%`;
     }
     // Ideally this should be in useProgressBar, but children

package/dist/private/progress/ProgressBarBase.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2CAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;QACzD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,0DAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,0DAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue);\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2CAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAC,CAAA,QAAQ,QAAO,IAAK;QACxD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,0DAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,0DAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : (value - minValue) / range;\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.cjs.map"}

package/dist/private/progress/ProgressBarBase.js

@@ -33,7 +33,8 @@ const $6e50fb064f124a35$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $1jjNw$react
     value = (0, $1jjNw$clamp)(value, minValue, maxValue);
     let barStyle = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue);
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range;
         barStyle.width = `${Math.round(percentage * 100)}%`;
     }
     // Ideally this should be in useProgressBar, but children

package/dist/private/progress/ProgressBarBase.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;QACzD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue);\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAC,CAAA,QAAQ,QAAO,IAAK;QACxD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : (value - minValue) / range;\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.js.map"}

package/dist/private/progress/ProgressBarBase.mjs

@@ -33,7 +33,8 @@ const $4b8319cd7a745a76$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $i6iYX$react
     value = (0, $i6iYX$clamp)(value, minValue, maxValue);
     let barStyle = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue);
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range;
         barStyle.width = `${Math.round(percentage * 100)}%`;
     }
     // Ideally this should be in useProgressBar, but children

package/dist/private/progress/ProgressBarBase.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;QACzD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue);\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAC,CAAA,QAAQ,QAAO,IAAK;QACxD,SAAS,KAAK,GAAG,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/ProgressBarBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string;\n  barProps?: HTMLAttributes<HTMLDivElement>;\n  labelProps?: HTMLAttributes<HTMLLabelElement>;\n}\n\n// Base ProgressBar component shared with Meter.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : (value - minValue) / range;\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-BarLoader',\n        {\n          'spectrum-BarLoader--small': size === 'S',\n          'spectrum-BarLoader--large': size === 'L',\n          'spectrum-BarLoader--indeterminate': isIndeterminate,\n          'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n        },\n        barClassName,\n        styleProps.className\n      )}\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} className={classNames(styles, 'spectrum-BarLoader-label')}>\n          {label}\n        </span>\n      )}\n      {showValueLabel && barProps && (\n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      )}\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.mjs.map"}

package/dist/private/progress/ProgressCircle.cjs

@@ -46,7 +46,8 @@ const $948c2416aa3a9507$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, ($parcel$int
     let subMask1Style = {};
     let subMask2Style = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue) * 100;
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range * 100;
         let angle;
         if (percentage > 0 && percentage <= 50) {
             angle = -180 + percentage / 50 * 180;

package/dist/private/progress/ProgressCircle.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2CAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,6CAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAE,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO,IAAM;QAChE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;wBAGvC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = ((value - minValue) / (maxValue - minValue)) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2CAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,6CAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAE,CAAA,QAAQ,QAAO,IAAK,QAAS;QAClE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;wBAGvC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : ((value - minValue) / range) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.cjs.map"}

package/dist/private/progress/ProgressCircle.js

@@ -40,7 +40,8 @@ const $277696409c391eff$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $hKbMk$react
     let subMask1Style = {};
     let subMask2Style = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue) * 100;
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range * 100;
         let angle;
         if (percentage > 0 && percentage <= 50) {
             angle = -180 + percentage / 50 * 180;

package/dist/private/progress/ProgressCircle.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAE,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO,IAAM;QAChE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,yDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;sBACnC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;wBAGvC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = ((value - minValue) / (maxValue - minValue)) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.js.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAE,CAAA,QAAQ,QAAO,IAAK,QAAS;QAClE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,yDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;sBACnC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;wBAGvC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : ((value - minValue) / range) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.js.map"}

package/dist/private/progress/ProgressCircle.mjs

@@ -40,7 +40,8 @@ const $1cfe37e7feefa23d$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $jmyJ1$react
     let subMask1Style = {};
     let subMask2Style = {};
     if (!isIndeterminate) {
-        let percentage = (value - minValue) / (maxValue - minValue) * 100;
+        let range = maxValue - minValue;
+        let percentage = range === 0 ? 0 : (value - minValue) / range * 100;
         let angle;
         if (percentage > 0 && percentage <= 50) {
             angle = -180 + percentage / 50 * 180;

package/dist/private/progress/ProgressCircle.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAE,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO,IAAM;QAChE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,yDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;sBACnC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;wBAGvC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = ((value - minValue) / (maxValue - minValue)) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.mjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,QAAQ,WAAW;QACvB,IAAI,aAAa,UAAU,IAAI,IAAI,AAAE,CAAA,QAAQ,QAAO,IAAK,QAAS;QAClE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,yDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;sBACnC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;wBAGvC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,yDAAK,GAAG;;AAM/C","sources":["packages/@adobe/react-spectrum/src/progress/ProgressCircle.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let range = maxValue - minValue;\n    let percentage = range === 0 ? 0 : ((value - minValue) / range) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50) * 180;\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + ((percentage - 50) / 50) * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-CircleLoader',\n        {\n          'spectrum-CircleLoader--indeterminate': isIndeterminate,\n          'spectrum-CircleLoader--small': size === 'S',\n          'spectrum-CircleLoader--large': size === 'L',\n          'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n          'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n          'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n        },\n        styleProps.className\n      )}>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')}>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')}>\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressCircle.mjs.map"}

package/dist/private/slider/Slider.cjs

@@ -65,6 +65,7 @@ const $8be06b637b186f3c$export$472062a354075cee = /*#__PURE__*/ (0, ($parcel$int
             '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
+        // oxlint-disable-next-line react/react-compiler
         fillOffset = fillOffset != null ? (0, $7Cufz$reactstatelyprivateutilsnumber.clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
         let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, ($parcel$interopDefault($7Cufz$react))).createElement("div", {

package/dist/private/slider/Slider.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        // oxlint-disable-next-line react/react-compiler\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.cjs.map"}

package/dist/private/slider/Slider.js

@@ -59,6 +59,7 @@ const $d9eec645e047af67$export$472062a354075cee = /*#__PURE__*/ (0, $4ZN3K$react
             '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
+        // oxlint-disable-next-line react/react-compiler
         fillOffset = fillOffset != null ? (0, $4ZN3K$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
         let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, $4ZN3K$react).createElement("div", {

package/dist/private/slider/Slider.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/slider/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {FocusableRef, InputDOMProps} from '@react-types/shared';\nimport React, {ReactNode} from 'react';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n  SpectrumBarSliderBase\n} from './SliderBase';\nimport {SliderThumb} from './SliderThumb';\nimport styles from '@adobe/spectrum-css-temp/components/slider/vars.css';\nimport {useLocale} from 'react-aria/I18nProvider';\n\nexport interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, InputDOMProps {\n  /**\n   * Whether a fill color is shown between the start of the slider and the current value.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill.\n   */\n  isFilled?: boolean;\n  /**\n   * The offset from which to start the fill.\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Fill-start.\n   */\n  fillOffset?: number;\n  /**\n   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to\n   * right/left, ...trackGradient)`.\n   *\n   * @example\n   *   trackGradient={['red', 'green']}\n   *\n   * @example\n   *   trackGradient={['red 20%', 'green 40%']}\n   *\n   * @see https://spectrum.adobe.com/page/slider/#Gradient.\n   */\n  trackGradient?: string[];\n}\n\n/**\n * Sliders allow users to quickly select a value within a range. They should be used when the upper\n * and lower bounds to the range are invariable.\n */\nexport const Slider = React.forwardRef(function Slider(\n  props: SpectrumSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    isFilled,\n    fillOffset,\n    trackGradient,\n    getValueLabel,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined\n  };\n\n  let {direction} = useLocale();\n\n  return (\n    <SliderBase\n      {...baseProps}\n      ref={ref}\n      classes={{\n        'spectrum-Slider--filled': isFilled && fillOffset == null\n      }}\n      style={{\n        // @ts-ignore\n        '--spectrum-slider-track-gradient':\n          trackGradient &&\n          `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`\n      }}>\n      {/* oxlint-disable-next-line react/react-compiler */}\n      {({trackRef, inputRef, state}: SliderBaseChildArguments) => {\n        // oxlint-disable-next-line react/react-compiler\n        fillOffset =\n          fillOffset != null\n            ? clamp(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0))\n            : fillOffset;\n        let cssDirection = direction === 'rtl' ? 'right' : 'left';\n\n        let lowerTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${state.getThumbPercent(0) * 100}%`,\n              // TODO not sure if it has advantages, but this could also be implemented as CSS calc():\n              // .track::before {\n              //    background-size: calc((1/ (var(--width)/100)) * 100%);\n              //    width: calc(var(--width) * 1%)M\n              // }\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / state.getThumbPercent(0)) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '0' : '100%'\n            }}\n          />\n        );\n        let upperTrack = (\n          <div\n            className={classNames(styles, 'spectrum-Slider-track')}\n            style={{\n              width: `${(1 - state.getThumbPercent(0)) * 100}%`,\n              // @ts-ignore\n              '--spectrum-track-background-size': `${(1 / (1 - state.getThumbPercent(0))) * 100}%`,\n              '--spectrum-track-background-position': direction === 'ltr' ? '100%' : '0'\n            }}\n          />\n        );\n\n        let filledTrack: ReactNode = null;\n        if (isFilled && fillOffset != null) {\n          let width = state.getThumbPercent(0) - state.getValuePercent(fillOffset);\n          let isRightOfOffset = width > 0;\n          let offset = isRightOfOffset\n            ? state.getValuePercent(fillOffset)\n            : state.getThumbPercent(0);\n          filledTrack = (\n            <div\n              className={classNames(styles, 'spectrum-Slider-fill', {\n                'spectrum-Slider-fill--right': isRightOfOffset\n              })}\n              style={{\n                [cssDirection]: `${offset * 100}%`,\n                width: `${Math.abs(width) * 100}%`\n              }}\n            />\n          );\n        }\n\n        return (\n          <>\n            {lowerTrack}\n            <SliderThumb\n              index={0}\n              isDisabled={props.isDisabled}\n              trackRef={trackRef}\n              inputRef={inputRef}\n              state={state}\n              name={props.name}\n              form={props.form}\n            />\n            {filledTrack}\n            {upperTrack}\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"Slider.js.map"}

package/dist/private/slider/Slider.mjs

@@ -59,6 +59,7 @@ const $414cfd967fdd8e8f$export$472062a354075cee = /*#__PURE__*/ (0, $bPEAw$react
             '--spectrum-slider-track-gradient': trackGradient && `linear-gradient(to ${direction === 'ltr' ? 'right' : 'left'}, ${trackGradient.join(', ')})`
         }
     }, ({ trackRef: trackRef, inputRef: inputRef, state: state })=>{
+        // oxlint-disable-next-line react/react-compiler
         fillOffset = fillOffset != null ? (0, $bPEAw$clamp)(fillOffset, state.getThumbMinValue(0), state.getThumbMaxValue(0)) : fillOffset;
         let cssDirection = direction === 'rtl' ? 'right' : 'left';
         let lowerTrack = /*#__PURE__*/ (0, $bPEAw$react).createElement("div", {