@xaui/native 0.9.1-alpha.20 → 0.9.1-alpha.22

package/dist/chunk-BNWS26PX.cjs

@@ -0,0 +1,449 @@
+"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 _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
+
+
+var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+// src/components/card/card-background.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/card/card.utils.ts
+
+var CARD_BACKGROUND = /* @__PURE__ */ Symbol.for("xaui.Card.background");
+function markBackground(component) {
+  return Object.assign(component, { [CARD_BACKGROUND]: true });
+}
+function isBackground(node) {
+  if (!_react.isValidElement.call(void 0, node)) return false;
+  const type = node.type;
+  if (typeof type !== "function" && typeof type !== "object") return false;
+  if (type === null) return false;
+  return type[CARD_BACKGROUND] === true;
+}
+function partitionBackground(children) {
+  const all = _react.Children.toArray(children);
+  const index = all.findIndex(isBackground);
+  if (index === -1) return { background: null, content: children };
+  return {
+    background: all[index],
+    content: all.filter((_, at) => at !== index)
+  };
+}
+
+// src/components/card/card.context.ts
+var [CardProvider, useCard] = _chunkHUZ4AUM2cjs.createSlotContext.call(void 0, "Card");
+
+// src/components/card/card.style.ts
+
+var cardSheet = _reactnative.StyleSheet.create({
+  backgroundImage: { width: "100%", height: "100%" }
+});
+
+// src/components/card/card-background.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CardBackground = markBackground(
+  _react.forwardRef.call(void 0, function CardBackground2({ children, source, style, ...props }, ref) {
+    const { backgroundStyle } = useCard();
+    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        ...rest,
+        style: [backgroundStyle, styleProps, style],
+        children: source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Image, { source, style: cardSheet.backgroundImage }) : children
+      }
+    );
+  })
+);
+CardBackground.displayName = "XAUI.Card.Background";
+
+// src/components/card/card-body.tsx
+
+
+
+var CardBody = _react.forwardRef.call(void 0, function CardBody2({ children, style, ...props }, ref) {
+  const { bodyStyle } = useCard();
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [bodyStyle, styleProps, style], ...rest, children });
+});
+CardBody.displayName = "XAUI.Card.Body";
+
+// src/components/card/card-description.tsx
+
+
+
+var CardDescription = _react.forwardRef.call(void 0, 
+  function CardDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = useCard();
+    const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
+  }
+);
+CardDescription.displayName = "XAUI.Card.Description";
+
+// src/components/card/card-footer.tsx
+
+
+
+var CardFooter = _react.forwardRef.call(void 0, function CardFooter2({ children, style, ...props }, ref) {
+  const { footerStyle } = useCard();
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [footerStyle, styleProps, style], ...rest, children });
+});
+CardFooter.displayName = "XAUI.Card.Footer";
+
+// src/components/card/card-header.tsx
+
+
+
+var CardHeader = _react.forwardRef.call(void 0, function CardHeader2({ children, style, ...props }, ref) {
+  const { headerStyle } = useCard();
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [headerStyle, styleProps, style], ...rest, children });
+});
+CardHeader.displayName = "XAUI.Card.Header";
+
+// src/components/card/card-title.tsx
+
+
+
+var CardTitle = _react.forwardRef.call(void 0, function CardTitle2({ children, style, ...props }, ref) {
+  const { titleStyle } = useCard();
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
+});
+CardTitle.displayName = "XAUI.Card.Title";
+
+// src/components/card/card.tsx
+
+
+
+// src/components/card/card.recipe.ts
+var SLOTS = [
+  "root",
+  "background",
+  "header",
+  "body",
+  "footer",
+  "title",
+  "description"
+];
+var VARIANT_TOKENS = {
+  default: { bg: "surface", fg: "surfaceForeground" },
+  secondary: { bg: "surfaceSecondary", fg: "surfaceSecondaryForeground" },
+  tertiary: { border: "border", fg: "foreground" },
+  ghost: { fg: "foreground" }
+};
+var DESCRIPTION_OPACITY = 0.6;
+function sizeAxis(step) {
+  const { padding, gap, contentGap, radius, title, description } = step;
+  return (theme) => ({
+    root: {
+      padding: theme.spacing(padding),
+      gap: theme.spacing(gap),
+      borderRadius: theme.radius[radius]
+    },
+    // The same corner as the root, because this layer is what clips the image — the root
+    // deliberately does not (see `base`), so the radius has to be repeated where the
+    // `overflow` is.
+    background: { borderRadius: theme.radius[radius] },
+    header: { gap: theme.spacing(contentGap) },
+    body: { gap: theme.spacing(contentGap) },
+    footer: { gap: theme.spacing(contentGap) },
+    title: {
+      fontSize: theme.fontSizes[title],
+      lineHeight: theme.lineHeights[title]
+    },
+    description: {
+      fontSize: theme.fontSizes[description],
+      lineHeight: theme.lineHeights[description]
+    }
+  });
+}
+var SIZES = {
+  xs: {
+    padding: 3,
+    gap: 2,
+    contentGap: 1,
+    radius: "lg",
+    title: "sm",
+    description: "xs"
+  },
+  sm: {
+    padding: 3.5,
+    gap: 3,
+    contentGap: 1,
+    radius: "xl",
+    title: "md",
+    description: "sm"
+  },
+  md: {
+    padding: 4,
+    gap: 4,
+    contentGap: 1,
+    radius: "2xl",
+    title: "lg",
+    description: "md"
+  },
+  lg: {
+    padding: 5,
+    gap: 5,
+    contentGap: 1.5,
+    radius: "3xl",
+    title: "xl",
+    description: "lg"
+  }
+};
+function corner(key) {
+  return (theme) => ({
+    root: { borderRadius: theme.radius[key] },
+    background: { borderRadius: theme.radius[key] }
+  });
+}
+var cardRecipe = _chunkYXVKQMCKcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    root: {
+      flexDirection: "column",
+      borderWidth: 0,
+      // iOS's squircle. Free on Android, and it is what makes a card's radius read as a
+      // shape rather than as four arcs meeting straight edges.
+      borderCurve: "continuous"
+      // Deliberately no `overflow: 'hidden'`: on iOS it clips the node's own shadow, so
+      // a `default` card would lose the elevation the variant just gave it. The press
+      // wash rounds itself off the root's corners and needs no clip; a caller bleeding an
+      // image to the edges writes `overflow="hidden"` and takes the trade knowingly.
+    },
+    // R13 — `start` and `end`, never `left` and `right`, even at zero. `overflow` lives
+    // here rather than on the root: on iOS it clips the node's own shadow, and a `default`
+    // card would lose the elevation its variant just gave it.
+    background: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      end: 0,
+      overflow: "hidden"
+    },
+    // Top-aligned content — a badge, an icon, a title block. A column pinned to the
+    // leading edge, which RTL mirrors on its own; `flexDirection="row"` is one prop away
+    // for a header that puts an action at the far end.
+    header: { alignItems: "flex-start" },
+    // `flexGrow` and not `flex: 1`. `flex: 1` also sets `flexBasis: 0`, and in a card
+    // whose height comes from its content that measures the body as empty before there
+    // is any free space to give back to it — the collapse is silent and total.
+    body: { flexGrow: 1 },
+    // A footer is an action row: the one section whose common case is horizontal, so it
+    // is the one section that is a row by default.
+    footer: { flexDirection: "row", alignItems: "center" },
+    // `medium`, not `semibold`. A card's title sits in prose rather than on a control:
+    // one weight above the description is enough to rank them, and the heavier step reads
+    // as a section heading the card did not ask for.
+    title: {
+      fontFamily: theme.fontFamilies.heading,
+      fontWeight: theme.fontWeights.medium
+    },
+    description: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.regular,
+      opacity: DESCRIPTION_OPACITY
+    }
+  }),
+  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.
+   */
+  paint: (theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    title: { color: colors.fg },
+    description: { color: colors.fg }
+  }),
+  /** Declaration order is application order: `radius` overrides the radius `size` set. */
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    /**
+     * Both slots move together, always: the background layer is what clips the image, so
+     * a `radius` that moved only the root would round the card and leave its photo square
+     * in the corners.
+     */
+    radius: {
+      xs: corner("xs"),
+      sm: corner("sm"),
+      md: corner("md"),
+      lg: corner("lg"),
+      xl: corner("xl"),
+      "2xl": corner("2xl"),
+      "3xl": corner("3xl"),
+      "4xl": corner("4xl"),
+      field: corner("field"),
+      full: corner("full")
+    }
+  },
+  /**
+   * The elevation belongs to the one variant that is a surface standing on the
+   * background. `secondary` is the level for a card *inside* a card and `tertiary` and
+   * `ghost` have no fill to lift, so a shadow under any of them would read as dirt rather
+   * than as height. In dark mode the theme's `surface` shadow is already nothing (§4),
+   * which is why this names the role instead of a set of numbers.
+   */
+  compoundVariants: [
+    {
+      when: { variant: "default" },
+      style: (theme) => ({ root: theme.shadows.surface })
+    }
+  ],
+  states: {
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "default", size: "md" }
+});
+
+// src/components/card/card.tsx
+
+var CardRoot = _react.forwardRef.call(void 0, function Card({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  isDisabled = false,
+  isPressable = false,
+  asChild = false,
+  accessibilityRole,
+  accessibilityState,
+  animation,
+  style,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunkBH5DSJVXcjs.usePressState.call(void 0, { onPressIn, onPressOut });
+  const selection = { variant, size, radius };
+  const states = { disabled: isDisabled };
+  const styles = cardRecipe.resolve({ theme, selection, states });
+  const tint = color ? cardRecipe.tint({ theme, color, selection, states }) : void 0;
+  const context = _react.useMemo.call(void 0, 
+    () => ({
+      backgroundStyle: styles.background,
+      headerStyle: styles.header,
+      bodyStyle: styles.body,
+      footerStyle: styles.footer,
+      titleStyle: tint ? [styles.title, tint.title] : styles.title,
+      descriptionStyle: tint ? [styles.description, tint.description] : styles.description,
+      isDisabled
+    }),
+    [styles, tint, isDisabled]
+  );
+  const rootStyle = [
+    styles.root,
+    _optionalChain([tint, 'optionalAccess', _2 => _2.root]),
+    styleProps,
+    typeof style === "function" ? style({ pressed: isPressed }) : style
+  ];
+  const text = _chunkHUZ4AUM2cjs.childrenToString.call(void 0, children);
+  const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardDescription, { children: text }) : children;
+  if (!isPressable && !asChild && (onPressIn || onPressOut || rest.onPress || rest.onLongPress)) {
+    _chunkBH5DSJVXcjs.warnDev.call(void 0, 
+      "Card: a press handler needs `isPressable`. Without it the card renders a View, which never receives the touch \u2014 add `isPressable` to make it a control."
+    );
+  }
+  const { background, content: body } = partitionBackground(content);
+  const layered = background === null ? body : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    background,
+    body
+  ] });
+  const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBH5DSJVXcjs.PressableFeedback,
+    {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      animation,
+      accessibilityRole: _nullishCoalesce(accessibilityRole, () => ( "button")),
+      accessibilityState: { disabled: isDisabled, ...accessibilityState },
+      ...rest,
+      style: rootStyle,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        background,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBH5DSJVXcjs.PressableFeedback.Highlight, {}),
+        body
+      ] })
+    }
+  ) : asChild ? (
+    // R12 — the caller's element is the card, so it takes the children it was written
+    // with and the auto-wrap does not apply.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkHUZ4AUM2cjs.Slot,
+      {
+        ref,
+        accessibilityRole,
+        accessibilityState,
+        ...rest,
+        style: rootStyle,
+        children
+      }
+    )
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.View,
+    {
+      ref,
+      accessibilityRole,
+      accessibilityState,
+      ...rest,
+      style: rootStyle,
+      children: layered
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardProvider, { value: context, children: surface });
+});
+CardRoot.displayName = "XAUI.Card.Root";
+
+// src/components/card/index.ts
+var Card2 = Object.assign(CardRoot, {
+  Background: CardBackground,
+  Header: CardHeader,
+  Body: CardBody,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription
+});
+
+
+
+
+
+
+
+exports.CARD_BACKGROUND = CARD_BACKGROUND; exports.markBackground = markBackground; exports.useCard = useCard; exports.cardRecipe = cardRecipe; exports.Card = Card2;

package/dist/chunk-DXGQ43IV.cjs

@@ -0,0 +1,68 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+
+// src/system/icon/icon-context.ts
+var _react = require('react');
+var IconContext = _react.createContext.call(void 0, {});
+IconContext.displayName = "XAUI.Icon.Context";
+function useIconContext() {
+  return _react.useContext.call(void 0, IconContext);
+}
+
+// src/system/icon/icon.tsx
+
+var _reactnative = require('react-native');
+var _jsxruntime = require('react/jsx-runtime');
+function Icon(props) {
+  const inherited = useIconContext();
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const size = _nullishCoalesce(_nullishCoalesce(props.size, () => ( inherited.size)), () => ( theme.fontSizes.md));
+  const color = _nullishCoalesce(_nullishCoalesce(props.color, () => ( inherited.color)), () => ( theme.colors.foreground));
+  if (props.as) {
+    const Component = props.as;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { size, color });
+  }
+  if (_react.isValidElement.call(void 0, props.children)) {
+    return _react.cloneElement.call(void 0, props.children, {
+      width: size,
+      height: size,
+      color
+    });
+  }
+  if (props.source) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconImage, { ...props, resolved: { size, color } });
+  throw new Error(
+    "XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own."
+  );
+}
+Icon.displayName = "XAUI.Icon";
+function IconImage({
+  source,
+  style,
+  resolved,
+  size: _size,
+  color: _color,
+  ...props
+}) {
+  const [styleProps] = _chunkHUZ4AUM2cjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.Image,
+    {
+      source,
+      style: [
+        { width: resolved.size, height: resolved.size, tintColor: resolved.color },
+        styleProps,
+        style
+      ]
+    }
+  );
+}
+
+
+
+
+
+exports.IconContext = IconContext; exports.useIconContext = useIconContext; exports.Icon = Icon;

package/dist/{chunk-4EPS7UBO.js → chunk-FNQF4KQV.js}

@@ -1,7 +1,8 @@
-import { Icon, PressableFeedback } from "./chunk-WXAME7KB.js";
-import { createRecipe } from "./chunk-N7C4UNUL.js";
-import { childrenToString, createSlotContext, useStyleProps } from "./chunk-EXX6ATAS.js";
+import { Icon } from "./chunk-FVP5FUVS.js";
+import { PressableFeedback, usePressState, warnDev } from "./chunk-KM2TI5IC.js";
+import { createRecipe, radiusAxis } from "./chunk-3JATAB7S.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+import { childrenToString, createSlotContext, useStyleProps } from "./chunk-PMO62QK4.js";
 
 // src/components/button/button.context.ts
 var [ButtonProvider, useButton] = createSlotContext("Button");
@@ -72,10 +73,10 @@ function ButtonSpinner({
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_8562276324058_init_data = {
-  code: "function chunk4EPS7UBOJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-4EPS7UBO.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk4EPS7UBOJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-4EPS7UBO.js\"],\"mappings\":\"AA8EyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_763735822272_init_data = {
+  code: "function chunkFNQF4KQVJs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkFNQF4KQVJs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-FNQF4KQV.js\"],\"mappings\":\"AAmFyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -88,28 +89,28 @@ function SpinningRing({
     }), -1, false);
     return () => cancelAnimation(angle);
   }, [angle]);
-  const animatedStyle = useAnimatedStyle(function chunk4EPS7UBOJs1Factory({
-    _worklet_8562276324058_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkFNQF4KQVJs1Factory({
+    _worklet_763735822272_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunk4EPS7UBOJs1 = function () {
+    const chunkFNQF4KQVJs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunk4EPS7UBOJs1.__closure = {
+    chunkFNQF4KQVJs1.__closure = {
       angle
     };
-    chunk4EPS7UBOJs1.__workletHash = 8562276324058;
-    chunk4EPS7UBOJs1.__pluginVersion = "0.7.4";
-    chunk4EPS7UBOJs1.__initData = _worklet_8562276324058_init_data;
-    chunk4EPS7UBOJs1.__stackDetails = _e;
-    return chunk4EPS7UBOJs1;
+    chunkFNQF4KQVJs1.__workletHash = 763735822272;
+    chunkFNQF4KQVJs1.__pluginVersion = "0.7.4";
+    chunkFNQF4KQVJs1.__initData = _worklet_763735822272_init_data;
+    chunkFNQF4KQVJs1.__stackDetails = _e;
+    return chunkFNQF4KQVJs1;
   }({
-    _worklet_8562276324058_init_data,
+    _worklet_763735822272_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */jsx3(Animated.View, {
@@ -121,33 +122,6 @@ function SpinningRing({
 import { forwardRef as forwardRef2, useMemo } from "react";
 import { StyleSheet } from "react-native";
 
-// src/hooks/use-press-state.ts
-import { useCallback, useRef, useState } from "react";
-function usePressState(handlers = {}) {
-  const [isPressed, setIsPressed] = useState(false);
-  const latest = useRef(handlers);
-  latest.current = handlers;
-  const onPressIn = useCallback(event => {
-    setIsPressed(true);
-    latest.current.onPressIn?.(event);
-  }, []);
-  const onPressOut = useCallback(event => {
-    setIsPressed(false);
-    latest.current.onPressOut?.(event);
-  }, []);
-  const press = useRef({
-    onPressIn,
-    onPressOut
-  }).current;
-  return [isPressed, press];
-}
-
-// src/utils/warn-dev.ts
-function warnDev(message) {
-  if (typeof __DEV__ !== "undefined" && !__DEV__) return;
-  console.warn(`XAUI: ${message}`);
-}
-
 // src/components/button/button.recipe.ts
 var SLOTS = ["root", "label", "icon", "spinner"];
 var VARIANT_TOKENS = {
@@ -298,58 +272,7 @@ var buttonRecipe = createRecipe({
         radius: "4xl"
       })
     },
-    radius: {
-      xs: t => ({
-        root: {
-          borderRadius: t.radius.xs
-        }
-      }),
-      sm: t => ({
-        root: {
-          borderRadius: t.radius.sm
-        }
-      }),
-      md: t => ({
-        root: {
-          borderRadius: t.radius.md
-        }
-      }),
-      lg: t => ({
-        root: {
-          borderRadius: t.radius.lg
-        }
-      }),
-      xl: t => ({
-        root: {
-          borderRadius: t.radius.xl
-        }
-      }),
-      "2xl": t => ({
-        root: {
-          borderRadius: t.radius["2xl"]
-        }
-      }),
-      "3xl": t => ({
-        root: {
-          borderRadius: t.radius["3xl"]
-        }
-      }),
-      "4xl": t => ({
-        root: {
-          borderRadius: t.radius["4xl"]
-        }
-      }),
-      field: t => ({
-        root: {
-          borderRadius: t.radius.field
-        }
-      }),
-      full: t => ({
-        root: {
-          borderRadius: t.radius.full
-        }
-      })
-    },
+    radius: radiusAxis("root"),
     // A square on a fixed height. No width is computed, and none needs to be.
     isIconOnly: {
       true: () => ({
@@ -493,4 +416,4 @@ var Button2 = Object.assign(ButtonRoot, {
   Icon: ButtonIcon,
   Spinner: ButtonSpinner
 });
-export { useButton, usePressState, warnDev, buttonRecipe, Button2 as Button };
+export { useButton, buttonRecipe, Button2 as Button };