@xaui/native 0.9.1-alpha.42 → 0.9.1-alpha.43

package/dist/chunk-P2GKAAA3.cjs

@@ -0,0 +1,442 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+
+
+
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.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/bottom-sheet/bottom-sheet-close.tsx
+var _react = require('react');
+
+// src/components/bottom-sheet/bottom-sheet.context.ts
+var [BottomSheetProvider, useBottomSheet] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "BottomSheet");
+
+// src/components/bottom-sheet/bottom-sheet-close.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var BottomSheetClose = _react.forwardRef.call(void 0, 
+  function BottomSheetClose2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { close } = useBottomSheet();
+    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)]);
+        close();
+      },
+      [close, onPress]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        asChild,
+        accessibilityRole,
+        ...rest,
+        style: [
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    );
+  }
+);
+BottomSheetClose.displayName = "XAUI.BottomSheet.Close";
+
+// src/components/bottom-sheet/bottom-sheet-content.tsx
+
+var _reactnativegesturehandler = require('react-native-gesture-handler');
+
+
+
+
+
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/bottom-sheet/bottom-sheet.animation.ts
+var SHEET_SPRING = { damping: 28, stiffness: 260, mass: 0.9 };
+var DISMISS_VELOCITY = 900;
+
+// src/components/bottom-sheet/bottom-sheet-content.tsx
+
+function BottomSheetContent({
+  children,
+  isSwipeable = true,
+  accessibilityViewIsModal = true,
+  style,
+  onLayout,
+  ...props
+}) {
+  const context = useBottomSheet();
+  const { contentStyle, isOpen, dismissThreshold, close } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [height, setHeight] = _react.useState.call(void 0, 0);
+  const offset = _reactnativereanimated.useSharedValue.call(void 0, OFFSCREEN);
+  const measure = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
+      setHeight(event.nativeEvent.layout.height);
+    },
+    [onLayout]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (height === 0) return;
+    offset.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 0 : height, SHEET_SPRING));
+  }, [height, isOpen, offset]);
+  const pan = _reactnativegesturehandler.Gesture.Pan().enabled(isSwipeable).onUpdate((event) => {
+    offset.set(Math.max(event.translationY, 0));
+  }).onEnd((event) => {
+    const farEnough = event.translationY > height * dismissThreshold;
+    const fastEnough = event.velocityY > DISMISS_VELOCITY;
+    if (farEnough || fastEnough) {
+      offset.set(_reactnativereanimated.withSpring.call(void 0, height, SHEET_SPRING));
+      _reactnativereanimated.runOnJS.call(void 0, close)();
+      return;
+    }
+    offset.set(_reactnativereanimated.withSpring.call(void 0, 0, SHEET_SPRING));
+  });
+  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
+    transform: [{ translateY: offset.get() }]
+  }));
+  if (!isOpen) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BottomSheetProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativegesturehandler.GestureDetector, { gesture: pan, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnativereanimated2.default.View,
+    {
+      accessibilityViewIsModal,
+      onLayout: measure,
+      ...rest,
+      style: [contentStyle, slide, styleProps, style],
+      children
+    }
+  ) }) }) });
+}
+var OFFSCREEN = 2e3;
+BottomSheetContent.displayName = "XAUI.BottomSheet.Content";
+
+// src/components/bottom-sheet/bottom-sheet-description.tsx
+
+var _reactnative = require('react-native');
+
+var BottomSheetDescription = _react.forwardRef.call(void 0, 
+  function BottomSheetDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = useBottomSheet();
+    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 });
+  }
+);
+BottomSheetDescription.displayName = "XAUI.BottomSheet.Description";
+
+// src/components/bottom-sheet/bottom-sheet-handle.tsx
+
+
+
+var BottomSheetHandle = _react.forwardRef.call(void 0, 
+  function BottomSheetHandle2({ style, ...props }, ref) {
+    const { handleStyle } = useBottomSheet();
+    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: [handleStyle, styleProps, style]
+      }
+    );
+  }
+);
+BottomSheetHandle.displayName = "XAUI.BottomSheet.Handle";
+
+// src/components/bottom-sheet/bottom-sheet-overlay.tsx
+
+
+
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var BottomSheetOverlay = _react.forwardRef.call(void 0, 
+  function BottomSheetOverlay2({ children, isDismissable = true, style, ...props }, ref) {
+    const context = useBottomSheet();
+    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, BottomSheetProvider, { 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
+      }
+    ) }) });
+  }
+);
+BottomSheetOverlay.displayName = "XAUI.BottomSheet.Overlay";
+
+// src/components/bottom-sheet/bottom-sheet-title.tsx
+
+
+
+var BottomSheetTitle = _react.forwardRef.call(void 0, 
+  function BottomSheetTitle2({ children, accessibilityRole = "header", style, ...props }, ref) {
+    const { titleStyle } = useBottomSheet();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        accessibilityRole,
+        ...rest,
+        style: [titleStyle, styleProps, style],
+        children
+      }
+    );
+  }
+);
+BottomSheetTitle.displayName = "XAUI.BottomSheet.Title";
+
+// src/components/bottom-sheet/bottom-sheet-trigger.tsx
+
+
+var BottomSheetTrigger = _react.forwardRef.call(void 0, 
+  function BottomSheetTrigger2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { isOpen, isDisabled, toggle } = useBottomSheet();
+    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', _3 => _3(event)]);
+        toggle();
+      },
+      [onPress, toggle]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkTGMVEHV7cjs.PressableFeedback,
+      {
+        ref,
+        isPressed,
+        isDisabled,
+        asChild,
+        accessibilityRole,
+        accessibilityState: {
+          disabled: isDisabled,
+          expanded: isOpen,
+          ...accessibilityState
+        },
+        ...rest,
+        style: [
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    );
+  }
+);
+BottomSheetTrigger.displayName = "XAUI.BottomSheet.Trigger";
+
+// src/components/bottom-sheet/bottom-sheet.tsx
+
+
+// src/components/bottom-sheet/bottom-sheet.recipe.ts
+var SLOTS = ["overlay", "content", "handle", "title", "description"];
+var HANDLE = { width: 36, height: 4 };
+function topCorners(radius) {
+  return (theme) => ({
+    content: {
+      borderTopStartRadius: theme.radius[radius],
+      borderTopEndRadius: theme.radius[radius]
+    }
+  });
+}
+var RADII = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "field",
+  "full"
+];
+var bottomSheetRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    overlay: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      end: 0,
+      backgroundColor: theme.colors.backdrop
+    },
+    content: {
+      position: "absolute",
+      start: 0,
+      end: 0,
+      bottom: 0,
+      backgroundColor: theme.colors.overlay,
+      padding: theme.spacing(5),
+      gap: theme.spacing(2),
+      // HeroUI's `--radius-4xl` on a base of 8 is 32 points; the nearest on our base of 12
+      // is `3xl` at 36. A sheet's corner is the largest in the library because it is the
+      // only edge of it you can see.
+      borderTopStartRadius: theme.radius["3xl"],
+      borderTopEndRadius: theme.radius["3xl"],
+      borderCurve: "continuous",
+      ...theme.shadows.overlay
+    },
+    /**
+     * The grab bar. It is the only thing telling a reader the sheet can be dragged — the
+     * gesture has no other affordance, and a sheet without one reads as a panel that
+     * happens to have arrived from below.
+     */
+    handle: {
+      alignSelf: "center",
+      width: HANDLE.width,
+      height: HANDLE.height,
+      borderRadius: HANDLE.height / 2,
+      backgroundColor: theme.colors.separator
+    },
+    title: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      fontSize: theme.fontSizes.lg,
+      lineHeight: theme.lineHeights.lg,
+      color: theme.colors.overlayForeground
+    },
+    description: {
+      fontFamily: theme.fontFamilies.body,
+      fontSize: theme.fontSizes.md,
+      lineHeight: theme.lineHeights.md,
+      color: theme.colors.muted
+    }
+  }),
+  /** One variant: a sheet is the theme's floating surface, with no emphasis to report. */
+  variantTokens: { default: {} },
+  variants: {
+    radius: Object.fromEntries(RADII.map((r) => [r, topCorners(r)]))
+  },
+  defaultVariants: { variant: "default" }
+});
+
+// src/components/bottom-sheet/bottom-sheet.tsx
+
+function BottomSheet({
+  children,
+  radius,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled = false,
+  dismissThreshold = 0.35
+}) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const styles = bottomSheetRecipe.resolve({ theme, selection: { radius } });
+  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, 
+    () => ({
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      handleStyle: styles.handle,
+      titleStyle: styles.title,
+      descriptionStyle: styles.description,
+      isOpen,
+      isDisabled,
+      dismissThreshold,
+      open,
+      close,
+      toggle
+    }),
+    [styles, isOpen, isDisabled, dismissThreshold, open, close, toggle]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BottomSheetProvider, { value: context, children });
+}
+BottomSheet.displayName = "XAUI.BottomSheet.Root";
+
+// src/components/bottom-sheet/index.ts
+var BottomSheet2 = Object.assign(BottomSheet, {
+  Trigger: BottomSheetTrigger,
+  Overlay: BottomSheetOverlay,
+  Content: BottomSheetContent,
+  Handle: BottomSheetHandle,
+  Title: BottomSheetTitle,
+  Description: BottomSheetDescription,
+  Close: BottomSheetClose
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useBottomSheet = useBottomSheet; exports.BottomSheetClose = BottomSheetClose; exports.BottomSheetContent = BottomSheetContent; exports.BottomSheetDescription = BottomSheetDescription; exports.BottomSheetHandle = BottomSheetHandle; exports.BottomSheetOverlay = BottomSheetOverlay; exports.BottomSheetTitle = BottomSheetTitle; exports.BottomSheetTrigger = BottomSheetTrigger; exports.bottomSheetRecipe = bottomSheetRecipe; exports.BottomSheet = BottomSheet; exports.BottomSheet2 = BottomSheet2;

package/dist/components/bottom-sheet/index.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+var _chunkP2GKAAA3cjs = require('../../chunk-P2GKAAA3.cjs');
+require('../../chunk-WDDXU3OH.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-TGMVEHV7.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+exports.BottomSheet = _chunkP2GKAAA3cjs.BottomSheet2; exports.BottomSheetClose = _chunkP2GKAAA3cjs.BottomSheetClose; exports.BottomSheetContent = _chunkP2GKAAA3cjs.BottomSheetContent; exports.BottomSheetDescription = _chunkP2GKAAA3cjs.BottomSheetDescription; exports.BottomSheetHandle = _chunkP2GKAAA3cjs.BottomSheetHandle; exports.BottomSheetOverlay = _chunkP2GKAAA3cjs.BottomSheetOverlay; exports.BottomSheetRoot = _chunkP2GKAAA3cjs.BottomSheet; exports.BottomSheetTitle = _chunkP2GKAAA3cjs.BottomSheetTitle; exports.BottomSheetTrigger = _chunkP2GKAAA3cjs.BottomSheetTrigger; exports.bottomSheetRecipe = _chunkP2GKAAA3cjs.bottomSheetRecipe; exports.useBottomSheet = _chunkP2GKAAA3cjs.useBottomSheet;