@hanzogui/progress 2.0.0-rc.41-hanzoai.3

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,178 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+  Progress: () => Progress,
+  ProgressFrame: () => ProgressFrame,
+  ProgressIndicator: () => ProgressIndicator,
+  ProgressIndicatorFrame: () => ProgressIndicatorFrame,
+  createProgressScope: () => createProgressScope
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_core = require("@hanzogui/core");
+var import_create_context = require("@hanzogui/create-context");
+var import_get_token = require("@hanzogui/get-token");
+var import_helpers = require("@hanzogui/helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+const PROGRESS_NAME = "Progress";
+const [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+const INDICATOR_NAME = "ProgressIndicator";
+const ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+});
+const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
+  const {
+    __scopeProgress,
+    transition,
+    ...indicatorProps
+  } = props;
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const progressRatio = (context.value ?? 0) / context.max;
+  let x;
+  if (import_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_core.isWeb && context.width === 0 && {
+        opacity: 0
+      })
+    }),
+    ...indicatorProps,
+    ref: forwardedRef,
+    transition: !import_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;
+const ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Progress",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e5,
+        overflow: "hidden",
+        backgroundColor: "$background"
+      }
+    },
+    size: {
+      "...size": val => {
+        const size = Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.25);
+        return {
+          height: size,
+          minWidth: (0, import_core.getVariableValue)(size) * 20,
+          width: "100%"
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+});
+const Progress = (0, import_helpers.withStaticProperties)(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
+  const {
+    // @ts-expect-error
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$true",
+    ...progressProps
+  } = props;
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  const [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 !== true && {
+        size
+      }),
+      ...progressProps,
+      ...(!import_core.isWeb && {
+        onLayout: e => {
+          const newWidth = Math.round(e.nativeEvent.layout.width);
+          if (newWidth !== width) {
+            setWidth(newWidth);
+          }
+          progressProps.onLayout?.(e);
+        }
+      }),
+      ref: forwardedRef
+    })
+  });
+}), {
+  Indicator: ProgressIndicator
+});

package/dist/cjs/Progress.native.js

@@ -0,0 +1,185 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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");
+var import_core = require("@hanzogui/core");
+var import_create_context = require("@hanzogui/create-context");
+var import_get_token = require("@hanzogui/get-token");
+var import_helpers = require("@hanzogui/helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_react = require("react");
+var PROGRESS_NAME = "Progress";
+var [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);
+var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+var INDICATOR_NAME = "ProgressIndicator";
+var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+});
+var ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
+  var {
+    __scopeProgress,
+    transition,
+    ...indicatorProps
+  } = props;
+  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  var _context_value;
+  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
+  var x;
+  if (import_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_core.isWeb && context.width === 0 && {
+        opacity: 0
+      })
+    }),
+    ...indicatorProps,
+    ref: forwardedRef,
+    transition: !import_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;
+var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Progress",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e5,
+        overflow: "hidden",
+        backgroundColor: "$background"
+      }
+    },
+    size: {
+      "...size": function (val) {
+        var size = Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.25);
+        return {
+          height: size,
+          minWidth: (0, import_core.getVariableValue)(size) * 20,
+          width: "100%"
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+});
+var Progress = (0, import_helpers.withStaticProperties)(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
+  var {
+    // @ts-expect-error
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$true",
+    ...progressProps
+  } = props;
+  var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+  var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  var [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 !== null && value !== void 0 ? value : void 0,
+      "data-max": max,
+      ...(progressProps.unstyled !== true && {
+        size
+      }),
+      ...progressProps,
+      ...(!import_core.isWeb && {
+        onLayout: function (e) {
+          var _progressProps_onLayout;
+          var newWidth = Math.round(e.nativeEvent.layout.width);
+          if (newWidth !== width) {
+            setWidth(newWidth);
+          }
+          (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? 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_core","import_create_context","import_get_token","import_helpers","import_stacks","import_react","PROGRESS_NAME","createProgressContext","createContextScope","ProgressProvider","useProgressContext","INDICATOR_NAME","styled","YStack","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZOGUI_HEADLESS","styleable","ProgressIndicator2","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","Progress2","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,20 @@
+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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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,23 @@
+"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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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,149 @@
+import { getVariableValue, isWeb, styled } from "@hanzogui/core";
+import { createContextScope } from "@hanzogui/create-context";
+import { getSize } from "@hanzogui/get-token";
+import { withStaticProperties } from "@hanzogui/helpers";
+import { YStack } from "@hanzogui/stacks";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+const PROGRESS_NAME = "Progress";
+const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+const INDICATOR_NAME = "ProgressIndicator";
+const ProgressIndicatorFrame = styled(YStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.HANZOGUI_HEADLESS === "1"
+  }
+});
+const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
+  const {
+    __scopeProgress,
+    transition,
+    ...indicatorProps
+  } = props;
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const 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;
+const 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.HANZOGUI_HEADLESS === "1"
+  }
+});
+const Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
+  const {
+    // @ts-expect-error
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$true",
+    ...progressProps
+  } = props;
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  const [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 !== true && {
+        size
+      }),
+      ...progressProps,
+      ...(!isWeb && {
+        onLayout: e => {
+          const newWidth = Math.round(e.nativeEvent.layout.width);
+          if (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","HANZOGUI_HEADLESS","ProgressIndicator","styleable","ProgressIndicator2","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","Progress2","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":[]}