@blockle/blocks 0.14.3 → 0.15.0

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.
package/dist/index.cjs CHANGED
@@ -21,7 +21,8 @@ const reactDom = require("react-dom");
21
21
  const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
22
22
  const styles_components_typography_Heading_Heading_cjs = require("./styles/components/typography/Heading/Heading.cjs");
23
23
  const styles_components_typography_Text_Text_cjs = require("./styles/components/typography/Text/Text.cjs");
24
- const Progress = react.forwardRef(function Progress2({ value, max = 100, className, ...restProps }, ref) {
24
+ const Progress = react.forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
25
+ const progress = value / max * 100;
25
26
  const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
26
27
  "progress",
27
28
  {
@@ -31,10 +32,9 @@ const Progress = react.forwardRef(function Progress2({ value, max = 100, classNa
31
32
  );
32
33
  const barClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
33
34
  "progress",
34
- { bar: true, variants: { indeterminate: value === void 0 } },
35
+ { bar: true, variants: { indeterminate } },
35
36
  false
36
37
  );
37
- const progress = value === void 0 ? 0 : value / max * 100;
38
38
  return /* @__PURE__ */ jsxRuntime.jsx(
39
39
  styles_components_display_Divider_Divider_cjs.Box,
40
40
  {
@@ -53,7 +53,7 @@ const Progress = react.forwardRef(function Progress2({ value, max = 100, classNa
53
53
  backgroundColor: "currentColor",
54
54
  inlineSize: "full",
55
55
  blockSize: "full",
56
- style: { transform: value === void 0 ? void 0 : `translateX(-${100 - progress}%)` }
56
+ style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
57
57
  }
58
58
  )
59
59
  }
package/dist/index.mjs CHANGED
@@ -23,7 +23,8 @@ import { useIsomorphicLayoutEffect, hasAnimationDuration, useKeyboard, useClickO
23
23
  import { Dialog, usePreventBodyScroll } from "./styles/components/overlay/Dialog/Dialog.mjs";
24
24
  import { Heading } from "./styles/components/typography/Heading/Heading.mjs";
25
25
  import { Text } from "./styles/components/typography/Text/Text.mjs";
26
- const Progress = forwardRef(function Progress2({ value, max = 100, className, ...restProps }, ref) {
26
+ const Progress = forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
27
+ const progress = value / max * 100;
27
28
  const containerClassName = useComponentStyles(
28
29
  "progress",
29
30
  {
@@ -33,10 +34,9 @@ const Progress = forwardRef(function Progress2({ value, max = 100, className, ..
33
34
  );
34
35
  const barClassName = useComponentStyles(
35
36
  "progress",
36
- { bar: true, variants: { indeterminate: value === void 0 } },
37
+ { bar: true, variants: { indeterminate } },
37
38
  false
38
39
  );
39
- const progress = value === void 0 ? 0 : value / max * 100;
40
40
  return /* @__PURE__ */ jsx(
41
41
  Box,
42
42
  {
@@ -55,7 +55,7 @@ const Progress = forwardRef(function Progress2({ value, max = 100, className, ..
55
55
  backgroundColor: "currentColor",
56
56
  inlineSize: "full",
57
57
  blockSize: "full",
58
- style: { transform: value === void 0 ? void 0 : `translateX(-${100 - progress}%)` }
58
+ style: { transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)` }
59
59
  }
60
60
  )
61
61
  }