@tamagui/progress 2.0.0-rc.3 → 2.0.0-rc.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/index.js +11 -8
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/index.js.map +1 -6
  4. package/dist/jsx/index.js +1 -1
  5. package/dist/jsx/index.js.map +1 -6
  6. package/package.json +12 -15
  7. package/dist/cjs/Progress.js +0 -146
  8. package/dist/cjs/Progress.js.map +0 -6
  9. package/dist/esm/Progress.js +0 -136
  10. package/dist/esm/Progress.js.map +0 -6
  11. package/dist/jsx/Progress.js +0 -136
  12. package/dist/jsx/Progress.js.map +0 -6
package/dist/cjs/index.js CHANGED
@@ -3,13 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
6
+ if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
7
+ get: () => from[key],
8
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
9
+ });
10
+ return to;
11
+ },
12
+ __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
13
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
14
+ value: !0
15
+ }), mod);
12
16
  var index_exports = {};
13
17
  module.exports = __toCommonJS(index_exports);
14
- __reExport(index_exports, require("./Progress"), module.exports);
15
- //# sourceMappingURL=index.js.map
18
+ __reExport(index_exports, require("./Progress.cjs"), module.exports);
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./Progress";
1
+ export * from "./Progress.mjs";
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
package/dist/jsx/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./Progress";
1
+ export * from "./Progress.mjs";
2
2
  //# sourceMappingURL=index.js.map
package/dist/jsx/index.js.map CHANGED
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/progress",
3
- "version": "2.0.0-rc.3",
3
+ "version": "2.0.0-rc.30",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -18,15 +18,12 @@
18
18
  "./package.json": "./package.json",
19
19
  ".": {
20
20
  "types": "./types/index.d.ts",
21
- "react-native": {
22
- "module": "./dist/esm/index.native.js",
23
- "import": "./dist/esm/index.native.js",
24
- "require": "./dist/cjs/index.native.js"
25
- },
21
+ "react-native": "./dist/esm/index.native.js",
22
+ "browser": "./dist/esm/index.mjs",
26
23
  "module": "./dist/esm/index.mjs",
27
24
  "import": "./dist/esm/index.mjs",
28
25
  "require": "./dist/cjs/index.cjs",
29
- "default": "./dist/cjs/index.native.js"
26
+ "default": "./dist/esm/index.mjs"
30
27
  }
31
28
  },
32
29
  "publishConfig": {
@@ -39,17 +36,17 @@
39
36
  "clean:build": "tamagui-build clean:build"
40
37
  },
41
38
  "dependencies": {
42
- "@tamagui/compose-refs": "2.0.0-rc.3",
43
- "@tamagui/core": "2.0.0-rc.3",
44
- "@tamagui/create-context": "2.0.0-rc.3",
45
- "@tamagui/get-token": "2.0.0-rc.3",
46
- "@tamagui/helpers": "2.0.0-rc.3",
47
- "@tamagui/stacks": "2.0.0-rc.3"
39
+ "@tamagui/compose-refs": "2.0.0-rc.30",
40
+ "@tamagui/core": "2.0.0-rc.30",
41
+ "@tamagui/create-context": "2.0.0-rc.30",
42
+ "@tamagui/get-token": "2.0.0-rc.30",
43
+ "@tamagui/helpers": "2.0.0-rc.30",
44
+ "@tamagui/stacks": "2.0.0-rc.30"
48
45
  },
49
46
  "devDependencies": {
50
- "@tamagui/build": "2.0.0-rc.3",
47
+ "@tamagui/build": "2.0.0-rc.30",
51
48
  "react": ">=19",
52
- "react-native": "0.81.5"
49
+ "react-native": "0.83.2"
53
50
  },
54
51
  "peerDependencies": {
55
52
  "react": ">=19",
package/dist/cjs/Progress.js DELETED
@@ -1,146 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var Progress_exports = {};
16
- __export(Progress_exports, {
17
- Progress: () => Progress,
18
- ProgressFrame: () => ProgressFrame,
19
- ProgressIndicator: () => ProgressIndicator,
20
- ProgressIndicatorFrame: () => ProgressIndicatorFrame,
21
- createProgressScope: () => createProgressScope
22
- });
23
- module.exports = __toCommonJS(Progress_exports);
24
- var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_stacks = require("@tamagui/stacks"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
25
- const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
26
- name: INDICATOR_NAME,
27
- variants: {
28
- unstyled: {
29
- false: {
30
- height: "100%",
31
- width: "100%",
32
- backgroundColor: "$background"
33
- }
34
- }
35
- },
36
- defaultVariants: {
37
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
38
- }
39
- }), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
40
- const { __scopeProgress, transition, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), progressRatio = (context.value ?? 0) / context.max;
41
- let x;
42
- if (import_core.isWeb)
43
- x = `${-100 + progressRatio * 50}%`;
44
- else {
45
- const baseWidth = context.width || 0;
46
- x = Math.ceil(-baseWidth * (2 - progressRatio));
47
- }
48
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
49
- ProgressIndicatorFrame,
50
- {
51
- "data-state": getProgressState(context.value, context.max),
52
- "data-value": context.value ?? void 0,
53
- "data-max": context.max,
54
- x,
55
- width: "200%",
56
- ...!props.unstyled && {
57
- animateOnly: ["transform"],
58
- // on native, hide until we have width measurement
59
- ...!import_core.isWeb && context.width === 0 && { opacity: 0 }
60
- },
61
- ...indicatorProps,
62
- ref: forwardedRef,
63
- transition: !import_core.isWeb && !context.width ? null : transition
64
- }
65
- );
66
- });
67
- function defaultGetValueLabel(value, max) {
68
- return `${Math.round(value / max * 100)}%`;
69
- }
70
- function getProgressState(value, maxValue) {
71
- return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
72
- }
73
- function isNumber(value) {
74
- return typeof value == "number";
75
- }
76
- function isValidMaxNumber(max) {
77
- return isNumber(max) && !Number.isNaN(max) && max > 0;
78
- }
79
- function isValidValueNumber(value, max) {
80
- return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
81
- }
82
- const DEFAULT_MAX = 100, ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
83
- name: "Progress",
84
- variants: {
85
- unstyled: {
86
- false: {
87
- borderRadius: 1e5,
88
- overflow: "hidden",
89
- backgroundColor: "$background"
90
- }
91
- },
92
- size: {
93
- "...size": (val) => {
94
- const size = Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.25);
95
- return {
96
- height: size,
97
- minWidth: (0, import_core.getVariableValue)(size) * 20,
98
- width: "100%"
99
- };
100
- }
101
- }
102
- },
103
- defaultVariants: {
104
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
105
- }
106
- }), Progress = (0, import_helpers.withStaticProperties)(
107
- ProgressFrame.styleable(function(props, forwardedRef) {
108
- const {
109
- // @ts-expect-error
110
- __scopeProgress,
111
- value: valueProp,
112
- max: maxProp,
113
- getValueLabel = defaultGetValueLabel,
114
- size = "$true",
115
- ...progressProps
116
- } = 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);
117
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
118
- ProgressFrame,
119
- {
120
- "aria-valuemax": max,
121
- "aria-valuemin": 0,
122
- "aria-valuenow": isNumber(value) ? value : void 0,
123
- "aria-valuetext": valueLabel,
124
- role: "progressbar",
125
- "data-state": getProgressState(value, max),
126
- "data-value": value ?? void 0,
127
- "data-max": max,
128
- ...progressProps.unstyled !== !0 && {
129
- size
130
- },
131
- ...progressProps,
132
- ...!import_core.isWeb && {
133
- onLayout: (e) => {
134
- const newWidth = Math.round(e.nativeEvent.layout.width);
135
- newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
136
- }
137
- },
138
- ref: forwardedRef
139
- }
140
- ) });
141
- }),
142
- {
143
- Indicator: ProgressIndicator
144
- }
145
- );
146
- //# sourceMappingURL=Progress.js.map
package/dist/cjs/Progress.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Progress.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
package/dist/esm/Progress.js DELETED
@@ -1,136 +0,0 @@
1
- import { getVariableValue, isWeb, styled } from "@tamagui/core";
2
- import { createContextScope } from "@tamagui/create-context";
3
- import { getSize } from "@tamagui/get-token";
4
- import { withStaticProperties } from "@tamagui/helpers";
5
- import { YStack } from "@tamagui/stacks";
6
- import { useState } from "react";
7
- import { jsx } from "react/jsx-runtime";
8
- const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = styled(YStack, {
9
- name: INDICATOR_NAME,
10
- variants: {
11
- unstyled: {
12
- false: {
13
- height: "100%",
14
- width: "100%",
15
- backgroundColor: "$background"
16
- }
17
- }
18
- },
19
- defaultVariants: {
20
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
21
- }
22
- }), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
23
- const { __scopeProgress, transition, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), progressRatio = (context.value ?? 0) / context.max;
24
- let x;
25
- if (isWeb)
26
- x = `${-100 + progressRatio * 50}%`;
27
- else {
28
- const baseWidth = context.width || 0;
29
- x = Math.ceil(-baseWidth * (2 - progressRatio));
30
- }
31
- return /* @__PURE__ */ jsx(
32
- ProgressIndicatorFrame,
33
- {
34
- "data-state": getProgressState(context.value, context.max),
35
- "data-value": context.value ?? void 0,
36
- "data-max": context.max,
37
- x,
38
- width: "200%",
39
- ...!props.unstyled && {
40
- animateOnly: ["transform"],
41
- // on native, hide until we have width measurement
42
- ...!isWeb && context.width === 0 && { opacity: 0 }
43
- },
44
- ...indicatorProps,
45
- ref: forwardedRef,
46
- transition: !isWeb && !context.width ? null : transition
47
- }
48
- );
49
- });
50
- function defaultGetValueLabel(value, max) {
51
- return `${Math.round(value / max * 100)}%`;
52
- }
53
- function getProgressState(value, maxValue) {
54
- return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
55
- }
56
- function isNumber(value) {
57
- return typeof value == "number";
58
- }
59
- function isValidMaxNumber(max) {
60
- return isNumber(max) && !Number.isNaN(max) && max > 0;
61
- }
62
- function isValidValueNumber(value, max) {
63
- return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
64
- }
65
- const DEFAULT_MAX = 100, ProgressFrame = styled(YStack, {
66
- name: "Progress",
67
- variants: {
68
- unstyled: {
69
- false: {
70
- borderRadius: 1e5,
71
- overflow: "hidden",
72
- backgroundColor: "$background"
73
- }
74
- },
75
- size: {
76
- "...size": (val) => {
77
- const size = Math.round(getVariableValue(getSize(val)) * 0.25);
78
- return {
79
- height: size,
80
- minWidth: getVariableValue(size) * 20,
81
- width: "100%"
82
- };
83
- }
84
- }
85
- },
86
- defaultVariants: {
87
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
88
- }
89
- }), Progress = withStaticProperties(
90
- ProgressFrame.styleable(function(props, forwardedRef) {
91
- const {
92
- // @ts-expect-error
93
- __scopeProgress,
94
- value: valueProp,
95
- max: maxProp,
96
- getValueLabel = defaultGetValueLabel,
97
- size = "$true",
98
- ...progressProps
99
- } = 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);
100
- return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(
101
- ProgressFrame,
102
- {
103
- "aria-valuemax": max,
104
- "aria-valuemin": 0,
105
- "aria-valuenow": isNumber(value) ? value : void 0,
106
- "aria-valuetext": valueLabel,
107
- role: "progressbar",
108
- "data-state": getProgressState(value, max),
109
- "data-value": value ?? void 0,
110
- "data-max": max,
111
- ...progressProps.unstyled !== !0 && {
112
- size
113
- },
114
- ...progressProps,
115
- ...!isWeb && {
116
- onLayout: (e) => {
117
- const newWidth = Math.round(e.nativeEvent.layout.width);
118
- newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
119
- }
120
- },
121
- ref: forwardedRef
122
- }
123
- ) });
124
- }),
125
- {
126
- Indicator: ProgressIndicator
127
- }
128
- );
129
- export {
130
- Progress,
131
- ProgressFrame,
132
- ProgressIndicator,
133
- ProgressIndicatorFrame,
134
- createProgressScope
135
- };
136
- //# sourceMappingURL=Progress.js.map
package/dist/esm/Progress.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Progress.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
package/dist/jsx/Progress.js DELETED
@@ -1,136 +0,0 @@
1
- import { getVariableValue, isWeb, styled } from "@tamagui/core";
2
- import { createContextScope } from "@tamagui/create-context";
3
- import { getSize } from "@tamagui/get-token";
4
- import { withStaticProperties } from "@tamagui/helpers";
5
- import { YStack } from "@tamagui/stacks";
6
- import { useState } from "react";
7
- import { jsx } from "react/jsx-runtime";
8
- const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = styled(YStack, {
9
- name: INDICATOR_NAME,
10
- variants: {
11
- unstyled: {
12
- false: {
13
- height: "100%",
14
- width: "100%",
15
- backgroundColor: "$background"
16
- }
17
- }
18
- },
19
- defaultVariants: {
20
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
21
- }
22
- }), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
23
- const { __scopeProgress, transition, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), progressRatio = (context.value ?? 0) / context.max;
24
- let x;
25
- if (isWeb)
26
- x = `${-100 + progressRatio * 50}%`;
27
- else {
28
- const baseWidth = context.width || 0;
29
- x = Math.ceil(-baseWidth * (2 - progressRatio));
30
- }
31
- return /* @__PURE__ */ jsx(
32
- ProgressIndicatorFrame,
33
- {
34
- "data-state": getProgressState(context.value, context.max),
35
- "data-value": context.value ?? void 0,
36
- "data-max": context.max,
37
- x,
38
- width: "200%",
39
- ...!props.unstyled && {
40
- animateOnly: ["transform"],
41
- // on native, hide until we have width measurement
42
- ...!isWeb && context.width === 0 && { opacity: 0 }
43
- },
44
- ...indicatorProps,
45
- ref: forwardedRef,
46
- transition: !isWeb && !context.width ? null : transition
47
- }
48
- );
49
- });
50
- function defaultGetValueLabel(value, max) {
51
- return `${Math.round(value / max * 100)}%`;
52
- }
53
- function getProgressState(value, maxValue) {
54
- return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
55
- }
56
- function isNumber(value) {
57
- return typeof value == "number";
58
- }
59
- function isValidMaxNumber(max) {
60
- return isNumber(max) && !Number.isNaN(max) && max > 0;
61
- }
62
- function isValidValueNumber(value, max) {
63
- return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
64
- }
65
- const DEFAULT_MAX = 100, ProgressFrame = styled(YStack, {
66
- name: "Progress",
67
- variants: {
68
- unstyled: {
69
- false: {
70
- borderRadius: 1e5,
71
- overflow: "hidden",
72
- backgroundColor: "$background"
73
- }
74
- },
75
- size: {
76
- "...size": (val) => {
77
- const size = Math.round(getVariableValue(getSize(val)) * 0.25);
78
- return {
79
- height: size,
80
- minWidth: getVariableValue(size) * 20,
81
- width: "100%"
82
- };
83
- }
84
- }
85
- },
86
- defaultVariants: {
87
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
88
- }
89
- }), Progress = withStaticProperties(
90
- ProgressFrame.styleable(function(props, forwardedRef) {
91
- const {
92
- // @ts-expect-error
93
- __scopeProgress,
94
- value: valueProp,
95
- max: maxProp,
96
- getValueLabel = defaultGetValueLabel,
97
- size = "$true",
98
- ...progressProps
99
- } = 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);
100
- return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(
101
- ProgressFrame,
102
- {
103
- "aria-valuemax": max,
104
- "aria-valuemin": 0,
105
- "aria-valuenow": isNumber(value) ? value : void 0,
106
- "aria-valuetext": valueLabel,
107
- role: "progressbar",
108
- "data-state": getProgressState(value, max),
109
- "data-value": value ?? void 0,
110
- "data-max": max,
111
- ...progressProps.unstyled !== !0 && {
112
- size
113
- },
114
- ...progressProps,
115
- ...!isWeb && {
116
- onLayout: (e) => {
117
- const newWidth = Math.round(e.nativeEvent.layout.width);
118
- newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
119
- }
120
- },
121
- ref: forwardedRef
122
- }
123
- ) });
124
- }),
125
- {
126
- Indicator: ProgressIndicator
127
- }
128
- );
129
- export {
130
- Progress,
131
- ProgressFrame,
132
- ProgressIndicator,
133
- ProgressIndicatorFrame,
134
- createProgressScope
135
- };
136
- //# sourceMappingURL=Progress.js.map
package/dist/jsx/Progress.js.map DELETED
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Progress.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }