@commercetools/nimbus 0.0.0-canary-20250807210749 → 0.0.0-canary-20250808141145

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/chunks/accordion-Bn6CnY0Y.cjs.js.map +1 -1
  2. package/dist/chunks/accordion-xfgQQjFK.es.js.map +1 -1
  3. package/dist/chunks/alert-BkF91mJ0.es.js.map +1 -1
  4. package/dist/chunks/alert-CQLVvNDD.cjs.js.map +1 -1
  5. package/dist/chunks/badge-CFwI3HLf.cjs.js.map +1 -1
  6. package/dist/chunks/badge-DVDR3-fy.es.js.map +1 -1
  7. package/dist/chunks/box-DD4jYgS7.es.js.map +1 -1
  8. package/dist/chunks/box-FU6tRPFs.cjs.js.map +1 -1
  9. package/dist/chunks/button-BBwNbl7S.cjs.js.map +1 -1
  10. package/dist/chunks/button-BTpQweka.es.js.map +1 -1
  11. package/dist/chunks/calendar-B4nCYXn4.es.js.map +1 -1
  12. package/dist/chunks/calendar-CKVscUm-.cjs.js.map +1 -1
  13. package/dist/chunks/card-B9z3AknN.cjs.js.map +1 -1
  14. package/dist/chunks/card-CvY06qIE.es.js.map +1 -1
  15. package/dist/chunks/checkbox-DywApPQh.cjs.js.map +1 -1
  16. package/dist/chunks/checkbox-yo64B6Gz.es.js.map +1 -1
  17. package/dist/chunks/code-CI8aUhmu.es.js.map +1 -1
  18. package/dist/chunks/code-Dg4Larbo.cjs.js.map +1 -1
  19. package/dist/chunks/combobox-D5lDtav9.cjs.js.map +1 -1
  20. package/dist/chunks/combobox-DWSsUEVz.es.js.map +1 -1
  21. package/dist/chunks/date-input-4hsVHJJo.es.js.map +1 -1
  22. package/dist/chunks/date-input-CGy4NHpW.cjs.js.map +1 -1
  23. package/dist/chunks/date-picker-BfA4uYkg.cjs.js.map +1 -1
  24. package/dist/chunks/date-picker-UO9jg5oK.es.js.map +1 -1
  25. package/dist/chunks/{date-range-picker-DGKM05wQ.es.js → date-range-picker-BU5JdXpV.es.js} +69 -69
  26. package/dist/chunks/date-range-picker-BU5JdXpV.es.js.map +1 -0
  27. package/dist/chunks/{date-range-picker-D7D7R_4k.cjs.js → date-range-picker-Uh8jNdzD.cjs.js} +2 -2
  28. package/dist/chunks/date-range-picker-Uh8jNdzD.cjs.js.map +1 -0
  29. package/dist/chunks/dialog-C1HRMUcF.es.js.map +1 -1
  30. package/dist/chunks/dialog-amEwvIoM.cjs.js.map +1 -1
  31. package/dist/chunks/form-field-C9PpQYF0.es.js.map +1 -1
  32. package/dist/chunks/form-field-CBFyTAo8.cjs.js.map +1 -1
  33. package/dist/chunks/grid-CugcJxRP.es.js.map +1 -1
  34. package/dist/chunks/grid-xr2A-OqD.cjs.js.map +1 -1
  35. package/dist/chunks/group-DKR1JLAy.es.js.map +1 -1
  36. package/dist/chunks/group-DtSrr9I-.cjs.js.map +1 -1
  37. package/dist/chunks/icon-BFNYuilh.es.js.map +1 -1
  38. package/dist/chunks/icon-D50i-dqv.cjs.js.map +1 -1
  39. package/dist/chunks/icon-button-BEaNe4rE.cjs.js.map +1 -1
  40. package/dist/chunks/icon-button-DqkVeZCx.es.js.map +1 -1
  41. package/dist/chunks/image-DCirAAnr.cjs.js.map +1 -1
  42. package/dist/chunks/image-rXPA3shk.es.js.map +1 -1
  43. package/dist/chunks/kbd-Bkhw9E6L.cjs.js.map +1 -1
  44. package/dist/chunks/kbd-Gxvodc1U.es.js.map +1 -1
  45. package/dist/chunks/link-BS1jRPrC.es.js.map +1 -1
  46. package/dist/chunks/link-COqOFX5Z.cjs.js.map +1 -1
  47. package/dist/chunks/list-8yfreyzi.cjs.js.map +1 -1
  48. package/dist/chunks/list-B21joBrq.es.js.map +1 -1
  49. package/dist/chunks/loading-spinner-BQd4UVQs.cjs.js.map +1 -1
  50. package/dist/chunks/loading-spinner-DwN-yshK.es.js.map +1 -1
  51. package/dist/chunks/multiline-text-input-BCHcfgz9.cjs.js.map +1 -1
  52. package/dist/chunks/multiline-text-input-sSdbj6tb.es.js.map +1 -1
  53. package/dist/chunks/nimbus-provider-Bf7NgBYl.cjs.js.map +1 -1
  54. package/dist/chunks/nimbus-provider-DiytQtCG.es.js.map +1 -1
  55. package/dist/chunks/number-input-BU6yMXV8.cjs.js.map +1 -1
  56. package/dist/chunks/number-input-DzwHfylo.es.js.map +1 -1
  57. package/dist/chunks/password-input-DdJ9gDUr.es.js.map +1 -1
  58. package/dist/chunks/password-input-DpINXGwE.cjs.js.map +1 -1
  59. package/dist/chunks/progress-bar-CCyJEPoU.es.js +75 -0
  60. package/dist/chunks/progress-bar-CCyJEPoU.es.js.map +1 -0
  61. package/dist/chunks/progress-bar-pMjw8h4h.cjs.js +2 -0
  62. package/dist/chunks/progress-bar-pMjw8h4h.cjs.js.map +1 -0
  63. package/dist/chunks/radio-input-BLVHJidw.cjs.js.map +1 -1
  64. package/dist/chunks/radio-input-CCm7Xqcz.es.js.map +1 -1
  65. package/dist/chunks/select-BZ2fZDHJ.cjs.js.map +1 -1
  66. package/dist/chunks/select-Cx0Yiwr-.es.js.map +1 -1
  67. package/dist/chunks/simple-grid-CFOP9g2P.es.js.map +1 -1
  68. package/dist/chunks/simple-grid-CHgTayx6.cjs.js.map +1 -1
  69. package/dist/chunks/stack-__ugxVHD.es.js.map +1 -1
  70. package/dist/chunks/stack-wFUhYQQb.cjs.js.map +1 -1
  71. package/dist/chunks/switch-BriJIKqx.es.js.map +1 -1
  72. package/dist/chunks/switch-GFsEXE6w.cjs.js.map +1 -1
  73. package/dist/chunks/tag-group-8CojIACI.es.js.map +1 -1
  74. package/dist/chunks/tag-group-D7GNkec5.cjs.js.map +1 -1
  75. package/dist/chunks/text--fhvW47o.cjs.js.map +1 -1
  76. package/dist/chunks/text-CFsPSPPs.es.js.map +1 -1
  77. package/dist/chunks/text-input-Dg1LSvlo.es.js.map +1 -1
  78. package/dist/chunks/text-input-DzIZYD16.cjs.js.map +1 -1
  79. package/dist/chunks/toggle-button-BcbQQcBy.cjs.js.map +1 -1
  80. package/dist/chunks/toggle-button-DhnBl8Gb.es.js.map +1 -1
  81. package/dist/chunks/toggle-button-group-BQfaNSZf.es.js.map +1 -1
  82. package/dist/chunks/toggle-button-group-C5nvmHRc.cjs.js.map +1 -1
  83. package/dist/chunks/{toolbar-C18za_6s.es.js → toolbar-DZrjQLFq.es.js} +2 -5
  84. package/dist/chunks/{toolbar-C18za_6s.es.js.map → toolbar-DZrjQLFq.es.js.map} +1 -1
  85. package/dist/chunks/toolbar-O-t4_xhL.cjs.js.map +1 -1
  86. package/dist/chunks/tooltip-Bi0556u1.es.js.map +1 -1
  87. package/dist/chunks/tooltip-DwXtfA_x.cjs.js.map +1 -1
  88. package/dist/chunks/visually-hidden-Bkimhan7.es.js.map +1 -1
  89. package/dist/chunks/visually-hidden-KeFRLonC.cjs.js.map +1 -1
  90. package/dist/components/components.cjs +1 -1
  91. package/dist/components/components.es.js +3 -3
  92. package/dist/components/date-range-picker.cjs +1 -1
  93. package/dist/components/date-range-picker.es.js +1 -1
  94. package/dist/components/progress-bar.cjs +1 -1
  95. package/dist/components/progress-bar.es.js +1 -1
  96. package/dist/components/toolbar.es.js +1 -1
  97. package/dist/index.cjs +1 -1
  98. package/dist/index.es.js +3 -3
  99. package/dist/setup-jsdom-polyfills.cjs.map +1 -1
  100. package/dist/setup-jsdom-polyfills.es.js.map +1 -1
  101. package/package.json +5 -5
  102. package/dist/chunks/date-range-picker-D7D7R_4k.cjs.js.map +0 -1
  103. package/dist/chunks/date-range-picker-DGKM05wQ.es.js.map +0 -1
  104. package/dist/chunks/progress-bar-CbZY1dE1.cjs.js +0 -2
  105. package/dist/chunks/progress-bar-CbZY1dE1.cjs.js.map +0 -1
  106. package/dist/chunks/progress-bar-VipTWl4r.es.js +0 -71
  107. package/dist/chunks/progress-bar-VipTWl4r.es.js.map +0 -1
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("react/jsx-runtime"),q=require("react"),x=require("./Label-DFXyfxZM.cjs.js"),v=require("./ProgressBar-Cot0VLjE.cjs.js"),t=require("@chakra-ui/react"),k=require("./box-FU6tRPFs.cjs.js"),w=require("./extractStyleProps-lyk7D-zN.cjs.js"),C=require("./useObjectRef-4v2MxSjQ.cjs.js"),{withProvider:V,withContext:o}=t.createSlotRecipeContext({key:"progressBar"}),F=V("div","root"),H=o("div","track"),L=o("div","fill"),f=o("span","label"),u=o("span","value"),p=n=>{const{ref:h,value:a,minValue:b=0,maxValue:P=100,isDynamic:$=!0,isIndeterminate:r,label:s,formatOptions:j={style:"percent"},variant:O="solid",layout:i="stacked",colorPalette:D="primary",...g}=n,m=t.useSlotRecipe({key:"progressBar"}),[c,B]=m.splitVariantProps(n),[y,G]=w.extractStyleProps(B),R=q.useRef(null),S=C.$df56164dff5785e2$export$4338b53315abf666(t.mergeRefs(R,h));return e.jsx(F,{...c,...y,...c,isDynamic:$,isIndeterminate:r,asChild:!0,children:e.jsx(v.$0393f8ab869a0f1a$export$c17561cb55d4db30,{ref:S,value:a,minValue:b,maxValue:P,isIndeterminate:r,formatOptions:j,...g,children:({percentage:l,valueText:d})=>e.jsxs(e.Fragment,{children:[i==="stacked"&&e.jsxs(t.Flex,{children:[s&&e.jsx(f,{asChild:!0,children:e.jsx(x.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(k.Box,{flexGrow:"1"}),s&&a&&e.jsx(u,{children:d})]}),i==="inline"&&s&&e.jsx(f,{lineHeight:"1",asChild:!0,children:e.jsx(x.$01b77f81d0f07f68$export$b04be29aa201d4f5,{children:s})}),e.jsx(H,{children:e.jsx(L,{style:{width:r?"40%":`${l}%`},"data-indeterminate":r,"data-complete":!r&&l!==void 0&&l>=100})}),i==="inline"&&a&&e.jsx(u,{lineHeight:"1",children:d})]})})})};p.displayName="ProgressBar";exports.ProgressBar=p;
2
- //# sourceMappingURL=progress-bar-CbZY1dE1.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-bar-CbZY1dE1.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\";\nimport type {\n RecipeProps,\n UnstyledProp,\n HTMLChakraProps,\n RecipeVariantProps,\n} from \"@chakra-ui/react\";\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 HTMLChakraProps<\"div\", ProgressBarRecipeProps>,\n Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n AriaProgressBarProps {\n [key: `data-${string}`]: string;\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\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n HTMLDivElement,\n ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n HTMLDivElement,\n ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n HTMLSpanElement,\n ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\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, useSlotRecipe } from \"@chakra-ui/react\";\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(props);\n const [styleProps, otherProps] = 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","otherProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":"mTA6BM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAGYC,EAAsBH,EAGjC,MAAO,MAAM,EAIFI,EAAuBH,EAGlC,MAAO,OAAO,EAIHI,EAAsBJ,EAGjC,MAAO,MAAM,EAGFK,EAAuBL,EAGlC,OAAQ,OAAO,EAIJM,EAAuBN,EAGlC,OAAQ,OAAO,EC7BJO,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,kBAAkBb,CAAK,EAC9D,CAACiB,EAAYC,CAAU,EAAIC,EAAAA,kBAAkBH,CAAc,EAE3DI,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUnB,CAAY,CAAC,EAE1D,OACEwB,EAAAA,IAAC/B,EAAA,CACE,GAAGqB,EACH,GAAGE,EACH,GAAGF,EACJ,UAAAV,EACA,gBAAAC,EACA,QAAO,GAEP,SAAAmB,EAAAA,IAACC,EAAAA,0CAAA,CACC,IAAAJ,EACA,MAAApB,EACA,SAAAC,EACA,SAAAC,EACA,gBAAAE,EACA,cAAAE,EACC,GAAGI,EAEH,SAAA,CAAC,CAAE,WAAAe,EAAY,UAAAC,CAAA,IACdC,OAAAC,EAAAA,SAAA,CACG,SAAA,CAAApB,IAAW,kBACTqB,EAAAA,KAAA,CACE,SAAA,CAAAxB,SACEV,EAAA,CAAqB,QAAO,GAC3B,SAAA4B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,WAAM,CAAA,CAClB,EAEFP,EAAAA,IAACQ,EAAAA,IAAA,CAAI,SAAS,GAAA,CAAI,EACjB1B,GAASL,GACRuB,EAAAA,IAAC3B,EAAA,CAAsB,SAAA8B,CAAA,CAAU,CAAA,EAErC,EAGDlB,IAAW,UAAYH,GACtBkB,EAAAA,IAAC5B,EAAA,CAAqB,WAAW,IAAI,QAAO,GAC1C,SAAA4B,EAAAA,IAACO,EAAAA,0CAAA,CAAS,SAAAzB,CAAA,CAAM,EAClB,QAGDZ,EAAA,CACC,SAAA8B,EAAAA,IAAC7B,EAAA,CACC,MAAO,CAAE,MAAOU,EAAkB,MAAQ,GAAGqB,CAAU,GAAA,EACvD,qBAAoBrB,EACpB,gBACE,CAACA,GACDqB,IAAe,QACfA,GAAc,GAAA,CAAA,EAGpB,EAECjB,IAAW,UAAYR,SACrBJ,EAAA,CAAqB,WAAW,IAC9B,SAAA8B,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,CAGN,EAEA7B,EAAY,YAAc"}
@@ -1,71 +0,0 @@
1
- import { jsx as r, jsxs as d, Fragment as R } from "react/jsx-runtime";
2
- import { useRef as k } from "react";
3
- import { a as f } from "./Label-p7LXqne0.es.js";
4
- import { a as w } from "./ProgressBar-M-wNKpE5.es.js";
5
- import { createSlotRecipeContext as C, useSlotRecipe as V, mergeRefs as F, Flex as j } from "@chakra-ui/react";
6
- import { B as H } from "./box-DD4jYgS7.es.js";
7
- import { e as D } from "./extractStyleProps-CxgBrz3O.es.js";
8
- import { $ as G } from "./useObjectRef-CaJ5pgjX.es.js";
9
- const { withProvider: I, withContext: t } = /* @__PURE__ */ C({
10
- key: "progressBar"
11
- }), L = /* @__PURE__ */ I("div", "root"), N = /* @__PURE__ */ t("div", "track"), O = /* @__PURE__ */ t("div", "fill"), m = /* @__PURE__ */ t("span", "label"), p = /* @__PURE__ */ t("span", "value"), q = (l) => {
12
- const {
13
- ref: h,
14
- value: s,
15
- minValue: P = 0,
16
- maxValue: u = 100,
17
- isDynamic: g = !0,
18
- isIndeterminate: e,
19
- label: o,
20
- formatOptions: x = { style: "percent" },
21
- variant: z = "solid",
22
- layout: a = "stacked",
23
- colorPalette: A = "primary",
24
- ...b
25
- } = l, B = V({ key: "progressBar" }), [n, $] = B.splitVariantProps(l), [y, E] = D($), S = k(null), v = G(F(S, h));
26
- return /* @__PURE__ */ r(
27
- L,
28
- {
29
- ...n,
30
- ...y,
31
- ...n,
32
- isDynamic: g,
33
- isIndeterminate: e,
34
- asChild: !0,
35
- children: /* @__PURE__ */ r(
36
- w,
37
- {
38
- ref: v,
39
- value: s,
40
- minValue: P,
41
- maxValue: u,
42
- isIndeterminate: e,
43
- formatOptions: x,
44
- ...b,
45
- children: ({ percentage: i, valueText: c }) => /* @__PURE__ */ d(R, { children: [
46
- a === "stacked" && /* @__PURE__ */ d(j, { children: [
47
- o && /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r(f, { children: o }) }),
48
- /* @__PURE__ */ r(H, { flexGrow: "1" }),
49
- o && s && /* @__PURE__ */ r(p, { children: c })
50
- ] }),
51
- a === "inline" && o && /* @__PURE__ */ r(m, { lineHeight: "1", asChild: !0, children: /* @__PURE__ */ r(f, { children: o }) }),
52
- /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
53
- O,
54
- {
55
- style: { width: e ? "40%" : `${i}%` },
56
- "data-indeterminate": e,
57
- "data-complete": !e && i !== void 0 && i >= 100
58
- }
59
- ) }),
60
- a === "inline" && s && /* @__PURE__ */ r(p, { lineHeight: "1", children: c })
61
- ] })
62
- }
63
- )
64
- }
65
- );
66
- };
67
- q.displayName = "ProgressBar";
68
- export {
69
- q as P
70
- };
71
- //# sourceMappingURL=progress-bar-VipTWl4r.es.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-bar-VipTWl4r.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\";\nimport type {\n RecipeProps,\n UnstyledProp,\n HTMLChakraProps,\n RecipeVariantProps,\n} from \"@chakra-ui/react\";\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 HTMLChakraProps<\"div\", ProgressBarRecipeProps>,\n Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, \"isIndeterminate\">,\n AriaProgressBarProps {\n [key: `data-${string}`]: string;\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\nexport interface ProgressBarTrackSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarTrackSlot = withContext<\n HTMLDivElement,\n ProgressBarTrackSlotProps\n>(\"div\", \"track\");\n\n// ProgressBar Fill - Progress indicator\nexport interface ProgressBarFillSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const ProgressBarFillSlot = withContext<\n HTMLDivElement,\n ProgressBarFillSlotProps\n>(\"div\", \"fill\");\n// ProgressBar Label - Label text\nexport interface ProgressBarLabelSlotProps extends HTMLChakraProps<\"span\"> {}\nexport const ProgressBarLabelSlot = withContext<\n HTMLSpanElement,\n ProgressBarLabelSlotProps\n>(\"span\", \"label\");\n\n// ProgressBar Value - Value text\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, useSlotRecipe } from \"@chakra-ui/react\";\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(props);\n const [styleProps, otherProps] = 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","otherProps","extractStyleProps","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","RaProgressBar","percentage","valueText","jsxs","Fragment","Flex","RaLabel","Box"],"mappings":";;;;;;;;AA6BA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IAAsB,gBAAAH,EAGjC,OAAO,MAAM,GAIFI,IAAuB,gBAAAH,EAGlC,OAAO,OAAO,GAIHI,IAAsB,gBAAAJ,EAGjC,OAAO,MAAM,GAGFK,IAAuB,gBAAAL,EAGlC,QAAQ,OAAO,GAIJM,IAAuB,gBAAAN,EAGlC,QAAQ,OAAO,GC7BJO,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,kBAAkBb,CAAK,GAC9D,CAACiB,GAAYC,CAAU,IAAIC,EAAkBH,CAAc,GAE3DI,IAAWC,EAAuB,IAAI,GACtCC,IAAMC,EAAaC,EAAUJ,GAAUnB,CAAY,CAAC;AAE1D,SACE,gBAAAwB;AAAA,IAAC/B;AAAA,IAAA;AAAA,MACE,GAAGqB;AAAA,MACH,GAAGE;AAAA,MACH,GAAGF;AAAA,MACJ,WAAAV;AAAA,MACA,iBAAAC;AAAA,MACA,SAAO;AAAA,MAEP,UAAA,gBAAAmB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAAJ;AAAA,UACA,OAAApB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,eAAAE;AAAA,UACC,GAAGI;AAAA,UAEH,UAAA,CAAC,EAAE,YAAAe,GAAY,WAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,YAAApB,MAAW,+BACTqB,GAAA,EACE,UAAA;AAAA,cAAAxB,uBACEV,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAA4B,EAACO,GAAA,EAAS,aAAM,EAAA,CAClB;AAAA,cAEF,gBAAAP,EAACQ,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,cACjB1B,KAASL,KACR,gBAAAuB,EAAC3B,GAAA,EAAsB,UAAA8B,EAAA,CAAU;AAAA,YAAA,GAErC;AAAA,YAGDlB,MAAW,YAAYH,KACtB,gBAAAkB,EAAC5B,GAAA,EAAqB,YAAW,KAAI,SAAO,IAC1C,UAAA,gBAAA4B,EAACO,GAAA,EAAS,UAAAzB,EAAA,CAAM,GAClB;AAAA,8BAGDZ,GAAA,EACC,UAAA,gBAAA8B;AAAA,cAAC7B;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAOU,IAAkB,QAAQ,GAAGqB,CAAU,IAAA;AAAA,gBACvD,sBAAoBrB;AAAA,gBACpB,iBACE,CAACA,KACDqB,MAAe,UACfA,KAAc;AAAA,cAAA;AAAA,YAAA,GAGpB;AAAA,YAECjB,MAAW,YAAYR,uBACrBJ,GAAA,EAAqB,YAAW,KAC9B,UAAA8B,EAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA7B,EAAY,cAAc;"}