@xaui/native 0.9.1-alpha.37 → 0.9.1-alpha.39

package/dist/chunk-7KLBTMXV.cjs

@@ -0,0 +1,478 @@
+"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 _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+
+
+
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.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] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Accordion");
+var [AccordionItemProvider, useAccordionItem] = _chunk7GHM4GKLcjs.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
+
+
+
+
+
+
+
+
+function AccordionIndicator({
+  as = _chunk4KFKWBN5cjs.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, () => ({
+    transform: [
+      {
+        rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
+      }
+    ]
+  }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, { style: [indicatorStyle, rotation], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.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, _chunk4KFKWBN5cjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.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 = _chunkFNEUOBCVcjs.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: _chunkFNEUOBCVcjs.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 HeroUI 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 = _chunk57SJ4LJFcjs.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, _chunk7GHM4GKLcjs.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;

package/dist/{chunk-AP6RVIIK.cjs → chunk-7TOG4TVU.cjs}

@@ -29,8 +29,8 @@ function _optionalChain(ops) {
   }
   return value;
 }
-var _chunk7B3UBUC6cjs = require('./chunk-7B3UBUC6.cjs');
-var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
@@ -42,7 +42,7 @@ 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");
+var [AvatarProvider, useAvatar] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Avatar");
 
 // src/components/avatar/avatar-initials.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -79,7 +79,7 @@ var AvatarFallback = _react.forwardRef.call(void 0, function AvatarFallback2({
     icon
   } = useAvatar();
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const text = _chunk7GHM4GKLcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, AvatarInitials, {
     children: text
   }) : children;
@@ -87,7 +87,7 @@ var AvatarFallback = _react.forwardRef.call(void 0, function AvatarFallback2({
     ref,
     style: [fallbackStyle, styleProps, style],
     ...rest,
-    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.IconContext.Provider, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.IconContext.Provider, {
       value: icon,
       children: content
     })
@@ -134,10 +134,10 @@ var AvatarImage = _react.forwardRef.call(void 0, function AvatarImage2({
   });
 });
 AvatarImage.displayName = "XAUI.Avatar.Image";
-const _worklet_4810798062167_init_data = {
-  code: "function chunkAP6RVIIKCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-AP6RVIIK.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkAP6RVIIKCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-AP6RVIIK.cjs\"],\"mappings\":\"AAoG+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_11644836485943_init_data = {
+  code: "function chunk7TOG4TVUCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-7TOG4TVU.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk7TOG4TVUCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-7TOG4TVU.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,
@@ -151,26 +151,26 @@ var FadingImage = _react.forwardRef.call(void 0, function FadingImage2({
     });
     _optionalChain([onLoad, 'optionalCall', _ => _(event)]);
   }, [opacity, onLoad]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkAP6RVIIKCjs1Factory({
-    _worklet_4810798062167_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk7TOG4TVUCjs1Factory({
+    _worklet_11644836485943_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkAP6RVIIKCjs1 = function () {
+    const chunk7TOG4TVUCjs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkAP6RVIIKCjs1.__closure = {
+    chunk7TOG4TVUCjs1.__closure = {
       opacity
     };
-    chunkAP6RVIIKCjs1.__workletHash = 4810798062167;
-    chunkAP6RVIIKCjs1.__pluginVersion = "0.7.4";
-    chunkAP6RVIIKCjs1.__initData = _worklet_4810798062167_init_data;
-    chunkAP6RVIIKCjs1.__stackDetails = _e;
-    return chunkAP6RVIIKCjs1;
+    chunk7TOG4TVUCjs1.__workletHash = 11644836485943;
+    chunk7TOG4TVUCjs1.__pluginVersion = "0.7.4";
+    chunk7TOG4TVUCjs1.__initData = _worklet_11644836485943_init_data;
+    chunk7TOG4TVUCjs1.__stackDetails = _e;
+    return chunk7TOG4TVUCjs1;
   }({
-    _worklet_4810798062167_init_data,
+    _worklet_11644836485943_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.Image, {
@@ -382,11 +382,11 @@ var AvatarRoot = _react.forwardRef.call(void 0, function Avatar({
     };
   }, [styles, tint]);
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _3 => _3.root]), styleProps, style];
-  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
+  const text = _chunk7GHM4GKLcjs.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;
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.View;
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AvatarProvider, {
     value: context,
     children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, Root, {

package/dist/{chunk-LEWW24RQ.cjs → chunk-A7YB7YWX.cjs}

@@ -1,7 +1,7 @@
 "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 _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _react = require('react');
 var _reactnative = require('react-native');
 
 // src/components/text-field/text-field.context.ts
-var [TextFieldProvider, useTextField] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "TextField");
+var [TextFieldProvider, useTextField] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "TextField");
 
 // src/components/text-field/text-field-description.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -505,7 +505,7 @@ var TextFieldRoot = _react.forwardRef.call(void 0, function TextField({
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _3 => _3.root]), styleProps, style];
   const surface = asChild ? (
     // R12 — the caller's element *is* the column.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk54FJOKANcjs.Slot, { ref, ...rest, style: rootStyle, children })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7GHM4GKLcjs.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, TextFieldProvider, { value: context, children: surface });
 });

package/dist/{chunk-3P6M2R4S.cjs → chunk-AAVCMCJ3.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
+var _chunkTGMVEHV7cjs = require('./chunk-TGMVEHV7.cjs');
 
 
-var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
 
-var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
 var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
@@ -45,7 +45,7 @@ var CloseButton = _react.forwardRef.call(void 0, function CloseButton2({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDRMT346Wcjs.PressableFeedback,
+    _chunkTGMVEHV7cjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-VFTT3Q4B.cjs → chunk-BNFIFRQA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
 
 
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
@@ -81,7 +81,7 @@ var Typography = _react.forwardRef.call(void 0, function Typography2({ children,
   const styles = typographyRecipe.resolve({ theme, selection });
   const tint = color ? typographyRecipe.tint({ theme, color, selection }) : void 0;
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _ => _.root]), styleProps, style];
-  const Root = asChild ? _chunk54FJOKANcjs.Slot : _reactnative.Text;
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.Text;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Root, { ref, style: rootStyle, ...rest, children });
 });
 Typography.displayName = "XAUI.Typography";
@@ -92,7 +92,7 @@ Typography.displayName = "XAUI.Typography";
 
 var TextSpan = _react.forwardRef.call(void 0, function TextSpan2({ children, asChild = false, style, ...props }, ref) {
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-  const Root = asChild ? _chunk54FJOKANcjs.Slot : _reactnative.Text;
+  const Root = asChild ? _chunk7GHM4GKLcjs.Slot : _reactnative.Text;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Root, { ref, style: [styleProps, style], ...rest, children });
 });
 TextSpan.displayName = "XAUI.TextSpan";