@xaui/native 0.9.1-alpha.34 → 0.9.1-alpha.35

package/dist/{chunk-KQKD3KB3.js → chunk-HNW4HIMO.js}

@@ -12,9 +12,6 @@ var SLOTS = ["root"];
 var VARIANT_TOKENS = {
   default: {
     bg: "default"
-  },
-  secondary: {
-    bg: "defaultSoft"
   }
 };
 var skeletonRecipe = createRecipe({
@@ -42,6 +39,10 @@ var skeletonRecipe = createRecipe({
    * R14's `width` and `height`, because only they know the shape of the thing that is
    * missing.
    */
+  /**
+   * `variant` is named here and nowhere else: there is one, the caller cannot choose it,
+   * and the recipe still needs it selected for `paint` and the tint to resolve.
+   */
   defaultVariants: {
     variant: "default",
     radius: "md"
@@ -53,7 +54,6 @@ import { Fragment, jsx } from "react/jsx-runtime";
 var PULSE_DURATION = 1e3;
 var PULSE_MIN_OPACITY = 0.5;
 var Skeleton = forwardRef(function Skeleton2({
-  variant,
   radius,
   color,
   isLoading = true,
@@ -65,7 +65,6 @@ var Skeleton = forwardRef(function Skeleton2({
   const theme = useXAUITheme();
   const [styleProps, rest] = useStyleProps(props);
   const selection = {
-    variant,
     radius
   };
   const styles = skeletonRecipe.resolve({
@@ -101,10 +100,10 @@ var Skeleton = forwardRef(function Skeleton2({
   });
 });
 Skeleton.displayName = "XAUI.Skeleton";
-const _worklet_6728096170816_init_data = {
-  code: "function chunkKQKD3KB3Js1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KQKD3KB3.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkKQKD3KB3Js1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KQKD3KB3.js\"],\"mappings\":\"AAiG2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_11158666407002_init_data = {
+  code: "function chunkHNW4HIMOJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-HNW4HIMO.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkHNW4HIMOJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-HNW4HIMO.js\"],\"mappings\":\"AAyF2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 var PulsingBlock = forwardRef(function PulsingBlock2({
   style,
@@ -120,26 +119,26 @@ var PulsingBlock = forwardRef(function PulsingBlock2({
     true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkKQKD3KB3Js1Factory({
-    _worklet_6728096170816_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkHNW4HIMOJs1Factory({
+    _worklet_11158666407002_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkKQKD3KB3Js1 = function () {
+    const chunkHNW4HIMOJs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkKQKD3KB3Js1.__closure = {
+    chunkHNW4HIMOJs1.__closure = {
       opacity
     };
-    chunkKQKD3KB3Js1.__workletHash = 6728096170816;
-    chunkKQKD3KB3Js1.__pluginVersion = "0.7.4";
-    chunkKQKD3KB3Js1.__initData = _worklet_6728096170816_init_data;
-    chunkKQKD3KB3Js1.__stackDetails = _e;
-    return chunkKQKD3KB3Js1;
+    chunkHNW4HIMOJs1.__workletHash = 11158666407002;
+    chunkHNW4HIMOJs1.__pluginVersion = "0.7.4";
+    chunkHNW4HIMOJs1.__initData = _worklet_11158666407002_init_data;
+    chunkHNW4HIMOJs1.__stackDetails = _e;
+    return chunkHNW4HIMOJs1;
   }({
-    _worklet_6728096170816_init_data,
+    _worklet_11158666407002_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */jsx(Animated.View, {

package/dist/{chunk-LT6XHFXJ.cjs → chunk-YUG22AXX.cjs}

@@ -44,9 +44,6 @@ var SLOTS = ["root"];
 var VARIANT_TOKENS = {
   default: {
     bg: "default"
-  },
-  secondary: {
-    bg: "defaultSoft"
   }
 };
 var skeletonRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
@@ -74,6 +71,10 @@ var skeletonRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
    * R14's `width` and `height`, because only they know the shape of the thing that is
    * missing.
    */
+  /**
+   * `variant` is named here and nowhere else: there is one, the caller cannot choose it,
+   * and the recipe still needs it selected for `paint` and the tint to resolve.
+   */
   defaultVariants: {
     variant: "default",
     radius: "md"
@@ -85,7 +86,6 @@ var _jsxruntime = require('react/jsx-runtime');
 var PULSE_DURATION = 1e3;
 var PULSE_MIN_OPACITY = 0.5;
 var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
-  variant,
   radius,
   color,
   isLoading = true,
@@ -97,7 +97,6 @@ var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
   const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const selection = {
-    variant,
     radius
   };
   const styles = skeletonRecipe.resolve({
@@ -133,10 +132,10 @@ var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
   });
 });
 Skeleton.displayName = "XAUI.Skeleton";
-const _worklet_17116227144085_init_data = {
-  code: "function chunkLT6XHFXJCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkLT6XHFXJCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs\"],\"mappings\":\"AAiG+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_15371887532149_init_data = {
+  code: "function chunkYUG22AXXCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-YUG22AXX.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkYUG22AXXCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-YUG22AXX.cjs\"],\"mappings\":\"AAyF+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
   style,
@@ -152,26 +151,26 @@ var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
     true);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, opacity);
   }, [opacity]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkLT6XHFXJCjs1Factory({
-    _worklet_17116227144085_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkYUG22AXXCjs1Factory({
+    _worklet_15371887532149_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkLT6XHFXJCjs1 = function () {
+    const chunkYUG22AXXCjs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkLT6XHFXJCjs1.__closure = {
+    chunkYUG22AXXCjs1.__closure = {
       opacity
     };
-    chunkLT6XHFXJCjs1.__workletHash = 17116227144085;
-    chunkLT6XHFXJCjs1.__pluginVersion = "0.7.4";
-    chunkLT6XHFXJCjs1.__initData = _worklet_17116227144085_init_data;
-    chunkLT6XHFXJCjs1.__stackDetails = _e;
-    return chunkLT6XHFXJCjs1;
+    chunkYUG22AXXCjs1.__workletHash = 15371887532149;
+    chunkYUG22AXXCjs1.__pluginVersion = "0.7.4";
+    chunkYUG22AXXCjs1.__initData = _worklet_15371887532149_init_data;
+    chunkYUG22AXXCjs1.__stackDetails = _e;
+    return chunkYUG22AXXCjs1;
   }({
-    _worklet_17116227144085_init_data,
+    _worklet_15371887532149_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {

package/dist/components/skeleton/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkLT6XHFXJcjs = require('../../chunk-LT6XHFXJ.cjs');
+var _chunkYUG22AXXcjs = require('../../chunk-YUG22AXX.cjs');
 require('../../chunk-FNEUOBCV.cjs');
 require('../../chunk-I6ZB3FZI.cjs');
 require('../../chunk-57SJ4LJF.cjs');
@@ -9,4 +9,4 @@ require('../../chunk-MC7SY2QH.cjs');
 
 
 
-exports.Skeleton = _chunkLT6XHFXJcjs.Skeleton; exports.skeletonRecipe = _chunkLT6XHFXJcjs.skeletonRecipe;
+exports.Skeleton = _chunkYUG22AXXcjs.Skeleton; exports.skeletonRecipe = _chunkYUG22AXXcjs.skeletonRecipe;

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

@@ -5,27 +5,58 @@ import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
 import { R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
 import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
 
-type SkeletonSlot = 'root';
 /**
- * Two levels, and they are the two backgrounds a placeholder is ever drawn on (§1 bis).
+ * The shape of what has not arrived yet.
  *
- * A skeleton **reports nothing** and **is not pressed**, so the status families are absent
- * the way they are from the `Card`, and so is `primary` — a placeholder in the accent
- * announces the brand where there is nothing yet to announce.
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
  *
- * - **`default`** — the `default` fill. A block on the page.
- * - **`secondary`** — `defaultSoft`, the same fill at half. A block on a `Card` or any
- *   other surface already carrying a neutral, where the full one reads as a hole.
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
  *
- * **No `tertiary` and no `ghost`**: a skeleton with a border and no fill is an empty box,
- * and a skeleton with neither is nothing at all. Both are the shape of the component being
- * a fill and only a fill.
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
  */
-type SkeletonVariant = 'default' | 'secondary';
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animation" | "radius" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
 /**
  * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
  * style prop that shares it is not exposed: `color` is R7's tint.
  *
+ * **No `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
  * **No `asChild`** (R12), because `children` is already taken and means the opposite of
  * what the prop would need it to. Here it is the content the block stands in for — what
  * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
@@ -34,7 +65,6 @@ type SkeletonVariant = 'default' | 'secondary';
  * instead, and R14 gives every `ViewStyle` key as a prop.
  */
 type SkeletonOwnProps = {
-    variant?: SkeletonVariant;
     /**
      * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
      * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
@@ -78,43 +108,4 @@ type SkeletonOwnProps = {
 };
 type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
 
-/**
- * The shape of what has not arrived yet.
- *
- * ```tsx
- * <Skeleton width={140} height={20} />
- * <Skeleton width={48} height={48} radius="full" />
- *
- * <Skeleton isLoading={!user} height={20} width={140}>
- *   <Typography>{user?.name}</Typography>
- * </Skeleton>
- * ```
- *
- * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
- * name. A paragraph of them is three of these in a `Column`, which is composition doing
- * what a `lines={3}` prop would otherwise hard-code — including the last line being
- * shorter, which is the only reason the paragraph reads as a paragraph.
- *
- * **It has no `size`, and that is the design.** Only the caller knows the shape of the
- * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
- * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
- * token here would be a scale of rectangles nobody's content happens to be.
- *
- * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
- * shape you mount and unmount around your own content.
- */
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
-    variant?: SkeletonVariant;
-    radius?: RadiusKey;
-    color?: string;
-    isLoading?: boolean;
-    animation?: boolean;
-    children?: react.ReactNode;
-    style?: StyleProp<ViewStyle>;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animation" | "radius" | "variant" | "isLoading"> & react.RefAttributes<View>>;
-
-declare const skeletonRecipe: Recipe<"root", SkeletonVariant, {
-    readonly radius: Record<RadiusKey, StyleFn<"root">>;
-}>;
-
-export { Skeleton, type SkeletonProps, type SkeletonSlot, type SkeletonVariant, skeletonRecipe };
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };

package/dist/components/skeleton/index.d.ts

@@ -5,27 +5,58 @@ import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
 import { R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
 import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
 
-type SkeletonSlot = 'root';
 /**
- * Two levels, and they are the two backgrounds a placeholder is ever drawn on (§1 bis).
+ * The shape of what has not arrived yet.
  *
- * A skeleton **reports nothing** and **is not pressed**, so the status families are absent
- * the way they are from the `Card`, and so is `primary` — a placeholder in the accent
- * announces the brand where there is nothing yet to announce.
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
  *
- * - **`default`** — the `default` fill. A block on the page.
- * - **`secondary`** — `defaultSoft`, the same fill at half. A block on a `Card` or any
- *   other surface already carrying a neutral, where the full one reads as a hole.
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
  *
- * **No `tertiary` and no `ghost`**: a skeleton with a border and no fill is an empty box,
- * and a skeleton with neither is nothing at all. Both are the shape of the component being
- * a fill and only a fill.
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
  */
-type SkeletonVariant = 'default' | 'secondary';
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animation" | "radius" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
 /**
  * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
  * style prop that shares it is not exposed: `color` is R7's tint.
  *
+ * **No `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
  * **No `asChild`** (R12), because `children` is already taken and means the opposite of
  * what the prop would need it to. Here it is the content the block stands in for — what
  * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
@@ -34,7 +65,6 @@ type SkeletonVariant = 'default' | 'secondary';
  * instead, and R14 gives every `ViewStyle` key as a prop.
  */
 type SkeletonOwnProps = {
-    variant?: SkeletonVariant;
     /**
      * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
      * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
@@ -78,43 +108,4 @@ type SkeletonOwnProps = {
 };
 type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
 
-/**
- * The shape of what has not arrived yet.
- *
- * ```tsx
- * <Skeleton width={140} height={20} />
- * <Skeleton width={48} height={48} radius="full" />
- *
- * <Skeleton isLoading={!user} height={20} width={140}>
- *   <Typography>{user?.name}</Typography>
- * </Skeleton>
- * ```
- *
- * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
- * name. A paragraph of them is three of these in a `Column`, which is composition doing
- * what a `lines={3}` prop would otherwise hard-code — including the last line being
- * shorter, which is the only reason the paragraph reads as a paragraph.
- *
- * **It has no `size`, and that is the design.** Only the caller knows the shape of the
- * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
- * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
- * token here would be a scale of rectangles nobody's content happens to be.
- *
- * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
- * shape you mount and unmount around your own content.
- */
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
-    variant?: SkeletonVariant;
-    radius?: RadiusKey;
-    color?: string;
-    isLoading?: boolean;
-    animation?: boolean;
-    children?: react.ReactNode;
-    style?: StyleProp<ViewStyle>;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animation" | "radius" | "variant" | "isLoading"> & react.RefAttributes<View>>;
-
-declare const skeletonRecipe: Recipe<"root", SkeletonVariant, {
-    readonly radius: Record<RadiusKey, StyleFn<"root">>;
-}>;
-
-export { Skeleton, type SkeletonProps, type SkeletonSlot, type SkeletonVariant, skeletonRecipe };
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };

package/dist/components/skeleton/index.js

@@ -1,7 +1,7 @@
 import {
   Skeleton,
   skeletonRecipe
-} from "../../chunk-KQKD3KB3.js";
+} from "../../chunk-HNW4HIMO.js";
 import "../../chunk-4GTAZM2C.js";
 import "../../chunk-MEYCZS32.js";
 import "../../chunk-A3EGFI6T.js";

package/dist/index.cjs

@@ -77,7 +77,7 @@ var _chunkMSMZBUZOcjs = require('./chunk-MSMZBUZO.cjs');
 
 
 
-var _chunkLT6XHFXJcjs = require('./chunk-LT6XHFXJ.cjs');
+var _chunkYUG22AXXcjs = require('./chunk-YUG22AXX.cjs');
 
 
 
@@ -341,4 +341,4 @@ require('./chunk-MC7SY2QH.cjs');
 
 
 
-exports.Alert = _chunkK7LLERKTcjs.Alert; exports.Avatar = _chunkI66VMLHEcjs.Avatar; exports.Badge = _chunkDUQUCOUYcjs.Badge; exports.Button = _chunkDBXFFJTCcjs.Button; exports.CARD_BACKGROUND = _chunkUORTYL63cjs.CARD_BACKGROUND; exports.Card = _chunkUORTYL63cjs.Card; exports.Checkbox = _chunkCNNLMMFVcjs.Checkbox; exports.CheckboxIndicator = _chunkCNNLMMFVcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkCNNLMMFVcjs.CheckboxLabel; exports.CheckboxRoot = _chunkCNNLMMFVcjs.CheckboxRoot; exports.Chip = _chunkQY4MN7X3cjs.Chip; exports.CloseButton = _chunkCYS6U374cjs.CloseButton; exports.Column = _chunk7CTIE42Jcjs.Column; exports.Divider = _chunkVSALV7VOcjs.Divider; exports.FEEDBACK_OVERLAY = _chunk6M7RUU7Vcjs.FEEDBACK_OVERLAY; exports.Grid = _chunk7CTIE42Jcjs.Grid; exports.HIGHLIGHT_DURATION = _chunk6M7RUU7Vcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunk6M7RUU7Vcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkPCWT2YBEcjs.Icon; exports.IconContext = _chunkPCWT2YBEcjs.IconContext; exports.Input = _chunkQ3D6KIVFcjs.Input; exports.InputDescription = _chunkQ3D6KIVFcjs.InputDescription; exports.InputError = _chunkQ3D6KIVFcjs.InputError; exports.InputField = _chunkQ3D6KIVFcjs.InputField; exports.InputGroup = _chunkTVCS5UOEcjs.InputGroup; exports.InputGroupField = _chunkTVCS5UOEcjs.InputGroupField; exports.InputGroupIcon = _chunkTVCS5UOEcjs.InputGroupIcon; exports.InputGroupPrefix = _chunkTVCS5UOEcjs.InputGroupPrefix; exports.InputGroupRoot = _chunkTVCS5UOEcjs.InputGroupRoot; exports.InputGroupSuffix = _chunkTVCS5UOEcjs.InputGroupSuffix; exports.InputLabel = _chunkQ3D6KIVFcjs.InputLabel; exports.InputOTP = _chunkPBR44KVVcjs.InputOTP; exports.InputRoot = _chunkQ3D6KIVFcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkPBR44KVVcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkPBR44KVVcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkPBR44KVVcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunk6M7RUU7Vcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunk6M7RUU7Vcjs.PRESS_SCALE; exports.Portal = _chunk4SLOOIE5cjs.Portal; exports.PortalContext = _chunk4SLOOIE5cjs.PortalContext; exports.PortalHost = _chunk4SLOOIE5cjs.PortalHost; exports.PressableFeedback = _chunk6M7RUU7Vcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunk6M7RUU7Vcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunk6M7RUU7Vcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunk6M7RUU7Vcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunk6M7RUU7Vcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunk6M7RUU7Vcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunk6M7RUU7Vcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunk6M7RUU7Vcjs.RIPPLE_START_SCALE; exports.ROTATION_DURATION = _chunkK4TWKF5Ucjs.ROTATION_DURATION; exports.Radio = _chunkMSMZBUZOcjs.Radio; exports.RadioIndicator = _chunkMSMZBUZOcjs.RadioIndicator; exports.RadioLabel = _chunkMSMZBUZOcjs.RadioLabel; exports.RadioRoot = _chunkMSMZBUZOcjs.RadioRoot; exports.Row = _chunk7CTIE42Jcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunk6M7RUU7Vcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Skeleton = _chunkLT6XHFXJcjs.Skeleton; exports.Slot = _chunk54FJOKANcjs.Slot; exports.Spinner = _chunkXWMB66ZMcjs.Spinner; exports.Stack = _chunk7CTIE42Jcjs.Stack; exports.Switch = _chunkOX2YNMNScjs.Switch; exports.SwitchLabel = _chunkOX2YNMNScjs.SwitchLabel; exports.SwitchRoot = _chunkOX2YNMNScjs.SwitchRoot; exports.SwitchThumb = _chunkOX2YNMNScjs.SwitchThumb; exports.SwitchTrack = _chunkOX2YNMNScjs.SwitchTrack; exports.TextArea = _chunkCM4LI5OHcjs.TextArea; exports.TextSpan = _chunkAOEXU5UVcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkAOEXU5UVcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkK7LLERKTcjs.alertRecipe; exports.avatarRecipe = _chunkI66VMLHEcjs.avatarRecipe; exports.badgeRecipe = _chunkDUQUCOUYcjs.badgeRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkPBR44KVVcjs.buildSlots; exports.buttonRecipe = _chunkDBXFFJTCcjs.buttonRecipe; exports.cardRecipe = _chunkUORTYL63cjs.cardRecipe; exports.checkboxRecipe = _chunkCNNLMMFVcjs.checkboxRecipe; exports.childrenToString = _chunk54FJOKANcjs.childrenToString; exports.chipRecipe = _chunkQY4MN7X3cjs.chipRecipe; exports.closeButtonBase = _chunkCYS6U374cjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk54FJOKANcjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunkTVCS5UOEcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.dividerRecipe = _chunkVSALV7VOcjs.dividerRecipe; exports.extractPastedCode = _chunkPBR44KVVcjs.extractPastedCode; exports.inputOTPRecipe = _chunkPBR44KVVcjs.inputOTPRecipe; exports.inputRecipe = _chunkQ3D6KIVFcjs.inputRecipe; exports.markBackground = _chunkUORTYL63cjs.markBackground; exports.markOverlay = _chunk6M7RUU7Vcjs.markOverlay; exports.mergeProps = _chunk54FJOKANcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.placementInsets = _chunkDUQUCOUYcjs.placementInsets; exports.pressScaleFor = _chunk6M7RUU7Vcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radioRecipe = _chunkMSMZBUZOcjs.radioRecipe; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunk6M7RUU7Vcjs.resolveAnimation; exports.resolveSlotAnimation = _chunk6M7RUU7Vcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunk6M7RUU7Vcjs.rippleRadiusFor; exports.skeletonRecipe = _chunkLT6XHFXJcjs.skeletonRecipe; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.spinnerRecipe = _chunkXWMB66ZMcjs.spinnerRecipe; exports.switchRecipe = _chunkOX2YNMNScjs.switchRecipe; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkAOEXU5UVcjs.typographyRecipe; exports.useAlert = _chunkK7LLERKTcjs.useAlert; exports.useAvatar = _chunkI66VMLHEcjs.useAvatar; exports.useButton = _chunkDBXFFJTCcjs.useButton; exports.useCard = _chunkUORTYL63cjs.useCard; exports.useCheckbox = _chunkCNNLMMFVcjs.useCheckbox; exports.useChip = _chunkQY4MN7X3cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunk6M7RUU7Vcjs.useFeedback; exports.useGrid = _chunk7CTIE42Jcjs.useGrid; exports.useIconContext = _chunkPCWT2YBEcjs.useIconContext; exports.useInput = _chunkQ3D6KIVFcjs.useInput; exports.useInputGroup = _chunkTVCS5UOEcjs.useInputGroup; exports.useInputOTP = _chunkPBR44KVVcjs.useInputOTP; exports.useInputOTPBox = _chunkPBR44KVVcjs.useInputOTPBox; exports.useMergedRef = _chunkK4TWKF5Ucjs.useMergedRef; exports.usePressState = _chunk7DPL3ZDScjs.usePressState; exports.usePrevious = _chunkK4TWKF5Ucjs.usePrevious; exports.useRadio = _chunkMSMZBUZOcjs.useRadio; exports.useRotation = _chunkK4TWKF5Ucjs.useRotation; exports.useStyleProps = _chunkI6ZB3FZIcjs.useStyleProps; exports.useSwitch = _chunkOX2YNMNScjs.useSwitch; exports.useTextArea = _chunkCM4LI5OHcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+exports.Alert = _chunkK7LLERKTcjs.Alert; exports.Avatar = _chunkI66VMLHEcjs.Avatar; exports.Badge = _chunkDUQUCOUYcjs.Badge; exports.Button = _chunkDBXFFJTCcjs.Button; exports.CARD_BACKGROUND = _chunkUORTYL63cjs.CARD_BACKGROUND; exports.Card = _chunkUORTYL63cjs.Card; exports.Checkbox = _chunkCNNLMMFVcjs.Checkbox; exports.CheckboxIndicator = _chunkCNNLMMFVcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkCNNLMMFVcjs.CheckboxLabel; exports.CheckboxRoot = _chunkCNNLMMFVcjs.CheckboxRoot; exports.Chip = _chunkQY4MN7X3cjs.Chip; exports.CloseButton = _chunkCYS6U374cjs.CloseButton; exports.Column = _chunk7CTIE42Jcjs.Column; exports.Divider = _chunkVSALV7VOcjs.Divider; exports.FEEDBACK_OVERLAY = _chunk6M7RUU7Vcjs.FEEDBACK_OVERLAY; exports.Grid = _chunk7CTIE42Jcjs.Grid; exports.HIGHLIGHT_DURATION = _chunk6M7RUU7Vcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunk6M7RUU7Vcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkPCWT2YBEcjs.Icon; exports.IconContext = _chunkPCWT2YBEcjs.IconContext; exports.Input = _chunkQ3D6KIVFcjs.Input; exports.InputDescription = _chunkQ3D6KIVFcjs.InputDescription; exports.InputError = _chunkQ3D6KIVFcjs.InputError; exports.InputField = _chunkQ3D6KIVFcjs.InputField; exports.InputGroup = _chunkTVCS5UOEcjs.InputGroup; exports.InputGroupField = _chunkTVCS5UOEcjs.InputGroupField; exports.InputGroupIcon = _chunkTVCS5UOEcjs.InputGroupIcon; exports.InputGroupPrefix = _chunkTVCS5UOEcjs.InputGroupPrefix; exports.InputGroupRoot = _chunkTVCS5UOEcjs.InputGroupRoot; exports.InputGroupSuffix = _chunkTVCS5UOEcjs.InputGroupSuffix; exports.InputLabel = _chunkQ3D6KIVFcjs.InputLabel; exports.InputOTP = _chunkPBR44KVVcjs.InputOTP; exports.InputRoot = _chunkQ3D6KIVFcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkPBR44KVVcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkPBR44KVVcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkPBR44KVVcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunk6M7RUU7Vcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunk6M7RUU7Vcjs.PRESS_SCALE; exports.Portal = _chunk4SLOOIE5cjs.Portal; exports.PortalContext = _chunk4SLOOIE5cjs.PortalContext; exports.PortalHost = _chunk4SLOOIE5cjs.PortalHost; exports.PressableFeedback = _chunk6M7RUU7Vcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunk6M7RUU7Vcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunk6M7RUU7Vcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunk6M7RUU7Vcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunk6M7RUU7Vcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunk6M7RUU7Vcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunk6M7RUU7Vcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunk6M7RUU7Vcjs.RIPPLE_START_SCALE; exports.ROTATION_DURATION = _chunkK4TWKF5Ucjs.ROTATION_DURATION; exports.Radio = _chunkMSMZBUZOcjs.Radio; exports.RadioIndicator = _chunkMSMZBUZOcjs.RadioIndicator; exports.RadioLabel = _chunkMSMZBUZOcjs.RadioLabel; exports.RadioRoot = _chunkMSMZBUZOcjs.RadioRoot; exports.Row = _chunk7CTIE42Jcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunk6M7RUU7Vcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkF6CQ6CBIcjs.SelectionFill; exports.Skeleton = _chunkYUG22AXXcjs.Skeleton; exports.Slot = _chunk54FJOKANcjs.Slot; exports.Spinner = _chunkXWMB66ZMcjs.Spinner; exports.Stack = _chunk7CTIE42Jcjs.Stack; exports.Switch = _chunkOX2YNMNScjs.Switch; exports.SwitchLabel = _chunkOX2YNMNScjs.SwitchLabel; exports.SwitchRoot = _chunkOX2YNMNScjs.SwitchRoot; exports.SwitchThumb = _chunkOX2YNMNScjs.SwitchThumb; exports.SwitchTrack = _chunkOX2YNMNScjs.SwitchTrack; exports.TextArea = _chunkCM4LI5OHcjs.TextArea; exports.TextSpan = _chunkAOEXU5UVcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkAOEXU5UVcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkK7LLERKTcjs.alertRecipe; exports.avatarRecipe = _chunkI66VMLHEcjs.avatarRecipe; exports.badgeRecipe = _chunkDUQUCOUYcjs.badgeRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkPBR44KVVcjs.buildSlots; exports.buttonRecipe = _chunkDBXFFJTCcjs.buttonRecipe; exports.cardRecipe = _chunkUORTYL63cjs.cardRecipe; exports.checkboxRecipe = _chunkCNNLMMFVcjs.checkboxRecipe; exports.childrenToString = _chunk54FJOKANcjs.childrenToString; exports.chipRecipe = _chunkQY4MN7X3cjs.chipRecipe; exports.closeButtonBase = _chunkCYS6U374cjs.closeButtonBase; exports.createRecipe = _chunkFNEUOBCVcjs.createRecipe; exports.createSlotContext = _chunk54FJOKANcjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunkTVCS5UOEcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.dividerRecipe = _chunkVSALV7VOcjs.dividerRecipe; exports.extractPastedCode = _chunkPBR44KVVcjs.extractPastedCode; exports.inputOTPRecipe = _chunkPBR44KVVcjs.inputOTPRecipe; exports.inputRecipe = _chunkQ3D6KIVFcjs.inputRecipe; exports.markBackground = _chunkUORTYL63cjs.markBackground; exports.markOverlay = _chunk6M7RUU7Vcjs.markOverlay; exports.mergeProps = _chunk54FJOKANcjs.mergeProps; exports.mergeRefs = _chunkH4E4HDEPcjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.placementInsets = _chunkDUQUCOUYcjs.placementInsets; exports.pressScaleFor = _chunk6M7RUU7Vcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radioRecipe = _chunkMSMZBUZOcjs.radioRecipe; exports.radiusAxis = _chunkFNEUOBCVcjs.radiusAxis; exports.resolveAnimation = _chunk6M7RUU7Vcjs.resolveAnimation; exports.resolveSlotAnimation = _chunk6M7RUU7Vcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunk6M7RUU7Vcjs.rippleRadiusFor; exports.skeletonRecipe = _chunkYUG22AXXcjs.skeletonRecipe; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.spinnerRecipe = _chunkXWMB66ZMcjs.spinnerRecipe; exports.switchRecipe = _chunkOX2YNMNScjs.switchRecipe; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkAOEXU5UVcjs.typographyRecipe; exports.useAlert = _chunkK7LLERKTcjs.useAlert; exports.useAvatar = _chunkI66VMLHEcjs.useAvatar; exports.useButton = _chunkDBXFFJTCcjs.useButton; exports.useCard = _chunkUORTYL63cjs.useCard; exports.useCheckbox = _chunkCNNLMMFVcjs.useCheckbox; exports.useChip = _chunkQY4MN7X3cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunk6M7RUU7Vcjs.useFeedback; exports.useGrid = _chunk7CTIE42Jcjs.useGrid; exports.useIconContext = _chunkPCWT2YBEcjs.useIconContext; exports.useInput = _chunkQ3D6KIVFcjs.useInput; exports.useInputGroup = _chunkTVCS5UOEcjs.useInputGroup; exports.useInputOTP = _chunkPBR44KVVcjs.useInputOTP; exports.useInputOTPBox = _chunkPBR44KVVcjs.useInputOTPBox; exports.useMergedRef = _chunkK4TWKF5Ucjs.useMergedRef; exports.usePressState = _chunk7DPL3ZDScjs.usePressState; exports.usePrevious = _chunkK4TWKF5Ucjs.usePrevious; exports.useRadio = _chunkMSMZBUZOcjs.useRadio; exports.useRotation = _chunkK4TWKF5Ucjs.useRotation; exports.useStyleProps = _chunkI6ZB3FZIcjs.useStyleProps; exports.useSwitch = _chunkOX2YNMNScjs.useSwitch; exports.useTextArea = _chunkCM4LI5OHcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -10,7 +10,7 @@ export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot,
 export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.cjs';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
 export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.cjs';
-export { Skeleton, SkeletonProps, SkeletonSlot, SkeletonVariant, skeletonRecipe } from './components/skeleton/index.cjs';
+export { Skeleton, SkeletonProps, SkeletonSlot, skeletonRecipe } from './components/skeleton/index.cjs';
 export { Spinner, SpinnerProps, SpinnerSize, SpinnerSlot, SpinnerVariant, spinnerRecipe } from './components/spinner/index.cjs';
 export { Switch, SwitchContextValue, SwitchLabel, SwitchLabelProps, SwitchProps, SwitchRoot, SwitchSize, SwitchSlot, SwitchThumb, SwitchThumbProps, SwitchTrack, SwitchTrackProps, SwitchVariant, switchRecipe, useSwitch } from './components/switch/index.cjs';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.cjs';

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot,
 export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.js';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
 export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.js';
-export { Skeleton, SkeletonProps, SkeletonSlot, SkeletonVariant, skeletonRecipe } from './components/skeleton/index.js';
+export { Skeleton, SkeletonProps, SkeletonSlot, skeletonRecipe } from './components/skeleton/index.js';
 export { Spinner, SpinnerProps, SpinnerSize, SpinnerSlot, SpinnerVariant, spinnerRecipe } from './components/spinner/index.js';
 export { Switch, SwitchContextValue, SwitchLabel, SwitchLabelProps, SwitchProps, SwitchRoot, SwitchSize, SwitchSlot, SwitchThumb, SwitchThumbProps, SwitchTrack, SwitchTrackProps, SwitchVariant, switchRecipe, useSwitch } from './components/switch/index.js';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.js';

package/dist/index.js

@@ -77,7 +77,7 @@ import {
 import {
   Skeleton,
   skeletonRecipe
-} from "./chunk-KQKD3KB3.js";
+} from "./chunk-HNW4HIMO.js";
 import {
   Spinner,
   spinnerRecipe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.34",
+  "version": "0.9.1-alpha.35",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",