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

package/dist/chunk-3TBT6ORW.cjs

@@ -0,0 +1,662 @@
+"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 _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.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/bottom-sheet/bottom-sheet-close.tsx
+var _react = require('react');
+
+// src/components/bottom-sheet/bottom-sheet.context.ts
+var [BottomSheetProvider, useBottomSheet] = _chunkCDRGTUYFcjs.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, _chunkHBYT7B47cjs.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 _reactnative = require('react-native');
+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;
+var THROW_PROJECTION = 0.15;
+
+// src/components/bottom-sheet/bottom-sheet.utils.ts
+function sheetOffset(state, geometry) {
+  const {
+    height,
+    collapsedHeight
+  } = geometry;
+  if (state === "closed") return height;
+  if (state === "expanded" || collapsedHeight === void 0) return 0;
+  return Math.max(height - collapsedHeight, 0);
+}
+function paddingUnderSeam(style) {
+  const value = _nullishCoalesce(_nullishCoalesce(style.paddingBottom, () => style.paddingVertical), () => style.padding);
+  return typeof value === "number" ? value : 0;
+}
+function collapsedExtent(summaryExtent, paddingBottom, collapsedHeight) {
+  if (summaryExtent === void 0) return collapsedHeight;
+  return summaryExtent + paddingBottom;
+}
+function nextSheetState(release, geometry) {
+  const {
+    from,
+    translationY,
+    velocityY,
+    projection
+  } = release;
+  const {
+    height,
+    collapsedHeight
+  } = geometry;
+  const farEnough = Math.abs(translationY) > height * release.dismissThreshold;
+  const fastEnough = Math.abs(velocityY) > release.dismissVelocity;
+  if (!farEnough && !fastEnough) return from;
+  if (translationY < 0) return "expanded";
+  if (collapsedHeight === void 0) return "closed";
+  if (from === "collapsed") return "closed";
+  const released = sheetOffset(from, geometry) + translationY;
+  const projected = released + velocityY * projection;
+  const collapsed = sheetOffset("collapsed", geometry);
+  return projected > collapsed + (height - collapsed) / 2 ? "closed" : "collapsed";
+}
+
+// src/components/bottom-sheet/bottom-sheet-content.tsx
+const _worklet_1588711504510_init_data = {
+  code: "function chunk3TBT6ORWCjs1(){const{offset}=this.__closure;return{transform:[{translateY:offset.get()}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-3TBT6ORW.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk3TBT6ORWCjs1\",\"offset\",\"__closure\",\"transform\",\"translateY\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-3TBT6ORW.cjs\"],\"mappings\":\"AAuNqE,SAAAA,iBAAMA,CAAA,QAAAC,MAAA,OAAAC,SAAA,CAEvE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEH,MAAM,CAACI,GAAG,CAAC,CAAE,CAAC,CAAE,CAAC,CACtD\",\"ignoreList\":[]}"
+};
+function BottomSheetContent({
+  children,
+  isSwipeable = true,
+  accessibilityViewIsModal = true,
+  style,
+  onLayout,
+  ...props
+}) {
+  const context = useBottomSheet();
+  const {
+    contentStyle,
+    isOpen,
+    dismissThreshold,
+    collapsedHeight,
+    isExpanded,
+    close,
+    expand,
+    collapse,
+    setPaddingBottom
+  } = 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]);
+  const paddingBottom = _react.useMemo.call(void 0, () => paddingUnderSeam(_reactnative.StyleSheet.flatten([contentStyle, styleProps, style])), [contentStyle, style, styleProps]);
+  _react.useEffect.call(void 0, () => {
+    setPaddingBottom(paddingBottom);
+  }, [paddingBottom, setPaddingBottom]);
+  const geometry = _react.useMemo.call(void 0, () => ({
+    height,
+    collapsedHeight
+  }), [height, collapsedHeight]);
+  const resting = isOpen ? isExpanded ? "expanded" : "collapsed" : "closed";
+  _react.useEffect.call(void 0, () => {
+    if (height === 0) return;
+    offset.set(_reactnativereanimated.withSpring.call(void 0, sheetOffset(resting, geometry), SHEET_SPRING));
+  }, [geometry, height, offset, resting]);
+  const release = _react.useCallback.call(void 0, (translationY, velocityY) => {
+    const next = nextSheetState({
+      from: isExpanded ? "expanded" : "collapsed",
+      translationY,
+      velocityY,
+      projection: THROW_PROJECTION,
+      dismissThreshold,
+      dismissVelocity: DISMISS_VELOCITY
+    }, geometry);
+    if (next === resting) {
+      offset.set(_reactnativereanimated.withSpring.call(void 0, sheetOffset(resting, geometry), SHEET_SPRING));
+      return;
+    }
+    if (next === "closed") return close();
+    if (next === "collapsed") return collapse();
+    expand();
+  }, [close, collapse, dismissThreshold, expand, geometry, isExpanded, offset, resting]);
+  const restingOffset = sheetOffset(resting, geometry);
+  const pan = _reactnativegesturehandler.Gesture.Pan().enabled(isSwipeable).onUpdate(event => {
+    offset.set(Math.max(restingOffset + event.translationY, 0));
+  }).onEnd(event => {
+    _reactnativereanimated.runOnJS.call(void 0, release)(event.translationY, event.velocityY);
+  });
+  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk3TBT6ORWCjs1Factory({
+    _worklet_1588711504510_init_data,
+    offset
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunk3TBT6ORWCjs1 = function () {
+      return {
+        transform: [{
+          translateY: offset.get()
+        }]
+      };
+    };
+    chunk3TBT6ORWCjs1.__closure = {
+      offset
+    };
+    chunk3TBT6ORWCjs1.__workletHash = 1588711504510;
+    chunk3TBT6ORWCjs1.__pluginVersion = "0.7.4";
+    chunk3TBT6ORWCjs1.__initData = _worklet_1588711504510_init_data;
+    chunk3TBT6ORWCjs1.__stackDetails = _e;
+    return chunk3TBT6ORWCjs1;
+  }({
+    _worklet_1588711504510_init_data,
+    offset
+  }), [offset]);
+  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 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({
+  accessibilityRole = "button",
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    handleStyle,
+    isCollapsible,
+    isExpanded,
+    toggleExpanded
+  } = 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)]);
+    toggleExpanded();
+  }, [onPress, toggleExpanded]);
+  if (!isCollapsible) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      ...rest,
+      style: [handleStyle, styleProps, typeof style === "function" ? style({
+        pressed: false
+      }) : style]
+    });
+  }
+  if (!rest.accessibilityLabel && !rest["aria-label"]) {
+    _chunkEJQCQPETcjs.warnDev.call(void 0, "BottomSheet.Handle: a collapsible sheet needs an `accessibilityLabel` on its handle \u2014 it is the control that reduces and restores the sheet, and a pill says nothing to someone who cannot see it.");
+  }
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+    ref,
+    isPressed,
+    accessibilityRole,
+    accessibilityState: {
+      expanded: isExpanded
+    },
+    ...rest,
+    style: [handleStyle, styleProps, typeof style === "function" ? style({
+      pressed: isPressed
+    }) : style],
+    onPress: handlePress,
+    onPressIn: press.onPressIn,
+    onPressOut: press.onPressOut
+  });
+});
+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-summary.tsx
+
+var BottomSheetSummary = _react.forwardRef.call(void 0, function BottomSheetSummary2({
+  children,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const {
+    setSummaryExtent
+  } = useBottomSheet();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const measure = _react.useCallback.call(void 0, event => {
+    _optionalChain([onLayout, 'optionalCall', _4 => _4(event)]);
+    const {
+      y,
+      height
+    } = event.nativeEvent.layout;
+    setSummaryExtent(y + height);
+  }, [onLayout, setSummaryExtent]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    onLayout: measure,
+    style: [styleProps, style],
+    children
+  });
+});
+BottomSheetSummary.displayName = "XAUI.BottomSheet.Summary";
+
+// 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', _5 => _5(event)]);
+    toggle();
+  }, [onPress, toggle]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.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 = _chunkSL3V7R2Ycjs.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),
+      // The reference implementation'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,
+  collapsedHeight,
+  isExpanded: controlledExpanded,
+  defaultExpanded = true,
+  onExpandedChange
+}) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [isExpanded, setExpanded] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledExpanded,
+    defaultValue: defaultExpanded,
+    onChange: onExpandedChange
+  });
+  const [summaryExtent, setSummaryExtent] = _react.useState.call(void 0);
+  const [paddingBottom, setPaddingBottom] = _react.useState.call(void 0, 0);
+  const collapsed = collapsedExtent(summaryExtent, paddingBottom, collapsedHeight);
+  _react.useEffect.call(void 0, () => {
+    if (summaryExtent === void 0 || collapsedHeight === void 0) return;
+    _chunkEJQCQPETcjs.warnDev.call(void 0, "BottomSheet: `collapsedHeight` is ignored when a `BottomSheet.Summary` is present \u2014 the summary measures where to cut. Remove one of the two.");
+  }, [collapsedHeight, summaryExtent]);
+  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 expand = _react.useCallback.call(void 0, () => setExpanded(true), [setExpanded]);
+  const collapse = _react.useCallback.call(void 0, () => setExpanded(false), [setExpanded]);
+  const toggleExpanded = _react.useCallback.call(void 0, () => setExpanded(current => !current), [setExpanded]);
+  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,
+    collapsedHeight: collapsed,
+    setSummaryExtent,
+    setPaddingBottom,
+    // A sheet with no reduced state has none to be out of, so it reports expanded
+    // whatever the disclosure holds — a slot must not draw a chevron for a state the
+    // sheet cannot reach.
+    isExpanded: collapsed === void 0 ? true : isExpanded,
+    isCollapsible: collapsed !== void 0,
+    open,
+    close,
+    toggle,
+    expand,
+    collapse,
+    toggleExpanded
+  }), [styles, isOpen, isDisabled, dismissThreshold, collapsed, isExpanded, open, close, toggle, expand, collapse, toggleExpanded]);
+  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,
+  Summary: BottomSheetSummary,
+  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.BottomSheetSummary = BottomSheetSummary;
+exports.BottomSheetTitle = BottomSheetTitle;
+exports.BottomSheetTrigger = BottomSheetTrigger;
+exports.bottomSheetRecipe = bottomSheetRecipe;
+exports.BottomSheet = BottomSheet;
+exports.BottomSheet2 = BottomSheet2;

package/dist/{chunk-DN3X5WIB.js → chunk-3VMKOQXH.js}

@@ -5,7 +5,7 @@ import {
   TextFieldLabel,
   TextFieldRoot,
   useTextField
-} from "./chunk-5YZUYSV7.js";
+} from "./chunk-JYV53WUN.js";
 import {
   createSlotContext
 } from "./chunk-TTZOIXKE.js";

package/dist/{chunk-CBXILKQZ.cjs → chunk-435MOVG2.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkPROLOLZ5cjs = require('./chunk-PROLOLZ5.cjs');
+var _chunkBGBJTBFCcjs = require('./chunk-BGBJTBFC.cjs');
 
 
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
@@ -651,7 +651,7 @@ var TableSelectAllCell = _react.forwardRef.call(void 0,
         ...rest,
         style: [cellStyle, { width: selectionWidth }, styleProps, style],
         children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPROLOLZ5cjs.Checkbox,
+          _chunkBGBJTBFCcjs.Checkbox,
           {
             isSelected: isAll,
             isIndeterminate: isSome,
@@ -678,7 +678,7 @@ var TableSelectionCell = _react.forwardRef.call(void 0,
         ...rest,
         style: [cellStyle, { width: selectionWidth }, styleProps, style],
         children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPROLOLZ5cjs.Checkbox,
+          _chunkBGBJTBFCcjs.Checkbox,
           {
             isSelected,
             isDisabled,