@commercetools/nimbus 0.0.0-canary-20250901122738 → 0.0.0-canary-20250902091333

package/dist/chunks/progress-bar-Dx1MVCsz.es.js

@@ -0,0 +1,77 @@
+import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import { a as m } from "./Label-B2YyCdLl.es.js";
+import { a as F } from "./ProgressBar-DjaUQI7N.es.js";
+import { mergeRefs as V } from "@chakra-ui/react";
+import { B as j } from "./box-BK_2R49p.es.js";
+import { c as H, u as D } from "./create-slot-recipe-context--T0CaFjW.es.js";
+import { e as G } from "./extractStyleProps-DX5GBd9K.es.js";
+import { $ as I } from "./useObjectRef-CaJ5pgjX.es.js";
+import { F as L } from "./flex-BFC_f5BH.es.js";
+const { withProvider: N, withContext: t } = /* @__PURE__ */ H({
+  key: "progressBar"
+}), O = /* @__PURE__ */ N("div", "root"), q = /* @__PURE__ */ t("div", "track"), z = /* @__PURE__ */ t("div", "fill"), f = /* @__PURE__ */ t("span", "label"), p = /* @__PURE__ */ t("span", "value"), A = (l) => {
+  const {
+    ref: h,
+    value: s,
+    minValue: P = 0,
+    maxValue: u = 100,
+    isDynamic: g = !0,
+    isIndeterminate: e,
+    label: o,
+    formatOptions: x = { style: "percent" },
+    variant: b = "solid",
+    layout: a = "stacked",
+    colorPalette: B = "primary",
+    ...$
+  } = l, y = D({ key: "progressBar" }), [n, S] = y.splitVariantProps({
+    variant: b,
+    colorPalette: B,
+    ...l
+  }), [v] = G(S), R = C(null), k = I(V(R, h));
+  return /* @__PURE__ */ r(
+    O,
+    {
+      ...n,
+      ...v,
+      ...n,
+      isDynamic: g,
+      isIndeterminate: e,
+      asChild: !0,
+      children: /* @__PURE__ */ r(
+        F,
+        {
+          ref: k,
+          value: s,
+          minValue: P,
+          maxValue: u,
+          isIndeterminate: e,
+          formatOptions: x,
+          ...$,
+          children: ({ percentage: i, valueText: c }) => /* @__PURE__ */ d(w, { children: [
+            a === "stacked" && /* @__PURE__ */ d(L, { children: [
+              o && /* @__PURE__ */ r(f, { asChild: !0, children: /* @__PURE__ */ r(m, { children: o }) }),
+              /* @__PURE__ */ r(j, { flexGrow: "1" }),
+              o && s && /* @__PURE__ */ r(p, { children: c })
+            ] }),
+            a === "inline" && o && /* @__PURE__ */ r(f, { lineHeight: "1", asChild: !0, children: /* @__PURE__ */ r(m, { children: o }) }),
+            /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(
+              z,
+              {
+                style: { width: e ? "40%" : `${i}%` },
+                "data-indeterminate": e,
+                "data-complete": !e && i !== void 0 && i >= 100
+              }
+            ) }),
+            a === "inline" && s && /* @__PURE__ */ r(p, { lineHeight: "1", children: c })
+          ] })
+        }
+      )
+    }
+  );
+};
+A.displayName = "ProgressBar";
+export {
+  A as P
+};
+//# sourceMappingURL=progress-bar-Dx1MVCsz.es.js.map

package/dist/chunks/progress-bar-Dx1MVCsz.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-Dx1MVCsz.es.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"progressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...recipeProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;;;AA8BA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAKFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAKHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAIFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAKJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GCjCJO,IAAc,CAACC,MAA4B;AACtD,QAAM;AAAA,IACJ,KAAKC;AAAA,IACL,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,EAAE,OAAO,UAAA;AAAA,IACzB,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAASC,EAAc,EAAE,KAAK,eAAe,GAC7C,CAACC,GAAaC,CAAc,IAAIH,EAAO,kBAAkB;AAAA,IAC7D,SAAAJ;AAAA,IACA,cAAAE;AAAA,IACA,GAAGX;AAAA,EAAA,CACJ,GACK,CAACiB,CAAU,IAAIC,EAAkBF,CAAc,GAE/CG,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUlB,CAAY,CAAC;AAE1D,SACE,gBAAAuB;AAAA,IAAC9B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACH,GAAGF;AAAA,MACJ,WAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAkB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAc,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAnB,MAAW,+BACToB,GAAA,EACE,UAAA;AAAA,cAAAvB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA2B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjBzB,KAASL,KACR,gBAAAsB,EAAC1B,GAAA,EAAsB,UAAA6B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDjB,MAAW,YAAYH,KACtB,gBAAAiB,EAAC3B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA2B,EAACO,GAAA,EAAS,UAAAxB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA6B;AAAA,cAAC5B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGoB,CAAU,IAAA;AAAA,gBACvD,sBAAoBpB;AAAA,gBACpB,iBACE,CAACA,KACDoB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAEChB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA6B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA5B,EAAY,cAAc;"}

package/dist/chunks/progress-bar-vPPXrzbA.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),k=require("react"),d=require("./Label-BgrYyYXn.cjs.js"),C=require("./ProgressBar-BA3sLh1k.cjs.js"),w=require("@chakra-ui/react"),V=require("./box-BwCVnAwb.cjs.js"),u=require("./create-slot-recipe-context-CimocFDH.cjs.js"),F=require("./extractStyleProps-yFm0qaXg.cjs.js"),H=require("./useObjectRef-dXOJdONs.cjs.js"),L=require("./flex-yqydM5z_.cjs.js"),{withProvider:O,withContext:t}=u.createSlotRecipeContext({key:"progressBar"}),D=O("div","root"),G=t("div","track"),I=t("div","fill"),x=t("span","label"),f=t("span","value"),p=l=>{const{ref:h,value:o,minValue:b=0,maxValue:P=100,isDynamic:j=!0,isIndeterminate:r,label:s,formatOptions:g={style:"percent"},variant:$="solid",layout:i="stacked",colorPalette:m="primary",...B}=l,y=u.useSlotRecipe({key:"progressBar"}),[n,R]=y.splitVariantProps({variant:$,colorPalette:m,...l}),[q]=F.extractStyleProps(R),S=k.useRef(null),v=H.$df56164dff5785e2$export$4338b53315abf666(w.mergeRefs(S,h));return e.jsx(D,{...n,...q,...n,isDynamic:j,isIndeterminate:r,asChild:!0,children:e.jsx(C.$0393f8ab869a0f1a$export$c17561cb55d4db30,{ref:v,value:o,minValue:b,maxValue:P,isIndeterminate:r,formatOptions:g,...B,children:({percentage:a,valueText:c})=>e.jsxs(e.Fragment,{children:[i==="stacked"&&e.jsxs(L.Flex,{children:[s&&e.jsx(x,{asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(V.Box,{flexGrow:"1"}),s&&o&&e.jsx(f,{children:c})]}),i==="inline"&&s&&e.jsx(x,{lineHeight:"1",asChild:!0,children:e.jsx(d.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(G,{children:e.jsx(I,{style:{width:r?"40%":`${a}%`},"data-indeterminate":r,"data-complete":!r&&a!==void 0&&a>=100})}),i==="inline"&&o&&e.jsx(f,{lineHeight:"1",children:c})]})})})};p.displayName="ProgressBar";exports.ProgressBar=p;
+//# sourceMappingURL=progress-bar-vPPXrzbA.cjs.js.map

package/dist/chunks/progress-bar-vPPXrzbA.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-vPPXrzbA.cjs.js","sources":["../../src/components/progress-bar/progress-bar.slots.tsx","../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  RecipeProps,\n  UnstyledProp,\n  HTMLChakraProps,\n  RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { AriaProgressBarProps } from \"react-aria\";\nimport { progressBarSlotRecipe } from \"./progress-bar.recipe.tsx\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\nexport interface ProgressBarRecipeProps\n  extends RecipeProps<\"div\">,\n    UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props,\n * aria props, and data attributes.\n */\nexport interface ProgressBarRootProps\n  extends Omit<HTMLChakraProps<\"div\", ProgressBarRecipeProps>, \"translate\">,\n    Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n    AriaProgressBarProps {\n  [key: `data-${string}`]: string;\n  translate?: \"yes\" | \"no\";\n}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"progressBar\",\n});\n\n// ProgressBar Root - Main container\nexport const ProgressBarRootSlot = withProvider<\n  HTMLDivElement,\n  ProgressBarRootProps\n>(\"div\", \"root\");\n\n// ProgressBar Track - Background bar\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n  HTMLDivElement,\n  ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n  HTMLDivElement,\n  ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ProgressBarValueSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarValueSlot = withContext<\n  HTMLSpanElement,\n  ProgressBarValueSlotProps\n>(\"span\", \"value\");\n","import { useRef } from \"react\";\nimport {\n  ProgressBar as RaProgressBar,\n  Label as RaLabel,\n} from \"react-aria-components\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Flex, Box } from \"@/components\";\nimport {\n  ProgressBarRootSlot,\n  ProgressBarTrackSlot,\n  ProgressBarFillSlot,\n  ProgressBarLabelSlot,\n  ProgressBarValueSlot,\n} from \"./progress-bar.slots\";\nimport type { ProgressBarProps } from \"./progress-bar.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * ProgressBar\n * ============================================================\n * Displays progress towards completion of a task or process\n *\n * Features:\n *\n * - Supports both determinate (with value) and indeterminate (loading) states\n * - Two visual variants: solid (gradient) and contrast (monochromatic)\n * - Three layouts: minimal, inline, and stacked\n * - Configurable value formatting with internationalization support\n * - Full accessibility support with ARIA attributes\n * - Allows forwarding refs to the underlying DOM element\n * - Accepts all native HTML div attributes\n * - Supports variants, sizes, etc. configured in the recipe\n * - Allows overriding styles by using style-props\n */\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    ref: forwardedRef,\n    value,\n    minValue = 0,\n    maxValue = 100,\n    isDynamic = true,\n    isIndeterminate,\n    label,\n    formatOptions = { style: \"percent\" },\n    variant = \"solid\",\n    layout = \"stacked\",\n    colorPalette = \"primary\",\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: \"progressBar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps({\n    variant,\n    colorPalette,\n    ...props,\n  });\n  const [styleProps] = extractStyleProps(remainingProps);\n\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <ProgressBarRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...recipeProps}\n      isDynamic={isDynamic}\n      isIndeterminate={isIndeterminate}\n      asChild\n    >\n      <RaProgressBar\n        ref={ref}\n        value={value}\n        minValue={minValue}\n        maxValue={maxValue}\n        isIndeterminate={isIndeterminate}\n        formatOptions={formatOptions}\n        {...rest}\n      >\n        {({ percentage, valueText }) => (\n          <>\n            {layout === \"stacked\" && (\n              <Flex>\n                {label && (\n                  <ProgressBarLabelSlot asChild>\n                    <RaLabel>{label}</RaLabel>\n                  </ProgressBarLabelSlot>\n                )}\n                <Box flexGrow=\"1\" />\n                {label && value && (\n                  <ProgressBarValueSlot>{valueText}</ProgressBarValueSlot>\n                )}\n              </Flex>\n            )}\n\n            {layout === \"inline\" && label && (\n              <ProgressBarLabelSlot lineHeight=\"1\" asChild>\n                <RaLabel>{label}</RaLabel>\n              </ProgressBarLabelSlot>\n            )}\n\n            <ProgressBarTrackSlot>\n              <ProgressBarFillSlot\n                style={{ width: isIndeterminate ? \"40%\" : `${percentage}%` }}\n                data-indeterminate={isIndeterminate}\n                data-complete={\n                  !isIndeterminate &&\n                  percentage !== undefined &&\n                  percentage >= 100\n                }\n              />\n            </ProgressBarTrackSlot>\n\n            {layout === \"inline\" && value && (\n              <ProgressBarValueSlot lineHeight=\"1\">\n                {valueText}\n              </ProgressBarValueSlot>\n            )}\n          </>\n        )}\n      </RaProgressBar>\n    </ProgressBarRootSlot>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ProgressBarRootSlot","ProgressBarTrackSlot","ProgressBarFillSlot","ProgressBarLabelSlot","ProgressBarValueSlot","ProgressBar","props","forwardedRef","value","minValue","maxValue","isDynamic","isIndeterminate","label","formatOptions","variant","layout","colorPalette","rest","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"iZA8BM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAKFI,EAAuBH,EAGlC,MAAO,OAAO,EAKHI,EAAsBJ,EAGjC,MAAO,MAAM,EAIFK,EAAuBL,EAGlC,OAAQ,OAAO,EAKJM,EAAuBN,EAGlC,OAAQ,OAAO,ECjCJO,EAAeC,GAA4B,CACtD,KAAM,CACJ,IAAKC,EACL,MAAAC,EACA,SAAAC,EAAW,EACX,SAAAC,EAAW,IACX,UAAAC,EAAY,GACZ,gBAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,CAAE,MAAO,SAAA,EACzB,QAAAC,EAAU,QACV,OAAAC,EAAS,UACT,aAAAC,EAAe,UACf,GAAGC,CAAA,EACDZ,EAEEa,EAASC,EAAAA,cAAc,CAAE,IAAK,cAAe,EAC7C,CAACC,EAAaC,CAAc,EAAIH,EAAO,kBAAkB,CAC7D,QAAAJ,EACA,aAAAE,EACA,GAAGX,CAAA,CACJ,EACK,CAACiB,CAAU,EAAIC,EAAAA,kBAAkBF,CAAc,EAE/CG,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUlB,CAAY,CAAC,EAE1D,OACEuB,EAAAA,IAAC9B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACH,GAAGF,EACJ,UAAAV,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAkB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAAnB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAc,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,IAAW,kBACToB,EAAAA,KAAA,CACE,SAAA,CAAAvB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjBzB,GAASL,GACRsB,EAAAA,IAAC1B,EAAA,CAAsB,SAAA6B,CAAA,CAAU,CAAA,EAErC,EAGDjB,IAAW,UAAYH,GACtBiB,EAAAA,IAAC3B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA2B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAxB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA6B,EAAAA,IAAC5B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGoB,CAAU,GAAA,EACvD,qBAAoBpB,EACpB,gBACE,CAACA,GACDoB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAEChB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA6B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA5B,EAAY,YAAc"}