@hanzogui/progress 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/Progress.cjs

@@ -0,0 +1,171 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+  Progress: () => Progress,
+  ProgressFrame: () => ProgressFrame,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressIndicatorFrame: () => ProgressIndicatorFrame,
+  createProgressScope: () => createProgressScope
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_gui_core = require("@hanzo/gui-core"),
+  import_gui_create_context = require("@hanzo/gui-create-context"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_react = require("react"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const PROGRESS_NAME = "Progress",
+  [createProgressContext, createProgressScope] = (0, import_gui_create_context.createContextScope)(PROGRESS_NAME),
+  [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
+  INDICATOR_NAME = "ProgressIndicator",
+  ProgressIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          height: "100%",
+          width: "100%",
+          backgroundColor: "$background"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
+    const {
+        __scopeProgress,
+        transition,
+        ...indicatorProps
+      } = props,
+      context = useProgressContext(INDICATOR_NAME, __scopeProgress),
+      progressRatio = (context.value ?? 0) / context.max;
+    let x;
+    if (import_gui_core.isWeb) x = `${-100 + progressRatio * 50}%`;else {
+      const baseWidth = context.width || 0;
+      x = Math.ceil(-baseWidth * (2 - progressRatio));
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
+      "data-state": getProgressState(context.value, context.max),
+      "data-value": context.value ?? void 0,
+      "data-max": context.max,
+      x,
+      width: "200%",
+      ...(!props.unstyled && {
+        animateOnly: ["transform"],
+        // on native, hide until we have width measurement
+        ...(!import_gui_core.isWeb && context.width === 0 && {
+          opacity: 0
+        })
+      }),
+      ...indicatorProps,
+      ref: forwardedRef,
+      transition: !import_gui_core.isWeb && !context.width ? null : transition
+    });
+  });
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+function isNumber(value) {
+  return typeof value == "number";
+}
+function isValidMaxNumber(max) {
+  return isNumber(max) && !Number.isNaN(max) && max > 0;
+}
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+}
+const DEFAULT_MAX = 100,
+  ProgressFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: "Progress",
+    variants: {
+      unstyled: {
+        false: {
+          borderRadius: 1e5,
+          overflow: "hidden",
+          backgroundColor: "$background"
+        }
+      },
+      size: {
+        "...size": val => {
+          const size = Math.round((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) * 0.25);
+          return {
+            height: size,
+            minWidth: (0, import_gui_core.getVariableValue)(size) * 20,
+            width: "100%"
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Progress = (0, import_gui_helpers.withStaticProperties)(ProgressFrame.styleable(function (props, forwardedRef) {
+    const {
+        // @ts-expect-error
+        __scopeProgress,
+        value: valueProp,
+        max: maxProp,
+        getValueLabel = defaultGetValueLabel,
+        size = "$true",
+        ...progressProps
+      } = props,
+      max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
+      value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
+      valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
+      [width, setWidth] = (0, import_react.useState)(0);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressProvider, {
+      scope: __scopeProgress,
+      value,
+      max,
+      width,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
+        "aria-valuemax": max,
+        "aria-valuemin": 0,
+        "aria-valuenow": isNumber(value) ? value : void 0,
+        "aria-valuetext": valueLabel,
+        role: "progressbar",
+        "data-state": getProgressState(value, max),
+        "data-value": value ?? void 0,
+        "data-max": max,
+        ...(progressProps.unstyled !== !0 && {
+          size
+        }),
+        ...progressProps,
+        ...(!import_gui_core.isWeb && {
+          onLayout: e => {
+            const newWidth = Math.round(e.nativeEvent.layout.width);
+            newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
+          }
+        }),
+        ref: forwardedRef
+      })
+    });
+  }), {
+    Indicator: ProgressIndicator
+  });

package/dist/cjs/Progress.native.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+  Progress: () => Progress,
+  ProgressFrame: () => ProgressFrame,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressIndicatorFrame: () => ProgressIndicatorFrame,
+  createProgressScope: () => createProgressScope
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_core = require("@hanzo/gui-core"),
+  import_gui_create_context = require("@hanzo/gui-create-context"),
+  import_gui_get_token = require("@hanzo/gui-get-token"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_stacks = require("@hanzo/gui-stacks"),
+  import_react = require("react"),
+  PROGRESS_NAME = "Progress",
+  [createProgressContext, createProgressScope] = (0, import_gui_create_context.createContextScope)(PROGRESS_NAME),
+  [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
+  INDICATOR_NAME = "ProgressIndicator",
+  ProgressIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          height: "100%",
+          width: "100%",
+          backgroundColor: "$background"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
+    var {
+        __scopeProgress,
+        transition,
+        ...indicatorProps
+      } = props,
+      context = useProgressContext(INDICATOR_NAME, __scopeProgress),
+      _context_value,
+      progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max,
+      x;
+    if (import_gui_core.isWeb) x = `${-100 + progressRatio * 50}%`;else {
+      var baseWidth = context.width || 0;
+      x = Math.ceil(-baseWidth * (2 - progressRatio));
+    }
+    var _context_value1;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
+      "data-state": getProgressState(context.value, context.max),
+      "data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
+      "data-max": context.max,
+      x,
+      width: "200%",
+      ...(!props.unstyled && {
+        animateOnly: ["transform"],
+        // on native, hide until we have width measurement
+        ...(!import_gui_core.isWeb && context.width === 0 && {
+          opacity: 0
+        })
+      }),
+      ...indicatorProps,
+      ref: forwardedRef,
+      transition: !import_gui_core.isWeb && !context.width ? null : transition
+    });
+  });
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+function isNumber(value) {
+  return typeof value == "number";
+}
+function isValidMaxNumber(max) {
+  return isNumber(max) && !Number.isNaN(max) && max > 0;
+}
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+}
+var DEFAULT_MAX = 100,
+  ProgressFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
+    name: "Progress",
+    variants: {
+      unstyled: {
+        false: {
+          borderRadius: 1e5,
+          overflow: "hidden",
+          backgroundColor: "$background"
+        }
+      },
+      size: {
+        "...size": function (val) {
+          var size = Math.round((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) * 0.25);
+          return {
+            height: size,
+            minWidth: (0, import_gui_core.getVariableValue)(size) * 20,
+            width: "100%"
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Progress = (0, import_gui_helpers.withStaticProperties)(ProgressFrame.styleable(function (props, forwardedRef) {
+    var {
+        // @ts-expect-error
+        __scopeProgress,
+        value: valueProp,
+        max: maxProp,
+        getValueLabel = defaultGetValueLabel,
+        size = "$true",
+        ...progressProps
+      } = props,
+      max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
+      value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
+      valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
+      [width, setWidth] = (0, import_react.useState)(0);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressProvider, {
+      scope: __scopeProgress,
+      value,
+      max,
+      width,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
+        "aria-valuemax": max,
+        "aria-valuemin": 0,
+        "aria-valuenow": isNumber(value) ? value : void 0,
+        "aria-valuetext": valueLabel,
+        // @ts-ignore
+        role: "progressbar",
+        "data-state": getProgressState(value, max),
+        "data-value": value ?? void 0,
+        "data-max": max,
+        ...(progressProps.unstyled !== !0 && {
+          size
+        }),
+        ...progressProps,
+        ...(!import_gui_core.isWeb && {
+          onLayout: function (e) {
+            var _progressProps_onLayout,
+              newWidth = Math.round(e.nativeEvent.layout.width);
+            newWidth !== width && setWidth(newWidth), (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 || _progressProps_onLayout.call(progressProps, e);
+          }
+        }),
+        ref: forwardedRef
+      })
+    });
+  }), {
+    Indicator: ProgressIndicator
+  });
+//# sourceMappingURL=Progress.native.js.map

package/dist/cjs/Progress.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Progress_exports","__export","Progress","ProgressFrame","ProgressIndicator","ProgressIndicatorFrame","createProgressScope","module","exports","import_jsx_runtime","require","import_gui_core","import_gui_create_context","import_gui_get_token","import_gui_helpers","import_gui_stacks","import_react","PROGRESS_NAME","createProgressContext","createContextScope","ProgressProvider","useProgressContext","INDICATOR_NAME","styled","YStack","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZO_GUI_HEADLESS","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","_context_value","progressRatio","max","x","isWeb","baseWidth","Math","ceil","_context_value1","jsx","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","borderRadius","overflow","size","...size","val","getVariableValue","getSize","minWidth","withStaticProperties","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","useState","scope","children","role","onLayout","e","_progressProps_onLayout","newWidth","nativeEvent","layout","call"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Progress.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Progress.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}

package/dist/esm/Progress.mjs

@@ -0,0 +1,144 @@
+import { getVariableValue, isWeb, styled } from "@hanzo/gui-core";
+import { createContextScope } from "@hanzo/gui-create-context";
+import { getSize } from "@hanzo/gui-get-token";
+import { withStaticProperties } from "@hanzo/gui-helpers";
+import { YStack } from "@hanzo/gui-stacks";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+const PROGRESS_NAME = "Progress",
+  [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME),
+  [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
+  INDICATOR_NAME = "ProgressIndicator",
+  ProgressIndicatorFrame = styled(YStack, {
+    name: INDICATOR_NAME,
+    variants: {
+      unstyled: {
+        false: {
+          height: "100%",
+          width: "100%",
+          backgroundColor: "$background"
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
+    const {
+        __scopeProgress,
+        transition,
+        ...indicatorProps
+      } = props,
+      context = useProgressContext(INDICATOR_NAME, __scopeProgress),
+      progressRatio = (context.value ?? 0) / context.max;
+    let x;
+    if (isWeb) x = `${-100 + progressRatio * 50}%`;else {
+      const baseWidth = context.width || 0;
+      x = Math.ceil(-baseWidth * (2 - progressRatio));
+    }
+    return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
+      "data-state": getProgressState(context.value, context.max),
+      "data-value": context.value ?? void 0,
+      "data-max": context.max,
+      x,
+      width: "200%",
+      ...(!props.unstyled && {
+        animateOnly: ["transform"],
+        // on native, hide until we have width measurement
+        ...(!isWeb && context.width === 0 && {
+          opacity: 0
+        })
+      }),
+      ...indicatorProps,
+      ref: forwardedRef,
+      transition: !isWeb && !context.width ? null : transition
+    });
+  });
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+function isNumber(value) {
+  return typeof value == "number";
+}
+function isValidMaxNumber(max) {
+  return isNumber(max) && !Number.isNaN(max) && max > 0;
+}
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+}
+const DEFAULT_MAX = 100,
+  ProgressFrame = styled(YStack, {
+    name: "Progress",
+    variants: {
+      unstyled: {
+        false: {
+          borderRadius: 1e5,
+          overflow: "hidden",
+          backgroundColor: "$background"
+        }
+      },
+      size: {
+        "...size": val => {
+          const size = Math.round(getVariableValue(getSize(val)) * 0.25);
+          return {
+            height: size,
+            minWidth: getVariableValue(size) * 20,
+            width: "100%"
+          };
+        }
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    }
+  }),
+  Progress = withStaticProperties(ProgressFrame.styleable(function (props, forwardedRef) {
+    const {
+        // @ts-expect-error
+        __scopeProgress,
+        value: valueProp,
+        max: maxProp,
+        getValueLabel = defaultGetValueLabel,
+        size = "$true",
+        ...progressProps
+      } = props,
+      max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
+      value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
+      valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
+      [width, setWidth] = useState(0);
+    return /* @__PURE__ */jsx(ProgressProvider, {
+      scope: __scopeProgress,
+      value,
+      max,
+      width,
+      children: /* @__PURE__ */jsx(ProgressFrame, {
+        "aria-valuemax": max,
+        "aria-valuemin": 0,
+        "aria-valuenow": isNumber(value) ? value : void 0,
+        "aria-valuetext": valueLabel,
+        role: "progressbar",
+        "data-state": getProgressState(value, max),
+        "data-value": value ?? void 0,
+        "data-max": max,
+        ...(progressProps.unstyled !== !0 && {
+          size
+        }),
+        ...progressProps,
+        ...(!isWeb && {
+          onLayout: e => {
+            const newWidth = Math.round(e.nativeEvent.layout.width);
+            newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
+          }
+        }),
+        ref: forwardedRef
+      })
+    });
+  }), {
+    Indicator: ProgressIndicator
+  });
+export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
+//# sourceMappingURL=Progress.mjs.map

package/dist/esm/Progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","jsx","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZO_GUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","progressRatio","value","max","x","baseWidth","Math","ceil","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","val","minWidth","Progress","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}