blend-native 0.0.1-beta.0

package/lib/module/components/Button/Button.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { ButtonV2Size, ButtonV2State, ButtonV2SubType, ButtonV2Type } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { Pressable } from "../../primitives/Pressable.js";
+import { Slot } from "../../primitives/Slot.js";
+import { Text } from "../../primitives/Text.js";
+import { getButtonNativeStyles, getIconMaxHeight, getLoaderSize } from "./button.utils.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Button — React Native implementation of web's `ButtonV2`.
+ *
+ * Imports only from `@juspay/blend-design-system/node` (the React-free token
+ * entry), the local adapters, and the local primitives — never from web's
+ * `context/`, `hooks/`, or `Primitives/` directories.
+ *
+ * Tokens resolve through `useNativeTokens('BUTTONV2')`, which reads theme and
+ * per-slot overrides from `BlendNativeProvider`. This replaces the earlier
+ * per-component `theme` prop, which offered no app-wide dark mode, no nested
+ * theme scopes, and no `componentTokens` overrides.
+ */
+const Button = /*#__PURE__*/forwardRef(function Button({
+  buttonType = ButtonV2Type.PRIMARY,
+  size = ButtonV2Size.SMALL,
+  subType = ButtonV2SubType.DEFAULT,
+  text,
+  leftSlot,
+  rightSlot,
+  loading = false,
+  disabled = false,
+  state = ButtonV2State.DEFAULT,
+  buttonGroupPosition,
+  width,
+  minWidth,
+  maxWidth,
+  justifyContent = 'center',
+  onPress,
+  testID,
+  accessibilityLabel,
+  style,
+  ...rest
+}, ref) {
+  const tokens = useNativeTokens('BUTTONV2');
+  const styles = useMemo(() => getButtonNativeStyles(disabled, buttonType, subType, size, state, tokens, buttonGroupPosition), [disabled, buttonType, subType, size, state, tokens, buttonGroupPosition]);
+  const iconMaxHeights = getIconMaxHeight(subType, leftSlot?.maxHeight, rightSlot?.maxHeight, tokens.slotMaxHeight[size]);
+
+  // Icon colour tracks the resolved text colour for the current state, and
+  // is handed to the icon element explicitly by `Slot` — RN has no
+  // `currentColor` inheritance the way web's `Block` relies on.
+  const iconColor = styles.textColor;
+  const loaderColor = String(tokens.text.color[buttonType][subType].default ?? '#2563EB');
+  const content = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [leftSlot?.slot ? /*#__PURE__*/_jsx(Slot, {
+      color: iconColor,
+      maxHeight: iconMaxHeights.left,
+      hidden: Boolean(text),
+      testID: testID ? `${testID}-left-slot` : undefined,
+      children: leftSlot.slot
+    }) : null, text ? /*#__PURE__*/_jsx(Text, {
+      fontSize: tokens.text.fontSize[size],
+      fontWeight: tokens.text.fontWeight[size],
+      lineHeight: tokens.text.lineHeight?.[size],
+      color: styles.textColor,
+      textAlign: "center",
+      children: text
+    }) : null, rightSlot?.slot ? /*#__PURE__*/_jsx(Slot, {
+      color: iconColor,
+      maxHeight: iconMaxHeights.right,
+      hidden: Boolean(text),
+      testID: testID ? `${testID}-right-slot` : undefined,
+      children: rightSlot.slot
+    }) : null]
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: ref,
+    background: styles.background,
+    activeBackground: styles.activeBackground,
+    disabledBackground: styles.disabledBackground,
+    border: styles.border,
+    activeBorder: styles.activeBorder,
+    disabledBorder: styles.disabledBorder,
+    borderRadius: styles.borderRadius,
+    boxShadow: styles.boxShadow,
+    activeBoxShadow: styles.activeBoxShadow,
+    paddingTop: styles.padding.top,
+    paddingRight: styles.padding.right,
+    paddingBottom: styles.padding.bottom,
+    paddingLeft: styles.padding.left,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: justifyContent,
+    gap: styles.gap
+    // Web defaults to `width: fit-content`; `auto` is RN's equivalent.
+    ,
+    width: width ?? 'auto',
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    height: styles.height,
+    disabled: disabled,
+    loading: loading,
+    loaderColor: loaderColor,
+    loaderSize: getLoaderSize(size),
+    onPress: onPress,
+    testID: testID,
+    accessibilityLabel: accessibilityLabel ?? text,
+    accessibilityRole: "button"
+    // Grouped members drop their shared edges; spread after the
+    // resolved surface so `borderWidth` still covers the other sides.
+    ,
+    style: {
+      ...styles.groupBorderWidths,
+      ...style
+    },
+    ...rest,
+    children: content
+  });
+});
+Button.displayName = 'Button';
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/module/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","ButtonV2Size","ButtonV2State","ButtonV2SubType","ButtonV2Type","useNativeTokens","Pressable","Slot","Text","getButtonNativeStyles","getIconMaxHeight","getLoaderSize","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","buttonType","PRIMARY","size","SMALL","subType","DEFAULT","text","leftSlot","rightSlot","loading","disabled","state","buttonGroupPosition","width","minWidth","maxWidth","justifyContent","onPress","testID","accessibilityLabel","style","rest","ref","tokens","styles","iconMaxHeights","maxHeight","slotMaxHeight","iconColor","textColor","loaderColor","String","color","default","content","children","slot","left","hidden","Boolean","undefined","fontSize","fontWeight","lineHeight","textAlign","right","background","activeBackground","disabledBackground","border","activeBorder","disabledBorder","borderRadius","boxShadow","activeBoxShadow","paddingTop","padding","top","paddingRight","paddingBottom","bottom","paddingLeft","flexDirection","alignItems","gap","height","loaderSize","accessibilityRole","groupBorderWidths","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAE3C,SACIC,YAAY,EACZC,aAAa,EACbC,eAAe,EACfC,YAAY,QAET,kCAAkC;AACzC,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,SAAS,QAAQ,+BAA4B;AACtD,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SACIC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,QACV,mBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,gBAAGnB,UAAU,CAA4B,SAASmB,MAAMA,CAChE;EACIC,UAAU,GAAGf,YAAY,CAACgB,OAAO;EACjCC,IAAI,GAAGpB,YAAY,CAACqB,KAAK;EACzBC,OAAO,GAAGpB,eAAe,CAACqB,OAAO;EACjCC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG5B,aAAa,CAACsB,OAAO;EAC7BO,mBAAmB;EACnBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,cAAc,GAAG,QAAQ;EACzBC,OAAO;EACPC,MAAM;EACNC,kBAAkB;EAClBC,KAAK;EACL,GAAGC;AACP,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,MAAM,GAAGrC,eAAe,CAAqB,UAAU,CAAC;EAE9D,MAAMsC,MAAM,GAAG3C,OAAO,CAClB,MACIS,qBAAqB,CACjBoB,QAAQ,EACRV,UAAU,EACVI,OAAO,EACPF,IAAI,EACJS,KAAK,EACLY,MAAM,EACNX,mBACJ,CAAC,EACL,CACIF,QAAQ,EACRV,UAAU,EACVI,OAAO,EACPF,IAAI,EACJS,KAAK,EACLY,MAAM,EACNX,mBAAmB,CAE3B,CAAC;EAED,MAAMa,cAAc,GAAGlC,gBAAgB,CACnCa,OAAO,EACPG,QAAQ,EAAEmB,SAAS,EACnBlB,SAAS,EAAEkB,SAAS,EACpBH,MAAM,CAACI,aAAa,CAACzB,IAAI,CAC7B,CAAC;;EAED;EACA;EACA;EACA,MAAM0B,SAAS,GAAGJ,MAAM,CAACK,SAAS;EAElC,MAAMC,WAAW,GAAGC,MAAM,CACtBR,MAAM,CAACjB,IAAI,CAAC0B,KAAK,CAAChC,UAAU,CAAC,CAACI,OAAO,CAAC,CAAC6B,OAAO,IAAI,SACtD,CAAC;EAED,MAAMC,OAAO,gBACTpC,KAAA,CAAAF,SAAA;IAAAuC,QAAA,GACK5B,QAAQ,EAAE6B,IAAI,gBACX1C,IAAA,CAACN,IAAI;MACD4C,KAAK,EAAEJ,SAAU;MACjBF,SAAS,EAAED,cAAc,CAACY,IAAK;MAC/BC,MAAM,EAAEC,OAAO,CAACjC,IAAI,CAAE;MACtBY,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,YAAY,GAAGsB,SAAU;MAAAL,QAAA,EAElD5B,QAAQ,CAAC6B;IAAI,CACZ,CAAC,GACP,IAAI,EAEP9B,IAAI,gBACDZ,IAAA,CAACL,IAAI;MACDoD,QAAQ,EAAElB,MAAM,CAACjB,IAAI,CAACmC,QAAQ,CAACvC,IAAI,CAAE;MACrCwC,UAAU,EAAEnB,MAAM,CAACjB,IAAI,CAACoC,UAAU,CAACxC,IAAI,CAAE;MACzCyC,UAAU,EAAEpB,MAAM,CAACjB,IAAI,CAACqC,UAAU,GAAGzC,IAAI,CAAE;MAC3C8B,KAAK,EAAER,MAAM,CAACK,SAAU;MACxBe,SAAS,EAAC,QAAQ;MAAAT,QAAA,EAEjB7B;IAAI,CACH,CAAC,GACP,IAAI,EAEPE,SAAS,EAAE4B,IAAI,gBACZ1C,IAAA,CAACN,IAAI;MACD4C,KAAK,EAAEJ,SAAU;MACjBF,SAAS,EAAED,cAAc,CAACoB,KAAM;MAChCP,MAAM,EAAEC,OAAO,CAACjC,IAAI,CAAE;MACtBY,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,aAAa,GAAGsB,SAAU;MAAAL,QAAA,EAEnD3B,SAAS,CAAC4B;IAAI,CACb,CAAC,GACP,IAAI;EAAA,CACV,CACL;EAED,oBACI1C,IAAA,CAACP,SAAS;IACNmC,GAAG,EAAEA,GAAI;IACTwB,UAAU,EAAEtB,MAAM,CAACsB,UAAW;IAC9BC,gBAAgB,EAAEvB,MAAM,CAACuB,gBAAiB;IAC1CC,kBAAkB,EAAExB,MAAM,CAACwB,kBAAmB;IAC9CC,MAAM,EAAEzB,MAAM,CAACyB,MAAO;IACtBC,YAAY,EAAE1B,MAAM,CAAC0B,YAAa;IAClCC,cAAc,EAAE3B,MAAM,CAAC2B,cAAe;IACtCC,YAAY,EAAE5B,MAAM,CAAC4B,YAAa;IAClCC,SAAS,EAAE7B,MAAM,CAAC6B,SAAU;IAC5BC,eAAe,EAAE9B,MAAM,CAAC8B,eAAgB;IACxCC,UAAU,EAAE/B,MAAM,CAACgC,OAAO,CAACC,GAAI;IAC/BC,YAAY,EAAElC,MAAM,CAACgC,OAAO,CAACX,KAAM;IACnCc,aAAa,EAAEnC,MAAM,CAACgC,OAAO,CAACI,MAAO;IACrCC,WAAW,EAAErC,MAAM,CAACgC,OAAO,CAACnB,IAAK;IACjCyB,aAAa,EAAC,KAAK;IACnBC,UAAU,EAAC,QAAQ;IACnB/C,cAAc,EAAEA,cAAe;IAC/BgD,GAAG,EAAExC,MAAM,CAACwC;IACZ;IAAA;IACAnD,KAAK,EAAEA,KAAK,IAAI,MAAO;IACvBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBkD,MAAM,EAAEzC,MAAM,CAACyC,MAAO;IACtBvD,QAAQ,EAAEA,QAAS;IACnBD,OAAO,EAAEA,OAAQ;IACjBqB,WAAW,EAAEA,WAAY;IACzBoC,UAAU,EAAE1E,aAAa,CAACU,IAAI,CAAE;IAChCe,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfC,kBAAkB,EAAEA,kBAAkB,IAAIb,IAAK;IAC/C6D,iBAAiB,EAAC;IAClB;IACA;IAAA;IACA/C,KAAK,EAAE;MAAE,GAAGI,MAAM,CAAC4C,iBAAiB;MAAE,GAAGhD;IAAM,CAAE;IAAA,GAC7CC,IAAI;IAAAc,QAAA,EAEPD;EAAO,CACD,CAAC;AAEpB,CAAC,CAAC;AAEFnC,MAAM,CAACsE,WAAW,GAAG,QAAQ;AAE7B,eAAetE,MAAM","ignoreList":[]}

package/lib/module/components/Button/button.types.js

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

package/lib/module/components/Button/button.types.js.map

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

package/lib/module/components/Button/button.utils.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import { ButtonV2Size, ButtonV2State, ButtonV2SubType, PaddingDirection } from '@juspay/blend-design-system/node';
+import { getGroupedBorderRadius, getGroupedBorderWidths } from "../shared/group.js";
+
+/**
+ * Native ButtonV2 style resolver.
+ *
+ * Reimplements `packages/blend/lib/components/ButtonV2/utils.ts` for RN. Web
+ * builds a `ButtonStylesReturn` carrying `_active` / `_hover` /
+ * `_focusVisible` / `_disabled` pseudo-state maps; RN has no pseudo-selectors,
+ * so this returns the token strings per state and lets `Pressable` compose
+ * them against `{ pressed }`.
+ *
+ * `_hover` and `_focusVisible` have no native counterpart and are dropped.
+ */
+
+/**
+ * Resolve padding tokens per direction.
+ * Mirrors `getButtonPadding` in web `utils.ts`.
+ */
+export function getButtonPadding(size, buttonType, subType, tokens) {
+  return {
+    top: String(tokens.padding[PaddingDirection.TOP][size][buttonType][subType]),
+    right: String(tokens.padding[PaddingDirection.RIGHT][size][buttonType][subType]),
+    bottom: String(tokens.padding[PaddingDirection.BOTTOM][size][buttonType][subType]),
+    left: String(tokens.padding[PaddingDirection.LEFT][size][buttonType][subType])
+  };
+}
+
+/**
+ * Resolve the border radius, collapsing joined edges inside a button group.
+ *
+ * Mirrors `getButtonV2BorderRadius` in web `utils.ts`. The collapsing itself
+ * lives in `shared/group` because Tag needs the same algorithm.
+ */
+export function getButtonV2BorderRadius(size, buttonType, subType, buttonGroupPosition, tokens) {
+  return getGroupedBorderRadius(tokens.borderRadius[size][buttonType][subType], buttonGroupPosition);
+}
+
+/**
+ * Resolve the max height for each icon slot.
+ *
+ * Mirrors `getIconMaxHeight` in web `utils.ts`, including both behaviours
+ * that were previously missing on native: the inline subType stretches slots
+ * to `100%`, and a per-slot `maxHeight` overrides the size-derived default.
+ */
+export function getIconMaxHeight(subType, leftSlotMaxHeight, rightSlotMaxHeight, defaultMaxHeight) {
+  if (subType === ButtonV2SubType.INLINE) {
+    return {
+      left: '100%',
+      right: '100%'
+    };
+  }
+  return {
+    left: leftSlotMaxHeight ?? defaultMaxHeight,
+    right: rightSlotMaxHeight ?? defaultMaxHeight
+  };
+}
+
+/**
+ * Height override for the inline subType.
+ * Mirrors `getButtonHeight` in web `utils.ts` (`fit-content` → RN `auto`).
+ */
+export function getButtonHeight(subType) {
+  return subType === ButtonV2SubType.INLINE ? 'auto' : undefined;
+}
+
+/**
+ * Spinner size for the current button size.
+ *
+ * Web maps these to explicit pixel sizes (16/18/20 for sm/md/lg) so the
+ * loader never overflows a small button; RN's `ActivityIndicator` accepts a
+ * number on both platforms.
+ */
+export function getLoaderSize(size) {
+  const loaderSizeMap = {
+    [ButtonV2Size.SMALL]: 16,
+    [ButtonV2Size.MEDIUM]: 18,
+    [ButtonV2Size.LARGE]: 20
+  };
+  return loaderSizeMap[size] ?? 16;
+}
+
+/**
+ * Resolve the text/icon colour for the current state.
+ * Mirrors `getTextColor` in web `utils.ts`.
+ */
+export function getTextColor(disabled, state, buttonType, subType, tokens) {
+  const color = tokens.text.color[buttonType][subType][disabled ? ButtonV2State.DISABLED : state];
+  return color ? String(color) : 'transparent';
+}
+
+/**
+ * Compute the full native style set for a button.
+ *
+ * The native equivalent of `getButtonStyles` in web `utils.ts`.
+ */
+export function getButtonNativeStyles(isDisabled, buttonType, subType, size, state, tokens, buttonGroupPosition) {
+  const bg = tokens.backgroundColor[buttonType][subType];
+  const borders = tokens.border[buttonType][subType];
+  const shadows = tokens.shadow[buttonType][subType];
+  return {
+    background: String(bg.default),
+    activeBackground: String(bg.active),
+    disabledBackground: String(bg.disabled),
+    border: String(borders.default),
+    activeBorder: String(borders?.active ?? ''),
+    disabledBorder: String(borders?.disabled ?? ''),
+    boxShadow: String(shadows.default),
+    activeBoxShadow: String(shadows?.active ?? 'none'),
+    textColor: getTextColor(isDisabled, state, buttonType, subType, tokens),
+    padding: getButtonPadding(size, buttonType, subType, tokens),
+    gap: String(tokens.gap),
+    groupBorderWidths: getGroupedBorderWidths(buttonGroupPosition),
+    borderRadius: getButtonV2BorderRadius(size, buttonType, subType, buttonGroupPosition, tokens),
+    height: getButtonHeight(subType)
+  };
+}
+//# sourceMappingURL=button.utils.js.map

package/lib/module/components/Button/button.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonV2Size","ButtonV2State","ButtonV2SubType","PaddingDirection","getGroupedBorderRadius","getGroupedBorderWidths","getButtonPadding","size","buttonType","subType","tokens","top","String","padding","TOP","right","RIGHT","bottom","BOTTOM","left","LEFT","getButtonV2BorderRadius","buttonGroupPosition","borderRadius","getIconMaxHeight","leftSlotMaxHeight","rightSlotMaxHeight","defaultMaxHeight","INLINE","getButtonHeight","undefined","getLoaderSize","loaderSizeMap","SMALL","MEDIUM","LARGE","getTextColor","disabled","state","color","text","DISABLED","getButtonNativeStyles","isDisabled","bg","backgroundColor","borders","border","shadows","shadow","background","default","activeBackground","active","disabledBackground","activeBorder","disabledBorder","boxShadow","activeBoxShadow","textColor","gap","groupBorderWidths","height"],"sourceRoot":"../../../../src","sources":["components/Button/button.utils.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Button } from "./Button.js";
+export { getButtonNativeStyles, getButtonPadding, getButtonV2BorderRadius, getButtonHeight, getIconMaxHeight, getLoaderSize, getTextColor } from "./button.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Button","getButtonNativeStyles","getButtonPadding","getButtonV2BorderRadius","getButtonHeight","getIconMaxHeight","getLoaderSize","getTextColor"],"sourceRoot":"../../../../src","sources":["components/Button/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAE5C,SACIC,qBAAqB,EACrBC,gBAAgB,EAChBC,uBAAuB,EACvBC,eAAe,EACfC,gBAAgB,EAChBC,aAAa,EACbC,YAAY,QACT,mBAAgB","ignoreList":[]}

package/lib/module/components/Skeleton/Skeleton.js

@@ -0,0 +1,149 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useReduceMotion } from "../../motion/useReduceMotion.js";
+import { LinearGradient } from "../../adapters/optionalGradient.js";
+import { parseSize } from "../../adapters/cssStringAdapter.js";
+import { resolveSkeletonDuration, resolveSkeletonRadius } from "./skeleton.utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Skeleton — React Native implementation of web's `Skeleton`, resolving the
+ * same themed `SKELETON` token slot (base/highlight colours, duration).
+ *
+ * Two usages, matching web:
+ *
+ * - **Block**: `<Skeleton width={120} height={16} />` — a placeholder box.
+ * - **Wrap**: `<Skeleton>{content}</Skeleton>` — the content keeps its
+ *   layout but renders invisible, with the skeleton surface painted over
+ *   it. This is what restores the `skeleton` prop parity on Button and Tag.
+ *
+ * Variants: `pulse` animates opacity between highlight and base; `wave` and
+ * `shimmer` sweep a highlight gradient across the box (requiring the
+ * optional `expo-linear-gradient` — absent, they degrade to pulse; web's
+ * `::after` sweep has no other RN expression). OS reduce-motion renders a
+ * static base-coloured box.
+ *
+ * Hidden from assistive tech: a skeleton is a visual placeholder, and the
+ * owning component announces its loading state (the Button/Alert pattern).
+ */
+const SkeletonImpl = ({
+  variant = 'pulse',
+  shape = 'rectangle',
+  width,
+  height,
+  borderRadius,
+  children,
+  style,
+  testID
+}) => {
+  const tokens = useNativeTokens('SKELETON');
+  const reduceMotion = useReduceMotion();
+  const duration = resolveSkeletonDuration(tokens);
+  const baseColor = String(tokens.colors.base);
+  const highlightColor = String(tokens.colors.highlight);
+  const radius = borderRadius ?? resolveSkeletonRadius(shape, tokens, width, height);
+
+  // Sweep needs the measured box; pulse does not.
+  const [measuredWidth, setMeasuredWidth] = useState(0);
+  const onLayout = useCallback(event => {
+    setMeasuredWidth(event.nativeEvent.layout.width);
+  }, []);
+  const canSweep = (variant === 'wave' || variant === 'shimmer') && LinearGradient !== null && !reduceMotion;
+  const pulses = !reduceMotion && !canSweep;
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    if (reduceMotion) {
+      cancelAnimation(progress);
+      progress.value = 0;
+      return;
+    }
+    progress.value = 0;
+    progress.value = withRepeat(withTiming(1, {
+      duration,
+      easing: Easing.inOut(Easing.ease)
+    }), -1,
+    // Pulse breathes in and out; the sweep restarts from the left.
+    !canSweep);
+    return () => cancelAnimation(progress);
+  }, [progress, duration, reduceMotion, canSweep]);
+  const pulseStyle = useAnimatedStyle(() => ({
+    opacity: pulses ? 1 - progress.value * 0.5 : 1
+  }), [pulses]);
+  const sweepStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: canSweep ? -measuredWidth + progress.value * 2 * measuredWidth : 0
+    }]
+  }), [canSweep, measuredWidth]);
+  const boxStyle = useMemo(() => ({
+    backgroundColor: baseColor,
+    borderRadius: radius,
+    overflow: 'hidden',
+    ...(children ? null : {
+      width: parseSize(width) ?? undefined,
+      height: parseSize(height) ?? undefined
+    })
+  }), [baseColor, radius, children, width, height]);
+  const surface = /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: "none",
+    onLayout: canSweep ? onLayout : undefined,
+    style: [children ? styles.fill : null, boxStyle, pulseStyle],
+    testID: testID ? `${testID}-surface` : undefined,
+    children: canSweep && measuredWidth > 0 && LinearGradient ? /*#__PURE__*/_jsx(Animated.View, {
+      style: [StyleSheet.absoluteFill, sweepStyle],
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        colors: [baseColor, highlightColor, baseColor],
+        locations: [0.2, 0.5, 0.8],
+        start: {
+          x: 0,
+          y: 0.5
+        },
+        end: {
+          x: 1,
+          y: 0.5
+        },
+        style: styles.fill
+      })
+    }) : null
+  });
+  if (!children) {
+    return /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      style: style,
+      accessible: false,
+      importantForAccessibility: "no-hide-descendants",
+      accessibilityElementsHidden: true,
+      children: surface
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: style,
+    pointerEvents: "none",
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    accessibilityElementsHidden: true,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.hiddenContent,
+      children: children
+    }), surface]
+  });
+};
+export const Skeleton = /*#__PURE__*/React.memo(SkeletonImpl);
+Skeleton.displayName = 'Skeleton';
+const styles = StyleSheet.create({
+  hiddenContent: {
+    opacity: 0
+  },
+  fill: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  }
+});
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useNativeTokens","useReduceMotion","LinearGradient","parseSize","resolveSkeletonDuration","resolveSkeletonRadius","jsx","_jsx","jsxs","_jsxs","SkeletonImpl","variant","shape","width","height","borderRadius","children","style","testID","tokens","reduceMotion","duration","baseColor","String","colors","base","highlightColor","highlight","radius","measuredWidth","setMeasuredWidth","onLayout","event","nativeEvent","layout","canSweep","pulses","progress","value","easing","inOut","ease","pulseStyle","opacity","sweepStyle","transform","translateX","boxStyle","backgroundColor","overflow","undefined","surface","pointerEvents","styles","fill","absoluteFill","locations","start","x","y","end","accessible","importantForAccessibility","accessibilityElementsHidden","hiddenContent","Skeleton","memo","displayName","create","position","top","right","bottom","left"],"sourceRoot":"../../../../src","sources":["components/Skeleton/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/lib/module/components/Skeleton/skeleton.types.js

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

package/lib/module/components/Skeleton/skeleton.types.js.map

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

package/lib/module/components/Skeleton/skeleton.utils.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { parseBorderRadius, parseDuration, parseSize } from "../../adapters/cssStringAdapter.js";
+
+/**
+ * Pure resolution for the native Skeleton — vitest-testable, worklet-free.
+ */
+
+/** Default when the token duration cannot be parsed. */
+export const SKELETON_FALLBACK_DURATION = 1500;
+
+/**
+ * Animation cycle length in milliseconds, from the token's CSS duration
+ * string (`"1.5s"`).
+ */
+export function resolveSkeletonDuration(tokens) {
+  return parseDuration(tokens.animation.duration) ?? SKELETON_FALLBACK_DURATION;
+}
+
+/**
+ * Border radius for a shape.
+ *
+ * The `circle` token is CSS `"50%"`, which RN cannot express — a circle
+ * needs a numeric radius of half the box. When the box size is unknown
+ * (string sizes, wrap mode) a large radius produces the same pill/circle
+ * silhouette, the same trick web's `radius.full` relies on.
+ */
+export function resolveSkeletonRadius(shape, tokens, width, height) {
+  if (shape === 'circle') {
+    const w = typeof width === 'number' ? width : parseSize(String(width));
+    const h = typeof height === 'number' ? height : parseSize(String(height));
+    if (typeof w === 'number' && typeof h === 'number') {
+      return Math.min(w, h) / 2;
+    }
+    return 9999;
+  }
+  const parsed = parseBorderRadius(tokens.borderRadius[shape]);
+  return typeof parsed === 'number' ? parsed : 0;
+}
+//# sourceMappingURL=skeleton.utils.js.map

package/lib/module/components/Skeleton/skeleton.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseBorderRadius","parseDuration","parseSize","SKELETON_FALLBACK_DURATION","resolveSkeletonDuration","tokens","animation","duration","resolveSkeletonRadius","shape","width","height","w","String","h","Math","min","parsed","borderRadius"],"sourceRoot":"../../../../src","sources":["components/Skeleton/skeleton.utils.ts"],"mappings":";;AAIA,SACIA,iBAAiB,EACjBC,aAAa,EACbC,SAAS,QACN,oCAAiC;;AAExC;AACA;AACA;;AAEA;AACA,OAAO,MAAMC,0BAA0B,GAAG,IAAI;;AAE9C;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,MAA0B,EAAU;EACxE,OACIJ,aAAa,CAACI,MAAM,CAACC,SAAS,CAACC,QAA2B,CAAC,IAC3DJ,0BAA0B;AAElC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,qBAAqBA,CACjCC,KAAoB,EACpBJ,MAA0B,EAC1BK,KAAuB,EACvBC,MAAwB,EAClB;EACN,IAAIF,KAAK,KAAK,QAAQ,EAAE;IACpB,MAAMG,CAAC,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGR,SAAS,CAACW,MAAM,CAACH,KAAK,CAAC,CAAC;IACtE,MAAMI,CAAC,GACH,OAAOH,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGT,SAAS,CAACW,MAAM,CAACF,MAAM,CAAC,CAAC;IACnE,IAAI,OAAOC,CAAC,KAAK,QAAQ,IAAI,OAAOE,CAAC,KAAK,QAAQ,EAAE;MAChD,OAAOC,IAAI,CAACC,GAAG,CAACJ,CAAC,EAAEE,CAAC,CAAC,GAAG,CAAC;IAC7B;IACA,OAAO,IAAI;EACf;EACA,MAAMG,MAAM,GAAGjB,iBAAiB,CAC5BK,MAAM,CAACa,YAAY,CAACT,KAAK,CAC7B,CAAC;EACD,OAAO,OAAOQ,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAG,CAAC;AAClD","ignoreList":[]}