@xaui/native 0.9.1-alpha.93 → 0.9.1-beta.100

package/dist/{chunk-GGP2ERSV.js → chunk-T5ES7FOL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-2AFA5HA2.js";
+} from "./chunk-KQW25RCC.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";

package/dist/{chunk-JJYHW4PV.js → chunk-TNFLBURM.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-2AFA5HA2.js";
+} from "./chunk-KQW25RCC.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
@@ -136,7 +136,7 @@ var menuRecipe = createRecipe({
       // `flex: 1` is `flexBasis: 0`, and the panel is measured before it has a width: with
       // a basis of zero and no definite width to grow into, the row's content size is
       // nothing and the title collapses. The whole menu measured as a 70-point capsule
-      // with no text in it. HeroUI writes `flex: 1` here and gets away with it because
+      // with no text in it. The reference implementation writes `flex: 1` here and gets away with it because
       // their measuring pass hands the panel a definite width; ours asks the panel how
       // wide it wants to be, which is a question a zero basis cannot answer.
       flexGrow: 1,

package/dist/{chunk-YCQEX25B.cjs → chunk-U6YD3UBO.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkAXKDHX5Vcjs = require('./chunk-AXKDHX5V.cjs');
+var _chunk2IOL3VDPcjs = require('./chunk-2IOL3VDP.cjs');
 
 
 var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
@@ -23,7 +23,7 @@ var [TextAreaProvider, useTextArea] = _chunkCDRGTUYFcjs.createSlotContext.call(v
 var _jsxruntime = require('react/jsx-runtime');
 var TextAreaField = _react.forwardRef.call(void 0, 
   function TextAreaField2({ style, scrollEnabled, ...props }, ref) {
-    const { textAreaStyle, textArea } = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
+    const { textAreaStyle, textArea } = _chunk2IOL3VDPcjs.useTextField.call(void 0, );
     const { rows, maxRows } = useTextArea();
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const height = _react.useMemo.call(void 0, () => {
@@ -37,7 +37,7 @@ var TextAreaField = _react.forwardRef.call(void 0,
       };
     }, [rows, maxRows, textArea]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAXKDHX5Vcjs.TextFieldField,
+      _chunk2IOL3VDPcjs.TextFieldField,
       {
         ref,
         multiline: true,
@@ -56,16 +56,16 @@ TextAreaField.displayName = "XAUI.TextArea.Field";
 var DEFAULT_ROWS = 3;
 var TextAreaRoot = _react.forwardRef.call(void 0, function TextArea({ rows = DEFAULT_ROWS, maxRows, children, ...props }, ref) {
   const context = _react.useMemo.call(void 0, () => ({ rows, maxRows }), [rows, maxRows]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXKDHX5Vcjs.TextFieldRoot, { ref, ...props, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextAreaProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2IOL3VDPcjs.TextFieldRoot, { ref, ...props, children }) });
 });
 TextAreaRoot.displayName = "XAUI.TextArea.Root";
 
 // src/components/text-area/index.ts
 var TextArea2 = Object.assign(TextAreaRoot, {
-  Label: _chunkAXKDHX5Vcjs.TextFieldLabel,
+  Label: _chunk2IOL3VDPcjs.TextFieldLabel,
   Field: TextAreaField,
-  Description: _chunkAXKDHX5Vcjs.TextFieldDescription,
-  Error: _chunkAXKDHX5Vcjs.TextFieldError
+  Description: _chunk2IOL3VDPcjs.TextFieldDescription,
+  Error: _chunk2IOL3VDPcjs.TextFieldError
 });
 
 

package/dist/chunk-USQK6SFZ.cjs

@@ -0,0 +1,627 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+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 _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/accordion/accordion-content.tsx
+var _react = require('react');
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/accordion/accordion.animation.ts
+
+var LAYOUT = _reactnativereanimated.LinearTransition.springify().damping(140).stiffness(1600).mass(4);
+var CONTENT_MS = 200;
+var contentEntering = _reactnativereanimated.FadeIn.duration(CONTENT_MS).easing(_reactnativereanimated.Easing.out(_reactnativereanimated.Easing.ease));
+var contentExiting = _reactnativereanimated.FadeOut.duration(CONTENT_MS).easing(_reactnativereanimated.Easing.in(_reactnativereanimated.Easing.ease));
+
+// src/components/accordion/accordion.context.ts
+var [AccordionProvider, useAccordion] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Accordion");
+var [AccordionItemProvider, useAccordionItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Accordion.Item");
+
+// src/components/accordion/accordion-content.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AccordionContent = _react.forwardRef.call(void 0, function AccordionContent2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    contentStyle
+  } = useAccordion();
+  const {
+    isExpanded
+  } = useAccordionItem();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  if (!isExpanded) return null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    ref,
+    entering: contentEntering,
+    exiting: contentExiting,
+    ...rest,
+    style: [contentStyle, styleProps, style],
+    children
+  });
+});
+AccordionContent.displayName = "XAUI.Accordion.Content";
+
+// src/components/accordion/accordion-indicator.tsx
+const _worklet_15415080829785_init_data = {
+  code: "function chunkUSQK6SFZCjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-USQK6SFZ.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkUSQK6SFZCjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-USQK6SFZ.cjs\"],\"mappings\":\"AA8FwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function AccordionIndicator({
+  as = _chunkGSZDN6EZcjs.ChevronDownIcon,
+  ...props
+}) {
+  const {
+    indicatorStyle
+  } = useAccordion();
+  const {
+    isExpanded
+  } = useAccordionItem();
+  const progress = _reactnativereanimated.useSharedValue.call(void 0, isExpanded ? 1 : 0);
+  _react.useEffect.call(void 0, () => {
+    progress.set(_reactnativereanimated.withSpring.call(void 0, isExpanded ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
+  }, [isExpanded, progress]);
+  const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkUSQK6SFZCjs1Factory({
+    _worklet_15415080829785_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkUSQK6SFZCjs1 = function () {
+      return {
+        transform: [{
+          rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
+        }]
+      };
+    };
+    chunkUSQK6SFZCjs1.__closure = {
+      _reactnativereanimated,
+      progress,
+      _chunkEKS3W46Mcjs
+    };
+    chunkUSQK6SFZCjs1.__workletHash = 15415080829785;
+    chunkUSQK6SFZCjs1.__pluginVersion = "0.7.4";
+    chunkUSQK6SFZCjs1.__initData = _worklet_15415080829785_init_data;
+    chunkUSQK6SFZCjs1.__stackDetails = _e;
+    return chunkUSQK6SFZCjs1;
+  }({
+    _worklet_15415080829785_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }), [progress]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [indicatorStyle, rotation],
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, {
+      as,
+      ...props
+    })
+  });
+}
+AccordionIndicator.displayName = "XAUI.Accordion.Indicator";
+
+// src/components/accordion/accordion-item.tsx
+
+var AccordionItem = _react.forwardRef.call(void 0, function AccordionItem2({
+  value,
+  children,
+  isDisabled = false,
+  style,
+  ...props
+}, ref) {
+  const {
+    itemStyle,
+    isDisabled: isRootDisabled,
+    isExpanded
+  } = useAccordion();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const expanded = isExpanded(value);
+  const disabled = isRootDisabled || isDisabled;
+  const context = _react.useMemo.call(void 0, () => ({
+    value,
+    isExpanded: expanded,
+    isDisabled: disabled
+  }), [value, expanded, disabled]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AccordionItemProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+      ref,
+      layout: LAYOUT,
+      ...rest,
+      style: [itemStyle, styleProps, style],
+      children: typeof children === "function" ? children(context) : children
+    })
+  });
+});
+AccordionItem.displayName = "XAUI.Accordion.Item";
+
+// src/components/accordion/accordion-trigger.tsx
+
+var _reactnative = require('react-native');
+var AccordionTrigger = _react.forwardRef.call(void 0, function AccordionTrigger2({
+  children,
+  asChild = false,
+  accessibilityRole = "button",
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    triggerStyle,
+    triggerPressedStyle,
+    labelStyle,
+    glyph,
+    toggle
+  } = useAccordion();
+  const {
+    value,
+    isExpanded,
+    isDisabled
+  } = useAccordionItem();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const handlePress = _react.useCallback.call(void 0, event => {
+    _optionalChain([onPress, 'optionalCall', _ => _(event)]);
+    toggle(value);
+  }, [onPress, toggle, value]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, {
+    value: glyph,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        expanded: isExpanded,
+        ...accessibilityState
+      },
+      ...rest,
+      style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
+        pressed: isPressed
+      }) : style],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: asChild ? children : wrapText(children, labelStyle)
+    })
+  });
+});
+AccordionTrigger.displayName = "XAUI.Accordion.Trigger";
+function wrapText(children, style) {
+  return _react.Children.map(children, child => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    style,
+    children: child
+  }) : child);
+}
+
+// src/components/accordion/accordion.tsx
+
+// src/components/accordion/accordion.hook.ts
+
+function useExpansion({
+  value,
+  defaultValue,
+  onValueChange,
+  selectionMode,
+  isCollapsible
+}) {
+  const [current, setCurrent] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value,
+    defaultValue: _nullishCoalesce(defaultValue, () => selectionMode === "multiple" ? [] : ""),
+    onChange: onValueChange
+  });
+  const isExpanded = _react.useCallback.call(void 0, item => Array.isArray(current) ? current.includes(item) : current === item, [current]);
+  const toggle = _react.useCallback.call(void 0, item => {
+    setCurrent(value_ => nextValue(value_, item, selectionMode, isCollapsible));
+  }, [isCollapsible, selectionMode, setCurrent]);
+  return _react.useMemo.call(void 0, () => ({
+    isExpanded,
+    toggle
+  }), [isExpanded, toggle]);
+}
+function nextValue(current, item, selectionMode, isCollapsible) {
+  if (selectionMode === "multiple") {
+    const list = Array.isArray(current) ? current : current ? [current] : [];
+    if (!list.includes(item)) return [...list, item];
+    if (!isCollapsible && list.length === 1) return current;
+    return list.filter(value => value !== item);
+  }
+  if (current !== item) return item;
+  return isCollapsible ? "" : current;
+}
+
+// src/components/accordion/accordion.recipe.ts
+
+var SLOTS = ["root", "container", "separator", "item", "trigger", "indicator", "content"];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "surface",
+    fg: "surfaceForeground"
+  },
+  secondary: {
+    bg: "surfaceSecondary",
+    fg: "surfaceSecondaryForeground"
+  },
+  tertiary: {
+    border: "border",
+    fg: "foreground"
+  },
+  ghost: {
+    fg: "foreground"
+  }
+};
+var HAIRLINE = _reactnative.StyleSheet.hairlineWidth;
+var SIZES = {
+  xs: {
+    padding: 2.5,
+    gap: 2.5,
+    label: "sm",
+    glyph: "md",
+    radius: "md"
+  },
+  sm: {
+    padding: 3,
+    gap: 3,
+    label: "md",
+    glyph: "lg",
+    radius: "lg"
+  },
+  md: {
+    padding: 3,
+    gap: 4,
+    label: "md",
+    glyph: "lg",
+    radius: "xl"
+  },
+  lg: {
+    padding: 4,
+    gap: 4,
+    label: "lg",
+    glyph: "xl",
+    radius: "2xl"
+  }
+};
+var TRIGGER_PADDING_VERTICAL = 4;
+function sizeAxis(step) {
+  const {
+    padding,
+    gap,
+    label,
+    glyph,
+    radius
+  } = step;
+  return theme => ({
+    // Both layers, at the same value: the outer one draws the corner, the inner one is
+    // what a pressed row is cut against.
+    root: {
+      borderRadius: theme.radius[radius]
+    },
+    container: {
+      borderRadius: theme.radius[radius]
+    },
+    trigger: {
+      paddingVertical: theme.spacing(TRIGGER_PADDING_VERTICAL),
+      paddingHorizontal: theme.spacing(padding),
+      gap: theme.spacing(gap),
+      fontSize: theme.fontSizes[label],
+      lineHeight: theme.lineHeights[label]
+    },
+    indicator: {
+      fontSize: theme.fontSizes[glyph]
+    },
+    content: {
+      paddingHorizontal: theme.spacing(padding),
+      paddingBottom: theme.spacing(TRIGGER_PADDING_VERTICAL)
+    }
+  });
+}
+var accordionRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: theme => ({
+    // The root carries the shadow and the border; it must **not** clip. On iOS
+    // `overflow: 'hidden'` sets `masksToBounds`, which clips the layer's own shadow along
+    // with everything else, and a lifted `primary` would have none at all.
+    root: {
+      flexDirection: "column",
+      borderCurve: "continuous"
+    },
+    // So the clipping is one layer in. This is the one extra node in the component, and
+    // it is here for a platform constraint rather than for layout: a single layer cannot
+    // both cast a shadow and clip its children on iOS. Without it a pressed row paints
+    // over the card's rounded corner, square, for as long as a finger is on it.
+    container: {
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    separator: {
+      height: HAIRLINE,
+      backgroundColor: theme.colors.separator
+    },
+    // This one is load-bearing: it is what makes the height animation read as a panel
+    // unrolling rather than as content sliding out from behind the row above it.
+    item: {
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    trigger: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium
+    },
+    indicator: {
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * The fill is the **root's**, never the row's. A row that painted its own would stack
+   * two fills where the separator sits, and the hairline would disappear into the seam.
+   */
+  paint: (theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    trigger: {
+      color: colors.fg
+    },
+    indicator: {
+      color: theme.colors.muted
+    }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "root", "container")
+  },
+  /**
+   * A container inset from its own edge, and its separators inset with it. `ghost` has no
+   * edge to be inset from, so its rows run the full width and the hairline runs with them
+   * — which is the difference between a list on a page and a list in a box.
+   *
+   * `primary` is the only one lifted. It is the one that reads as a card, and the reference implementation puts
+   * their `--shadow-surface` on exactly that variant. `secondary` and `tertiary` have too
+   * little fill to lift — a shadow under either would read as dirt rather than as height
+   * — and in dark mode the theme's surface shadow is already nothing (§4), which is why
+   * this names the role rather than a set of numbers.
+   */
+  compoundVariants: [...["primary", "secondary", "tertiary"].map(variant => ({
+    when: {
+      variant
+    },
+    style: theme => ({
+      separator: {
+        marginHorizontal: theme.spacing(3)
+      }
+    })
+  })), {
+    when: {
+      variant: "primary"
+    },
+    style: theme => ({
+      root: theme.shadows.surface
+    })
+  }],
+  states: {
+    // On the row, not on the root: pressing one row must not tint the whole container.
+    pressed: theme => ({
+      trigger: {
+        backgroundColor: theme.colors.defaultSoftPressed
+      }
+    }),
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      }
+    })
+  },
+  defaultVariants: {
+    variant: "ghost",
+    size: "md"
+  }
+});
+
+// src/components/accordion/accordion.tsx
+
+var AccordionRoot = _react.forwardRef.call(void 0, function Accordion({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  selectionMode = "single",
+  value,
+  defaultValue,
+  onValueChange,
+  isDisabled = false,
+  isCollapsible = true,
+  hasSeparator = true,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const {
+    isExpanded,
+    toggle
+  } = useExpansion({
+    value,
+    defaultValue,
+    onValueChange,
+    selectionMode,
+    isCollapsible
+  });
+  const selection = {
+    variant,
+    size,
+    radius
+  };
+  const styles = accordionRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const pressed = accordionRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      pressed: true
+    }
+  });
+  const tint = color ? accordionRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const context = _react.useMemo.call(void 0, () => {
+    const trigger = _reactnative.StyleSheet.flatten([styles.trigger, _optionalChain([tint, 'optionalAccess', _2 => _2.trigger])]);
+    const indicator = _reactnative.StyleSheet.flatten([styles.indicator, _optionalChain([tint, 'optionalAccess', _3 => _3.indicator])]);
+    return {
+      separatorStyle: styles.separator,
+      itemStyle: styles.item,
+      triggerStyle: tint ? [styles.trigger, tint.trigger] : styles.trigger,
+      triggerPressedStyle: pressed.trigger,
+      indicatorStyle: styles.indicator,
+      contentStyle: styles.content,
+      // The trigger is a row of views, so a stringifiable child is wrapped in a `Text` of
+      // its own — and that text takes the type the recipe put on the row.
+      labelStyle: {
+        color: trigger.color,
+        fontFamily: trigger.fontFamily,
+        fontWeight: trigger.fontWeight,
+        fontSize: trigger.fontSize,
+        lineHeight: trigger.lineHeight
+      },
+      glyph: {
+        size: indicator.fontSize,
+        color: typeof indicator.color === "string" ? indicator.color : void 0
+      },
+      isDisabled,
+      isExpanded,
+      toggle
+    };
+  }, [styles, pressed, tint, isDisabled, isExpanded, toggle]);
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _4 => _4.root]), styleProps, style];
+  const items = _react.Children.toArray(children);
+  const rows = items.map((child, index) => /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _react.Fragment, {
+    children: [child, hasSeparator && index < items.length - 1 ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+      layout: LAYOUT,
+      style: styles.separator
+    }) : null]
+  }, index));
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AccordionProvider, {
+    value: context,
+    children: asChild ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    }) :
+    // Two layers, and the only place in the library where a root has one inside it.
+    // A single layer cannot both cast a shadow and clip its children on iOS, and this
+    // component needs both: `primary` is lifted, and a pressed row has to be cut
+    // against the card's rounded corner rather than painting over it.
+    //
+    // The layout transition is on each of them as well as on every row. Without it on
+    // the outer one the accordion's own height jumps to its new total in one frame
+    // while the rows inside it are still animating.
+    /* @__PURE__ */
+    _jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+      ref,
+      layout: LAYOUT,
+      ...rest,
+      style: rootStyle,
+      children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+        layout: LAYOUT,
+        style: styles.container,
+        children: rows
+      })
+    })
+  });
+});
+AccordionRoot.displayName = "XAUI.Accordion.Root";
+
+// src/components/accordion/index.ts
+var Accordion2 = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  Indicator: AccordionIndicator,
+  Content: AccordionContent
+});
+exports.LAYOUT = LAYOUT;
+exports.useAccordion = useAccordion;
+exports.useAccordionItem = useAccordionItem;
+exports.AccordionContent = AccordionContent;
+exports.AccordionIndicator = AccordionIndicator;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.accordionRecipe = accordionRecipe;
+exports.AccordionRoot = AccordionRoot;
+exports.Accordion = Accordion2;