@hanzogui/progress 8.3.0 → 8.3.2

package/dist/cjs/Progress.js

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressIndicator = exports.Progress = exports.createProgressScope = exports.ProgressFrame = exports.ProgressIndicatorFrame = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@hanzogui/core");
+const create_context_1 = require("@hanzogui/create-context");
+const get_token_1 = require("@hanzogui/get-token");
+const helpers_1 = require("@hanzogui/helpers");
+const stacks_1 = require("@hanzogui/stacks");
+const react_1 = require("react");
+const PROGRESS_NAME = 'Progress';
+const [createProgressContext, createProgressScope] = (0, create_context_1.createContextScope)(PROGRESS_NAME);
+exports.createProgressScope = createProgressScope;
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+/* -------------------------------------------------------------------------------------------------
+ * ProgressIndicator
+ * -----------------------------------------------------------------------------------------------*/
+const INDICATOR_NAME = 'ProgressIndicator';
+exports.ProgressIndicatorFrame = (0, core_1.styled)(stacks_1.YStack, {
+    name: INDICATOR_NAME,
+    variants: {
+        unstyled: {
+            false: {
+                height: '100%',
+                width: '100%',
+                backgroundColor: '$background',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const ProgressIndicator = exports.ProgressIndicatorFrame.styleable(function ProgressIndicator(props, forwardedRef) {
+    const { __scopeProgress, transition, ...indicatorProps } = props;
+    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+    const progressRatio = (context.value ?? 0) / context.max;
+    // indicator is 2x container width so bouncy animations can overshoot
+    // without visually extending past the right edge (parent has overflow:hidden)
+    // translateX percentage is relative to element's own width (200% of container)
+    // so we divide by 2 to get container-relative positioning:
+    // at 0%: x = -100% of element = -200% of container (fully hidden left)
+    // at 100%: x = -50% of element = -100% of container (right half visible)
+    let x;
+    if (core_1.isWeb) {
+        // web: use percentage-based translateX for SSR-friendly rendering
+        // formula: -100% + (progressRatio * 50%) since translateX % is relative to element width
+        x = `${-100 + progressRatio * 50}%`;
+    }
+    else {
+        // native: use pixel-based transform (RN doesn't support percentage transforms reliably)
+        const baseWidth = context.width || 0;
+        x = Math.ceil(-baseWidth * (2 - progressRatio));
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.ProgressIndicatorFrame, { "data-state": getProgressState(context.value, context.max), "data-value": context.value ?? undefined, "data-max": context.max, x: x, width: "200%", ...(!props.unstyled && {
+            animateOnly: ['transform'],
+            // on native, hide until we have width measurement
+            ...(!core_1.isWeb && context.width === 0 && { opacity: 0 }),
+        }), ...indicatorProps, ref: forwardedRef, transition: !core_1.isWeb && !context.width ? null : transition }));
+});
+exports.ProgressIndicator = ProgressIndicator;
+/* ---------------------------------------------------------------------------------------------- */
+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;
+}
+/* -------------------------------------------------------------------------------------------------
+ * Progress
+ * -----------------------------------------------------------------------------------------------*/
+const DEFAULT_MAX = 100;
+exports.ProgressFrame = (0, core_1.styled)(stacks_1.YStack, {
+    name: 'Progress',
+    variants: {
+        unstyled: {
+            false: {
+                borderRadius: 100000,
+                overflow: 'hidden',
+                backgroundColor: '$background',
+            },
+        },
+        size: {
+            '...size': (val) => {
+                const size = Math.round((0, core_1.getVariableValue)((0, get_token_1.getSize)(val)) * 0.25);
+                return {
+                    height: size,
+                    minWidth: (0, core_1.getVariableValue)(size) * 20,
+                    width: '100%',
+                };
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const Progress = (0, helpers_1.withStaticProperties)(exports.ProgressFrame.styleable(function Progress(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) : undefined;
+    // only needed for native where we can't use percentage-based transforms
+    const [width, setWidth] = (0, react_1.useState)(0);
+    return ((0, jsx_runtime_1.jsx)(ProgressProvider, { scope: __scopeProgress, value: value, max: max, width: width, children: (0, jsx_runtime_1.jsx)(exports.ProgressFrame, { "aria-valuemax": max, "aria-valuemin": 0, "aria-valuenow": isNumber(value) ? value : undefined, "aria-valuetext": valueLabel, 
+            // @ts-ignore
+            role: "progressbar", "data-state": getProgressState(value, max), "data-value": value ?? undefined, "data-max": max, ...(progressProps.unstyled !== true && {
+                size,
+            }), ...progressProps, ...(!core_1.isWeb && {
+                onLayout: (e) => {
+                    const newWidth = Math.round(e.nativeEvent.layout.width);
+                    if (newWidth !== width) {
+                        setWidth(newWidth);
+                    }
+                    progressProps.onLayout?.(e);
+                },
+            }), ref: forwardedRef }) }));
+}), {
+    Indicator: ProgressIndicator,
+});
+exports.Progress = Progress;
+//# sourceMappingURL=Progress.js.map

package/dist/cjs/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Progress.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/Progress.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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';
+const PROGRESS_NAME = 'Progress';
+const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+/* -------------------------------------------------------------------------------------------------
+ * ProgressIndicator
+ * -----------------------------------------------------------------------------------------------*/
+const INDICATOR_NAME = 'ProgressIndicator';
+export const ProgressIndicatorFrame = styled(YStack, {
+    name: INDICATOR_NAME,
+    variants: {
+        unstyled: {
+            false: {
+                height: '100%',
+                width: '100%',
+                backgroundColor: '$background',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator(props, forwardedRef) {
+    const { __scopeProgress, transition, ...indicatorProps } = props;
+    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+    const progressRatio = (context.value ?? 0) / context.max;
+    // indicator is 2x container width so bouncy animations can overshoot
+    // without visually extending past the right edge (parent has overflow:hidden)
+    // translateX percentage is relative to element's own width (200% of container)
+    // so we divide by 2 to get container-relative positioning:
+    // at 0%: x = -100% of element = -200% of container (fully hidden left)
+    // at 100%: x = -50% of element = -100% of container (right half visible)
+    let x;
+    if (isWeb) {
+        // web: use percentage-based translateX for SSR-friendly rendering
+        // formula: -100% + (progressRatio * 50%) since translateX % is relative to element width
+        x = `${-100 + progressRatio * 50}%`;
+    }
+    else {
+        // native: use pixel-based transform (RN doesn't support percentage transforms reliably)
+        const baseWidth = context.width || 0;
+        x = Math.ceil(-baseWidth * (2 - progressRatio));
+    }
+    return (_jsx(ProgressIndicatorFrame, { "data-state": getProgressState(context.value, context.max), "data-value": context.value ?? undefined, "data-max": context.max, x: 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;
+}
+/* -------------------------------------------------------------------------------------------------
+ * Progress
+ * -----------------------------------------------------------------------------------------------*/
+const DEFAULT_MAX = 100;
+export const ProgressFrame = styled(YStack, {
+    name: 'Progress',
+    variants: {
+        unstyled: {
+            false: {
+                borderRadius: 100000,
+                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.GUI_HEADLESS === '1',
+    },
+});
+const Progress = withStaticProperties(ProgressFrame.styleable(function Progress(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) : undefined;
+    // only needed for native where we can't use percentage-based transforms
+    const [width, setWidth] = useState(0);
+    return (_jsx(ProgressProvider, { scope: __scopeProgress, value: value, max: max, width: width, children: _jsx(ProgressFrame, { "aria-valuemax": max, "aria-valuemin": 0, "aria-valuenow": isNumber(value) ? value : undefined, "aria-valuetext": valueLabel, 
+            // @ts-ignore
+            role: "progressbar", "data-state": getProgressState(value, max), "data-value": value ?? undefined, "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 { createProgressScope, Progress, ProgressIndicator };
+//# sourceMappingURL=Progress.js.map

package/dist/esm/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress.tsx"],"names":[],"mappings":"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"}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/progress",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -9,46 +9,46 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "8.3.0",
-    "@hanzogui/core": "8.3.0",
-    "@hanzogui/create-context": "8.3.0",
-    "@hanzogui/get-token": "8.3.0",
-    "@hanzogui/helpers": "8.3.0",
-    "@hanzogui/stacks": "8.3.0",
-    "@hanzogui/web": "8.3.0"
+    "@hanzogui/compose-refs": "8.3.2",
+    "@hanzogui/core": "8.3.2",
+    "@hanzogui/create-context": "8.3.2",
+    "@hanzogui/get-token": "8.3.2",
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/stacks": "8.3.2",
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react": ">=19",
-    "react-native": "0.83.2"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8",
+    "react-native": "^0.87.1"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "module:jsx": "dist/jsx",
   "repository": {

package/src/index.ts

@@ -1 +1 @@
-export * from './Progress'
+export * from './Progress.tsx'

package/types/Progress.d.ts

@@ -1,25 +1,25 @@
 import type { GetProps } from '@hanzogui/core';
 declare const createProgressScope: import("@hanzogui/create-context").CreateScope;
 export declare const ProgressIndicatorFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type ProgressIndicatorProps = GetProps<typeof ProgressIndicatorFrame>;
 declare const ProgressIndicator: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}>, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & void, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
+}>, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & void, import("@hanzogui/web").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export declare const ProgressFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
     size?: import("@hanzogui/web").SizeTokens | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export interface ProgressExtraProps {
     value?: number | null | undefined;
@@ -28,41 +28,41 @@ export interface ProgressExtraProps {
 }
 export type ProgressProps = GetProps<typeof ProgressFrame> & ProgressExtraProps;
 declare const Progress: import("react").ForwardRefExoticComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
     size?: import("@hanzogui/web").SizeTokens | undefined;
-}>, keyof ProgressExtraProps> & ProgressExtraProps & import("react").RefAttributes<import("@hanzogui/web").GuiElement>> & import("@hanzogui/web").StaticComponentObject<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
+}>, keyof ProgressExtraProps> & ProgressExtraProps & import("react").RefAttributes<import("@hanzogui/web").GuiElement>> & import("@hanzogui/web").StaticComponentObject<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
     size?: import("@hanzogui/web").SizeTokens | undefined;
-}>, keyof ProgressExtraProps> & ProgressExtraProps, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ProgressExtraProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
+}>, keyof ProgressExtraProps> & ProgressExtraProps, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ProgressExtraProps, import("@hanzogui/web").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
     size?: import("@hanzogui/web").SizeTokens | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic> & Omit<import("@hanzogui/web").StaticConfigPublic, "staticConfig" | "styleable"> & {
     __tama: [Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
         elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
         size?: import("@hanzogui/web").SizeTokens | undefined;
-    }>, keyof ProgressExtraProps> & ProgressExtraProps, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ProgressExtraProps, import("@hanzogui/web").StackStyleBase, {
         unstyled?: boolean | undefined;
+    }>, keyof ProgressExtraProps> & ProgressExtraProps, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & ProgressExtraProps, import("@hanzogui/web").StackStyleBase, {
         elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
         size?: import("@hanzogui/web").SizeTokens | undefined;
+        unstyled?: boolean | undefined;
     }, import("@hanzogui/web").StaticConfigPublic];
 } & {
     Indicator: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-        unstyled?: boolean | undefined;
         elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
-    }>, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & void, import("@hanzogui/web").StackStyleBase, {
         unstyled?: boolean | undefined;
+    }>, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & void, import("@hanzogui/web").StackStyleBase, {
         elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
         fullscreen?: boolean | undefined;
+        unstyled?: boolean | undefined;
     }, import("@hanzogui/web").StaticConfigPublic>;
 };
 export { createProgressScope, Progress, ProgressIndicator };

package/types/index.d.ts

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

package/types/index.d.ts.map

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