@tamagui/progress 1.0.1-beta.34

package/dist/cjs/Progress.js

@@ -0,0 +1,205 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+  Indicator: () => Indicator,
+  Progress: () => Progress,
+  ProgressIndicator: () => ProgressIndicator,
+  Root: () => Root,
+  createProgressScope: () => createProgressScope
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"));
+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.ThemeableStack, {
+  name: INDICATOR_NAME,
+  height: "100%",
+  width: "100%"
+});
+const ProgressIndicator = ProgressIndicatorFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  const _a = props, { __scopeProgress } = _a, indicatorProps = __objRest(_a, ["__scopeProgress"]);
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const progress = context.max - (context.value ?? 0);
+  return /* @__PURE__ */ React.createElement(ProgressIndicatorFrame, __spreadProps(__spreadValues({
+    "data-state": getProgressState(context.value, context.max),
+    "data-value": context.value ?? void 0,
+    "data-max": context.max,
+    x: `${-progress}%`
+  }, indicatorProps), {
+    ref: forwardedRef
+  }));
+}));
+ProgressIndicator.displayName = INDICATOR_NAME;
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+__name(defaultGetValueLabel, "defaultGetValueLabel");
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+__name(getProgressState, "getProgressState");
+function isNumber(value) {
+  return typeof value === "number";
+}
+__name(isNumber, "isNumber");
+function isValidMaxNumber(max) {
+  return isNumber(max) && !isNaN(max) && max > 0;
+}
+__name(isValidMaxNumber, "isValidMaxNumber");
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+}
+__name(isValidValueNumber, "isValidValueNumber");
+function getInvalidMaxError(propValue, componentName) {
+  return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
+}
+__name(getInvalidMaxError, "getInvalidMaxError");
+function getInvalidValueError(propValue, componentName) {
+  return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
+  - \`null\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+__name(getInvalidValueError, "getInvalidValueError");
+const DEFAULT_MAX = 100;
+const ProgressFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: PROGRESS_NAME,
+  borderRadius: 1e5,
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        const circleSize = (0, import_stacks.getCircleSize)(val, extras);
+        const size = circleSize / 3;
+        return {
+          height: size,
+          width: size * 20
+        };
+      }
+    }
+  }
+});
+const Progress = (0, import_core.withStaticProperties)(ProgressFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  const _a = props, {
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$4"
+  } = _a, progressProps = __objRest(_a, [
+    "__scopeProgress",
+    "value",
+    "max",
+    "getValueLabel",
+    "size"
+  ]);
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? valueProp : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  return /* @__PURE__ */ React.createElement(ProgressProvider, {
+    scope: __scopeProgress,
+    value,
+    max
+  }, /* @__PURE__ */ React.createElement(ProgressFrame, __spreadProps(__spreadValues({
+    size,
+    "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), {
+    ref: forwardedRef
+  })));
+})), {
+  Indicator: ProgressIndicator
+});
+Progress.displayName = PROGRESS_NAME;
+Progress.propTypes = {
+  max(props, propName, componentName) {
+    const propValue = props[propName];
+    const strVal = String(propValue);
+    if (propValue && !isValidMaxNumber(propValue)) {
+      return new Error(getInvalidMaxError(strVal, componentName));
+    }
+    return null;
+  },
+  value(props, propName, componentName) {
+    const valueProp = props[propName];
+    const strVal = String(valueProp);
+    const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;
+    if (valueProp != null && !isValidValueNumber(valueProp, max)) {
+      return new Error(getInvalidValueError(strVal, componentName));
+    }
+    return null;
+  }
+};
+const Root = Progress;
+const Indicator = ProgressIndicator;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Indicator,
+  Progress,
+  ProgressIndicator,
+  Root,
+  createProgressScope
+});
+//# sourceMappingURL=Progress.js.map

package/dist/cjs/Progress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Progress.tsx"],
+  "sourcesContent": ["// forked from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/react/progress/src/Progress.tsx\n\nimport { GetProps, styled, withStaticProperties } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack, YStackProps, getCircleSize } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst PROGRESS_NAME = 'Progress'\n\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME)\ntype ProgressContextValue = { value: number | null; max: number }\nconst [ProgressProvider, useProgressContext] =\n  createProgressContext<ProgressContextValue>(PROGRESS_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator'\n\ntype ProgressIndicatorElement = TamaguiElement\ninterface ProgressIndicatorProps extends YStackProps {}\n\nconst ProgressIndicatorFrame = styled(ThemeableStack, {\n  name: INDICATOR_NAME,\n  height: '100%',\n  width: '100%',\n})\n\nconst ProgressIndicator = ProgressIndicatorFrame.extractable(\n  React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n    (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n      const { __scopeProgress, ...indicatorProps } = props\n      const context = useProgressContext(INDICATOR_NAME, __scopeProgress)\n      const progress = context.max - (context.value ?? 0)\n      return (\n        <ProgressIndicatorFrame\n          data-state={getProgressState(context.value, context.max)}\n          data-value={context.value ?? undefined}\n          data-max={context.max}\n          x={`${-progress}%`}\n          {...indicatorProps}\n          ref={forwardedRef}\n        />\n      )\n    }\n  )\n)\n\nProgressIndicator.displayName = INDICATOR_NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n  return `${Math.round((value / max) * 100)}%`\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n  return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading'\n}\n\nfunction isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n  // prettier-ignore\n  return (\n    isNumber(max) &&\n    !isNaN(max) &&\n    max > 0\n  );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n  // prettier-ignore\n  return (\n    isNumber(value) &&\n    !isNaN(value) &&\n    value <= max &&\n    value >= 0\n  );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n  return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n  return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n  - a positive number\n  - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n  - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEFAULT_MAX = 100\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope }\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading'\n\ntype TamaguiElement = HTMLElement | View\n\ntype ProgressElement = TamaguiElement\n\nconst ProgressFrame = styled(ThemeableStack, {\n  name: PROGRESS_NAME,\n  borderRadius: 100_000,\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        const circleSize = getCircleSize(val, extras)\n        const size = circleSize / 3\n        return {\n          height: size,\n          width: size * 20,\n        }\n      },\n    },\n  },\n})\n\ntype ProgressProps = GetProps<typeof ProgressFrame> & {\n  value?: number | null | undefined\n  max?: number\n  getValueLabel?(value: number, max: number): string\n}\n\nconst Progress = withStaticProperties(\n  ProgressFrame.extractable(\n    React.forwardRef<ProgressElement, ProgressProps>(\n      (props: ScopedProps<ProgressProps>, forwardedRef) => {\n        const {\n          __scopeProgress,\n          value: valueProp,\n          max: maxProp,\n          getValueLabel = defaultGetValueLabel,\n          size = '$4',\n          ...progressProps\n        } = props\n\n        const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX\n        const value = isValidValueNumber(valueProp, max) ? valueProp : null\n        const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined\n\n        return (\n          <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n            <ProgressFrame\n              size={size}\n              aria-valuemax={max}\n              aria-valuemin={0}\n              aria-valuenow={isNumber(value) ? value : undefined}\n              aria-valuetext={valueLabel}\n              // @ts-ignore\n              role=\"progressbar\"\n              data-state={getProgressState(value, max)}\n              data-value={value ?? undefined}\n              data-max={max}\n              {...progressProps}\n              ref={forwardedRef}\n            />\n          </ProgressProvider>\n        )\n      }\n    )\n  ),\n  {\n    Indicator: ProgressIndicator,\n  }\n)\n\nProgress.displayName = PROGRESS_NAME\n\nProgress.propTypes = {\n  max(props, propName, componentName) {\n    const propValue = props[propName]\n    const strVal = String(propValue)\n    if (propValue && !isValidMaxNumber(propValue)) {\n      return new Error(getInvalidMaxError(strVal, componentName))\n    }\n    return null\n  },\n  value(props, propName, componentName) {\n    const valueProp = props[propName]\n    const strVal = String(valueProp)\n    const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX\n    if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n      return new Error(getInvalidValueError(strVal, componentName))\n    }\n    return null\n  },\n}\n\nconst Root = Progress\nconst Indicator = ProgressIndicator\n\nexport {\n  createProgressScope,\n  //\n  Progress,\n  ProgressIndicator,\n  //\n  Root,\n  Indicator,\n}\nexport type { ProgressProps, ProgressIndicatorProps }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -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))
+      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 src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Progress"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Progress'\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
+  "names": []
+}

package/dist/esm/Progress.js

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { styled, withStaticProperties } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack, getCircleSize } from "@tamagui/stacks";
+import * as React from "react";
+const PROGRESS_NAME = "Progress";
+const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+const INDICATOR_NAME = "ProgressIndicator";
+const ProgressIndicatorFrame = styled(ThemeableStack, {
+  name: INDICATOR_NAME,
+  height: "100%",
+  width: "100%"
+});
+const ProgressIndicator = ProgressIndicatorFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  var _a, _b;
+  const { __scopeProgress, ...indicatorProps } = props;
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const progress = context.max - ((_a = context.value) != null ? _a : 0);
+  return /* @__PURE__ */ React.createElement(ProgressIndicatorFrame, {
+    "data-state": getProgressState(context.value, context.max),
+    "data-value": (_b = context.value) != null ? _b : void 0,
+    "data-max": context.max,
+    x: `${-progress}%`,
+    ...indicatorProps,
+    ref: forwardedRef
+  });
+}));
+ProgressIndicator.displayName = INDICATOR_NAME;
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+__name(defaultGetValueLabel, "defaultGetValueLabel");
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+__name(getProgressState, "getProgressState");
+function isNumber(value) {
+  return typeof value === "number";
+}
+__name(isNumber, "isNumber");
+function isValidMaxNumber(max) {
+  return isNumber(max) && !isNaN(max) && max > 0;
+}
+__name(isValidMaxNumber, "isValidMaxNumber");
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+}
+__name(isValidValueNumber, "isValidValueNumber");
+function getInvalidMaxError(propValue, componentName) {
+  return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
+}
+__name(getInvalidMaxError, "getInvalidMaxError");
+function getInvalidValueError(propValue, componentName) {
+  return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
+  - \`null\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+__name(getInvalidValueError, "getInvalidValueError");
+const DEFAULT_MAX = 100;
+const ProgressFrame = styled(ThemeableStack, {
+  name: PROGRESS_NAME,
+  borderRadius: 1e5,
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        const circleSize = getCircleSize(val, extras);
+        const size = circleSize / 3;
+        return {
+          height: size,
+          width: size * 20
+        };
+      }
+    }
+  }
+});
+const Progress = withStaticProperties(ProgressFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$4",
+    ...progressProps
+  } = props;
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? valueProp : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  return /* @__PURE__ */ React.createElement(ProgressProvider, {
+    scope: __scopeProgress,
+    value,
+    max
+  }, /* @__PURE__ */ React.createElement(ProgressFrame, {
+    size,
+    "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 != null ? value : void 0,
+    "data-max": max,
+    ...progressProps,
+    ref: forwardedRef
+  }));
+})), {
+  Indicator: ProgressIndicator
+});
+Progress.displayName = PROGRESS_NAME;
+Progress.propTypes = {
+  max(props, propName, componentName) {
+    const propValue = props[propName];
+    const strVal = String(propValue);
+    if (propValue && !isValidMaxNumber(propValue)) {
+      return new Error(getInvalidMaxError(strVal, componentName));
+    }
+    return null;
+  },
+  value(props, propName, componentName) {
+    const valueProp = props[propName];
+    const strVal = String(valueProp);
+    const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;
+    if (valueProp != null && !isValidValueNumber(valueProp, max)) {
+      return new Error(getInvalidValueError(strVal, componentName));
+    }
+    return null;
+  }
+};
+const Root = Progress;
+const Indicator = ProgressIndicator;
+export {
+  Indicator,
+  Progress,
+  ProgressIndicator,
+  Root,
+  createProgressScope
+};
+//# sourceMappingURL=Progress.js.map

package/dist/esm/Progress.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Progress.tsx"],
+  "sourcesContent": ["// forked from Radix UI\n// https://github.com/radix-ui/primitives/blob/main/packages/react/progress/src/Progress.tsx\n\nimport { GetProps, styled, withStaticProperties } from '@tamagui/core'\nimport { Scope, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack, YStackProps, getCircleSize } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst PROGRESS_NAME = 'Progress'\n\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME)\ntype ProgressContextValue = { value: number | null; max: number }\nconst [ProgressProvider, useProgressContext] =\n  createProgressContext<ProgressContextValue>(PROGRESS_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator'\n\ntype ProgressIndicatorElement = TamaguiElement\ninterface ProgressIndicatorProps extends YStackProps {}\n\nconst ProgressIndicatorFrame = styled(ThemeableStack, {\n  name: INDICATOR_NAME,\n  height: '100%',\n  width: '100%',\n})\n\nconst ProgressIndicator = ProgressIndicatorFrame.extractable(\n  React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n    (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n      const { __scopeProgress, ...indicatorProps } = props\n      const context = useProgressContext(INDICATOR_NAME, __scopeProgress)\n      const progress = context.max - (context.value ?? 0)\n      return (\n        <ProgressIndicatorFrame\n          data-state={getProgressState(context.value, context.max)}\n          data-value={context.value ?? undefined}\n          data-max={context.max}\n          x={`${-progress}%`}\n          {...indicatorProps}\n          ref={forwardedRef}\n        />\n      )\n    }\n  )\n)\n\nProgressIndicator.displayName = INDICATOR_NAME\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n  return `${Math.round((value / max) * 100)}%`\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n  return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading'\n}\n\nfunction isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n  // prettier-ignore\n  return (\n    isNumber(max) &&\n    !isNaN(max) &&\n    max > 0\n  );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n  // prettier-ignore\n  return (\n    isNumber(value) &&\n    !isNaN(value) &&\n    value <= max &&\n    value >= 0\n  );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n  return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n  return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n  - a positive number\n  - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n  - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst DEFAULT_MAX = 100\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope }\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading'\n\ntype TamaguiElement = HTMLElement | View\n\ntype ProgressElement = TamaguiElement\n\nconst ProgressFrame = styled(ThemeableStack, {\n  name: PROGRESS_NAME,\n  borderRadius: 100_000,\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        const circleSize = getCircleSize(val, extras)\n        const size = circleSize / 3\n        return {\n          height: size,\n          width: size * 20,\n        }\n      },\n    },\n  },\n})\n\ntype ProgressProps = GetProps<typeof ProgressFrame> & {\n  value?: number | null | undefined\n  max?: number\n  getValueLabel?(value: number, max: number): string\n}\n\nconst Progress = withStaticProperties(\n  ProgressFrame.extractable(\n    React.forwardRef<ProgressElement, ProgressProps>(\n      (props: ScopedProps<ProgressProps>, forwardedRef) => {\n        const {\n          __scopeProgress,\n          value: valueProp,\n          max: maxProp,\n          getValueLabel = defaultGetValueLabel,\n          size = '$4',\n          ...progressProps\n        } = props\n\n        const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX\n        const value = isValidValueNumber(valueProp, max) ? valueProp : null\n        const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined\n\n        return (\n          <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n            <ProgressFrame\n              size={size}\n              aria-valuemax={max}\n              aria-valuemin={0}\n              aria-valuenow={isNumber(value) ? value : undefined}\n              aria-valuetext={valueLabel}\n              // @ts-ignore\n              role=\"progressbar\"\n              data-state={getProgressState(value, max)}\n              data-value={value ?? undefined}\n              data-max={max}\n              {...progressProps}\n              ref={forwardedRef}\n            />\n          </ProgressProvider>\n        )\n      }\n    )\n  ),\n  {\n    Indicator: ProgressIndicator,\n  }\n)\n\nProgress.displayName = PROGRESS_NAME\n\nProgress.propTypes = {\n  max(props, propName, componentName) {\n    const propValue = props[propName]\n    const strVal = String(propValue)\n    if (propValue && !isValidMaxNumber(propValue)) {\n      return new Error(getInvalidMaxError(strVal, componentName))\n    }\n    return null\n  },\n  value(props, propName, componentName) {\n    const valueProp = props[propName]\n    const strVal = String(valueProp)\n    const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX\n    if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n      return new Error(getInvalidValueError(strVal, componentName))\n    }\n    return null\n  },\n}\n\nconst Root = Progress\nconst Indicator = ProgressIndicator\n\nexport {\n  createProgressScope,\n  //\n  Progress,\n  ProgressIndicator,\n  //\n  Root,\n  Indicator,\n}\nexport type { ProgressProps, ProgressIndicatorProps }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./Progress";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Progress'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/jsx/Progress.js

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { styled, withStaticProperties } from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { ThemeableStack, getCircleSize } from "@tamagui/stacks";
+import * as React from "react";
+const PROGRESS_NAME = "Progress";
+const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+const INDICATOR_NAME = "ProgressIndicator";
+const ProgressIndicatorFrame = styled(ThemeableStack, {
+  name: INDICATOR_NAME,
+  height: "100%",
+  width: "100%"
+});
+const ProgressIndicator = ProgressIndicatorFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  var _a, _b;
+  const { __scopeProgress, ...indicatorProps } = props;
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const progress = context.max - ((_a = context.value) != null ? _a : 0);
+  return <ProgressIndicatorFrame data-state={getProgressState(context.value, context.max)} data-value={(_b = context.value) != null ? _b : void 0} data-max={context.max} x={`${-progress}%`} {...indicatorProps} ref={forwardedRef} />;
+}));
+ProgressIndicator.displayName = INDICATOR_NAME;
+function defaultGetValueLabel(value, max) {
+  return `${Math.round(value / max * 100)}%`;
+}
+__name(defaultGetValueLabel, "defaultGetValueLabel");
+function getProgressState(value, maxValue) {
+  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+}
+__name(getProgressState, "getProgressState");
+function isNumber(value) {
+  return typeof value === "number";
+}
+__name(isNumber, "isNumber");
+function isValidMaxNumber(max) {
+  return isNumber(max) && !isNaN(max) && max > 0;
+}
+__name(isValidMaxNumber, "isValidMaxNumber");
+function isValidValueNumber(value, max) {
+  return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
+}
+__name(isValidValueNumber, "isValidValueNumber");
+function getInvalidMaxError(propValue, componentName) {
+  return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
+}
+__name(getInvalidMaxError, "getInvalidMaxError");
+function getInvalidValueError(propValue, componentName) {
+  return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
+  - \`null\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+__name(getInvalidValueError, "getInvalidValueError");
+const DEFAULT_MAX = 100;
+const ProgressFrame = styled(ThemeableStack, {
+  name: PROGRESS_NAME,
+  borderRadius: 1e5,
+  overflow: "hidden",
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        const circleSize = getCircleSize(val, extras);
+        const size = circleSize / 3;
+        return {
+          height: size,
+          width: size * 20
+        };
+      }
+    }
+  }
+});
+const Progress = withStaticProperties(ProgressFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$4",
+    ...progressProps
+  } = props;
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? valueProp : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  return <ProgressProvider scope={__scopeProgress} value={value} max={max}><ProgressFrame size={size} 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 != null ? value : void 0} data-max={max} {...progressProps} ref={forwardedRef} /></ProgressProvider>;
+})), {
+  Indicator: ProgressIndicator
+});
+Progress.displayName = PROGRESS_NAME;
+Progress.propTypes = {
+  max(props, propName, componentName) {
+    const propValue = props[propName];
+    const strVal = String(propValue);
+    if (propValue && !isValidMaxNumber(propValue)) {
+      return new Error(getInvalidMaxError(strVal, componentName));
+    }
+    return null;
+  },
+  value(props, propName, componentName) {
+    const valueProp = props[propName];
+    const strVal = String(valueProp);
+    const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;
+    if (valueProp != null && !isValidValueNumber(valueProp, max)) {
+      return new Error(getInvalidValueError(strVal, componentName));
+    }
+    return null;
+  }
+};
+const Root = Progress;
+const Indicator = ProgressIndicator;
+export {
+  Indicator,
+  Progress,
+  ProgressIndicator,
+  Root,
+  createProgressScope
+};

package/dist/jsx/index.js

@@ -0,0 +1 @@
+export * from "./Progress";

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@tamagui/progress",
+  "version": "1.0.1-beta.34",
+  "sideEffects": true,
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/compose-refs": "^1.0.1-beta.34",
+    "@tamagui/core": "^1.0.1-beta.34",
+    "@tamagui/create-context": "^1.0.1-beta.34",
+    "@tamagui/stacks": "^1.0.1-beta.34"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.34",
+    "@types/react-native": "^0.67.3",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/types/Progress.d.ts

@@ -0,0 +1,193 @@
+import { GetProps } from '@tamagui/core';
+import { YStackProps } from '@tamagui/stacks';
+import * as React from 'react';
+import { View } from 'react-native';
+declare const createProgressScope: import("@tamagui/create-context").CreateScope;
+interface ProgressIndicatorProps extends YStackProps {
+}
+declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<TamaguiElement>>;
+declare type TamaguiElement = HTMLElement | View;
+declare const ProgressFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>>, any, import("@tamagui/core").StackPropsBase, {
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+} & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>;
+declare type ProgressProps = GetProps<typeof ProgressFrame> & {
+    value?: number | null | undefined;
+    max?: number;
+    getValueLabel?(value: number, max: number): string;
+};
+declare const Progress: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & {
+    value?: number | null | undefined;
+    max?: number | undefined;
+    getValueLabel?(value: number, max: number): string;
+} & React.RefAttributes<TamaguiElement>> & {
+    Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<TamaguiElement>>;
+};
+declare const Root: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    fullscreen?: boolean | undefined;
+    elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    fontFamily?: unknown;
+    hoverable?: boolean | undefined;
+    pressable?: boolean | undefined;
+    focusable?: boolean | undefined;
+    circular?: boolean | undefined;
+    pad?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    transparent?: boolean | undefined;
+    chromeless?: boolean | undefined;
+}, "size"> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & {
+    value?: number | null | undefined;
+    max?: number | undefined;
+    getValueLabel?(value: number, max: number): string;
+} & React.RefAttributes<TamaguiElement>> & {
+    Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<TamaguiElement>>;
+};
+declare const Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<TamaguiElement>>;
+export { createProgressScope, Progress, ProgressIndicator, Root, Indicator, };
+export type { ProgressProps, ProgressIndicatorProps };
+//# sourceMappingURL=Progress.d.ts.map

package/types/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../src/Progress.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAgC,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAkB,WAAW,EAAiB,MAAM,iBAAiB,CAAA;AAC5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAInC,QAAA,MAA8B,mBAAmB,+CAAqC,CAAA;AAYtF,UAAU,sBAAuB,SAAQ,WAAW;CAAG;AAQvD,QAAA,MAAM,iBAAiB,+FAkBtB,CAAA;AA6DD,aAAK,cAAc,GAAG,WAAW,GAAG,IAAI,CAAA;AAIxC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBjB,CAAA;AAEF,aAAK,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACnD,CAAA;AAED,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YALJ,MAAM,GAAG,IAAI,GAAG,SAAS;;0BAEX,MAAM,OAAO,MAAM,GAAG,MAAM;;;CA4CnD,CAAA;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAtEA,MAAM,GAAG,IAAI,GAAG,SAAS;;0BAEX,MAAM,OAAO,MAAM,GAAG,MAAM;;;CAoE/B,CAAA;AACrB,QAAA,MAAM,SAAS,+FAAoB,CAAA;AAEnC,OAAO,EACL,mBAAmB,EAEnB,QAAQ,EACR,iBAAiB,EAEjB,IAAI,EACJ,SAAS,GACV,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}