@metamask/design-system-react-native 0.6.0 → 0.8.0

package/dist/components/RadioButton/RadioButton.mjs

@@ -0,0 +1,58 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { View, TouchableOpacity } from "react-native/index.js";
+import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
+const getRadioButtonBorderClass = (isReadOnly, isDanger, isChecked) => {
+    if (isReadOnly) {
+        return 'border-background-default';
+    }
+    if (isDanger) {
+        return 'border-error-default';
+    }
+    if (isChecked) {
+        return 'border-primary-default';
+    }
+    return 'border-default';
+};
+const getRadioButtonDotClass = (isReadOnly, isDanger) => {
+    if (isReadOnly) {
+        return 'bg-icon-alternative';
+    }
+    if (isDanger) {
+        return 'bg-error-default';
+    }
+    return 'bg-primary-default';
+};
+export const RadioButton = ({ onPress, label, labelProps, isChecked = false, isDisabled = false, isReadOnly = false, isDanger = false, touchableOpacityProps, radioButtonContainerProps, twClassName, style, ...props }) => {
+    const tw = useTailwind();
+    return (<View {...props} style={[
+            tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName),
+            style,
+        ]}>
+      <TouchableOpacity onPress={onPress} disabled={isDisabled || isReadOnly} accessible accessibilityRole="radio" accessibilityState={{
+            checked: isChecked,
+            disabled: isDisabled,
+        }} accessibilityLabel={typeof label === 'string' ? label : undefined} {...touchableOpacityProps} style={[
+            tw.style('flex-row items-center'),
+            touchableOpacityProps?.style,
+        ]}>
+        <View {...radioButtonContainerProps} style={[
+            tw.style('size-5 items-center justify-center rounded-full border-2 bg-default', getRadioButtonBorderClass(isReadOnly, isDanger, isChecked)),
+            radioButtonContainerProps?.style,
+        ]}>
+          {isChecked && (<View style={tw.style('size-3 rounded-full', getRadioButtonDotClass(isReadOnly, isDanger))}/>)}
+        </View>
+        {label ? (<TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>
+            {label}
+          </TextOrChildren>) : null}
+      </TouchableOpacity>
+    </View>);
+};
+//# sourceMappingURL=RadioButton.mjs.map

package/dist/components/RadioButton/RadioButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.mjs","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View, TouchableOpacity } from 'react-native';\n\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { RadioButtonProps } from './RadioButton.types';\n\nconst getRadioButtonBorderClass = (\n  isReadOnly: boolean,\n  isDanger: boolean,\n  isChecked: boolean,\n): string => {\n  if (isReadOnly) {\n    return 'border-background-default';\n  }\n  if (isDanger) {\n    return 'border-error-default';\n  }\n  if (isChecked) {\n    return 'border-primary-default';\n  }\n  return 'border-default';\n};\n\nconst getRadioButtonDotClass = (\n  isReadOnly: boolean,\n  isDanger: boolean,\n): string => {\n  if (isReadOnly) {\n    return 'bg-icon-alternative';\n  }\n  if (isDanger) {\n    return 'bg-error-default';\n  }\n  return 'bg-primary-default';\n};\n\nexport const RadioButton = ({\n  onPress,\n  label,\n  labelProps,\n  isChecked = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isDanger = false,\n  touchableOpacityProps,\n  radioButtonContainerProps,\n  twClassName,\n  style,\n  ...props\n}: RadioButtonProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'flex-row items-center',\n          isDisabled ? 'opacity-50' : 'opacity-100',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <TouchableOpacity\n        onPress={onPress}\n        disabled={isDisabled || isReadOnly}\n        accessible\n        accessibilityRole=\"radio\"\n        accessibilityState={{\n          checked: isChecked,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        {...touchableOpacityProps}\n        style={[\n          tw.style('flex-row items-center'),\n          touchableOpacityProps?.style,\n        ]}\n      >\n        <View\n          {...radioButtonContainerProps}\n          style={[\n            tw.style(\n              'size-5 items-center justify-center rounded-full border-2 bg-default',\n              getRadioButtonBorderClass(isReadOnly, isDanger, isChecked),\n            ),\n            radioButtonContainerProps?.style,\n          ]}\n        >\n          {isChecked && (\n            <View\n              style={tw.style(\n                'size-3 rounded-full',\n                getRadioButtonDotClass(isReadOnly, isDanger),\n              )}\n            />\n          )}\n        </View>\n        {label ? (\n          <TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>\n            {label}\n          </TextOrChildren>\n        ) : null}\n      </TouchableOpacity>\n    </View>\n  );\n};\n"]}

package/dist/components/RadioButton/RadioButton.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=RadioButton.types.cjs.map

package/dist/components/RadioButton/RadioButton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.types.cjs","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TouchableOpacityProps, ViewProps } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * RadioButton component props.\n *\n * Extends ViewProps so the root View inherits standard React Native\n * props such as `testID` and `accessibilityLabel`.\n */\nexport type RadioButtonProps = {\n  /**\n   * Optional callback triggered when the radio button is pressed.\n   */\n  onPress?: () => void;\n\n  /**\n   * Optional label displayed beside the radio button.\n   */\n  label?: string | React.ReactNode;\n\n  /**\n   * Optional props passed to the label's Text component.\n   */\n  labelProps?: Omit<Partial<TextProps>, 'children'>;\n\n  /**\n   * Optional prop to configure the checked state.\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n\n  /**\n   * Optional prop to configure the disabled state.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Optional prop to configure the read-only state.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Optional prop to configure the danger state.\n   *\n   * @default false\n   */\n  isDanger?: boolean;\n\n  /**\n   * Optional props passed to the inner TouchableOpacity.\n   * Use this for TouchableOpacity-specific props such as `testID`.\n   */\n  touchableOpacityProps?: Omit<\n    Partial<TouchableOpacityProps>,\n    'children' | 'onPress' | 'disabled'\n  >;\n\n  /**\n   * Optional props passed to the radio button circle container.\n   */\n  radioButtonContainerProps?: Omit<Partial<ViewProps>, 'children'>;\n\n  /**\n   * Optional Tailwind CSS classes for the root container.\n   */\n  twClassName?: string;\n\n  /**\n   * Optional custom styles for the root container.\n   */\n  style?: ViewProps['style'];\n} & Omit<ViewProps, 'children'>;\n"]}

package/dist/components/RadioButton/RadioButton.types.d.cts

@@ -0,0 +1,64 @@
+import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TextProps } from "../Text/index.cjs";
+/**
+ * RadioButton component props.
+ *
+ * Extends ViewProps so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type RadioButtonProps = {
+    /**
+     * Optional callback triggered when the radio button is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Optional label displayed beside the radio button.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * Optional props passed to the label's Text component.
+     */
+    labelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional prop to configure the checked state.
+     *
+     * @default false
+     */
+    isChecked?: boolean;
+    /**
+     * Optional prop to configure the disabled state.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop to configure the read-only state.
+     *
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Optional prop to configure the danger state.
+     *
+     * @default false
+     */
+    isDanger?: boolean;
+    /**
+     * Optional props passed to the inner TouchableOpacity.
+     * Use this for TouchableOpacity-specific props such as `testID`.
+     */
+    touchableOpacityProps?: Omit<Partial<TouchableOpacityProps>, 'children' | 'onPress' | 'disabled'>;
+    /**
+     * Optional props passed to the radio button circle container.
+     */
+    radioButtonContainerProps?: Omit<Partial<ViewProps>, 'children'>;
+    /**
+     * Optional Tailwind CSS classes for the root container.
+     */
+    twClassName?: string;
+    /**
+     * Optional custom styles for the root container.
+     */
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=RadioButton.types.d.cts.map

package/dist/components/RadioButton/RadioButton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.types.d.cts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,OAAO,CAAC,qBAAqB,CAAC,EAC9B,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC,CAAC;IAEF;;OAEG;IACH,yBAAyB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAEjE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/RadioButton/RadioButton.types.d.mts

@@ -0,0 +1,64 @@
+import type { TouchableOpacityProps, ViewProps } from "react-native/index.js";
+import type { TextProps } from "../Text/index.mjs";
+/**
+ * RadioButton component props.
+ *
+ * Extends ViewProps so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type RadioButtonProps = {
+    /**
+     * Optional callback triggered when the radio button is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Optional label displayed beside the radio button.
+     */
+    label?: string | React.ReactNode;
+    /**
+     * Optional props passed to the label's Text component.
+     */
+    labelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional prop to configure the checked state.
+     *
+     * @default false
+     */
+    isChecked?: boolean;
+    /**
+     * Optional prop to configure the disabled state.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop to configure the read-only state.
+     *
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Optional prop to configure the danger state.
+     *
+     * @default false
+     */
+    isDanger?: boolean;
+    /**
+     * Optional props passed to the inner TouchableOpacity.
+     * Use this for TouchableOpacity-specific props such as `testID`.
+     */
+    touchableOpacityProps?: Omit<Partial<TouchableOpacityProps>, 'children' | 'onPress' | 'disabled'>;
+    /**
+     * Optional props passed to the radio button circle container.
+     */
+    radioButtonContainerProps?: Omit<Partial<ViewProps>, 'children'>;
+    /**
+     * Optional Tailwind CSS classes for the root container.
+     */
+    twClassName?: string;
+    /**
+     * Optional custom styles for the root container.
+     */
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=RadioButton.types.d.mts.map

package/dist/components/RadioButton/RadioButton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.types.d.mts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,8BAAqB;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAElD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,OAAO,CAAC,qBAAqB,CAAC,EAC9B,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC,CAAC;IAEF;;OAEG;IACH,yBAAyB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAEjE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/RadioButton/RadioButton.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RadioButton.types.mjs.map

package/dist/components/RadioButton/RadioButton.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.types.mjs","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TouchableOpacityProps, ViewProps } from 'react-native';\n\nimport type { TextProps } from '../Text';\n\n/**\n * RadioButton component props.\n *\n * Extends ViewProps so the root View inherits standard React Native\n * props such as `testID` and `accessibilityLabel`.\n */\nexport type RadioButtonProps = {\n  /**\n   * Optional callback triggered when the radio button is pressed.\n   */\n  onPress?: () => void;\n\n  /**\n   * Optional label displayed beside the radio button.\n   */\n  label?: string | React.ReactNode;\n\n  /**\n   * Optional props passed to the label's Text component.\n   */\n  labelProps?: Omit<Partial<TextProps>, 'children'>;\n\n  /**\n   * Optional prop to configure the checked state.\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n\n  /**\n   * Optional prop to configure the disabled state.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Optional prop to configure the read-only state.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n\n  /**\n   * Optional prop to configure the danger state.\n   *\n   * @default false\n   */\n  isDanger?: boolean;\n\n  /**\n   * Optional props passed to the inner TouchableOpacity.\n   * Use this for TouchableOpacity-specific props such as `testID`.\n   */\n  touchableOpacityProps?: Omit<\n    Partial<TouchableOpacityProps>,\n    'children' | 'onPress' | 'disabled'\n  >;\n\n  /**\n   * Optional props passed to the radio button circle container.\n   */\n  radioButtonContainerProps?: Omit<Partial<ViewProps>, 'children'>;\n\n  /**\n   * Optional Tailwind CSS classes for the root container.\n   */\n  twClassName?: string;\n\n  /**\n   * Optional custom styles for the root container.\n   */\n  style?: ViewProps['style'];\n} & Omit<ViewProps, 'children'>;\n"]}

package/dist/components/RadioButton/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButton = void 0;
+var RadioButton_1 = require("./RadioButton.cjs");
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return RadioButton_1.RadioButton; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/RadioButton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { RadioButton } from './RadioButton';\nexport type { RadioButtonProps } from './RadioButton.types';\n"]}

package/dist/components/RadioButton/index.d.cts

@@ -0,0 +1,3 @@
+export { RadioButton } from "./RadioButton.cjs";
+export type { RadioButtonProps } from "./RadioButton.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/RadioButton/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/RadioButton/index.d.mts

@@ -0,0 +1,3 @@
+export { RadioButton } from "./RadioButton.mjs";
+export type { RadioButtonProps } from "./RadioButton.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/RadioButton/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/RadioButton/index.mjs

@@ -0,0 +1,2 @@
+export { RadioButton } from "./RadioButton.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/RadioButton/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { RadioButton } from './RadioButton';\nexport type { RadioButtonProps } from './RadioButton.types';\n"]}

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native/index.js");
+const Skeleton = ({ height, width, children, hideChildren = false, style, childrenWrapperProps, animatedViewProps, twClassName, autoPlay = true, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.2)).current;
+    const hasChildren = children !== null && children !== undefined;
+    const startAnimation = () => {
+        react_native_1.Animated.sequence([
+            react_native_1.Animated.timing(opacityAnim, {
+                toValue: 0.1,
+                duration: 700,
+                useNativeDriver: true,
+                isInteraction: false,
+            }),
+            react_native_1.Animated.timing(opacityAnim, {
+                toValue: 0.2,
+                duration: 700,
+                useNativeDriver: true,
+                isInteraction: false,
+            }),
+        ]).start(({ finished }) => {
+            /* istanbul ignore next - animation interruption is not testable in Jest */
+            if (finished) {
+                startAnimation();
+            }
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        if (autoPlay && (!hasChildren || hideChildren)) {
+            startAnimation();
+        }
+        return () => {
+            opacityAnim.stopAnimation();
+        };
+    }, [hasChildren, hideChildren, autoPlay]);
+    if (!hideChildren && hasChildren) {
+        return <>{children}</>;
+    }
+    return (<react_native_1.View style={[
+            tw.style('rounded overflow-hidden', twClassName),
+            height !== undefined && { height },
+            width !== undefined && { width },
+            style,
+        ]} {...props}>
+      <react_native_1.Animated.View {...animatedViewProps} style={[
+            tw.style('absolute inset-0 rounded bg-icon-alternative'),
+            { opacity: opacityAnim },
+            animatedViewProps?.style,
+        ]} pointerEvents="none"/>
+
+      {hasChildren && (<react_native_1.View {...childrenWrapperProps} style={[
+                tw.style('relative z-10 opacity-0'),
+                childrenWrapperProps?.style,
+            ]} pointerEvents="none" accessibilityElementsHidden importantForAccessibility="no-hide-descendants">
+          {children}
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+exports.default = Skeleton;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAmE;AACnE,+CAAiD;AACjD,wDAA8C;AAI9C,MAAM,QAAQ,GAA4B,CAAC,EACzC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;YACF,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxB,2EAA2E;YAC3E,IAAI,QAAQ,EAAE;gBACZ,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,EAAE;YAC9C,cAAc,EAAE,CAAC;SAClB;QAED,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,aAAa,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;KACxB;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,WAAW,CAAC;YAChD,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE;YAClC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE;YAChC,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,uBAAQ,CAAC,IAAI,CACZ,IAAI,iBAAiB,CAAC,CACtB,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,8CAA8C,CAAC;YACxD,EAAE,OAAO,EAAE,WAAW,EAAE;YACxB,iBAAiB,EAAE,KAAK;SACzB,CAAC,CACF,aAAa,CAAC,MAAM,EAGtB;;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,mBAAI,CACH,IAAI,oBAAoB,CAAC,CACzB,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC;gBACnC,oBAAoB,EAAE,KAAK;aAC5B,CAAC,CACF,aAAa,CAAC,MAAM,CACpB,2BAA2B,CAC3B,yBAAyB,CAAC,qBAAqB,CAE/C;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,mBAAI,CAAC,CACR,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default Skeleton;\n"]}

package/dist/components/Skeleton/Skeleton.d.cts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { SkeletonProps } from "./Skeleton.types.cjs";
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.cts.map

package/dist/components/Skeleton/Skeleton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Skeleton/Skeleton.d.mts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { SkeletonProps } from "./Skeleton.types.mjs";
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.d.mts.map

package/dist/components/Skeleton/Skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -0,0 +1,68 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React, { useEffect, useRef } from "react";
+const React = $importDefault($React);
+import { Animated, View } from "react-native/index.js";
+const Skeleton = ({ height, width, children, hideChildren = false, style, childrenWrapperProps, animatedViewProps, twClassName, autoPlay = true, ...props }) => {
+    const tw = useTailwind();
+    const opacityAnim = useRef(new Animated.Value(0.2)).current;
+    const hasChildren = children !== null && children !== undefined;
+    const startAnimation = () => {
+        Animated.sequence([
+            Animated.timing(opacityAnim, {
+                toValue: 0.1,
+                duration: 700,
+                useNativeDriver: true,
+                isInteraction: false,
+            }),
+            Animated.timing(opacityAnim, {
+                toValue: 0.2,
+                duration: 700,
+                useNativeDriver: true,
+                isInteraction: false,
+            }),
+        ]).start(({ finished }) => {
+            /* istanbul ignore next - animation interruption is not testable in Jest */
+            if (finished) {
+                startAnimation();
+            }
+        });
+    };
+    useEffect(() => {
+        if (autoPlay && (!hasChildren || hideChildren)) {
+            startAnimation();
+        }
+        return () => {
+            opacityAnim.stopAnimation();
+        };
+    }, [hasChildren, hideChildren, autoPlay]);
+    if (!hideChildren && hasChildren) {
+        return <>{children}</>;
+    }
+    return (<View style={[
+            tw.style('rounded overflow-hidden', twClassName),
+            height !== undefined && { height },
+            width !== undefined && { width },
+            style,
+        ]} {...props}>
+      <Animated.View {...animatedViewProps} style={[
+            tw.style('absolute inset-0 rounded bg-icon-alternative'),
+            { opacity: opacityAnim },
+            animatedViewProps?.style,
+        ]} pointerEvents="none"/>
+
+      {hasChildren && (<View {...childrenWrapperProps} style={[
+                tw.style('relative z-10 opacity-0'),
+                childrenWrapperProps?.style,
+            ]} pointerEvents="none" accessibilityElementsHidden importantForAccessibility="no-hide-descendants">
+          {children}
+        </View>)}
+    </View>);
+};
+export default Skeleton;
+//# sourceMappingURL=Skeleton.mjs.map

package/dist/components/Skeleton/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default Skeleton;\n"]}

package/dist/components/Skeleton/Skeleton.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Skeleton.types.cjs.map

package/dist/components/Skeleton/Skeleton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps } from 'react-native';\n\n/**\n * Skeleton component props.\n *\n * Extends ViewProps to inherit standard React Native props\n * such as testID and accessibilityLabel.\n */\nexport type SkeletonProps = {\n  /**\n   * Optional prop to set the height of the Skeleton.\n   */\n  height?: number | string;\n  /**\n   * Optional prop to set the width of the Skeleton.\n   */\n  width?: number | string;\n  /**\n   * Optional content to display within the skeleton.\n   * When provided without `hideChildren`, children are rendered directly.\n   * When provided with `hideChildren`, children are rendered invisibly\n   * to preserve layout dimensions.\n   */\n  children?: ReactNode;\n  /**\n   * When true, children are rendered invisibly while the skeleton\n   * animation plays, preserving layout dimensions.\n   *\n   * @default false\n   */\n  hideChildren?: boolean;\n  /**\n   * Props spread to the children wrapper View (e.g., testID, accessibilityLabel).\n   */\n  childrenWrapperProps?: ViewProps;\n  /**\n   * Props spread to the animated background View (e.g., testID, accessibilityLabel).\n   */\n  animatedViewProps?: ViewProps;\n  /**\n   * Tailwind CSS classes for the skeleton container.\n   */\n  twClassName?: string;\n  /**\n   * Whether to automatically start the shimmer animation.\n   *\n   * @default true\n   */\n  autoPlay?: boolean;\n} & ViewProps;\n"]}

package/dist/components/Skeleton/Skeleton.types.d.cts

@@ -0,0 +1,51 @@
+import type { ReactNode } from "react";
+import type { ViewProps } from "react-native/index.js";
+/**
+ * Skeleton component props.
+ *
+ * Extends ViewProps to inherit standard React Native props
+ * such as testID and accessibilityLabel.
+ */
+export type SkeletonProps = {
+    /**
+     * Optional prop to set the height of the Skeleton.
+     */
+    height?: number | string;
+    /**
+     * Optional prop to set the width of the Skeleton.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     * When provided without `hideChildren`, children are rendered directly.
+     * When provided with `hideChildren`, children are rendered invisibly
+     * to preserve layout dimensions.
+     */
+    children?: ReactNode;
+    /**
+     * When true, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Props spread to the children wrapper View (e.g., testID, accessibilityLabel).
+     */
+    childrenWrapperProps?: ViewProps;
+    /**
+     * Props spread to the animated background View (e.g., testID, accessibilityLabel).
+     */
+    animatedViewProps?: ViewProps;
+    /**
+     * Tailwind CSS classes for the skeleton container.
+     */
+    twClassName?: string;
+    /**
+     * Whether to automatically start the shimmer animation.
+     *
+     * @default true
+     */
+    autoPlay?: boolean;
+} & ViewProps;
+//# sourceMappingURL=Skeleton.types.d.cts.map

package/dist/components/Skeleton/Skeleton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,SAAS,CAAC"}

package/dist/components/Skeleton/Skeleton.types.d.mts

@@ -0,0 +1,51 @@
+import type { ReactNode } from "react";
+import type { ViewProps } from "react-native/index.js";
+/**
+ * Skeleton component props.
+ *
+ * Extends ViewProps to inherit standard React Native props
+ * such as testID and accessibilityLabel.
+ */
+export type SkeletonProps = {
+    /**
+     * Optional prop to set the height of the Skeleton.
+     */
+    height?: number | string;
+    /**
+     * Optional prop to set the width of the Skeleton.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     * When provided without `hideChildren`, children are rendered directly.
+     * When provided with `hideChildren`, children are rendered invisibly
+     * to preserve layout dimensions.
+     */
+    children?: ReactNode;
+    /**
+     * When true, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Props spread to the children wrapper View (e.g., testID, accessibilityLabel).
+     */
+    childrenWrapperProps?: ViewProps;
+    /**
+     * Props spread to the animated background View (e.g., testID, accessibilityLabel).
+     */
+    animatedViewProps?: ViewProps;
+    /**
+     * Tailwind CSS classes for the skeleton container.
+     */
+    twClassName?: string;
+    /**
+     * Whether to automatically start the shimmer animation.
+     *
+     * @default true
+     */
+    autoPlay?: boolean;
+} & ViewProps;
+//# sourceMappingURL=Skeleton.types.d.mts.map

package/dist/components/Skeleton/Skeleton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,SAAS,CAAC"}

package/dist/components/Skeleton/Skeleton.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Skeleton.types.mjs.map

package/dist/components/Skeleton/Skeleton.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps } from 'react-native';\n\n/**\n * Skeleton component props.\n *\n * Extends ViewProps to inherit standard React Native props\n * such as testID and accessibilityLabel.\n */\nexport type SkeletonProps = {\n  /**\n   * Optional prop to set the height of the Skeleton.\n   */\n  height?: number | string;\n  /**\n   * Optional prop to set the width of the Skeleton.\n   */\n  width?: number | string;\n  /**\n   * Optional content to display within the skeleton.\n   * When provided without `hideChildren`, children are rendered directly.\n   * When provided with `hideChildren`, children are rendered invisibly\n   * to preserve layout dimensions.\n   */\n  children?: ReactNode;\n  /**\n   * When true, children are rendered invisibly while the skeleton\n   * animation plays, preserving layout dimensions.\n   *\n   * @default false\n   */\n  hideChildren?: boolean;\n  /**\n   * Props spread to the children wrapper View (e.g., testID, accessibilityLabel).\n   */\n  childrenWrapperProps?: ViewProps;\n  /**\n   * Props spread to the animated background View (e.g., testID, accessibilityLabel).\n   */\n  animatedViewProps?: ViewProps;\n  /**\n   * Tailwind CSS classes for the skeleton container.\n   */\n  twClassName?: string;\n  /**\n   * Whether to automatically start the shimmer animation.\n   *\n   * @default true\n   */\n  autoPlay?: boolean;\n} & ViewProps;\n"]}

package/dist/components/Skeleton/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+var Skeleton_1 = require("./Skeleton.cjs");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/Skeleton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAiD;AAAxC,qHAAA,OAAO,OAAY","sourcesContent":["export { default as Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}

package/dist/components/Skeleton/index.d.cts

@@ -0,0 +1,3 @@
+export { default as Skeleton } from "./Skeleton.cjs";
+export type { SkeletonProps } from "./Skeleton.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Skeleton/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,uBAAmB;AACjD,YAAY,EAAE,aAAa,EAAE,6BAAyB"}