@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.90

package/dist/chunk-4TG2OLEM.cjs

@@ -0,0 +1,461 @@
+"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 _chunkMPYBJSS7cjs = require('./chunk-MPYBJSS7.cjs');
+
+
+var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+
+
+
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+
+
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+
+
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/number-stepper/number-stepper-decrement.tsx
+var _react = require('react');
+
+// src/components/number-stepper/number-stepper-button.tsx
+
+var _reactnative = require('react-native');
+
+// src/components/number-stepper/number-stepper.context.ts
+var [NumberStepperProvider, useNumberStepper] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "NumberStepper");
+
+// src/components/number-stepper/number-stepper-button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var sheet = _reactnative.StyleSheet.create({ upright: { transform: [{ rotate: "90deg" }] } });
+var StepperButton = _react.forwardRef.call(void 0, 
+  function StepperButton2({
+    name,
+    hasUpright,
+    onStep,
+    isLive,
+    accessibilityLabel,
+    children,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const {
+      buttonStyle,
+      buttonContentStyle,
+      buttonGlyphStyle,
+      buttonExhaustedStyle,
+      isDisabled
+    } = useNumberStepper();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+    if (!accessibilityLabel) {
+      _chunkEJQCQPETcjs.warnDev.call(void 0, 
+        `${name}: the button needs an \`accessibilityLabel\` \u2014 a plus is not text, and the words beside a stepper name the quantity rather than what pressing it does.`
+      );
+    }
+    const isOff = isDisabled || !isLive;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkPIU3JONRcjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        isDisabled: isOff,
+        accessibilityRole: "button",
+        accessibilityLabel,
+        accessibilityState: { disabled: isOff },
+        ...rest,
+        onPress: _nullishCoalesce(onPress, () => ( onStep)),
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        style: [buttonStyle, styleProps, style],
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _reactnative.View,
+            {
+              style: [buttonContentStyle, isLive ? void 0 : buttonExhaustedStyle],
+              children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: buttonGlyphStyle }),
+                hasUpright ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: [buttonGlyphStyle, sheet.upright] }) : null
+              ] })))
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPIU3JONRcjs.PressableFeedback.Highlight, {})
+        ]
+      }
+    );
+  }
+);
+StepperButton.displayName = "XAUI.NumberStepper.Button";
+
+// src/components/number-stepper/number-stepper-decrement.tsx
+
+var NumberStepperDecrement = _react.forwardRef.call(void 0, 
+  function NumberStepperDecrement2(props, ref) {
+    const { decrement, canDecrement } = useNumberStepper();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StepperButton,
+      {
+        ref,
+        name: "NumberStepper.Decrement",
+        hasUpright: false,
+        onStep: decrement,
+        isLive: canDecrement,
+        ...props
+      }
+    );
+  }
+);
+NumberStepperDecrement.displayName = "XAUI.NumberStepper.Decrement";
+
+// src/components/number-stepper/number-stepper-increment.tsx
+
+
+var NumberStepperIncrement = _react.forwardRef.call(void 0, 
+  function NumberStepperIncrement2(props, ref) {
+    const { increment, canIncrement } = useNumberStepper();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StepperButton,
+      {
+        ref,
+        name: "NumberStepper.Increment",
+        hasUpright: true,
+        onStep: increment,
+        isLive: canIncrement,
+        ...props
+      }
+    );
+  }
+);
+NumberStepperIncrement.displayName = "XAUI.NumberStepper.Increment";
+
+// src/components/number-stepper/number-stepper-track.tsx
+
+
+
+var NumberStepperTrack = _react.forwardRef.call(void 0, 
+  function NumberStepperTrack2({ style, ...props }, ref) {
+    const { trackStyle } = useNumberStepper();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        pointerEvents: "none",
+        ...rest,
+        style: [trackStyle, styleProps, style]
+      }
+    );
+  }
+);
+NumberStepperTrack.displayName = "XAUI.NumberStepper.Track";
+
+// src/components/number-stepper/number-stepper-value.tsx
+
+
+
+var NumberStepperValue = _react.forwardRef.call(void 0, 
+  function NumberStepperValue2({ children, style, ...props }, ref) {
+    const { value, text, valueStyle } = useNumberStepper();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        accessibilityRole: "text",
+        numberOfLines: 1,
+        ...rest,
+        style: [valueStyle, styleProps, style],
+        children: typeof children === "function" ? children(value) : _nullishCoalesce(children, () => ( text))
+      }
+    );
+  }
+);
+NumberStepperValue.displayName = "XAUI.NumberStepper.Value";
+
+// src/components/number-stepper/number-stepper.tsx
+
+
+
+// src/components/number-stepper/number-stepper.recipe.ts
+var SLOTS = [
+  "root",
+  "track",
+  "value",
+  "button",
+  "buttonContent",
+  "buttonGlyph",
+  "buttonExhausted"
+];
+var VARIANT_TOKENS = {
+  primary: { bg: "accent", fg: "accentForeground" },
+  // `surface` and not `default`: the pill under it is already `defaultSoft`, and two greys
+  // a shade apart is a button that has stopped reading as raised.
+  secondary: { bg: "surface", fg: "foreground", border: "border" },
+  tertiary: { border: "border", fg: "foreground" },
+  ghost: { fg: "foreground" }
+};
+var SIZES = {
+  xs: { button: 7, inset: 0.75, gutter: 2, value: "sm", glyph: "sm" },
+  sm: { button: 8, inset: 1, gutter: 2.5, value: "md", glyph: "md" },
+  md: { button: 9, inset: 1, gutter: 3, value: "lg", glyph: "lg" },
+  lg: { button: 11, inset: 1.25, gutter: 3.5, value: "xl", glyph: "xl" }
+};
+function sizeAxis(size) {
+  const step = SIZES[size];
+  return (theme) => {
+    const side = theme.spacing(step.button);
+    const inset = theme.spacing(step.inset);
+    return {
+      root: { height: side },
+      // Inset top and bottom, and pinned to both ends: the pill runs the whole width of the
+      // control and under both buttons, which is what makes it read as one object.
+      track: {
+        top: inset,
+        bottom: inset,
+        borderRadius: (side - inset * 2) / 2
+      },
+      value: {
+        paddingHorizontal: theme.spacing(step.gutter),
+        fontSize: theme.fontSizes[step.value]
+      },
+      button: { width: side, height: side, borderRadius: side / 2 },
+      buttonGlyph: { width: theme.fontSizes[step.glyph] }
+    };
+  };
+}
+var numberStepperRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    root: { flexDirection: "row", alignItems: "center", alignSelf: "flex-start" },
+    // The pill is the root's own ground rather than a slot: it sits behind every slot and
+    // is inset from the root's own height, neither of which a sibling in a row can be.
+    // `start` / `end`, never `left` / `right` (R13).
+    track: {
+      position: "absolute",
+      start: 0,
+      end: 0,
+      backgroundColor: theme.colors.defaultSoft
+    },
+    // The number is on the pill, not on a button, so it keeps the page's own ink whatever
+    // the buttons are painted — which is why `paint` below does not touch it.
+    value: {
+      color: theme.colors.foreground,
+      fontWeight: theme.fontWeights.medium,
+      fontFamily: theme.fontFamilies.body,
+      textAlign: "center",
+      // The number gives way rather than growing into its neighbours. A row too narrow for
+      // a four-digit value would otherwise push the buttons out of the control or, once a
+      // parent has capped its width, lay the digits over them — and either way the number
+      // is the part that can afford to lose room, because the buttons are touch targets.
+      flexShrink: 1,
+      // The `Badge`'s two rules, for the `Badge`'s reason: a number inside a box of a
+      // fixed height must not be the thing that decides that height. Android reserves
+      // leading above and below the glyphs, and the scale's own leading is taller than the
+      // control at the small end — between them a `lineHeight` here is a row a point or two
+      // taller than its buttons. The root centres the number anyway.
+      includeFontPadding: false
+    },
+    button: {
+      alignItems: "center",
+      justifyContent: "center",
+      borderCurve: "continuous",
+      // Above the number, whatever the JSX order does with paint order: the value is
+      // written between the two, so without this the leading button is painted under it
+      // and a digit that has run out of room sits on top of the circle. The track, written
+      // first and out of flow, stays below both.
+      zIndex: 1,
+      // Raised off the pill, which is the whole shape: a flat circle on a soft ground is a
+      // hole in it. Dark mode drops the surface shadow, so this is a role and not a lift.
+      ...theme.shadows.surface
+    },
+    // Absolute, because the plus is this bar and a second one a quarter turn from it, and
+    // the two have to overlap at the centre rather than stack.
+    buttonGlyph: {
+      position: "absolute",
+      height: theme.borderWidth.default * 1.5,
+      borderRadius: theme.borderWidth.default
+    },
+    // The button's **content**, so a spent button fades its mark and keeps its fill.
+    //
+    // Dimming the box instead is what makes it translucent, and a translucent button stops
+    // hiding the pill it is raised off: the ground reads straight through the circle. It is
+    // also the wrong thing to say — the affordance is gone, the button is still there.
+    //
+    // Not a state on the button either: the two run out of room at opposite ends of the
+    // range, so which one is spent is the slot's own question and not the root's.
+    // `start` / `end`, never `left` / `right` (R13) — which is also why this is written
+    // out rather than taken from `StyleSheet.absoluteFillObject`.
+    buttonContent: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      end: 0,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    buttonExhausted: { opacity: theme.opacity.disabled }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (theme, colors) => ({
+    button: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    buttonGlyph: { backgroundColor: colors.fg }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis("xs"),
+      sm: sizeAxis("sm"),
+      md: sizeAxis("md"),
+      lg: sizeAxis("lg")
+    },
+    /** Declared after `size` so it overrides the circle the diameter made. */
+    radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "button")
+  },
+  compoundVariants: [
+    {
+      // No pill, and no shadow under a button that has no ground to be raised off.
+      when: { variant: "ghost" },
+      style: () => ({
+        track: { backgroundColor: "transparent" },
+        button: { shadowOpacity: 0, elevation: 0 }
+      })
+    },
+    {
+      // The border is the whole button, so it needs no lift either.
+      when: { variant: "tertiary" },
+      style: () => ({ button: { shadowOpacity: 0, elevation: 0 } })
+    }
+  ],
+  states: {
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "secondary", size: "md" }
+});
+
+// src/components/number-stepper/number-stepper.tsx
+
+var EMPTY = "\u2014";
+var NumberStepperRoot = _react.forwardRef.call(void 0, 
+  function NumberStepper({
+    value,
+    defaultValue,
+    onValueChange,
+    min,
+    max,
+    step = 1,
+    formatOptions,
+    locale = "en-US",
+    variant,
+    size,
+    radius,
+    color,
+    isDisabled = false,
+    asChild = false,
+    style,
+    children,
+    ...props
+  }, ref) {
+    const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const bounds = _react.useMemo.call(void 0, () => ({ min, max }), [min, max]);
+    const [own, setOwn] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( null)));
+    const isControlled = value !== void 0;
+    const current = isControlled ? _nullishCoalesce(value, () => ( null)) : own;
+    const reported = _react.useRef.call(void 0, current);
+    const move = _react.useCallback.call(void 0, 
+      (by) => {
+        const next = _chunkMPYBJSS7cjs.stepNumber.call(void 0, current, by, bounds);
+        if (!isControlled) setOwn(next);
+        if (next === reported.current) return;
+        reported.current = next;
+        _optionalChain([onValueChange, 'optionalCall', _ => _(next)]);
+      },
+      [bounds, current, isControlled, onValueChange]
+    );
+    const increment = _react.useCallback.call(void 0, () => move(step), [move, step]);
+    const decrement = _react.useCallback.call(void 0, () => move(-step), [move, step]);
+    const selection = { variant, size, radius };
+    const styles = numberStepperRecipe.resolve({
+      theme,
+      selection,
+      states: { disabled: isDisabled }
+    });
+    const tint = color ? numberStepperRecipe.tint({ theme, color, selection }) : void 0;
+    const context = _react.useMemo.call(void 0, 
+      () => ({
+        value: current,
+        text: current === null ? EMPTY : _chunkMPYBJSS7cjs.formatNumber.call(void 0, current, locale, formatOptions),
+        increment,
+        decrement,
+        canIncrement: _chunkMPYBJSS7cjs.canStep.call(void 0, current, step, bounds),
+        canDecrement: _chunkMPYBJSS7cjs.canStep.call(void 0, current, -step, bounds),
+        trackStyle: styles.track,
+        valueStyle: styles.value,
+        buttonStyle: tint ? [styles.button, tint.button] : styles.button,
+        buttonContentStyle: styles.buttonContent,
+        buttonGlyphStyle: tint ? [styles.buttonGlyph, tint.buttonGlyph] : styles.buttonGlyph,
+        buttonExhaustedStyle: styles.buttonExhausted,
+        isDisabled
+      }),
+      [
+        current,
+        locale,
+        formatOptions,
+        increment,
+        decrement,
+        step,
+        bounds,
+        styles,
+        tint,
+        isDisabled
+      ]
+    );
+    const rootStyle = [styles.root, styleProps, style];
+    const surface = asChild ? (
+      // R12 — the caller's element *is* the row.
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, { ref, ...rest, style: rootStyle, children })
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: rootStyle, children });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NumberStepperProvider, { value: context, children: surface });
+  }
+);
+NumberStepperRoot.displayName = "XAUI.NumberStepper.Root";
+
+// src/components/number-stepper/index.ts
+var NumberStepper2 = Object.assign(NumberStepperRoot, {
+  Track: NumberStepperTrack,
+  Decrement: NumberStepperDecrement,
+  Value: NumberStepperValue,
+  Increment: NumberStepperIncrement
+});
+
+
+
+
+
+
+
+
+
+
+exports.useNumberStepper = useNumberStepper; exports.NumberStepperDecrement = NumberStepperDecrement; exports.NumberStepperIncrement = NumberStepperIncrement; exports.NumberStepperTrack = NumberStepperTrack; exports.NumberStepperValue = NumberStepperValue; exports.numberStepperRecipe = numberStepperRecipe; exports.NumberStepperRoot = NumberStepperRoot; exports.NumberStepper = NumberStepper2;

package/dist/chunk-4TOL2PZD.cjs

@@ -0,0 +1,240 @@
+"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 _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/list/list-action.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/list/list.context.ts
+var [ListProvider, useList] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "List");
+var [ListItemProvider, useListItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "ListItem");
+
+// src/components/list/list-action.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var ListAction = _react.forwardRef.call(void 0, function ListAction2({ children, style, ...props }, ref) {
+  const { actionStyle, actionIcon } = useList();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: actionIcon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [actionStyle, styleProps, style], children }) });
+});
+ListAction.displayName = "XAUI.List.Action";
+
+// src/components/list/list-content.tsx
+
+
+
+var ListContent = _react.forwardRef.call(void 0, function ListContent2({ children, style, ...props }, ref) {
+  const { contentStyle } = useList();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [contentStyle, styleProps, style], children });
+});
+ListContent.displayName = "XAUI.List.Content";
+
+// src/components/list/list-description.tsx
+
+
+
+var ListDescription = _react.forwardRef.call(void 0, 
+  function ListDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = useList();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, ...rest, style: [descriptionStyle, styleProps, style], children });
+  }
+);
+ListDescription.displayName = "XAUI.List.Description";
+
+// src/components/list/list-item.tsx
+
+
+
+var ListItem = _react.forwardRef.call(void 0, function ListItem2({ children, asChild = false, style, ...props }, ref) {
+  const { itemStyle, separatorStyle, leadingIcon } = useList();
+  const { isLast } = useListItem();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const Node = asChild ? _chunkCDRGTUYFcjs.Slot : _reactnative.View;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: leadingIcon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Node,
+    {
+      ref,
+      ...rest,
+      style: [itemStyle, !isLast && separatorStyle, styleProps, style],
+      children
+    }
+  ) });
+});
+ListItem.displayName = "XAUI.List.Item";
+
+// src/components/list/list-leading.tsx
+
+
+
+var ListLeading = _react.forwardRef.call(void 0, function ListLeading2({ children, style, ...props }, ref) {
+  const { leadingStyle, leadingIcon } = useList();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: leadingIcon, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [leadingStyle, styleProps, style], children }) });
+});
+ListLeading.displayName = "XAUI.List.Leading";
+
+// src/components/list/list-title.tsx
+
+
+
+var ListTitle = _react.forwardRef.call(void 0, function ListTitle2({ children, style, ...props }, ref) {
+  const { titleStyle } = useList();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, ...rest, style: [titleStyle, styleProps, style], children });
+});
+ListTitle.displayName = "XAUI.List.Title";
+
+// src/components/list/list.tsx
+
+
+
+// src/components/list/list.recipe.ts
+
+var SLOTS = [
+  "root",
+  "item",
+  "separator",
+  "leading",
+  "content",
+  "title",
+  "description",
+  "action"
+];
+var listRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    root: { flexDirection: "column" },
+    item: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: theme.spacing(3),
+      paddingVertical: theme.spacing(3),
+      paddingHorizontal: theme.spacing(4)
+    },
+    separator: {
+      borderBottomWidth: _reactnative.StyleSheet.hairlineWidth,
+      borderBottomColor: theme.colors.separator
+    },
+    leading: {
+      alignItems: "center",
+      justifyContent: "center",
+      color: theme.colors.muted,
+      fontSize: theme.fontSizes.lg
+    },
+    content: {
+      flex: 1,
+      flexDirection: "column",
+      gap: theme.spacing(0.5)
+    },
+    title: {
+      color: theme.colors.foreground,
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      fontSize: theme.fontSizes.md,
+      lineHeight: theme.lineHeights.md
+    },
+    description: {
+      color: theme.colors.muted,
+      fontFamily: theme.fontFamilies.body,
+      fontSize: theme.fontSizes.sm,
+      lineHeight: theme.lineHeights.sm
+    },
+    action: {
+      alignItems: "center",
+      justifyContent: "center",
+      color: theme.colors.muted,
+      fontSize: theme.fontSizes.lg
+    }
+  })
+});
+
+// src/components/list/list.tsx
+
+function ListRootInner({
+  data,
+  renderItem,
+  asChild = false,
+  children,
+  accessibilityRole = "list",
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const styles = listRecipe.resolve({ theme });
+  const itemCount = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _ => _.length]), () => ( 0));
+  const context = _react.useMemo.call(void 0, () => {
+    const leading = _reactnative.StyleSheet.flatten(styles.leading);
+    const action = _reactnative.StyleSheet.flatten(styles.action);
+    return {
+      itemStyle: styles.item,
+      separatorStyle: styles.separator,
+      leadingStyle: styles.leading,
+      contentStyle: styles.content,
+      titleStyle: styles.title,
+      descriptionStyle: styles.description,
+      actionStyle: styles.action,
+      leadingIcon: {
+        size: leading.fontSize,
+        color: typeof leading.color === "string" ? leading.color : void 0
+      },
+      actionIcon: {
+        size: action.fontSize,
+        color: typeof action.color === "string" ? action.color : void 0
+      }
+    };
+  }, [styles]);
+  const renderRow = _react.useCallback.call(void 0, 
+    (info) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ListItemProvider, { value: { isLast: info.index === itemCount - 1 }, children: renderItem(info) }),
+    [itemCount, renderItem]
+  );
+  const listProps = {
+    accessibilityRole,
+    ...rest,
+    data,
+    renderItem: renderRow,
+    style: [styles.root, styleProps, style]
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ListProvider, { value: context, children: asChild ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, { ...listProps, ref, children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.FlatList, { ref, ...listProps }) });
+}
+var ListRoot = _react.forwardRef.call(void 0, ListRootInner);
+ListRoot.displayName = "XAUI.List.Root";
+
+// src/components/list/index.ts
+var List = Object.assign(ListRoot, {
+  Item: ListItem,
+  Leading: ListLeading,
+  Content: ListContent,
+  Title: ListTitle,
+  Description: ListDescription,
+  Action: ListAction
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useList = useList; exports.useListItem = useListItem; exports.ListAction = ListAction; exports.ListContent = ListContent; exports.ListDescription = ListDescription; exports.ListItem = ListItem; exports.ListLeading = ListLeading; exports.ListTitle = ListTitle; exports.listRecipe = listRecipe; exports.ListRoot = ListRoot; exports.List = List;