@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/components/select/select.styles.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { tv } from 'tailwind-variants';
+const trigger = tv({
+  base: '',
+  variants: {
+    isDisabled: {
+      true: 'opacity-disabled'
+    }
+  }
+});
+const value = tv({
+  base: 'text-base text-foreground'
+});
+const portal = tv({
+  base: 'absolute inset-0'
+});
+
+/**
+ * Overlay style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following property is animated and cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for overlay show/hide transitions (idle: 0, open: 1, close: 0)
+ *
+ * To customize this property, use the `animation` prop on `Select.Overlay`:
+ * ```tsx
+ * <Select.Overlay
+ *   animation={{
+ *     opacity: { value: [0, 1, 0] }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Select.Overlay`.
+ */
+const overlay = tv({
+  base: 'absolute inset-0'
+});
+
+/**
+ * Popover content style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The following properties are animated and cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for content show/hide transitions (idle: 0, open: 1, close: 0)
+ * - `transform` (specifically `scale`, `translateX`, `translateY`) - Animated for content show/hide transitions (scale: idle: 0.95, open: 1, close: 0.95; translateX/translateY: based on placement)
+ * - `transformOrigin` - Animated for content show/hide transitions (based on placement: 'top', 'bottom', 'left', 'right')
+ *
+ * To customize these properties, use the `animation` prop on `Select.Content` (popover presentation):
+ * ```tsx
+ * <Select.Content
+ *   presentation="popover"
+ *   animation={{
+ *     opacity: { value: [0, 1, 0] },
+ *     scale: { value: [0.95, 1, 0.95] },
+ *     translateX: { value: [4, 0, 4] },
+ *     translateY: { value: [4, 0, 4] },
+ *     transformOrigin: { value: 'top' }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Select.Content`.
+ */
+const popoverContent = tv({
+  base: 'bg-overlay rounded-3xl border border-border p-3 px-4 shadow-lg shadow-black/5 dark:shadow-none'
+});
+
+/**
+ * Dialog content style definition
+ *
+ * @note ANIMATED PROPERTIES (cannot be set via className):
+ * The `content` slot has the following animated properties that cannot be overridden using Tailwind classes:
+ * - `opacity` - Animated for content show/hide transitions (idle: 0, open: 1, close: 0)
+ * - `transform` (specifically `scale`) - Animated for content show/hide transitions (idle: 0.97, open: 1, close: 0.97)
+ *
+ * To customize these properties, use the `animation` prop on `Select.Content` (dialog presentation):
+ * ```tsx
+ * <Select.Content
+ *   presentation="dialog"
+ *   classNames={{
+ *     content: "custom-class", // opacity and scale cannot be overridden here
+ *     wrapper: "custom-wrapper-class"
+ *   }}
+ *   animation={{
+ *     opacity: { value: [0, 1, 0] },
+ *     scale: { value: [0.97, 1, 0.97] }
+ *   }}
+ * />
+ * ```
+ *
+ * To completely disable animated styles and apply your own via className or style prop,
+ * set `isAnimatedStyleActive={false}` on `Select.Content`.
+ */
+const dialogContent = tv({
+  slots: {
+    wrapper: 'absolute inset-0 justify-center p-5',
+    content: 'bg-overlay rounded-lg border border-border p-5'
+  }
+});
+const close = tv({
+  base: ''
+});
+const listLabel = tv({
+  base: 'text-sm text-muted font-medium px-2 py-1.5'
+});
+const item = tv({
+  base: 'flex-row items-center gap-2 px-2 py-3'
+});
+const itemLabel = tv({
+  base: 'flex-1 text-base text-foreground font-medium'
+});
+const itemDescription = tv({
+  base: 'text-sm/snug text-muted'
+});
+const itemIndicator = tv({
+  base: 'size-5 items-center justify-center'
+});
+const selectStyles = {
+  trigger,
+  portal,
+  overlay,
+  popoverContent,
+  dialogContent,
+  close,
+  value,
+  item,
+  itemLabel,
+  itemDescription,
+  itemIndicator,
+  listLabel
+};
+export const styleSheet = StyleSheet.create({
+  contentContainer: {
+    borderCurve: 'continuous'
+  }
+});
+export default selectStyles;
+//# sourceMappingURL=select.styles.js.map

package/lib/module/components/select/select.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","tv","trigger","base","variants","isDisabled","true","value","portal","overlay","popoverContent","dialogContent","slots","wrapper","content","close","listLabel","item","itemLabel","itemDescription","itemIndicator","selectStyles","styleSheet","create","contentContainer","borderCurve"],"sourceRoot":"../../../../src","sources":["components/select/select.styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,MAAMC,OAAO,GAAGD,EAAE,CAAC;EACjBE,IAAI,EAAE,EAAE;EACRC,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,KAAK,GAAGN,EAAE,CAAC;EACfE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGP,EAAE,CAAC;EAChBE,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,OAAO,GAAGR,EAAE,CAAC;EACjBE,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMO,cAAc,GAAGT,EAAE,CAAC;EACxBE,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMQ,aAAa,GAAGV,EAAE,CAAC;EACvBW,KAAK,EAAE;IACLC,OAAO,EAAE,qCAAqC;IAC9CC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,KAAK,GAAGd,EAAE,CAAC;EACfE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMa,SAAS,GAAGf,EAAE,CAAC;EACnBE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMc,IAAI,GAAGhB,EAAE,CAAC;EACdE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMe,SAAS,GAAGjB,EAAE,CAAC;EACnBE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMgB,eAAe,GAAGlB,EAAE,CAAC;EACzBE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMiB,aAAa,GAAGnB,EAAE,CAAC;EACvBE,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMkB,YAAY,GAAG;EACnBnB,OAAO;EACPM,MAAM;EACNC,OAAO;EACPC,cAAc;EACdC,aAAa;EACbI,KAAK;EACLR,KAAK;EACLU,IAAI;EACJC,SAAS;EACTC,eAAe;EACfC,aAAa;EACbJ;AACF,CAAC;AAID,OAAO,MAAMM,UAAU,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC1CC,gBAAgB,EAAE;IAChBC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,YAAY","ignoreList":[]}

package/lib/module/components/select/select.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=select.types.js.map

package/lib/module/components/select/select.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/select/select.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/skeleton/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as Skeleton } from "./skeleton.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Skeleton"],"sourceRoot":"../../../../src","sources":["components/skeleton/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/components/skeleton/linear-gradient.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import Svg, { Defs, LinearGradient, Rect, Stop } from 'react-native-svg';
+import { colorKit } from "../../helpers/theme/index.js";
+import { DISPLAY_NAME } from "./skeleton.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LinearGradientComponent = ({
+  colors = ['transparent', 'rgba(255, 255, 255, 0.5)', 'transparent']
+}) => {
+  const gradientId = colors.join('-');
+  return /*#__PURE__*/_jsxs(Svg, {
+    style: StyleSheet.absoluteFill,
+    children: [/*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        id: gradientId,
+        x1: 0,
+        y1: 0.5,
+        x2: 1,
+        y2: 0.5,
+        children: colors.map((color, index) => {
+          const isTransparent = color === 'transparent';
+          const processedColor = isTransparent ? '#FFFFFF' : color;
+          const opacity = isTransparent ? 0 : colorKit.getAlpha(color);
+          return /*#__PURE__*/_jsx(Stop, {
+            offset: `${index / (colors.length - 1) * 100}%`,
+            stopColor: processedColor,
+            stopOpacity: opacity
+          }, index);
+        })
+      })
+    }), /*#__PURE__*/_jsx(Rect, {
+      x: "0",
+      y: "0",
+      width: "100%",
+      height: "100%",
+      fill: `url(#${gradientId})`
+    })]
+  });
+};
+LinearGradientComponent.displayName = DISPLAY_NAME.LINEAR_GRADIENT;
+export default LinearGradientComponent;
+//# sourceMappingURL=linear-gradient.js.map

package/lib/module/components/skeleton/linear-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Svg","Defs","LinearGradient","Rect","Stop","colorKit","DISPLAY_NAME","jsx","_jsx","jsxs","_jsxs","LinearGradientComponent","colors","gradientId","join","style","absoluteFill","children","id","x1","y1","x2","y2","map","color","index","isTransparent","processedColor","opacity","getAlpha","offset","length","stopColor","stopOpacity","x","y","width","height","fill","displayName","LINEAR_GRADIENT"],"sourceRoot":"../../../../src","sources":["components/skeleton/linear-gradient.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,GAAG,IAAIC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACxE,SAASC,QAAQ,QAAQ,8BAAqB;AAC9C,SAASC,YAAY,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,uBAAwD,GAAGA,CAAC;EAChEC,MAAM,GAAG,CAAC,aAAa,EAAE,0BAA0B,EAAE,aAAa;AACpE,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGD,MAAM,CAACE,IAAI,CAAC,GAAG,CAAC;EAEnC,oBACEJ,KAAA,CAACV,GAAG;IAACe,KAAK,EAAEhB,UAAU,CAACiB,YAAa;IAAAC,QAAA,gBAClCT,IAAA,CAACP,IAAI;MAAAgB,QAAA,eACHT,IAAA,CAACN,cAAc;QAACgB,EAAE,EAAEL,UAAW;QAACM,EAAE,EAAE,CAAE;QAACC,EAAE,EAAE,GAAI;QAACC,EAAE,EAAE,CAAE;QAACC,EAAE,EAAE,GAAI;QAAAL,QAAA,EAC5DL,MAAM,CAACW,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;UAC5B,MAAMC,aAAa,GAAGF,KAAK,KAAK,aAAa;UAC7C,MAAMG,cAAc,GAAGD,aAAa,GAAG,SAAS,GAAGF,KAAK;UACxD,MAAMI,OAAO,GAAGF,aAAa,GAAG,CAAC,GAAGrB,QAAQ,CAACwB,QAAQ,CAACL,KAAK,CAAC;UAE5D,oBACEhB,IAAA,CAACJ,IAAI;YAEH0B,MAAM,EAAE,GAAIL,KAAK,IAAIb,MAAM,CAACmB,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,GAAI;YAClDC,SAAS,EAAEL,cAAe;YAC1BM,WAAW,EAAEL;UAAQ,GAHhBH,KAIN,CAAC;QAEN,CAAC;MAAC,CACY;IAAC,CACb,CAAC,eACPjB,IAAA,CAACL,IAAI;MACH+B,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,IAAI,EAAE,QAAQzB,UAAU;IAAI,CAC7B,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AAEDF,uBAAuB,CAAC4B,WAAW,GAAGjC,YAAY,CAACkC,eAAe;AAElE,eAAe7B,uBAAuB","ignoreList":[]}

package/lib/module/components/skeleton/skeleton.animation.js

@@ -0,0 +1,256 @@
+"use strict";
+
+import { useEffect, useMemo } from 'react';
+import { cancelAnimation, Easing, FadeIn, FadeOut, interpolate, ReduceMotion, useAnimatedStyle, withRepeat, withTiming } from 'react-native-reanimated';
+import { useUniwind } from 'uniwind';
+import { useAnimationSettings } from "../../helpers/contexts/index.js";
+import { useCombinedAnimationDisabledState } from "../../helpers/hooks/index.js";
+import { colorKit, useThemeColor } from "../../helpers/theme/index.js";
+import { createContext } from "../../helpers/utils/index.js";
+import { getAnimationState, getAnimationValueProperty, getIsAnimationDisabledValue, getRootAnimationState } from "../../helpers/utils/animation.js";
+import { DEFAULT_EASING, DEFAULT_PULSE_DURATION, DEFAULT_PULSE_MAX_OPACITY, DEFAULT_PULSE_MIN_OPACITY, DEFAULT_SHIMMER_DURATION, DEFAULT_SPEED } from "./skeleton.constants.js";
+const [SkeletonAnimationProvider, useSkeletonAnimation] = createContext({
+  name: 'SkeletonAnimationContext'
+});
+export { SkeletonAnimationProvider, useSkeletonAnimation };
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Skeleton root component
+ * Handles entering/exiting animations, cascades animation disabled state, and manages progress animation
+ */
+export function useSkeletonRootAnimation(options) {
+  const {
+    animation,
+    isLoading,
+    variant,
+    progress
+  } = options;
+  const {
+    isAnimationDisabled: isAnimationDisabledFromRoot
+  } = getRootAnimationState(animation);
+  const isAllAnimationsDisabledFromRoot = useCombinedAnimationDisabledState(animation);
+  const isAllAnimationsDisabled = isAllAnimationsDisabledFromRoot || isAnimationDisabledFromRoot;
+  const enteringAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.entering : undefined;
+  }, [animation]);
+  const exitingAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.exiting : undefined;
+  }, [animation]);
+  const shimmerAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.shimmer : undefined;
+  }, [animation]);
+  const pulseAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.pulse : undefined;
+  }, [animation]);
+  const {
+    animationConfig: enteringAnimationConfig,
+    isAnimationDisabled: isEnteringAnimationDisabled
+  } = getAnimationState(enteringAnimation);
+  const {
+    animationConfig: exitingAnimationConfig,
+    isAnimationDisabled: isExitingAnimationDisabled
+  } = getAnimationState(exitingAnimation);
+  const {
+    animationConfig: shimmerAnimationConfig
+  } = getAnimationState(shimmerAnimation);
+  const {
+    animationConfig: pulseAnimationConfig
+  } = getAnimationState(pulseAnimation);
+  const isEnteringAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled: isEnteringAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+  const isExitingAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled: isExitingAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+  const enteringValue = getAnimationValueProperty({
+    animationValue: enteringAnimationConfig,
+    property: 'value',
+    defaultValue: FadeIn
+  });
+  const exitingValue = getAnimationValueProperty({
+    animationValue: exitingAnimationConfig,
+    property: 'value',
+    defaultValue: FadeOut
+  });
+
+  // Extract shimmer animation configuration for progress animation
+  const shimmerDuration = getAnimationValueProperty({
+    animationValue: shimmerAnimationConfig,
+    property: 'duration',
+    defaultValue: DEFAULT_SHIMMER_DURATION
+  });
+  const shimmerSpeed = getAnimationValueProperty({
+    animationValue: shimmerAnimationConfig,
+    property: 'speed',
+    defaultValue: DEFAULT_SPEED
+  });
+  const shimmerEasing = getAnimationValueProperty({
+    animationValue: shimmerAnimationConfig,
+    property: 'easing',
+    defaultValue: DEFAULT_EASING
+  });
+
+  // Extract pulse animation configuration for progress animation
+  const pulseDuration = getAnimationValueProperty({
+    animationValue: pulseAnimationConfig,
+    property: 'duration',
+    defaultValue: DEFAULT_PULSE_DURATION
+  });
+  const pulseEasing = getAnimationValueProperty({
+    animationValue: pulseAnimationConfig,
+    property: 'easing',
+    defaultValue: Easing.inOut(Easing.ease)
+  });
+
+  // Handle progress animation
+  useEffect(() => {
+    if (isLoading && variant !== 'none' && !isAllAnimationsDisabled) {
+      progress.set(0);
+      if (variant === 'shimmer') {
+        progress.value = withRepeat(withTiming(1, {
+          duration: shimmerDuration / shimmerSpeed,
+          easing: shimmerEasing
+        }), -1, false, undefined, ReduceMotion.System);
+      } else if (variant === 'pulse') {
+        progress.value = withRepeat(withTiming(1, {
+          duration: pulseDuration,
+          easing: pulseEasing
+        }), -1, true, undefined, ReduceMotion.System);
+      }
+    } else {
+      cancelAnimation(progress);
+      progress.set(0);
+    }
+    return () => {
+      cancelAnimation(progress);
+    };
+  }, [isLoading, variant, progress, shimmerDuration, shimmerEasing, shimmerSpeed, pulseDuration, pulseEasing, isAllAnimationsDisabled]);
+  return {
+    isAllAnimationsDisabled,
+    entering: isEnteringAnimationDisabledValue ? undefined : enteringValue,
+    exiting: isExitingAnimationDisabledValue ? undefined : exitingValue
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Skeleton shimmer component
+ * Handles shimmer animation configuration and animated styles
+ */
+export function useSkeletonShimmerAnimation(options) {
+  const {
+    animation
+  } = options;
+  const {
+    componentWidth,
+    offset,
+    progress,
+    screenWidth
+  } = useSkeletonAnimation();
+  const {
+    theme
+  } = useUniwind();
+  const themeColorBackground = useThemeColor('background');
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const shimmerAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.shimmer : undefined;
+  }, [animation]);
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(shimmerAnimation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Calculate default highlight color based on theme
+  const defaultHighlightColor = useMemo(() => {
+    return theme === 'dark' ? colorKit.setAlpha(colorKit.increaseBrightness(themeColorBackground, 10).hex(), 0.1).hex() : colorKit.setAlpha(colorKit.decreaseBrightness(themeColorBackground, 10).hex(), 0.75).hex();
+  }, [theme, themeColorBackground]);
+  const shimmerHighlightColor = animationConfig?.highlightColor ?? defaultHighlightColor;
+  const gradientColors = useMemo(() => ['transparent', shimmerHighlightColor, 'transparent'], [shimmerHighlightColor]);
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue || componentWidth === 0) {
+      return {
+        transform: [{
+          translateX: 0
+        }]
+      };
+    }
+    const translateX = interpolate(progress.get(), [0, 1], [-(componentWidth + offset), screenWidth]);
+    return {
+      transform: [{
+        translateX
+      }]
+    };
+  });
+  return {
+    rContainerStyle,
+    gradientColors
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Skeleton pulse component
+ * Handles pulse animation configuration and animated styles
+ */
+export function useSkeletonPulseAnimation(options) {
+  const {
+    animation
+  } = options;
+  const {
+    variant,
+    progress
+  } = useSkeletonAnimation();
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const pulseAnimation = useMemo(() => {
+    return typeof animation === 'object' ? animation?.pulse : undefined;
+  }, [animation]);
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(pulseAnimation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Pulse animation configuration
+  const pulseMinOpacity = getAnimationValueProperty({
+    animationValue: animationConfig,
+    property: 'minOpacity',
+    defaultValue: DEFAULT_PULSE_MIN_OPACITY
+  });
+  const pulseMaxOpacity = getAnimationValueProperty({
+    animationValue: animationConfig,
+    property: 'maxOpacity',
+    defaultValue: DEFAULT_PULSE_MAX_OPACITY
+  });
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue || variant !== 'pulse') {
+      return {
+        opacity: 1
+      };
+    }
+    const opacity = interpolate(progress.get(), [0, 1], [pulseMinOpacity, pulseMaxOpacity]);
+    return {
+      opacity
+    };
+  });
+  return {
+    rContainerStyle
+  };
+}
+//# sourceMappingURL=skeleton.animation.js.map

package/lib/module/components/skeleton/skeleton.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","cancelAnimation","Easing","FadeIn","FadeOut","interpolate","ReduceMotion","useAnimatedStyle","withRepeat","withTiming","useUniwind","useAnimationSettings","useCombinedAnimationDisabledState","colorKit","useThemeColor","createContext","getAnimationState","getAnimationValueProperty","getIsAnimationDisabledValue","getRootAnimationState","DEFAULT_EASING","DEFAULT_PULSE_DURATION","DEFAULT_PULSE_MAX_OPACITY","DEFAULT_PULSE_MIN_OPACITY","DEFAULT_SHIMMER_DURATION","DEFAULT_SPEED","SkeletonAnimationProvider","useSkeletonAnimation","name","useSkeletonRootAnimation","options","animation","isLoading","variant","progress","isAnimationDisabled","isAnimationDisabledFromRoot","isAllAnimationsDisabledFromRoot","isAllAnimationsDisabled","enteringAnimation","entering","undefined","exitingAnimation","exiting","shimmerAnimation","shimmer","pulseAnimation","pulse","animationConfig","enteringAnimationConfig","isEnteringAnimationDisabled","exitingAnimationConfig","isExitingAnimationDisabled","shimmerAnimationConfig","pulseAnimationConfig","isEnteringAnimationDisabledValue","isExitingAnimationDisabledValue","enteringValue","animationValue","property","defaultValue","exitingValue","shimmerDuration","shimmerSpeed","shimmerEasing","pulseDuration","pulseEasing","inOut","ease","set","value","duration","easing","System","useSkeletonShimmerAnimation","componentWidth","offset","screenWidth","theme","themeColorBackground","isAnimationDisabledValue","defaultHighlightColor","setAlpha","increaseBrightness","hex","decreaseBrightness","shimmerHighlightColor","highlightColor","gradientColors","rContainerStyle","transform","translateX","get","useSkeletonPulseAnimation","pulseMinOpacity","pulseMaxOpacity","opacity"],"sourceRoot":"../../../../src","sources":["components/skeleton/skeleton.animation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/skeleton/skeleton.constants.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { Easing } from 'react-native-reanimated';
+
+/**
+ * Display name constants for the Skeleton component
+ */
+export const DISPLAY_NAME = {
+  SKELETON: 'HeroUINative.Skeleton',
+  LINEAR_GRADIENT: 'HeroUINative.Skeleton.LinearGradient'
+};
+
+/**
+ * Default shimmer animation duration in milliseconds
+ */
+export const DEFAULT_SHIMMER_DURATION = 1500;
+
+/**
+ * Default pulse animation duration in milliseconds
+ */
+export const DEFAULT_PULSE_DURATION = 1000;
+
+/**
+ * Default easing function for animations
+ */
+export const DEFAULT_EASING = Easing.linear;
+
+/**
+ * Default minimum opacity for pulse animation
+ */
+export const DEFAULT_PULSE_MIN_OPACITY = 0.5;
+
+/**
+ * Default maximum opacity for pulse animation
+ */
+export const DEFAULT_PULSE_MAX_OPACITY = 1;
+
+/**
+ * Default animation speed multiplier
+ */
+export const DEFAULT_SPEED = 1;
+//# sourceMappingURL=skeleton.constants.js.map

package/lib/module/components/skeleton/skeleton.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","DISPLAY_NAME","SKELETON","LINEAR_GRADIENT","DEFAULT_SHIMMER_DURATION","DEFAULT_PULSE_DURATION","DEFAULT_EASING","linear","DEFAULT_PULSE_MIN_OPACITY","DEFAULT_PULSE_MAX_OPACITY","DEFAULT_SPEED"],"sourceRoot":"../../../../src","sources":["components/skeleton/skeleton.constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,yBAAyB;;AAEhD;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAC1BC,QAAQ,EAAE,uBAAuB;EACjCC,eAAe,EAAE;AACnB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG,IAAI;;AAE5C;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAG,IAAI;;AAE1C;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGN,MAAM,CAACO,MAAM;;AAE3C;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,CAAC;;AAE1C;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG,CAAC","ignoreList":[]}