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

package/dist/chunk-5E6SHYEQ.cjs

@@ -1,631 +0,0 @@
-"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 _chunkFJGPDWMScjs = require('./chunk-FJGPDWMS.cjs');
-
-
-var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
-
-
-var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
-
-
-var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
-
-
-
-
-
-
-
-var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
-
-
-var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
-
-
-var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
-
-
-var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
-
-
-var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
-
-
-
-
-var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
-
-
-var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
-
-
-var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
-
-
-var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
-
-
-var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
-
-// src/components/select/select-content.tsx
-var _react = require('react');
-var _reactnative = require('react-native');
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
-
-// src/components/select/select-item.tsx
-
-
-// src/components/select/select-item-label.tsx
-
-
-
-// src/components/select/select.context.ts
-var [SelectProvider, useSelect] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Select");
-var [SelectItemProvider, useSelectItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Select.Item");
-
-// src/components/select/select-item-label.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var SelectItemLabel = _react.forwardRef.call(void 0, 
-  function SelectItemLabel2({ children, numberOfLines = 1, style, ...props }, ref) {
-    const { itemLabelStyle } = useSelect();
-    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _reactnative.Text,
-      {
-        ref,
-        numberOfLines,
-        ...rest,
-        style: [itemLabelStyle, styleProps, style],
-        children
-      }
-    );
-  }
-);
-SelectItemLabel.displayName = "XAUI.Select.ItemLabel";
-
-// src/components/select/select-item.tsx
-
-var SelectItem = _react.forwardRef.call(void 0, function SelectItem2({
-  value,
-  label,
-  children,
-  isDisabled = false,
-  asChild = false,
-  accessibilityRole = "menuitem",
-  accessibilityState,
-  style,
-  onPress,
-  onPressIn,
-  onPressOut,
-  ...props
-}, ref) {
-  const {
-    itemStyle,
-    itemPressedStyle,
-    value: selected,
-    select,
-    registerLabel
-  } = useSelect();
-  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
-  const isSelected = selected === value;
-  const text = typeof children === "function" ? null : _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
-  const registered = _nullishCoalesce(_nullishCoalesce(label, () => ( text)), () => ( void 0));
-  _react.useEffect.call(void 0, () => {
-    if (registered !== void 0) registerLabel(value, registered);
-  }, [registerLabel, value, registered]);
-  const handlePress = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([onPress, 'optionalCall', _ => _(event)]);
-      select(value, registered);
-    },
-    [onPress, select, value, registered]
-  );
-  const context = _react.useMemo.call(void 0, 
-    () => ({ isSelected, isPressed, isDisabled }),
-    [isSelected, isPressed, isDisabled]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItemProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOW4N2C3Mcjs.PressableFeedback,
-    {
-      ref,
-      isPressed,
-      isDisabled,
-      asChild,
-      accessibilityRole,
-      accessibilityState: {
-        disabled: isDisabled,
-        selected: isSelected,
-        ...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) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItemLabel, { children: text }) : children })
-    }
-  ) });
-});
-SelectItem.displayName = "XAUI.Select.Item";
-
-// src/components/select/select-content.tsx
-
-
-var DEFAULT_OFFSET = 8;
-var DEFAULT_INSETS = {
-  top: 12,
-  bottom: 12,
-  start: 12,
-  end: 12
-};
-var isSelectItem = (type) => type === SelectItem;
-var SelectContent = _react.forwardRef.call(void 0, 
-  function SelectContent2({
-    children,
-    placement = "bottom",
-    align = "center",
-    width = "trigger",
-    minWidth,
-    offset = DEFAULT_OFFSET,
-    alignOffset = 0,
-    avoidCollisions = true,
-    insets,
-    style,
-    onLayout,
-    ...props
-  }, ref) {
-    const context = useSelect();
-    const { contentStyle, isOpen, anchor, registerLabel } = context;
-    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-    const { position, onContentLayout, measuringStyle } = _chunkYVYYONTPcjs.useAnchoredPosition.call(void 0, {
-      anchor,
-      isOpen,
-      placement,
-      align,
-      width,
-      minWidth,
-      offset,
-      alignOffset,
-      avoidCollisions,
-      insets: { ...DEFAULT_INSETS, ...insets },
-      onLayout
-    });
-    _react.useEffect.call(void 0, () => {
-      for (const [value, label] of _chunkFJGPDWMScjs.collectItemLabels.call(void 0, children, isSelectItem)) {
-        registerLabel(value, label);
-      }
-    }, [children, registerLabel]);
-    if (!isOpen || anchor === null) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectProvider, { 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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reactnative.ScrollView,
-          {
-            bounces: false,
-            keyboardShouldPersistTaps: "handled",
-            showsVerticalScrollIndicator: false,
-            children
-          }
-        )
-      },
-      _nullishCoalesce(_optionalChain([position, 'optionalAccess', _2 => _2.placement]), () => ( "measuring"))
-    ) }) });
-  }
-);
-SelectContent.displayName = "XAUI.Select.Content";
-
-// src/components/select/select-indicator.tsx
-
-
-
-
-
-
-
-
-function SelectIndicator({
-  as = _chunkGSZDN6EZcjs.ChevronDownIcon,
-  ...props
-}) {
-  const { indicatorStyle, isOpen } = useSelect();
-  const progress = _reactnativereanimated.useSharedValue.call(void 0, isOpen ? 1 : 0);
-  _react.useEffect.call(void 0, () => {
-    progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
-  }, [isOpen, 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, _chunkGSZDN6EZcjs.Icon, { as, ...props }) });
-}
-SelectIndicator.displayName = "XAUI.Select.Indicator";
-
-// src/components/select/select-item-description.tsx
-
-
-
-var SelectItemDescription = _react.forwardRef.call(void 0, 
-  function SelectItemDescription2({ children, style, ...props }, ref) {
-    const { itemDescriptionStyle } = useSelect();
-    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 });
-  }
-);
-SelectItemDescription.displayName = "XAUI.Select.ItemDescription";
-
-// src/components/select/select-item-indicator.tsx
-
-
-// src/components/select/check-icon.tsx
-var _reactnativesvg = require('react-native-svg');
-
-function CheckIcon({
-  size = 20,
-  color = "currentColor"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativesvg.Svg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnativesvg.Path,
-    {
-      d: "m20 6-11 11-5-5",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-CheckIcon.displayName = "XAUI.Select.CheckIcon";
-
-// src/components/select/select-item-indicator.tsx
-
-function SelectItemIndicator({
-  as = CheckIcon,
-  color,
-  ...props
-}) {
-  const { itemIndicatorStyle, checkColor } = useSelect();
-  const { isSelected } = useSelectItem();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: itemIndicatorStyle, children: isSelected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { as, color: _nullishCoalesce(color, () => ( checkColor)), ...props }) : null });
-}
-SelectItemIndicator.displayName = "XAUI.Select.ItemIndicator";
-
-// src/components/select/select-label.tsx
-
-
-
-var SelectLabel = _react.forwardRef.call(void 0, function SelectLabel2({ children, accessibilityRole = "header", style, ...props }, ref) {
-  const { labelStyle } = useSelect();
-  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
-    }
-  );
-});
-SelectLabel.displayName = "XAUI.Select.Label";
-
-// src/components/select/select-overlay.tsx
-
-
-
-
-var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
-var SelectOverlay = _react.forwardRef.call(void 0, 
-  function SelectOverlay2({ children, isDismissable = true, style, ...props }, ref) {
-    const context = useSelect();
-    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, SelectProvider, { 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
-      }
-    ) }) });
-  }
-);
-SelectOverlay.displayName = "XAUI.Select.Overlay";
-
-// src/components/select/select-trigger.tsx
-
-
-var SelectTrigger = _react.forwardRef.call(void 0, 
-  function SelectTrigger2({
-    children,
-    asChild = false,
-    accessibilityRole = "button",
-    accessibilityState,
-    style,
-    onLayout,
-    onPressIn,
-    onPressOut,
-    onPress,
-    ...props
-  }, ref) {
-    const {
-      triggerStyle,
-      triggerPressedStyle,
-      glyph,
-      isOpen,
-      isDisabled,
-      isInvalid,
-      toggle,
-      setAnchor
-    } = useSelect();
-    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
-    const node = _react.useRef.call(void 0, null);
-    const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
-    const measure = _react.useCallback.call(void 0, () => {
-      _optionalChain([node, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.measureInWindow, 'call', _5 => _5((x, y, width, height) => {
-        setAnchor({ x, y, width, height });
-      })]);
-    }, [setAnchor]);
-    const handleLayout = _react.useCallback.call(void 0, 
-      (event) => {
-        _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
-        measure();
-      },
-      [measure, onLayout]
-    );
-    _react.useEffect.call(void 0, () => {
-      if (isOpen) measure();
-    }, [isOpen, measure]);
-    const handlePress = _react.useCallback.call(void 0, 
-      (event) => {
-        _optionalChain([onPress, 'optionalCall', _7 => _7(event)]);
-        measure();
-        toggle();
-      },
-      [measure, onPress, toggle]
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOW4N2C3Mcjs.PressableFeedback,
-      {
-        ref: refs,
-        isPressed,
-        isDisabled,
-        asChild,
-        accessibilityRole,
-        accessibilityState: {
-          disabled: isDisabled,
-          expanded: isOpen,
-          ...accessibilityState
-        },
-        "aria-invalid": isInvalid || void 0,
-        ...rest,
-        onLayout: handleLayout,
-        style: [
-          triggerStyle,
-          isPressed && triggerPressedStyle,
-          styleProps,
-          typeof style === "function" ? style({ pressed: isPressed }) : style
-        ],
-        onPress: handlePress,
-        onPressIn: press.onPressIn,
-        onPressOut: press.onPressOut,
-        children
-      }
-    ) });
-  }
-);
-SelectTrigger.displayName = "XAUI.Select.Trigger";
-
-// src/components/select/select-value.tsx
-
-
-
-var SelectValue = _react.forwardRef.call(void 0, function SelectValue2({ placeholder, children, numberOfLines = 1, style, ...props }, ref) {
-  const { valueStyle, placeholderStyle, value, labelFor } = useSelect();
-  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-  const label = _nullishCoalesce(children, () => ( (value !== void 0 ? labelFor(value) : void 0)));
-  const isEmpty = label === void 0 || label === "";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnative.Text,
-    {
-      ref,
-      numberOfLines,
-      ...rest,
-      style: [valueStyle, isEmpty && placeholderStyle, styleProps, style],
-      children: isEmpty ? placeholder : label
-    }
-  );
-});
-SelectValue.displayName = "XAUI.Select.Value";
-
-// src/components/select/select.tsx
-
-
-
-function Select({
-  children,
-  variant,
-  size,
-  radius,
-  color,
-  value: controlledValue,
-  defaultValue,
-  onValueChange,
-  isOpen: controlledOpen,
-  defaultOpen = false,
-  onOpenChange,
-  isDisabled = false,
-  isInvalid = false
-}) {
-  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
-  const { labelFor, registerLabel } = _chunkFJGPDWMScjs.useLabelRegistry.call(void 0, );
-  const [anchor, setAnchor] = _react.useState.call(void 0, null);
-  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
-    value: controlledValue,
-    defaultValue,
-    onChange: onValueChange
-  });
-  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
-    value: controlledOpen,
-    defaultValue: defaultOpen,
-    onChange: onOpenChange
-  });
-  const selection = {
-    variant,
-    size,
-    radius,
-    isOpen: isOpen ? "true" : void 0,
-    isInvalid: isInvalid ? "true" : void 0
-  };
-  const styles = _chunkJ5COSALOcjs.selectRecipe.resolve({
-    theme,
-    selection,
-    states: { disabled: isDisabled }
-  });
-  const pressed = _chunkJ5COSALOcjs.selectRecipe.resolve({
-    theme,
-    selection,
-    states: { pressed: true }
-  });
-  const tint = color ? _chunkJ5COSALOcjs.selectRecipe.tint({ theme, color, selection }) : void 0;
-  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(!isOpen), [isOpen, setOpen]);
-  const select = _react.useCallback.call(void 0, 
-    (next, label) => {
-      if (label !== void 0) registerLabel(next, label);
-      setValue(next);
-      setOpen(false);
-    },
-    [registerLabel, setValue, setOpen]
-  );
-  const context = _react.useMemo.call(void 0, () => {
-    const indicator = _reactnative.StyleSheet.flatten([
-      styles.indicator,
-      _optionalChain([tint, 'optionalAccess', _8 => _8.indicator])
-    ]);
-    const itemLabel = _reactnative.StyleSheet.flatten([styles.itemLabel]);
-    const tintedPlaceholder = tint ? _reactnative.StyleSheet.flatten([tint.value]).color : void 0;
-    return {
-      triggerStyle: tint ? [styles.trigger, tint.trigger] : styles.trigger,
-      triggerPressedStyle: pressed.trigger,
-      valueStyle: tint ? [styles.value, tint.value] : styles.value,
-      placeholderStyle: tintedPlaceholder ? [styles.placeholder, { color: tintedPlaceholder }] : styles.placeholder,
-      indicatorStyle: styles.indicator,
-      overlayStyle: styles.overlay,
-      contentStyle: styles.content,
-      labelStyle: styles.label,
-      itemStyle: styles.item,
-      itemPressedStyle: pressed.item,
-      itemLabelStyle: styles.itemLabel,
-      itemDescriptionStyle: styles.itemDescription,
-      itemIndicatorStyle: styles.itemIndicator,
-      glyph: {
-        size: indicator.fontSize,
-        // `ColorValue` also covers the platform's opaque colours, which `Icon` cannot
-        // hand to a third-party component expecting a string.
-        color: typeof indicator.color === "string" ? indicator.color : void 0
-      },
-      // The check reads the row's own colour rather than the chevron's: it belongs to the
-      // list, and the chevron belongs to the field.
-      checkColor: typeof itemLabel.color === "string" ? itemLabel.color : void 0,
-      value,
-      isOpen,
-      isDisabled,
-      isInvalid,
-      open,
-      close,
-      toggle,
-      select,
-      anchor,
-      setAnchor,
-      labelFor,
-      registerLabel
-    };
-  }, [
-    styles,
-    pressed,
-    tint,
-    value,
-    isOpen,
-    isDisabled,
-    isInvalid,
-    open,
-    close,
-    toggle,
-    select,
-    anchor,
-    labelFor,
-    registerLabel
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectProvider, { value: context, children });
-}
-Select.displayName = "XAUI.Select.Root";
-
-// src/components/select/index.ts
-var Select2 = Object.assign(Select, {
-  Trigger: SelectTrigger,
-  Value: SelectValue,
-  Indicator: SelectIndicator,
-  Overlay: SelectOverlay,
-  Content: SelectContent,
-  Label: SelectLabel,
-  Item: SelectItem,
-  ItemLabel: SelectItemLabel,
-  ItemDescription: SelectItemDescription,
-  ItemIndicator: SelectItemIndicator
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.useSelect = useSelect; exports.useSelectItem = useSelectItem; exports.SelectItemLabel = SelectItemLabel; exports.SelectItem = SelectItem; exports.SelectContent = SelectContent; exports.SelectIndicator = SelectIndicator; exports.SelectItemDescription = SelectItemDescription; exports.CheckIcon = CheckIcon; exports.SelectItemIndicator = SelectItemIndicator; exports.SelectLabel = SelectLabel; exports.SelectOverlay = SelectOverlay; exports.SelectTrigger = SelectTrigger; exports.SelectValue = SelectValue; exports.Select = Select; exports.Select2 = Select2;