@fluentui-react-native/experimental-shimmer 0.14.0 → 0.14.3

package/lib/ShimmerTokens.android.js

@@ -1,11 +1,11 @@
 import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 export const defaultShimmerTokens = (theme) => ({
-  angle: shimmerDefaultAngle,
-  delay: shimmerDefaultDelay,
-  duration: shimmerDefaultDuration,
-  shimmerColor: theme.colors.neutralStencil1,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: theme.colors.neutralStencil2,
-  shimmerWaveColorOpacity: 1,
+    angle: shimmerDefaultAngle,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
+    shimmerColor: theme.colors.neutralStencil1,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: theme.colors.neutralStencil2,
+    shimmerWaveColorOpacity: 1,
 });
-//# sourceMappingURL=ShimmerTokens.android.js.map
+//# sourceMappingURL=ShimmerTokens.android.js.map

package/lib/ShimmerTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC"}
+{"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC"}

package/lib/ShimmerTokens.d.ts

@@ -2,4 +2,4 @@ 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
+//# sourceMappingURL=ShimmerTokens.d.ts.map

package/lib/ShimmerTokens.ios.d.ts

@@ -2,4 +2,4 @@ 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.ios.d.ts.map
+//# sourceMappingURL=ShimmerTokens.ios.d.ts.map

package/lib/ShimmerTokens.ios.js

@@ -1,11 +1,11 @@
 import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 export const defaultShimmerTokens = (theme) => ({
-  angle: shimmerDefaultAngle,
-  delay: shimmerDefaultDelay,
-  duration: shimmerDefaultDuration,
-  shimmerColor: theme.colors.neutralStencil1,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: theme.colors.neutralStencil2,
-  shimmerWaveColorOpacity: 1,
+    angle: shimmerDefaultAngle,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
+    shimmerColor: theme.colors.neutralStencil1,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: theme.colors.neutralStencil2,
+    shimmerWaveColorOpacity: 1,
 });
-//# sourceMappingURL=ShimmerTokens.ios.js.map
+//# sourceMappingURL=ShimmerTokens.ios.js.map

package/lib/ShimmerTokens.ios.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC"}
+{"version":3,"file":"ShimmerTokens.ios.js","sourceRoot":"","sources":["../src/ShimmerTokens.ios.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC1C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;IAC9C,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC"}

package/lib/ShimmerTokens.js

@@ -1,13 +1,13 @@
 import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 export const defaultShimmerTokens = (theme) => ({
-  angle: shimmerDefaultAngle,
-  backgroundColor: theme.colors.transparentBackground,
-  delay: shimmerDefaultDelay,
-  duration: shimmerDefaultDuration,
-  shimmerColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
-  shimmerWaveColorOpacity: 1,
+    angle: shimmerDefaultAngle,
+    backgroundColor: theme.colors.transparentBackground,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
+    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
+//# sourceMappingURL=ShimmerTokens.js.map

package/lib/ShimmerTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,mBAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB;IACnD,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;IACtG,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IACtG,uBAAuB,EAAE,CAAC;CACT,CAAA,CAAC"}
+{"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,mBAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB;IACnD,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;IACtG,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;IACtG,uBAAuB,EAAE,CAAC;CAC3B,CAAkB,CAAC"}

package/lib/ShimmerTokens.win32.d.ts

@@ -2,4 +2,4 @@ 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
+//# sourceMappingURL=ShimmerTokens.win32.d.ts.map

package/lib/ShimmerTokens.win32.js

@@ -1,13 +1,13 @@
 import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 export const defaultShimmerTokens = (theme) => ({
-  angle: shimmerDefaultAngle,
-  backgroundColor: theme.colors.background,
-  delay: shimmerDefaultDelay,
-  duration: shimmerDefaultDuration,
-  shimmerColor: theme.colors.bodyFrameDivider,
-  shimmerColorOpacity: 1,
-  shimmerWaveColor: '#E1E1E1',
-  shimmerWaveColorOpacity: 1,
-  shimmerWaveWidth: '100%',
+    angle: shimmerDefaultAngle,
+    backgroundColor: theme.colors.background,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
+    shimmerColor: theme.colors.bodyFrameDivider,
+    shimmerColorOpacity: 1,
+    shimmerWaveColor: '#E1E1E1',
+    shimmerWaveColorOpacity: 1,
+    shimmerWaveWidth: '100%',
 });
-//# sourceMappingURL=ShimmerTokens.win32.js.map
+//# sourceMappingURL=ShimmerTokens.win32.js.map

package/lib/ShimmerTokens.win32.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,EACvF;IACC,KAAK,EAAE,mBAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;IACxC,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;IAC3C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM;CACP,CAAA,CAAC"}
+{"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAG5F,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,KAAY,EAAE,EAAE,CACxF,CAAC;IACC,KAAK,EAAE,mBAAmB;IAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;IACxC,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,sBAAsB;IAChC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;IAC3C,mBAAmB,EAAE,CAAC;IACtB,gBAAgB,EAAE,SAAS;IAC3B,uBAAuB,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM;CACzB,CAAkB,CAAC"}

package/lib/SvgShapeToPath.d.ts

@@ -15,4 +15,4 @@
 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
+//# sourceMappingURL=SvgShapeToPath.d.ts.map

package/lib/SvgShapeToPath.js

@@ -17,142 +17,128 @@
 // 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;
-  }
-  const horizontalEdgeLength = width - borderRadiusX * 2;
-  const verticalEdgeLength = height - borderRadiusY * 2;
-  const xAxisRotation = 0;
-  const largeArcFlag = 0;
-  const 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.
-  let 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(' ');
+    // Reduce borderRadii to maximum usable size.
+    if (borderRadiusX * 2 > width) {
+        borderRadiusX = width / 2;
+    }
+    if (borderRadiusY * 2 > height) {
+        borderRadiusY = height / 2;
+    }
+    const horizontalEdgeLength = width - borderRadiusX * 2;
+    const verticalEdgeLength = height - borderRadiusY * 2;
+    const xAxisRotation = 0;
+    const largeArcFlag = 0;
+    const 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.
+    let 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,
-  );
+    // 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) {
-  const 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,
-  );
+    const 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
+//# sourceMappingURL=SvgShapeToPath.js.map

package/lib/Win32ShimmerNativeComponent.d.ts

@@ -6,9 +6,9 @@
 import type { ViewProps } from 'react-native';
 import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
 export interface NativeProps extends ViewProps {
-  delay?: Double;
-  duration?: Double;
+    delay?: Double;
+    duration?: Double;
 }
-declare const _default: import('react-native').HostComponent<NativeProps>;
+declare const _default: import("react-native").HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=Win32ShimmerNativeComponent.d.ts.map
+//# sourceMappingURL=Win32ShimmerNativeComponent.d.ts.map

package/lib/Win32ShimmerNativeComponent.js

@@ -5,4 +5,4 @@
  */
 import { requireNativeComponent } from 'react-native';
 export default requireNativeComponent('RCTNativeAnimatedShimmer');
-//# sourceMappingURL=Win32ShimmerNativeComponent.js.map
+//# sourceMappingURL=Win32ShimmerNativeComponent.js.map

package/lib/consts.android.d.ts

@@ -1,4 +1,4 @@
 export declare const shimmerDefaultAngle = 45;
 export declare const shimmerDefaultDelay = 0;
 export declare const shimmerDefaultDuration = 1000;
-//# sourceMappingURL=consts.android.d.ts.map
+//# sourceMappingURL=consts.android.d.ts.map

package/lib/consts.android.js

@@ -1,4 +1,4 @@
 export const shimmerDefaultAngle = 45;
 export const shimmerDefaultDelay = 0;
 export const shimmerDefaultDuration = 1000;
-//# sourceMappingURL=consts.android.js.map
+//# sourceMappingURL=consts.android.js.map

package/lib/consts.d.ts

@@ -1,4 +1,4 @@
 export declare const shimmerDefaultAngle = 0;
 export declare const shimmerDefaultDelay = 0;
 export declare const shimmerDefaultDuration = 7000;
-//# sourceMappingURL=consts.d.ts.map
+//# sourceMappingURL=consts.d.ts.map

package/lib/consts.ios.d.ts

@@ -1,4 +1,4 @@
 export declare const shimmerDefaultAngle = 0;
 export declare const shimmerDefaultDelay = 0;
 export declare const shimmerDefaultDuration = 1000;
-//# sourceMappingURL=consts.ios.d.ts.map
+//# sourceMappingURL=consts.ios.d.ts.map

package/lib/consts.ios.js

@@ -1,4 +1,4 @@
 export const shimmerDefaultAngle = 0;
 export const shimmerDefaultDelay = 0;
 export const shimmerDefaultDuration = 1000;
-//# sourceMappingURL=consts.ios.js.map
+//# sourceMappingURL=consts.ios.js.map

package/lib/consts.js

@@ -1,4 +1,4 @@
 export const shimmerDefaultAngle = 0;
 export const shimmerDefaultDelay = 0;
 export const shimmerDefaultDuration = 7000;
-//# sourceMappingURL=consts.js.map
+//# sourceMappingURL=consts.js.map

package/lib/consts.win32.d.ts

@@ -1,4 +1,4 @@
 export declare const shimmerDefaultAngle = 0;
 export declare const shimmerDefaultDelay = 500;
 export declare const shimmerDefaultDuration = 2000;
-//# sourceMappingURL=consts.win32.d.ts.map
+//# sourceMappingURL=consts.win32.d.ts.map

package/lib/consts.win32.js

@@ -1,4 +1,4 @@
 export const shimmerDefaultAngle = 0;
 export const shimmerDefaultDelay = 500;
 export const shimmerDefaultDuration = 2000;
-//# sourceMappingURL=consts.win32.js.map
+//# sourceMappingURL=consts.win32.js.map

package/lib/index.d.ts

@@ -1,13 +1,5 @@
 export { Shimmer } from './Shimmer';
 export { shimmerName } from './Shimmer.types';
-export type {
-  ShimmerCircleElement,
-  ShimmerElementTypes,
-  ShimmerProps,
-  ShimmerRectElement,
-  ShimmerSlotProps,
-  ShimmerTokens,
-  ShimmerType,
-} from './Shimmer.types';
+export type { ShimmerCircleElement, ShimmerElementTypes, ShimmerProps, ShimmerRectElement, ShimmerSlotProps, ShimmerTokens, ShimmerType, } from './Shimmer.types';
 export { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,4 +1,4 @@
 export { Shimmer } from './Shimmer';
 export { shimmerName } from './Shimmer.types';
 export { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/Shimmer.d.ts

@@ -1,8 +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,
-  import('@fluentui-react-native/framework').ObjectBase
->;
-//# sourceMappingURL=Shimmer.d.ts.map
+export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.shared").ShimmerSlotProps, import("./Shimmer.types.shared").ShimmerTokens, import("@fluentui-react-native/framework").ObjectBase>;
+//# sourceMappingURL=Shimmer.d.ts.map

package/lib-commonjs/Shimmer.d.ts.map

@@ -1 +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,wOAmIlB,CAAC"}
+{"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,wOAyHlB,CAAC"}