@xaui/native 0.9.1-alpha.31 → 0.9.1-alpha.33

package/dist/chunk-I66VMLHE.cjs

@@ -0,0 +1,410 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _optionalChain(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
+var _chunkPCWT2YBEcjs = require('./chunk-PCWT2YBE.cjs');
+var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+// src/components/avatar/avatar-fallback.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/avatar/avatar-initials.tsx
+
+// src/components/avatar/avatar.context.ts
+var [AvatarProvider, useAvatar] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Avatar");
+
+// src/components/avatar/avatar-initials.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AvatarInitials = _react.forwardRef.call(void 0, function AvatarInitials2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    initialsStyle
+  } = useAvatar();
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no",
+    numberOfLines: 1,
+    ...rest,
+    style: [initialsStyle, styleProps, style],
+    children
+  });
+});
+AvatarInitials.displayName = "XAUI.Avatar.Initials";
+
+// src/components/avatar/avatar-fallback.tsx
+
+var AvatarFallback = _react.forwardRef.call(void 0, function AvatarFallback2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    fallbackStyle,
+    icon
+  } = useAvatar();
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const content = text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, AvatarInitials, {
+    children: text
+  }) : children;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    style: [fallbackStyle, styleProps, style],
+    ...rest,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.IconContext.Provider, {
+      value: icon,
+      children: content
+    })
+  });
+});
+AvatarFallback.displayName = "XAUI.Avatar.Fallback";
+
+// src/components/avatar/avatar-image.tsx
+
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/avatar/avatar.style.ts
+
+var avatarSheet = _reactnative.StyleSheet.create({
+  image: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    start: 0,
+    end: 0
+  }
+});
+
+// src/components/avatar/avatar-image.tsx
+
+var FADE_DURATION = 200;
+var AvatarImage = _react.forwardRef.call(void 0, function AvatarImage2({
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const frameStyle = [avatarSheet.image, styleProps, style];
+  if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Image, {
+    ref,
+    ...rest,
+    style: frameStyle
+  });
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, FadingImage, {
+    ref,
+    ...rest,
+    style: frameStyle
+  });
+});
+AvatarImage.displayName = "XAUI.Avatar.Image";
+const _worklet_10076879540172_init_data = {
+  code: "function chunkI66VMLHECjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-I66VMLHE.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkI66VMLHECjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-I66VMLHE.cjs\"],\"mappings\":\"AAoG+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+};
+var FadingImage = _react.forwardRef.call(void 0, function FadingImage2({
+  onLoad,
+  style,
+  ...props
+}, ref) {
+  const opacity = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const handleLoad = _react.useCallback.call(void 0, event => {
+    opacity.value = _reactnativereanimated.withTiming.call(void 0, 1, {
+      duration: FADE_DURATION
+    });
+    _optionalChain([onLoad, 'optionalCall', _ => _(event)]);
+  }, [opacity, onLoad]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkI66VMLHECjs1Factory({
+    _worklet_10076879540172_init_data,
+    opacity
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkI66VMLHECjs1 = function () {
+      return {
+        opacity: opacity.value
+      };
+    };
+    chunkI66VMLHECjs1.__closure = {
+      opacity
+    };
+    chunkI66VMLHECjs1.__workletHash = 10076879540172;
+    chunkI66VMLHECjs1.__pluginVersion = "0.7.4";
+    chunkI66VMLHECjs1.__initData = _worklet_10076879540172_init_data;
+    chunkI66VMLHECjs1.__stackDetails = _e;
+    return chunkI66VMLHECjs1;
+  }({
+    _worklet_10076879540172_init_data,
+    opacity
+  }), [opacity]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.Image, {
+    ref,
+    ...props,
+    onLoad: handleLoad,
+    style: [style, animatedStyle]
+  });
+});
+
+// src/components/avatar/avatar.tsx
+
+// src/components/avatar/avatar.recipe.ts
+var SLOTS = ["root", "fallback", "initials", "icon"];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "accent",
+    fg: "accentForeground"
+  },
+  secondary: {
+    bg: "accentSoft",
+    fg: "accentSoftForeground"
+  },
+  default: {
+    bg: "default",
+    fg: "defaultForeground"
+  },
+  tertiary: {
+    border: "border",
+    fg: "foreground"
+  },
+  ghost: {
+    fg: "foreground"
+  },
+  success: {
+    bg: "success",
+    fg: "successForeground"
+  },
+  "success-soft": {
+    bg: "successSoft",
+    fg: "successSoftForeground"
+  },
+  warning: {
+    bg: "warning",
+    fg: "warningForeground"
+  },
+  "warning-soft": {
+    bg: "warningSoft",
+    fg: "warningSoftForeground"
+  },
+  danger: {
+    bg: "danger",
+    fg: "dangerForeground"
+  },
+  "danger-soft": {
+    bg: "dangerSoft",
+    fg: "dangerSoftForeground"
+  }
+};
+function sizeAxis(step) {
+  return theme => {
+    const diameter = theme.spacing(step.diameter);
+    return {
+      root: {
+        width: diameter,
+        height: diameter
+      },
+      initials: {
+        fontSize: theme.fontSizes[step.initials],
+        lineHeight: theme.lineHeights[step.initials]
+      },
+      icon: {
+        fontSize: theme.fontSizes[step.glyph]
+      }
+    };
+  };
+}
+var SIZES = {
+  xs: {
+    diameter: 8,
+    initials: "xs",
+    glyph: "xs"
+  },
+  sm: {
+    diameter: 10,
+    initials: "xs",
+    glyph: "sm"
+  },
+  md: {
+    diameter: 12,
+    initials: "sm",
+    glyph: "md"
+  },
+  lg: {
+    diameter: 16,
+    initials: "md",
+    glyph: "xl"
+  }
+};
+var avatarRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: theme => ({
+    root: {
+      alignItems: "center",
+      justifyContent: "center",
+      // The clip is what makes a square photo round, so unlike on the `Chip` it is not
+      // optional here: without it the image is a rectangle sitting over a circle.
+      overflow: "hidden",
+      // Squircle corners for when `radius` overrides the circle. Free on Android.
+      borderCurve: "continuous",
+      borderWidth: 0
+    },
+    fallback: {
+      width: "100%",
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    initials: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      // Two letters in a circle sit off-centre by the descender otherwise.
+      textAlign: "center"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * Where the variant's colours land, for every variant at once. The border width follows
+   * the *presence* of the border role, so `ghost` needs no rule of its own to say it has
+   * no edge.
+   *
+   * The image takes no colour: it is a photograph, and tinting one is what `Icon`'s
+   * `source` form is for.
+   */
+  paint: (theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    initials: {
+      color: colors.fg
+    },
+    icon: {
+      color: colors.fg
+    }
+  }),
+  /** Declaration order is application order: `radius` overrides the circle `base` set. */
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    radius: _chunkFNEUOBCVcjs.radiusAxis.call(void 0, "root")
+  },
+  /**
+   * A circle at every size, where HeroUI fixes one large radius for all three — which
+   * makes their small avatars round and their large ones squircles. `full` says the shape
+   * the name means once, and `radius` is still there for the logo that wants a square.
+   */
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    radius: "full"
+  }
+});
+
+// src/components/avatar/avatar.tsx
+
+var AvatarRoot = _react.forwardRef.call(void 0, function Avatar({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const selection = {
+    variant,
+    size,
+    radius
+  };
+  const styles = avatarRecipe.resolve({
+    theme,
+    selection
+  });
+  const tint = color ? avatarRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const context = _react.useMemo.call(void 0, () => {
+    const icon = _reactnative.StyleSheet.flatten([styles.icon, _optionalChain([tint, 'optionalAccess', _2 => _2.icon])]);
+    return {
+      fallbackStyle: styles.fallback,
+      initialsStyle: tint ? [styles.initials, tint.initials] : styles.initials,
+      icon: {
+        size: icon.fontSize,
+        // `ColorValue` also covers the platform's opaque colours, which `Icon` cannot
+        // hand to a third-party component expecting a string.
+        color: typeof icon.color === "string" ? icon.color : void 0
+      }
+    };
+  }, [styles, tint]);
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _3 => _3.root]), styleProps, style];
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const content = text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, AvatarFallback, {
+    children: text
+  }) : children;
+  const Root = asChild ? _chunk54FJOKANcjs.Slot : _reactnative.View;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AvatarProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, Root, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children: asChild ? children : content
+    })
+  });
+});
+AvatarRoot.displayName = "XAUI.Avatar.Root";
+
+// src/components/avatar/index.ts
+var Avatar2 = Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback,
+  Initials: AvatarInitials
+});
+exports.useAvatar = useAvatar;
+exports.avatarRecipe = avatarRecipe;
+exports.Avatar = Avatar2;

package/dist/{chunk-GLGU2WFL.cjs → chunk-I6ZB3FZI.cjs}

@@ -2,16 +2,6 @@
 
 var _chunkMC7SY2QHcjs = require('./chunk-MC7SY2QH.cjs');
 
-// src/system/slot/merge-refs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(value);
-      else if (ref) ref.current = value;
-    }
-  };
-}
-
 // src/system/style-props/use-style-props.ts
 var _react = require('react');
 
@@ -186,5 +176,4 @@ function useStyleProps(props) {
 
 
 
-
-exports.mergeRefs = mergeRefs; exports.useStyleProps = useStyleProps;
+exports.useStyleProps = useStyleProps;

package/dist/{chunk-ZH5XVNHG.js → chunk-JCYWU5TO.js}

@@ -1,15 +1,15 @@
+import {
+  Slot
+} from "./chunk-YXPYOOHU.js";
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  Slot
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/divider/divider.tsx
 import { forwardRef } from "react";

package/dist/{chunk-7XKQJQF2.cjs → chunk-K4TWKF5U.cjs}

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunkH4E4HDEPcjs = require('./chunk-H4E4HDEP.cjs');
 
 // src/hooks/use-merged-ref.ts
 var _react = require('react');
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunkGLGU2WFLcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunkH4E4HDEPcjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -25,10 +25,10 @@ function usePrevious(value) {
 
 var _reactnativereanimated = require('react-native-reanimated');
 var ROTATION_DURATION = 900;
-const _worklet_4260628533630_init_data = {
-  code: "function chunk7XKQJQF2Cjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk7XKQJQF2Cjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs\"],\"mappings\":\"AAyC8D,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAEhE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_15362242700341_init_data = {
+  code: "function chunkK4TWKF5UCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-K4TWKF5U.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkK4TWKF5UCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-K4TWKF5U.cjs\"],\"mappings\":\"AAyC8D,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAEhE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function useRotation() {
   const angle = _reactnativereanimated.useSharedValue.call(void 0, 0);
@@ -39,28 +39,28 @@ function useRotation() {
     }), -1, false);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
   }, [angle]);
-  return _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk7XKQJQF2Cjs1Factory({
-    _worklet_4260628533630_init_data,
+  return _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkK4TWKF5UCjs1Factory({
+    _worklet_15362242700341_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunk7XKQJQF2Cjs1 = function () {
+    const chunkK4TWKF5UCjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunk7XKQJQF2Cjs1.__closure = {
+    chunkK4TWKF5UCjs1.__closure = {
       angle
     };
-    chunk7XKQJQF2Cjs1.__workletHash = 4260628533630;
-    chunk7XKQJQF2Cjs1.__pluginVersion = "0.7.4";
-    chunk7XKQJQF2Cjs1.__initData = _worklet_4260628533630_init_data;
-    chunk7XKQJQF2Cjs1.__stackDetails = _e;
-    return chunk7XKQJQF2Cjs1;
+    chunkK4TWKF5UCjs1.__workletHash = 15362242700341;
+    chunkK4TWKF5UCjs1.__pluginVersion = "0.7.4";
+    chunkK4TWKF5UCjs1.__initData = _worklet_15362242700341_init_data;
+    chunkK4TWKF5UCjs1.__stackDetails = _e;
+    return chunkK4TWKF5UCjs1;
   }({
-    _worklet_4260628533630_init_data,
+    _worklet_15362242700341_init_data,
     angle
   }), [angle]);
 }

package/dist/{chunk-N527BTY4.cjs → chunk-K7LLERKT.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkTGZZ3RZUcjs = require('./chunk-TGZZ3RZU.cjs');
+var _chunkCYS6U374cjs = require('./chunk-CYS6U374.cjs');
 
 
-var _chunkWR7YLDVVcjs = require('./chunk-WR7YLDVV.cjs');
+var _chunkPCWT2YBEcjs = require('./chunk-PCWT2YBE.cjs');
 
 
 
-var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
+var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
 
 
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/alert/alert-close.tsx
 var _react = require('react');
 
 // src/components/alert/alert.context.ts
-var [AlertProvider, useAlert] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Alert");
+var [AlertProvider, useAlert] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Alert");
 
 // src/components/alert/alert-close.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var AlertClose = _react.forwardRef.call(void 0, function AlertClose2({ isDisabled, ...props }, ref) {
   const { closeStyle, closeGlyphStyle, isDisabled: isAlertDisabled } = useAlert();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTGZZ3RZUcjs.CloseButton,
+    _chunkCYS6U374cjs.CloseButton,
     {
       ref,
       name: "Alert.Close",
@@ -52,7 +52,7 @@ var _reactnative = require('react-native');
 var AlertContent = _react.forwardRef.call(void 0, 
   function AlertContent2({ children, style, ...props }, ref) {
     const { contentStyle } = useAlert();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [contentStyle, styleProps, style], ...rest, children });
   }
 );
@@ -65,7 +65,7 @@ AlertContent.displayName = "XAUI.Alert.Content";
 var AlertDescription = _react.forwardRef.call(void 0, 
   function AlertDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useAlert();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -77,10 +77,10 @@ AlertDescription.displayName = "XAUI.Alert.Description";
 
 var AlertIcon = _react.forwardRef.call(void 0, function AlertIcon2({ as, children, source, size, color, style, ...props }, ref) {
   const { iconStyle, icon } = useAlert();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const glyphSize = _nullishCoalesce(size, () => ( icon.size));
   const glyphColor = _nullishCoalesce(color, () => ( icon.color));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
 });
 AlertIcon.displayName = "XAUI.Alert.Icon";
 
@@ -90,7 +90,7 @@ AlertIcon.displayName = "XAUI.Alert.Icon";
 
 var AlertTitle = _react.forwardRef.call(void 0, function AlertTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useAlert();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 AlertTitle.displayName = "XAUI.Alert.Title";
@@ -194,7 +194,7 @@ var alertRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
   // The cross's own geometry — thickness and centring — belongs to the shared
   // `CloseButton`; what stays below is the box and bar size this component's scale sets.
   base: (theme) => ({
-    ..._chunkTGZZ3RZUcjs.closeButtonBase.call(void 0, theme),
+    ..._chunkCYS6U374cjs.closeButtonBase.call(void 0, theme),
     root: {
       flexDirection: "row",
       // Top-aligned, not centred: an alert's message can run to three lines, and an icon
@@ -295,7 +295,7 @@ var AlertRoot = _react.forwardRef.call(void 0, function Alert({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
   const styles = alertRecipe.resolve({ theme, selection, states });
@@ -319,13 +319,13 @@ var AlertRoot = _react.forwardRef.call(void 0, function Alert({
     };
   }, [styles, tint, isDisabled]);
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _2 => _2.root]), styleProps, style];
-  const text = _chunkZP2E2H2Gcjs.childrenToString.call(void 0, children);
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDescription, { children: text }) : children;
   const surface = asChild ? (
     // R12 — the caller's element *is* the alert, so it takes the children it was written
     // with and the auto-wrap does not apply.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZP2E2H2Gcjs.Slot,
+      _chunk54FJOKANcjs.Slot,
       {
         ref,
         accessibilityRole,