@fluentui-react-native/experimental-shimmer 0.8.26 → 0.8.28

package/CHANGELOG.json

@@ -2,7 +2,67 @@
   "name": "@fluentui-react-native/experimental-shimmer",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Wed, 03 May 2023 07:04:22 GMT",
+      "tag": "@fluentui-react-native/experimental-shimmer_v0.8.28",
+      "version": "0.8.28",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.9",
+            "commit": "52a53e376865d500b73f26ea9935e13036b04b1a"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/tokens to v0.20.15",
+            "commit": "52a53e376865d500b73f26ea9935e13036b04b1a"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/theming-utils to v0.23.11",
+            "commit": "52a53e376865d500b73f26ea9935e13036b04b1a"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 21 Mar 2023 21:53:46 GMT",
+      "tag": "@fluentui-react-native/experimental-shimmer_v0.8.27",
+      "version": "0.8.27",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/tokens to v0.20.14",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shimmer",
+            "comment": "Bump @fluentui-react-native/theming-utils to v0.23.10",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/experimental-shimmer_v0.8.26",
       "version": "0.8.26",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,33 @@
 # Change Log - @fluentui-react-native/experimental-shimmer
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Wed, 03 May 2023 07:04:22 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.8.28
+
+Wed, 03 May 2023 07:04:22 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/framework to v0.9.9
+- Bump @fluentui-react-native/tokens to v0.20.15
+- Bump @fluentui-react-native/theming-utils to v0.23.11
+
+## 0.8.27
+
+Tue, 21 Mar 2023 21:53:46 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/framework to v0.9.8
+- Bump @fluentui-react-native/tokens to v0.20.14
+- Bump @fluentui-react-native/theming-utils to v0.23.10
+
 ## 0.8.26
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/Shimmer.d.ts

@@ -0,0 +1,3 @@
+import type { ShimmerProps } from './Shimmer.types';
+export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.shared").ShimmerSlotProps, import("./Shimmer.types.shared").ShimmerTokens, object>;
+//# sourceMappingURL=Shimmer.d.ts.map

package/lib/Shimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAIjE,eAAO,MAAM,OAAO,yLAkHlB,CAAC"}

package/lib/Shimmer.js

@@ -0,0 +1,109 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/** @jsx withSlots */
+import { useRef, useEffect, useMemo, useCallback } from 'react';
+import { Animated, I18nManager } from 'react-native';
+import { compose, mergeProps, withSlots, buildUseStyling } from '@fluentui-react-native/framework';
+import assertNever from 'assert-never';
+import { Circle, ClipPath, Defs, LinearGradient, Rect, Stop, Svg, G } from 'react-native-svg';
+import { stylingSettings } from './Shimmer.styling';
+import { shimmerName } from './Shimmer.types';
+var useStyling = buildUseStyling(stylingSettings);
+export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, stylingSettings), { slots: {
+        root: Svg,
+    }, useRender: function (props, useSlots) {
+        var Slots = useSlots(props);
+        props = mergeProps(props, Slots.root({}).props);
+        var AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
+        var tokens = useStyling(props).root;
+        var memoizedShimmerData = useMemo(function () {
+            var _a, _b;
+            return ({
+                angle: props.angle ? props.angle : tokens['angle'],
+                containerWidth: ((_a = props === null || props === void 0 ? void 0 : props.style) === null || _a === void 0 ? void 0 : _a['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
+                containerHeight: ((_b = props === null || props === void 0 ? void 0 : props.style) === null || _b === void 0 ? void 0 : _b['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
+                delay: props.delay ? props.delay : tokens['delay'],
+                duration: props.duration ? props.duration : tokens['duration'],
+                shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
+                shimmerColorOpacity: tokens['shimmerColorOpacity'],
+                shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
+                shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
+            });
+        }, [
+            props.angle,
+            props.delay,
+            props.duration,
+            props.shimmerColor,
+            props.shimmerColorOpacity,
+            props.shimmerWaveColor,
+            props.shimmerWaveColorOpacity,
+            props.style,
+        ]);
+        /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
+         * Different angles are handled by rotating this gradient.
+         * The startValue is used to control the start position of the gradient animation, it is set as -2 to make sure it is starts off the screen for any angle.
+         * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
+         */
+        var startValue = useRef(new Animated.Value(-2)).current;
+        var shimmerAnimation = useCallback(function () {
+            Animated.loop(Animated.timing(startValue, {
+                toValue: 3,
+                duration: memoizedShimmerData.duration,
+                delay: memoizedShimmerData.delay,
+                useNativeDriver: true,
+            })).start();
+        }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
+        useEffect(function () {
+            shimmerAnimation();
+        });
+        return function (rest) {
+            var _a = mergeProps(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
+            var rows = [];
+            if (elements) {
+                for (var i = 0; i < elements.length; i++) {
+                    var element = elements[i];
+                    if (element.type == 'rect') {
+                        rows.push(withSlots(Rect, { key: i, width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }));
+                    }
+                    else if (element.type == 'circle') {
+                        rows.push(withSlots(Circle, { key: i, r: element.radius, cx: element.cx, cy: element.cy }));
+                    }
+                    else {
+                        assertNever(element);
+                    }
+                }
+            }
+            // Flip the SVG if we are running in RTL
+            var rtlTransfrom = I18nManager.isRTL ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 } : {};
+            return (withSlots(Slots.root, __assign({}, mergedProps),
+                withSlots(Defs, null,
+                    withSlots(AnimatedLinearGradient, { id: "gradient", x1: startValue, x2: "-1", gradientTransform: "rotate(".concat(memoizedShimmerData.angle, ")") },
+                        withSlots(Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
+                        withSlots(Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
+                        withSlots(Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
+                    withSlots(ClipPath, { id: "shimmerView" }, rows)),
+                withSlots(G, { transform: rtlTransfrom },
+                    withSlots(Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", clipPath: "url(#shimmerView)" }))));
+        };
+    } }));
+//# sourceMappingURL=Shimmer.js.map

package/lib/Shimmer.js.map

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

package/lib/Shimmer.styling.d.ts

@@ -0,0 +1,4 @@
+import type { UseStylingOptions } from '@fluentui-react-native/framework';
+import type { ShimmerProps, ShimmerSlotProps, ShimmerTokens } from './Shimmer.types';
+export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
+//# sourceMappingURL=Shimmer.styling.d.ts.map

package/lib/Shimmer.styling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.styling.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CA6B5F,CAAC"}

package/lib/Shimmer.styling.js

@@ -0,0 +1,31 @@
+import { buildProps } from '@fluentui-react-native/framework';
+import { shimmerName } from './Shimmer.types';
+import { defaultShimmerTokens } from './ShimmerTokens';
+export var stylingSettings = {
+    tokens: [defaultShimmerTokens, shimmerName],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            accessibilityRole: 'progressbar',
+            accessible: true,
+            style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
+            angle: tokens.angle,
+            delay: tokens.delay,
+            duration: tokens.duration,
+            shimmerColor: tokens.shimmerColor,
+            shimmerColorOpacity: tokens.shimmerColorOpacity,
+            shimmerWaveColor: tokens.shimmerWaveColor,
+            shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
+        }); }, [
+            'angle',
+            'delay',
+            'duration',
+            'shimmerColor',
+            'shimmerColorOpacity',
+            'shimmerWaveColor',
+            'shimmerWaveColorOpacity',
+            'backgroundColor',
+        ]),
+    },
+};
+//# sourceMappingURL=Shimmer.styling.js.map

package/lib/Shimmer.styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;YACtE,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;YAC/C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,uBAAuB,EAAE,MAAM,CAAC,uBAAuB;SACxD,CAAC,EAXyB,CAWzB,EACF;YACE,OAAO;YACP,OAAO;YACP,UAAU;YACV,cAAc;YACd,qBAAqB;YACrB,kBAAkB;YAClB,yBAAyB;YACzB,iBAAiB;SAClB,CACF;KACF;CACF,CAAC"}

package/lib/Shimmer.styling.win32.d.ts

@@ -0,0 +1,8 @@
+import type { UseStylingOptions } from '@fluentui-react-native/framework';
+import type { ShimmerProps, ShimmerTokens } from './Shimmer.types';
+import type { ShimmerSlotProps } from './Shimmer.types.win32';
+/**
+ * tell the styling hook how to build up the tokens
+ */
+export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
+//# sourceMappingURL=Shimmer.styling.win32.d.ts.map

package/lib/Shimmer.styling.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}

package/lib/Shimmer.styling.win32.js

@@ -0,0 +1,32 @@
+import { buildProps } from '@fluentui-react-native/framework';
+import { shimmerName } from './Shimmer.types';
+import { defaultShimmerTokens } from './ShimmerTokens.win32';
+/**
+ * tell the styling hook how to build up the tokens
+ */
+export var stylingSettings = {
+    tokens: [defaultShimmerTokens, shimmerName],
+    tokensThatAreAlsoProps: 'all',
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            accessibilityRole: 'progressbar',
+            accessible: true,
+            style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
+        }); }, ['backgroundColor']),
+        shimmerWaveContainer: buildProps(function (tokens) { return ({
+            delay: tokens.delay,
+            duration: tokens.duration,
+            shimmerColor: tokens.shimmerColor,
+        }); }, ['delay', 'duration', 'shimmerColor']),
+        shimmerWave: buildProps(function (tokens) { return ({
+            angle: tokens.angle,
+            shimmerColor: tokens.shimmerColor,
+            shimmerWaveColor: tokens.shimmerWaveColor,
+            shimmerWaveWidth: tokens.shimmerWaveWidth,
+        }); }, ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
+        clippingMask: buildProps(function (tokens) { return ({
+            backgroundColor: tokens.backgroundColor,
+        }); }, ['backgroundColor']),
+    },
+};
+//# sourceMappingURL=Shimmer.styling.win32.js.map

package/lib/Shimmer.styling.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;SACvE,CAAC,EAJyB,CAIzB,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,UAAU,CAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,UAAU,CACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,UAAU,CACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}

package/lib/Shimmer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Shimmer.test.d.ts.map

package/lib/Shimmer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.test.d.ts","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":""}

package/lib/Shimmer.test.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import * as renderer from 'react-test-renderer';
+import { Shimmer } from './Shimmer';
+// mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
+jest.useFakeTimers();
+function shimmerRects() {
+    return [
+        {
+            type: 'rect',
+            borderRadiusX: 3,
+            borderRadiusY: 3,
+            width: 100,
+            height: 20,
+            x: 90,
+            y: 70,
+        },
+        {
+            type: 'rect',
+            borderRadiusX: 3,
+            borderRadiusY: 3,
+            width: 150,
+            height: 20,
+            x: 90,
+            y: 42,
+        },
+        {
+            type: 'rect',
+            borderRadiusX: 3,
+            borderRadiusY: 3,
+            width: 200,
+            height: 20,
+            x: 90,
+            y: 15,
+        },
+    ];
+}
+var style = { width: 300, height: 100 };
+describe('Shimmer component tests', function () {
+    it('Shimmer default', function () {
+        var tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects() })).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shimmer with style prop', function () {
+        var tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects(), style: style })).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=Shimmer.test.js.map

package/lib/Shimmer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,8HAA8H;AAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,SAAS,YAAY;IACnB,OAAO;QACL;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAC;AACJ,CAAC;AAED,IAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,QAAQ,CAAC,yBAAyB,EAAE;IAClC,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC7E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3F,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/Shimmer.types.d.ts

@@ -0,0 +1,2 @@
+export { shimmerName, ShimmerCircleElement, ShimmerRectElement, ShimmerElementTypes, ShimmerTokens, ShimmerSlotProps, ShimmerProps, ShimmerType, } from './Shimmer.types.shared';
+//# sourceMappingURL=Shimmer.types.d.ts.map

package/lib/Shimmer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,MAAM,wBAAwB,CAAC"}

package/lib/Shimmer.types.js

@@ -0,0 +1,2 @@
+export { shimmerName, } from './Shimmer.types.shared';
+//# sourceMappingURL=Shimmer.types.js.map

package/lib/Shimmer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.js","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,GAQZ,MAAM,wBAAwB,CAAC"}

package/lib/Shimmer.types.shared.d.ts

@@ -0,0 +1,145 @@
+import type { ColorValue, ViewProps } from 'react-native';
+import type { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
+import type { SvgProps } from 'react-native-svg';
+export declare const shimmerName = "Shimmer";
+/**
+ * Properties necessary to define a circular Shimmer element.
+ */
+export interface ShimmerCircleElement {
+    /**
+     * Shimmer element type.
+     */
+    type: 'circle';
+    /**
+     * Radius of the circle element.
+     * @defaultValue 12
+     */
+    radius?: number;
+    /**
+     * Note: cx and cy should be optional properties [or removed], with relative positioning being the default [or only] positioning mechanism.
+     * Note: The behavior of element intersections is undefined.  https://www.github.com/Microsoft/fluentui-react-native Issue #866
+     */
+    /**
+     * The x-axis center of the circle element in the Shimmer relative to the origin [top-left, (0,0)].
+     */
+    cx: number;
+    /**
+     * The y-axis center of the circle element in the Shimmer relative to the origin [top-left, (0,0)].
+     */
+    cy: number;
+}
+/**
+ * Properties necessary to define a rectangular Shimmer element.
+ */
+export interface ShimmerRectElement {
+    /**
+     * Shimmer element type.
+     */
+    type: 'rect';
+    /**
+     * Width of the rect.
+     * @defaultValue 100%
+     */
+    width?: number;
+    /**
+     * Height of the rect.
+     * @defaultValue 16
+     */
+    height?: number;
+    /**
+     * Border radius for the x-axis of a rounded rect.
+     * @defaultValue 0
+     */
+    borderRadiusX?: number;
+    /**
+     * Border radius for the y-axis of a rounded rect.
+     * @defaultValue 0
+     */
+    borderRadiusY?: number;
+    /**
+     * Note: x and y should be optional properties [or removed], with relative positioning being the default [or only] positioning mechanism.
+     * Note: The behavior of element intersections is undefined.  https://www.github.com/Microsoft/fluentui-react-native Issue #866
+     */
+    /**
+     * The x-axis position of the rect element's top-left corner in the Shimmer relative to the origin [top-left, (0,0)].
+     */
+    x: number;
+    /**
+     * The y-axis position of the rect element's top-left corner in the Shimmer relative to the origin [top-left, (0,0)].
+     */
+    y: number;
+}
+export type ShimmerElementTypes = ShimmerCircleElement | ShimmerRectElement;
+export interface ShimmerTokens extends IBackgroundColorTokens {
+    /**
+     * Specifies the Shimmer effect angle in degrees (produced by a gradient).
+     *
+     * @defaultValue 45 on @platform Android
+     * @defaultValue 0 on other platforms.
+     */
+    angle?: number;
+    /**
+     * Specifies the animation delay time in milliseconds.
+     *
+     * @defaultValue 500 on @platform win32
+     * @defaultValue 0 on other platforms.
+     */
+    delay?: number;
+    /**
+     * Specifies the time required to traverse the control in milliseconds.
+     *
+     * @defaultValue 1000 on @platform Android
+     * @defaultValue 2000 on @platform win32
+     * @defaultValue 7000 on other platforms.
+     */
+    duration?: number;
+    /**
+     * Specifies the opacity of the shimmer color.
+     * @defaultValue 1
+     */
+    shimmerColorOpacity?: number;
+    /**
+     * Specifies the opacity of the wave color.
+     * @defaultValue 1
+     */
+    shimmerWaveColorOpacity?: number;
+    /**
+     * Color you see when the shimmer wave is not animating.
+     *
+     * @defaultValue theme.colors.neutralStencil1 on @platform Android
+     * @defaultValue theme.colors.bodyFrameDivider on @platform win32
+     * @defaultValue #E1E1E1/#404040 for light/dark theme on other platforms.
+     */
+    shimmerColor?: ColorValue;
+    /**
+     * Defines the tip color of the wave which has a linear gradient.
+     * from shimmerColor to shimmerWaveColor to shimmerColor.
+     *
+     * @defaultValue theme.colors.neutralStencil2 on @platform Android
+     * @defaultValue #E1E1E1 on @platform win32
+     * @defaultValue white/black for light/dark theme on other platforms.
+     */
+    shimmerWaveColor?: ColorValue;
+    /**
+     * Width of the Shimmer wave.
+     *
+     * @defaultValue '100%' of the 'width' property
+     * @platform win32
+     */
+    shimmerWaveWidth?: number | string;
+}
+export interface ShimmerSlotProps {
+    root: SvgProps;
+}
+export interface ShimmerProps extends ViewProps, ShimmerTokens {
+    /**
+     * Shimmer shapes that define the masking effect of the Shimmer control.
+     */
+    elements: Array<ShimmerElementTypes>;
+}
+export interface ShimmerType {
+    props: ShimmerProps;
+    slotProps: ShimmerSlotProps;
+    tokens: ShimmerTokens;
+}
+//# sourceMappingURL=Shimmer.types.shared.d.ts.map

package/lib/Shimmer.types.shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.shared.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IAEH;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IAEH;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IAEV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,aAAa;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}

package/lib/Shimmer.types.shared.js

@@ -0,0 +1,2 @@
+export var shimmerName = 'Shimmer';
+//# sourceMappingURL=Shimmer.types.shared.js.map

package/lib/Shimmer.types.shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.shared.js","sourceRoot":"","sources":["../src/Shimmer.types.shared.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAAC"}

package/lib/Shimmer.types.win32.d.ts

@@ -0,0 +1,38 @@
+import type { ViewProps } from 'react-native';
+import type { ShimmerProps, ShimmerTokens } from './Shimmer.types.shared';
+export { ShimmerProps, ShimmerTokens };
+export { shimmerName, ShimmerRectElement, ShimmerElementTypes, ShimmerCircleElement } from './Shimmer.types.shared';
+export interface ClippingMaskProps extends ShimmerTokens {
+    /**
+     * Extra parameter necessary to provide the mask effect generated from the provided ShimmerElements.
+     *
+     * @defaultValue null
+     */
+    clipPath?: string;
+    /**
+     * The height and width of the viewBox are internal props used by the SVG to size themselves and
+     * set up their viewBox to establish coordinate space for DPI scaling purposes.
+     */
+    viewBoxHeight: number;
+    viewBoxWidth: number;
+}
+export interface ShimmerWaveProps extends ShimmerTokens {
+    /**
+     * The height and width of the viewBox are internal props used by the SVG to size themselves and
+     * set up their viewBox to establish coordinate space for DPI scaling purposes.
+     */
+    viewBoxHeight: number;
+    viewBoxWidth: number;
+}
+export interface ShimmerSlotProps {
+    root: ViewProps;
+    clippingMask: ClippingMaskProps;
+    shimmerWave: ShimmerWaveProps;
+    shimmerWaveContainer: ShimmerWaveProps;
+}
+export interface ShimmerType {
+    props: ShimmerProps;
+    slotProps: ShimmerSlotProps;
+    tokens: ShimmerTokens;
+}
+//# sourceMappingURL=Shimmer.types.win32.d.ts.map

package/lib/Shimmer.types.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEpH,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,oBAAoB,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}

package/lib/Shimmer.types.win32.js

@@ -0,0 +1,2 @@
+export { shimmerName } from './Shimmer.types.shared';
+//# sourceMappingURL=Shimmer.types.win32.js.map

package/lib/Shimmer.types.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.types.win32.js","sourceRoot":"","sources":["../src/Shimmer.types.win32.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAiE,MAAM,wBAAwB,CAAC"}

package/lib/Shimmer.win32.d.ts

@@ -0,0 +1,4 @@
+import type { ShimmerProps, ShimmerCircleElement, ShimmerRectElement } from './Shimmer.types.shared';
+export { ShimmerCircleElement, ShimmerRectElement };
+export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.win32").ShimmerSlotProps, import("./Shimmer.types.shared").ShimmerTokens, object>;
+//# sourceMappingURL=Shimmer.win32.d.ts.map

package/lib/Shimmer.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shimmer.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAuB,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC1H,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAC;AAiEpD,eAAO,MAAM,OAAO,wLAwElB,CAAC"}

package/lib/Shimmer.win32.js

@@ -0,0 +1,130 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/** @jsx withSlots */
+import { View } from 'react-native';
+import { compose, mergeProps } from '@fluentui-react-native/framework';
+import { withSlots } from '@fluentui-react-native/framework';
+import { assertNever } from 'assert-never';
+import { ClipPath, Defs, LinearGradient, Path, Rect, Stop, Svg } from 'react-native-svg';
+import { RCTNativeAnimatedShimmer } from './consts.win32';
+import { stylingSettings } from './Shimmer.styling.win32';
+import { shimmerName } from './Shimmer.types.shared';
+import { convertRectToSvgPath, convertCircleToSvgPath } from './SvgShapeToPath';
+var clippingMask = function (props) {
+    /**
+     * Absolute positioning is used to overlay the clipping mask on top of the shimmer wave.
+     *
+     * preserveAspectRatio = 'xMinYMin slice' asks the SVG to scale the viewBox up to fit the
+     * viewPort, starting from the origin of the viewPort and minimum coordinates of the viewBox.
+     * 'slice' removes the unnecessary remainder.
+     */
+    var backgroundColor = props.backgroundColor, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
+    var svgProps = {
+        style: { position: 'absolute', height: viewBoxHeight, width: viewBoxWidth },
+        viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
+        preserveAspectRatio: 'xMinYMin slice',
+    };
+    return (withSlots(Svg, __assign({}, svgProps),
+        withSlots(Defs, null,
+            withSlots(ClipPath, { id: "shimmerCuts" },
+                withSlots(Path, { d: props.clipPath, clipRule: "evenodd" }))),
+        withSlots(Rect, { width: "100%", height: "100%", fill: backgroundColor, clipPath: "url(#shimmerCuts)" })));
+};
+var wave = function (props) {
+    var shimmerColor = props.shimmerColor, shimmerColorOpacity = props.shimmerColorOpacity, shimmerWaveColor = props.shimmerWaveColor, shimmerWaveColorOpacity = props.shimmerWaveColorOpacity, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
+    /**
+     * See the comment above for an explanation of preserveAspectRatio.
+     */
+    var svgProps = {
+        style: { height: viewBoxHeight, width: viewBoxWidth },
+        viewBox: '0 0 ' + viewBoxWidth + ' ' + viewBoxHeight,
+        preserveAspectRatio: 'xMinYMin slice',
+    };
+    return (withSlots(Svg, __assign({}, svgProps),
+        withSlots(LinearGradient, { id: "gradient" },
+            withSlots(Stop, { stopColor: shimmerColor, stopOpacity: shimmerColorOpacity }),
+            withSlots(Stop, { offset: "20%", stopColor: shimmerWaveColor, stopOpacity: shimmerWaveColorOpacity }),
+            withSlots(Stop, { offset: "40%", stopColor: shimmerColor, stopOpacity: shimmerColorOpacity })),
+        withSlots(Rect, { width: props.shimmerWaveWidth, height: "100%", fill: "url(#gradient)" })));
+};
+var waveContainer = function (props) {
+    var shimmerColor = props.shimmerColor, viewBoxHeight = props.viewBoxHeight, viewBoxWidth = props.viewBoxWidth;
+    return (withSlots(RCTNativeAnimatedShimmer, __assign({}, __assign(__assign({}, props), { style: { backgroundColor: shimmerColor, height: viewBoxHeight, width: viewBoxWidth, overflow: 'hidden' } }))));
+};
+export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, stylingSettings), { slots: {
+        root: View,
+        clippingMask: clippingMask,
+        shimmerWave: wave,
+        shimmerWaveContainer: waveContainer,
+    }, useRender: function (props, useSlots) {
+        var Slots = useSlots(props);
+        return function (rest) {
+            var _a = mergeProps(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
+            /**
+             * Generate a clip path from the provided element shapes, with their path parameter strings generated from their corresponding properties.
+             * Ideally this would be better possible with functions from the shape elements themselves and not to rely on our own calculations.
+             *
+             * One nuanced consideration is scaling the SVG with DPI.  Without specifying a viewBox, points are considered to be pixels on an SVG canvas.
+             * When the native control is scaled the SVG canvas will scale up -- but pixel coordinates will not, changing the visual for different pixel densities.
+             * By providing a viewBox appropriate for our SVG the viewBox containing the graphics will be scaled up to fit the viewPort.
+             * Since we're programmatically generating the visual, we can assert our viewBox is `0 0 xMax yMax` where xMax and yMax are the greatest
+             * X and Y points used by a shape.
+             */
+            var clipPathsAsMask = [];
+            var xMax = 0;
+            var yMax = 0;
+            if (elements) {
+                elements.forEach(function (element) {
+                    if (element.type == 'circle') {
+                        clipPathsAsMask = clipPathsAsMask.concat(convertCircleToSvgPath(element));
+                        var xMaxCandidate = element.cx + element.radius;
+                        var yMaxCandidate = element.cy + element.radius;
+                        xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
+                        yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
+                    }
+                    else if (element.type == 'rect') {
+                        clipPathsAsMask = clipPathsAsMask.concat(convertRectToSvgPath(element));
+                        var xMaxCandidate = element.x + element.width;
+                        var yMaxCandidate = element.y + element.height;
+                        xMax = xMax >= xMaxCandidate ? xMax : xMaxCandidate;
+                        yMax = yMax >= yMaxCandidate ? yMax : yMaxCandidate;
+                    }
+                    else {
+                        assertNever(element);
+                    }
+                });
+            }
+            /**
+             * Win32 D2D1 doesn't directly support SVG mask elements, so we're going to generate a mask
+             * by manipulating our clip path for the same effect.  We do so utilizing the clip-rule='evenodd'
+             * and drawing a rectangle around the entire svg viewBox, causing all inner elements to be "clipped out"
+             * instead of "clipped around," generating the visual we desire with the linear gradient below the mask.
+             */
+            var mergedClipPath = clipPathsAsMask.join(' ').concat('M  0 0 h ' + xMax + ' v ' + yMax + ' h -' + xMax + ' z ');
+            return (withSlots(Slots.root, __assign({}, mergedProps),
+                withSlots(Slots.shimmerWaveContainer, { viewBoxHeight: yMax, viewBoxWidth: xMax },
+                    withSlots(Slots.shimmerWave, { viewBoxHeight: yMax, viewBoxWidth: xMax })),
+                withSlots(Slots.clippingMask, { clipPath: mergedClipPath, viewBoxHeight: yMax, viewBoxWidth: xMax })));
+        };
+    } }));
+//# sourceMappingURL=Shimmer.win32.js.map

package/lib/Shimmer.win32.js.map

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

package/lib/ShimmerTokens.android.d.ts

@@ -0,0 +1,2 @@
+export { defaultShimmerTokens } from './ShimmerTokens.mobile';
+//# sourceMappingURL=ShimmerTokens.android.d.ts.map

package/lib/ShimmerTokens.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/ShimmerTokens.android.js

@@ -0,0 +1,2 @@
+export { defaultShimmerTokens } from './ShimmerTokens.mobile';
+//# sourceMappingURL=ShimmerTokens.android.js.map

package/lib/ShimmerTokens.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/ShimmerTokens.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { ShimmerTokens } from './Shimmer.types';
+export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
+//# sourceMappingURL=ShimmerTokens.d.ts.map

package/lib/ShimmerTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}

package/lib/ShimmerTokens.ios.d.ts

@@ -0,0 +1,2 @@
+export { defaultShimmerTokens } from './ShimmerTokens.mobile';
+//# sourceMappingURL=ShimmerTokens.ios.d.ts.map

package/lib/ShimmerTokens.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.ios.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/ShimmerTokens.ios.js

@@ -0,0 +1,2 @@
+export { defaultShimmerTokens } from './ShimmerTokens.mobile';
+//# sourceMappingURL=ShimmerTokens.ios.js.map

package/lib/ShimmerTokens.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/ShimmerTokens.js

@@ -0,0 +1,13 @@
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+export var defaultShimmerTokens = function (theme) {
+    return ({
+        angle: 0,
+        delay: 0,
+        duration: 7000,
+        shimmerColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
+        shimmerColorOpacity: 1,
+        shimmerWaveColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
+        shimmerWaveColorOpacity: 1,
+    });
+};
+//# sourceMappingURL=ShimmerTokens.js.map

package/lib/ShimmerTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAK5E,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtG,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QACtG,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}

package/lib/ShimmerTokens.mobile.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { ShimmerTokens } from './Shimmer.types';
+export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
+//# sourceMappingURL=ShimmerTokens.mobile.d.ts.map

package/lib/ShimmerTokens.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.mobile.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}

package/lib/ShimmerTokens.mobile.js

@@ -0,0 +1,12 @@
+export var defaultShimmerTokens = function (theme) {
+    return ({
+        angle: 45,
+        delay: 0,
+        duration: 1000,
+        shimmerColor: theme.colors.neutralStencil1,
+        shimmerColorOpacity: 1,
+        shimmerWaveColor: theme.colors.neutralStencil2,
+        shimmerWaveColorOpacity: 1,
+    });
+};
+//# sourceMappingURL=ShimmerTokens.mobile.js.map

package/lib/ShimmerTokens.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.mobile.js","sourceRoot":"","sources":["../src/ShimmerTokens.mobile.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}

package/lib/ShimmerTokens.win32.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '@fluentui-react-native/framework';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { ShimmerTokens } from './Shimmer.types';
+export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
+//# sourceMappingURL=ShimmerTokens.win32.d.ts.map

package/lib/ShimmerTokens.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.win32.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAWhD,CAAC"}

package/lib/ShimmerTokens.win32.js

@@ -0,0 +1,14 @@
+export var defaultShimmerTokens = function (theme) {
+    return ({
+        angle: 0,
+        backgroundColor: theme.colors.background,
+        delay: 500,
+        duration: 2000,
+        shimmerColor: theme.colors.bodyFrameDivider,
+        shimmerColorOpacity: 1,
+        shimmerWaveColor: '#E1E1E1',
+        shimmerWaveColorOpacity: 1,
+        shimmerWaveWidth: '100%',
+    });
+};
+//# sourceMappingURL=ShimmerTokens.win32.js.map

package/lib/ShimmerTokens.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC"}

package/lib/SvgShapeToPath.d.ts

@@ -0,0 +1,18 @@
+/**
+ * These functions are necessary to deal with the win32 platform issue of d2d1 not supporting SVG <Mask> elements.
+ * We can support them indirectly by inverting a <ClipPath> element, with the troublesome issue of there being
+ * no direct way to do so -- which makes sense in general, one would just use <Mask> instead.
+ *
+ * The most desirable interface would be a ClipPath.invert property or function and/or a toString; masking
+ * is generally an inversion of clipping, but we do not have such properties or functions.  This void can
+ * be filled by implementing directly (a worthwhile PR to react-native-svg) or by implementing toString functions
+ * for shapes individually.  The shapes individually can be composed into a single clip path string, along with
+ * a shape that covers the entire SVG canvas.  Using the evenodd clip rule, this effectively becomes a mask.
+ *
+ * This solution is far from ideal and may have incompatibilities with <ClipPath> features; for Shimmer, it's sufficient,
+ * as we only support rounded rects and circles, with a circle being a rounded rect of borderRadius=length/2=width/2.
+ */
+import type { ShimmerCircleElement, ShimmerRectElement } from './Shimmer.types';
+export declare function convertRectToSvgPath(rectShape: ShimmerRectElement): string;
+export declare function convertCircleToSvgPath(circleShape: ShimmerCircleElement): string;
+//# sourceMappingURL=SvgShapeToPath.d.ts.map

package/lib/SvgShapeToPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgShapeToPath.d.ts","sourceRoot":"","sources":["../src/SvgShapeToPath.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAgJhF,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,kBAAkB,GAAG,MAAM,CAU1E;AAED,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,oBAAoB,GAAG,MAAM,CAWhF"}

package/lib/SvgShapeToPath.js

@@ -0,0 +1,144 @@
+/**
+ * These functions are necessary to deal with the win32 platform issue of d2d1 not supporting SVG <Mask> elements.
+ * We can support them indirectly by inverting a <ClipPath> element, with the troublesome issue of there being
+ * no direct way to do so -- which makes sense in general, one would just use <Mask> instead.
+ *
+ * The most desirable interface would be a ClipPath.invert property or function and/or a toString; masking
+ * is generally an inversion of clipping, but we do not have such properties or functions.  This void can
+ * be filled by implementing directly (a worthwhile PR to react-native-svg) or by implementing toString functions
+ * for shapes individually.  The shapes individually can be composed into a single clip path string, along with
+ * a shape that covers the entire SVG canvas.  Using the evenodd clip rule, this effectively becomes a mask.
+ *
+ * This solution is far from ideal and may have incompatibilities with <ClipPath> features; for Shimmer, it's sufficient,
+ * as we only support rounded rects and circles, with a circle being a rounded rect of borderRadius=length/2=width/2.
+ */
+// Note for explicit clarity: length and width represent the full length and width of the rect, and not
+// the straight edge segments (i.e. length - 2*borderRadius).
+// borderRadius[X|Y] cannot be larger than [length/2 or width]/2; it would not be able to connect to the edge
+// segments of the rect if so, and will be reduced to the maximum values accordingly.
+function convertRoundedRectToSvgPath(x, y, borderRadiusX, borderRadiusY, width, height) {
+    // Reduce borderRadii to maximum usable size.
+    if (borderRadiusX * 2 > width) {
+        borderRadiusX = width / 2;
+    }
+    if (borderRadiusY * 2 > height) {
+        borderRadiusY = height / 2;
+    }
+    var horizontalEdgeLength = width - borderRadiusX * 2;
+    var verticalEdgeLength = height - borderRadiusY * 2;
+    var xAxisRotation = 0;
+    var largeArcFlag = 0;
+    var sweepArcFlag = 1;
+    /**
+     * The general manner in which we will draw our rounded rect is in the following
+     * order of points.
+     *
+     *  - Forward (/) and back (\) slashes represent borderRadiusY and borderRadiusX, respectively.
+     *  - The un-rounded rect points are represented by center dots (and steal 1 unit from the borderRadii).
+     *  - x and y parameters are left out as path arguments use relative coordinates (vs absolute coordinates).
+     *  - Coordinate axis aids are present to avoid counting for any necessary clarification.
+     *
+     *  x: arbitrary
+     *  y: arbitrary
+     *  width: 24
+     *  height: 12
+     *  borderRadiusX: 5
+     *  borderRadiusY: 3
+     *
+     *            0123456789012345678901234
+     *
+     *               (1+9)         (2)
+     *                 ⬇            ⬇
+     * 0          •\\\\--------------\\\\•
+     * 1          /                      /
+     * 2          /                      /
+     * 3   (8) ➡ |                      | ⬅ (3)
+     * 4          |                      |
+     * 5          |                      |
+     * 6          |                      |
+     * 7          |                      |
+     * 8          |                      |
+     * 9   (7) ➡ |                      | ⬅ (4)
+     * 0          /                      /
+     * 1          /                      /
+     * 2          •\\\\--------------\\\\•
+     *             ⬆                ⬆
+     *            (6)              (5)
+     *
+     * Which would generate the following path:
+     * const path = 'M {x+5} ${y+3} ' +
+     *              'h 14 ' +
+     *              'a 5 3 0 0 1 5 3' +
+     *              'v 6 ' +
+     *              'a 5 3 0 0 1 -5 3' +
+     *              'h -14 ' +
+     *              'a 5 3 0 0 1 -5 -3' +
+     *              'v -6 ' +
+     *              'a 5 3 0 0 1 5 -3 Z';
+     */
+    // We start at the left-most point of the top edge.
+    // M: lift and move the pen to [x] [y] coordinates -- does not draw.
+    var path = ['M', x + borderRadiusX, y];
+    // draw to the right-most point of the top edge.
+    // h: horizontally draw a line [n] units relative to the current pen position.
+    path = path.concat(['h', horizontalEdgeLength]);
+    /**
+     * draw the arc for the top-right corner.  If the rect is not rounded, the arc will be 0 length.
+     *  a: draw an arc relative to the current pen position with the following parameters:
+     *  rx: X-axis ellipse radius
+     *  ry: Y-axis ellipse radius
+     *  x-axis-rotation: rotation of the ellipse relative to the current coordinate system
+     *  large-arc-flag: See https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+     *  sweep-arc-flag: See https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+     *  (dx, dy): relative end coordinate
+     *
+     * 'a rx ry x-axis-rotation large-arc-flag sweep-arc-flag dx dy'
+     *
+     * We will use x-axis-rotation = 0, large-arc-flag = 0, and sweep-arc-flag = 1 for our path generation.
+     *  */
+    path = path.concat(['a', borderRadiusX, borderRadiusY, xAxisRotation, largeArcFlag, sweepArcFlag, borderRadiusX, borderRadiusY]);
+    /**
+     * Draw to the bottom-most point of the right edge.
+     * v: vertically draw a line [n] units relative to the current pen position.
+     */
+    path = path.concat(['v', verticalEdgeLength]);
+    /**
+     * Draw the arc for the bottom-right corner.
+     */
+    path = path.concat(['a', borderRadiusX, borderRadiusY, xAxisRotation, largeArcFlag, sweepArcFlag, -borderRadiusX, borderRadiusY]);
+    /**
+     * Draw to the left-most point of the bottom edge.
+     */
+    path = path.concat(['h', -horizontalEdgeLength]);
+    /**
+     * Draw the bottom-left corner.
+     */
+    path = path.concat(['a', borderRadiusX, borderRadiusY, xAxisRotation, largeArcFlag, sweepArcFlag, -borderRadiusX, -borderRadiusY]);
+    /**
+     * Draw to the top-most point of the left edge.
+     */
+    path = path.concat(['v', -verticalEdgeLength]);
+    /**
+     * Draw the top-left corner.
+     */
+    path = path.concat(['a', borderRadiusX, borderRadiusY, xAxisRotation, largeArcFlag, sweepArcFlag, borderRadiusX, -borderRadiusY]);
+    /**
+     * Finally, close the shape.  While we have manually returned to the same coordinate we started with, closing and not-closing the shape
+     * can have different behavior depending on other properties.
+     * z or Z: close the shape.
+     */
+    path = path.concat('z');
+    /**
+     * Join all arguments with spaces and return the completed path.
+     */
+    return path.join(' ');
+}
+export function convertRectToSvgPath(rectShape) {
+    // Extract necessary args and generate the corresponding path for the shape.
+    return convertRoundedRectToSvgPath(rectShape.x ? rectShape.x : 0, rectShape.y ? rectShape.y : 0, rectShape.borderRadiusX ? rectShape.borderRadiusX : 0, rectShape.borderRadiusX ? rectShape.borderRadiusY : 0, rectShape.width ? rectShape.width : 100, rectShape.height ? rectShape.height : 16);
+}
+export function convertCircleToSvgPath(circleShape) {
+    var radius = circleShape.radius ? circleShape.radius : 12;
+    return convertRoundedRectToSvgPath(circleShape.cx ? circleShape.cx - circleShape.radius : 12, circleShape.cy ? circleShape.cy - circleShape.radius : 12, radius, radius, radius * 2, radius * 2);
+}
+//# sourceMappingURL=SvgShapeToPath.js.map

package/lib/SvgShapeToPath.js.map

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

package/lib/consts.win32.d.ts

@@ -0,0 +1,2 @@
+export declare const RCTNativeAnimatedShimmer: import("react-native").HostComponent<unknown>;
+//# sourceMappingURL=consts.win32.d.ts.map

package/lib/consts.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.win32.d.ts","sourceRoot":"","sources":["../src/consts.win32.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,wBAAwB,+CAAoD,CAAC"}

package/lib/consts.win32.js

@@ -0,0 +1,3 @@
+import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
+export var RCTNativeAnimatedShimmer = ensureNativeComponent('RCTNativeAnimatedShimmer');
+//# sourceMappingURL=consts.win32.js.map

package/lib/consts.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.win32.js","sourceRoot":"","sources":["../src/consts.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,MAAM,CAAC,IAAM,wBAAwB,GAAG,qBAAqB,CAAC,0BAA0B,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { Shimmer } from './Shimmer';
+export { shimmerName } from './Shimmer.types';
+export type { ShimmerCircleElement, ShimmerElementTypes, ShimmerProps, ShimmerRectElement, ShimmerSlotProps, ShimmerTokens, ShimmerType, } from './Shimmer.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,MAAM,iBAAiB,CAAC"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export { Shimmer } from './Shimmer';
+export { shimmerName } from './Shimmer.types';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/experimental-shimmer",
-  "version": "0.8.26",
+  "version": "0.8.28",
   "description": "A cross-platform Fluent Shimmer component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,9 +22,9 @@
     "directory": "packages/experimental/Shimmer"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.9.7",
-    "@fluentui-react-native/tokens": ">=0.20.13 <1.0.0",
-    "@fluentui-react-native/theming-utils": ">=0.23.9 <1.0.0",
+    "@fluentui-react-native/framework": "0.9.9",
+    "@fluentui-react-native/tokens": ">=0.20.15 <1.0.0",
+    "@fluentui-react-native/theming-utils": ">=0.23.11 <1.0.0",
     "@fluentui-react-native/component-cache": "^1.4.4",
     "@fluentui-react-native/use-styling": "^0.9.4"
   },