@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.41

package/dist/chunk-T5FV5F7A.cjs

@@ -0,0 +1,607 @@
+"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 _chunkGTR5X65Mcjs = require('./chunk-GTR5X65M.cjs');
+
+
+var _chunkLUPCPLNDcjs = require('./chunk-LUPCPLND.cjs');
+
+
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+
+
+
+
+
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+
+
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+
+
+var _chunk4KFKWBN5cjs = require('./chunk-4KFKWBN5.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunk3E7CDKFOcjs = require('./chunk-3E7CDKFO.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/menu/menu-content.tsx
+var _react = require('react');
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/menu/menu.recipe.ts
+var _reactnative = require('react-native');
+var SLOTS = [
+  "trigger",
+  "overlay",
+  "content",
+  "label",
+  "separator",
+  "group",
+  "item",
+  "itemTitle",
+  "itemDescription",
+  "itemIndicator"
+];
+var VARIANT_TOKENS = {
+  default: { fg: "overlayForeground" },
+  danger: { fg: "danger" }
+};
+function menuMeasure(fontSize) {
+  return fontSize * 15;
+}
+var PANEL_PADDING_HORIZONTAL = 1.5;
+var PANEL_PADDING_VERTICAL = 3;
+var ITEM_PADDING_HORIZONTAL = 2.5;
+var ITEM_PADDING_VERTICAL = 2;
+var ITEM_GAP = 2.5;
+var LABEL_INSET = 3;
+var INDICATOR = 5;
+var HAIRLINE = _reactnative.StyleSheet.hairlineWidth;
+var menuRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    overlay: { position: "absolute", top: 0, bottom: 0, start: 0, end: 0 },
+    content: {
+      position: "absolute",
+      backgroundColor: theme.colors.overlay,
+      paddingHorizontal: theme.spacing(PANEL_PADDING_HORIZONTAL),
+      paddingVertical: theme.spacing(PANEL_PADDING_VERTICAL),
+      // Their `--radius-3xl` on a base of 8 is 24; our base is 12, so the same 24 is `2xl`.
+      borderRadius: theme.radius["2xl"],
+      borderCurve: "continuous",
+      ...theme.shadows.overlay
+    },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      fontSize: theme.fontSizes.sm,
+      lineHeight: theme.lineHeights.sm,
+      color: theme.colors.muted,
+      // Inset to the row's own text rather than to the panel: a heading that starts
+      // before the rows it heads reads as a heading for the panel.
+      marginStart: theme.spacing(LABEL_INSET),
+      paddingVertical: theme.spacing(1)
+    },
+    /**
+     * A rule between two runs of rows, placed by the caller rather than drawn between
+     * every pair. A menu of four related actions wants none; a menu whose last row is
+     * "Supprimer" wants exactly one, above it.
+     *
+     * It runs the panel's full inner width rather than lining up with the rows' text: a
+     * separator inset to the titles reads as belonging to the row under it, and this one
+     * belongs to neither.
+     */
+    separator: {
+      height: HAIRLINE,
+      backgroundColor: theme.colors.separator,
+      marginVertical: theme.spacing(1),
+      marginHorizontal: -theme.spacing(PANEL_PADDING_HORIZONTAL)
+    },
+    group: { flexDirection: "column" },
+    item: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: theme.spacing(ITEM_GAP),
+      paddingHorizontal: theme.spacing(ITEM_PADDING_HORIZONTAL),
+      paddingVertical: theme.spacing(ITEM_PADDING_VERTICAL),
+      borderRadius: theme.radius.lg,
+      borderCurve: "continuous"
+    },
+    itemTitle: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      fontSize: theme.fontSizes.md,
+      lineHeight: theme.lineHeights.md,
+      // Grows into the row so an indicator stays pinned to the end, whatever the label's
+      // length — but from its **content** size rather than from zero.
+      //
+      // `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
+      // 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,
+      flexShrink: 1,
+      flexBasis: "auto"
+    },
+    itemDescription: {
+      fontFamily: theme.fontFamilies.body,
+      fontSize: theme.fontSizes.sm,
+      lineHeight: theme.lineHeights.sm,
+      color: theme.colors.muted
+    },
+    itemIndicator: {
+      width: theme.spacing(INDICATOR),
+      height: theme.spacing(INDICATOR),
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /** The variant paints the row's text and nothing else. The panel is the theme's. */
+  paint: (_theme, colors) => ({
+    itemTitle: { color: colors.fg },
+    itemIndicator: { color: colors.fg }
+  }),
+  variants: { radius: _chunkFNEUOBCVcjs.radiusAxis.call(void 0, "content") },
+  states: {
+    pressed: (theme) => ({
+      item: { backgroundColor: theme.colors.defaultSoftPressed }
+    }),
+    disabled: (theme) => ({ trigger: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "default" }
+});
+
+// src/components/menu/menu.context.ts
+var [MenuProvider, useMenu] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Menu");
+var [MenuItemProvider, useMenuItem] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Menu.Item");
+
+// src/components/menu/menu-content.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_OFFSET = 6;
+var DEFAULT_INSETS = {
+  top: 12,
+  bottom: 12,
+  start: 12,
+  end: 12
+};
+var MenuContent = _react.forwardRef.call(void 0, function MenuContent2({
+  children,
+  placement = "bottom",
+  align = "center",
+  width = "content-fit",
+  offset = DEFAULT_OFFSET,
+  alignOffset = 0,
+  avoidCollisions = true,
+  insets,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const context = useMenu();
+  const { contentStyle, isOpen, anchor } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const { position, onContentLayout, measuringStyle } = _chunkLUPCPLNDcjs.useAnchoredPosition.call(void 0, {
+    anchor,
+    isOpen,
+    placement,
+    align,
+    width,
+    offset,
+    alignOffset,
+    avoidCollisions,
+    insets: { ...DEFAULT_INSETS, ...insets },
+    maxWidth: menuMeasure(theme.fontSizes.md),
+    onLayout
+  });
+  if (!isOpen || anchor === null) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnativereanimated2.default.View,
+    {
+      ref,
+      entering: position ? _chunkEKS3W46Mcjs.anchoredEntering.call(void 0, position.placement) : void 0,
+      exiting: position ? _chunkEKS3W46Mcjs.anchoredExiting.call(void 0, position.placement) : void 0,
+      onLayout: onContentLayout,
+      ...rest,
+      style: [
+        contentStyle,
+        position === null ? measuringStyle : {
+          top: position.top,
+          start: position.start,
+          width: position.width,
+          maxHeight: position.maxHeight
+        },
+        styleProps,
+        style
+      ],
+      children
+    },
+    _nullishCoalesce(_optionalChain([position, 'optionalAccess', _ => _.placement]), () => ( "measuring"))
+  ) }) });
+});
+MenuContent.displayName = "XAUI.Menu.Content";
+
+// src/components/menu/menu-group.tsx
+
+
+
+var MenuGroup = _react.forwardRef.call(void 0, function MenuGroup2({ children, accessibilityRole = "menu", style, ...props }, ref) {
+  const { groupStyle } = useMenu();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.View,
+    {
+      ref,
+      accessibilityRole,
+      ...rest,
+      style: [groupStyle, styleProps, style],
+      children
+    }
+  );
+});
+MenuGroup.displayName = "XAUI.Menu.Group";
+
+// src/components/menu/menu-item.tsx
+
+
+var MenuItem = _react.forwardRef.call(void 0, function MenuItem2({
+  variant = "default",
+  children,
+  isDisabled = false,
+  closesOnPress = true,
+  asChild = false,
+  accessibilityRole = "menuitem",
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const { itemStyle, itemPressedStyle, glyph, close } = useMenu();
+  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', _2 => _2(event)]);
+      if (closesOnPress) close();
+    },
+    [close, closesOnPress, onPress]
+  );
+  const context = _react.useMemo.call(void 0, 
+    () => ({ variant, isPressed, isDisabled }),
+    [variant, isPressed, isDisabled]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItemProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4KFKWBN5cjs.IconContext.Provider, { value: glyph[variant], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk3E7CDKFOcjs.PressableFeedback,
+    {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: { disabled: isDisabled, ...accessibilityState },
+      ...rest,
+      style: [
+        itemStyle,
+        isPressed && itemPressedStyle,
+        styleProps,
+        typeof style === "function" ? style({ pressed: isPressed }) : style
+      ],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: typeof children === "function" ? children(context) : children
+    }
+  ) }) });
+});
+MenuItem.displayName = "XAUI.Menu.Item";
+
+// src/components/menu/menu-item-description.tsx
+
+
+
+var MenuItemDescription = _react.forwardRef.call(void 0, 
+  function MenuItemDescription2({ children, style, ...props }, ref) {
+    const { itemDescriptionStyle } = useMenu();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, ...rest, style: [itemDescriptionStyle, styleProps, style], children });
+  }
+);
+MenuItemDescription.displayName = "XAUI.Menu.ItemDescription";
+
+// src/components/menu/menu-item-indicator.tsx
+
+
+
+var MenuItemIndicator = _react.forwardRef.call(void 0, 
+  function MenuItemIndicator2({ children, style, ...props }, ref) {
+    const { itemIndicatorStyle } = useMenu();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [itemIndicatorStyle, styleProps, style], children });
+  }
+);
+MenuItemIndicator.displayName = "XAUI.Menu.ItemIndicator";
+
+// src/components/menu/menu-item-title.tsx
+
+
+
+var MenuItemTitle = _react.forwardRef.call(void 0, 
+  function MenuItemTitle2({ children, numberOfLines = 1, style, ...props }, ref) {
+    const { itemTitleStyle } = useMenu();
+    const { variant } = useMenuItem();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        numberOfLines,
+        ...rest,
+        style: [itemTitleStyle[variant], styleProps, style],
+        children
+      }
+    );
+  }
+);
+MenuItemTitle.displayName = "XAUI.Menu.ItemTitle";
+
+// src/components/menu/menu-label.tsx
+
+
+
+var MenuLabel = _react.forwardRef.call(void 0, function MenuLabel2({ children, accessibilityRole = "header", style, ...props }, ref) {
+  const { labelStyle } = useMenu();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.Text,
+    {
+      ref,
+      accessibilityRole,
+      ...rest,
+      style: [labelStyle, styleProps, style],
+      children
+    }
+  );
+});
+MenuLabel.displayName = "XAUI.Menu.Label";
+
+// src/components/menu/menu-separator.tsx
+
+
+
+var MenuSeparator = _react.forwardRef.call(void 0, 
+  function MenuSeparator2({ style, ...props }, ref) {
+    const { separatorStyle } = useMenu();
+    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",
+        ...rest,
+        style: [separatorStyle, styleProps, style]
+      }
+    );
+  }
+);
+MenuSeparator.displayName = "XAUI.Menu.Separator";
+
+// src/components/menu/menu-overlay.tsx
+
+
+
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var MenuOverlay = _react.forwardRef.call(void 0, function MenuOverlay2({ children, isDismissable = true, style, ...props }, ref) {
+  const context = useMenu();
+  const { overlayStyle, isOpen, close } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    AnimatedPressable,
+    {
+      ref,
+      entering: _chunkEKS3W46Mcjs.overlayEntering,
+      exiting: _chunkEKS3W46Mcjs.overlayExiting,
+      accessibilityRole: "none",
+      importantForAccessibility: "no",
+      onPress: isDismissable ? close : void 0,
+      ...rest,
+      style: [overlayStyle, styleProps, style],
+      children
+    }
+  ) }) });
+});
+MenuOverlay.displayName = "XAUI.Menu.Overlay";
+
+// src/components/menu/menu-trigger.tsx
+
+
+var MenuTrigger = _react.forwardRef.call(void 0, function MenuTrigger2({
+  children,
+  asChild = false,
+  accessibilityRole = "button",
+  accessibilityState,
+  style,
+  onLayout,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const { triggerStyle, isOpen, isDisabled, toggle, setAnchor } = useMenu();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+  const anchor = _chunkGTR5X65Mcjs.useAnchorRef.call(void 0, { isOpen, onAnchor: setAnchor, onLayout });
+  const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, anchor.node, ref);
+  const handlePress = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([onPress, 'optionalCall', _3 => _3(event)]);
+      anchor.measure();
+      toggle();
+    },
+    [anchor, onPress, toggle]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk3E7CDKFOcjs.PressableFeedback,
+    {
+      ref: refs,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        expanded: isOpen,
+        ...accessibilityState
+      },
+      ...rest,
+      onLayout: anchor.onLayout,
+      style: [
+        triggerStyle,
+        styleProps,
+        typeof style === "function" ? style({ pressed: isPressed }) : style
+      ],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children
+    }
+  );
+});
+MenuTrigger.displayName = "XAUI.Menu.Trigger";
+
+// src/components/menu/menu.tsx
+
+
+
+var VARIANTS = ["default", "danger"];
+function Menu({
+  children,
+  radius,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled = false
+}) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const selection = { radius };
+  const styles = menuRecipe.resolve({
+    theme,
+    selection,
+    states: { disabled: isDisabled }
+  });
+  const pressed = menuRecipe.resolve({ theme, selection, states: { pressed: true } });
+  const open = _react.useCallback.call(void 0, () => setOpen(true), [setOpen]);
+  const close = _react.useCallback.call(void 0, () => setOpen(false), [setOpen]);
+  const toggle = _react.useCallback.call(void 0, () => setOpen((current) => !current), [setOpen]);
+  const context = _react.useMemo.call(void 0, () => {
+    const byVariant = (read) => Object.fromEntries(VARIANTS.map((v) => [v, read(v)]));
+    const title = byVariant(
+      (variant) => menuRecipe.resolve({ theme, selection: { ...selection, variant } }).itemTitle
+    );
+    return {
+      triggerStyle: styles.trigger,
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      labelStyle: styles.label,
+      separatorStyle: styles.separator,
+      groupStyle: styles.group,
+      itemStyle: styles.item,
+      itemPressedStyle: pressed.item,
+      itemTitleStyle: title,
+      itemDescriptionStyle: styles.itemDescription,
+      itemIndicatorStyle: styles.itemIndicator,
+      glyph: byVariant((variant) => {
+        const flat = _reactnative.StyleSheet.flatten([title[variant]]);
+        return {
+          size: flat.fontSize,
+          // `ColorValue` also covers the platform's opaque colours, which `Icon` cannot
+          // hand to a third-party component expecting a string.
+          color: typeof flat.color === "string" ? flat.color : void 0
+        };
+      }),
+      isOpen,
+      isDisabled,
+      open,
+      close,
+      toggle,
+      anchor,
+      setAnchor
+    };
+  }, [
+    styles,
+    pressed,
+    theme,
+    radius,
+    isOpen,
+    isDisabled,
+    open,
+    close,
+    toggle,
+    anchor
+  ]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuProvider, { value: context, children });
+}
+Menu.displayName = "XAUI.Menu.Root";
+
+// src/components/menu/index.ts
+var Menu2 = Object.assign(Menu, {
+  Trigger: MenuTrigger,
+  Overlay: MenuOverlay,
+  Content: MenuContent,
+  Label: MenuLabel,
+  Separator: MenuSeparator,
+  Group: MenuGroup,
+  Item: MenuItem,
+  ItemTitle: MenuItemTitle,
+  ItemDescription: MenuItemDescription,
+  ItemIndicator: MenuItemIndicator
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.menuRecipe = menuRecipe; exports.useMenu = useMenu; exports.useMenuItem = useMenuItem; exports.MenuContent = MenuContent; exports.MenuGroup = MenuGroup; exports.MenuItem = MenuItem; exports.MenuItemDescription = MenuItemDescription; exports.MenuItemIndicator = MenuItemIndicator; exports.MenuItemTitle = MenuItemTitle; exports.MenuLabel = MenuLabel; exports.MenuSeparator = MenuSeparator; exports.MenuOverlay = MenuOverlay; exports.MenuTrigger = MenuTrigger; exports.Menu = Menu; exports.Menu2 = Menu2;