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

package/dist/chunk-XAFP5JLK.js

@@ -0,0 +1,425 @@
+import {
+  useAnchoredPosition
+} from "./chunk-2EGR4LWD.js";
+import {
+  Portal
+} from "./chunk-2PMXMKS5.js";
+import {
+  anchoredEntering,
+  anchoredExiting,
+  overlayEntering,
+  overlayExiting
+} from "./chunk-64MXEVT3.js";
+import {
+  useMergedRef
+} from "./chunk-NCTOTTVW.js";
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
+import {
+  PressableFeedback
+} from "./chunk-LIUO6D3D.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
+import {
+  createSlotContext
+} from "./chunk-K72UDPVN.js";
+import {
+  createRecipe,
+  radiusAxis
+} from "./chunk-4GTAZM2C.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/components/popover/popover-close.tsx
+import { forwardRef, useCallback } from "react";
+
+// src/components/popover/popover.context.ts
+var [PopoverProvider, usePopover] = createSlotContext("Popover");
+
+// src/components/popover/popover-close.tsx
+import { jsx } from "react/jsx-runtime";
+var PopoverClose = forwardRef(
+  function PopoverClose2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { close } = usePopover();
+    const [styleProps, rest] = useStyleProps(props);
+    const [isPressed, press] = usePressState({ onPressIn, onPressOut });
+    const handlePress = useCallback(
+      (event) => {
+        onPress?.(event);
+        close();
+      },
+      [close, onPress]
+    );
+    return /* @__PURE__ */ jsx(
+      PressableFeedback,
+      {
+        ref,
+        isPressed,
+        asChild,
+        accessibilityRole,
+        ...rest,
+        style: [
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children
+      }
+    );
+  }
+);
+PopoverClose.displayName = "XAUI.Popover.Close";
+
+// src/components/popover/popover-content.tsx
+import { forwardRef as forwardRef2 } from "react";
+import Animated from "react-native-reanimated";
+
+// src/components/popover/popover.recipe.ts
+var SLOTS = ["trigger", "overlay", "content", "title", "description"];
+function popoverMeasure(fontSize) {
+  return fontSize * 13;
+}
+var popoverRecipe = createRecipe({
+  slots: SLOTS,
+  base: (theme) => ({
+    overlay: { position: "absolute", top: 0, bottom: 0, start: 0, end: 0 },
+    content: {
+      position: "absolute",
+      backgroundColor: theme.colors.overlay,
+      // HeroUI's twelve by sixteen: a panel is read, not scanned, so it is wider-padded
+      // than it is tall-padded.
+      paddingVertical: theme.spacing(3),
+      paddingHorizontal: theme.spacing(4),
+      // Their `--radius-3xl` on a base of 8 is 24 points; our base is 12, so the same 24
+      // is `2xl`. Reading their key rather than their number puts a pill on it.
+      borderRadius: theme.radius["2xl"],
+      borderCurve: "continuous",
+      gap: theme.spacing(1.5),
+      ...theme.shadows.overlay
+    },
+    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
+    }
+  }),
+  variantTokens: { default: {} },
+  variants: { radius: radiusAxis("content") },
+  states: {
+    disabled: (theme) => ({ trigger: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "default" }
+});
+
+// src/components/popover/popover-content.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DEFAULT_OFFSET = 9;
+var DEFAULT_INSETS = {
+  top: 12,
+  bottom: 12,
+  start: 12,
+  end: 12
+};
+var PopoverContent = forwardRef2(
+  function PopoverContent2({
+    children,
+    placement = "bottom",
+    align = "center",
+    width = "content-fit",
+    offset = DEFAULT_OFFSET,
+    alignOffset = 0,
+    avoidCollisions = true,
+    insets,
+    style,
+    onLayout,
+    ...props
+  }, ref) {
+    const context = usePopover();
+    const { contentStyle, isOpen, anchor } = context;
+    const [styleProps, rest] = useStyleProps(props);
+    const theme = useXAUITheme();
+    const { position, onContentLayout, measuringStyle } = useAnchoredPosition({
+      anchor,
+      isOpen,
+      placement,
+      align,
+      width,
+      offset,
+      alignOffset,
+      avoidCollisions,
+      insets: { ...DEFAULT_INSETS, ...insets },
+      maxWidth: popoverMeasure(theme.fontSizes.md),
+      onLayout
+    });
+    if (!isOpen || anchor === null) return null;
+    return /* @__PURE__ */ jsx2(Portal, { children: /* @__PURE__ */ jsx2(PopoverProvider, { value: context, children: /* @__PURE__ */ jsx2(
+      Animated.View,
+      {
+        ref,
+        entering: position ? anchoredEntering(position.placement) : void 0,
+        exiting: position ? anchoredExiting(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
+      },
+      position?.placement ?? "measuring"
+    ) }) });
+  }
+);
+PopoverContent.displayName = "XAUI.Popover.Content";
+
+// src/components/popover/popover-description.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Text } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PopoverDescription = forwardRef3(
+  function PopoverDescription2({ children, style, ...props }, ref) {
+    const { descriptionStyle } = usePopover();
+    const [styleProps, rest] = useStyleProps(props);
+    return /* @__PURE__ */ jsx3(Text, { ref, ...rest, style: [descriptionStyle, styleProps, style], children });
+  }
+);
+PopoverDescription.displayName = "XAUI.Popover.Description";
+
+// src/components/popover/popover-overlay.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { Pressable } from "react-native";
+import Animated2 from "react-native-reanimated";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AnimatedPressable = Animated2.createAnimatedComponent(Pressable);
+var PopoverOverlay = forwardRef4(
+  function PopoverOverlay2({ children, isDismissable = true, style, ...props }, ref) {
+    const context = usePopover();
+    const { overlayStyle, isOpen, close } = context;
+    const [styleProps, rest] = useStyleProps(props);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsx4(Portal, { children: /* @__PURE__ */ jsx4(PopoverProvider, { value: context, children: /* @__PURE__ */ jsx4(
+      AnimatedPressable,
+      {
+        ref,
+        entering: overlayEntering,
+        exiting: overlayExiting,
+        accessibilityRole: "none",
+        importantForAccessibility: "no",
+        onPress: isDismissable ? close : void 0,
+        ...rest,
+        style: [overlayStyle, styleProps, style],
+        children
+      }
+    ) }) });
+  }
+);
+PopoverOverlay.displayName = "XAUI.Popover.Overlay";
+
+// src/components/popover/popover-title.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { Text as Text2 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var PopoverTitle = forwardRef5(
+  function PopoverTitle2({ children, accessibilityRole = "header", style, ...props }, ref) {
+    const { titleStyle } = usePopover();
+    const [styleProps, rest] = useStyleProps(props);
+    return /* @__PURE__ */ jsx5(
+      Text2,
+      {
+        ref,
+        accessibilityRole,
+        ...rest,
+        style: [titleStyle, styleProps, style],
+        children
+      }
+    );
+  }
+);
+PopoverTitle.displayName = "XAUI.Popover.Title";
+
+// src/components/popover/popover-trigger.tsx
+import { forwardRef as forwardRef6, useCallback as useCallback3 } from "react";
+
+// src/hooks/use-anchor-ref.ts
+import { useCallback as useCallback2, useEffect, useRef } from "react";
+function useAnchorRef({ isOpen, onAnchor, onLayout }) {
+  const node = useRef(null);
+  const latest = useRef(onAnchor);
+  latest.current = onAnchor;
+  const measure = useCallback2(() => {
+    node.current?.measureInWindow((x, y, width, height) => {
+      latest.current({ x, y, width, height });
+    });
+  }, []);
+  const handleLayout = useCallback2(
+    (event) => {
+      onLayout?.(event);
+      measure();
+    },
+    [measure, onLayout]
+  );
+  useEffect(() => {
+    if (isOpen) measure();
+  }, [isOpen, measure]);
+  return { node, measure, onLayout: handleLayout };
+}
+
+// src/components/popover/popover-trigger.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var PopoverTrigger = forwardRef6(
+  function PopoverTrigger2({
+    children,
+    asChild = false,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onLayout,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const { triggerStyle, isOpen, isDisabled, toggle, setAnchor } = usePopover();
+    const [styleProps, rest] = useStyleProps(props);
+    const [isPressed, press] = usePressState({ onPressIn, onPressOut });
+    const anchor = useAnchorRef({ isOpen, onAnchor: setAnchor, onLayout });
+    const refs = useMergedRef(anchor.node, ref);
+    const handlePress = useCallback3(
+      (event) => {
+        onPress?.(event);
+        anchor.measure();
+        toggle();
+      },
+      [anchor, onPress, toggle]
+    );
+    return /* @__PURE__ */ jsx6(
+      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
+      }
+    );
+  }
+);
+PopoverTrigger.displayName = "XAUI.Popover.Trigger";
+
+// src/components/popover/popover.tsx
+import { useCallback as useCallback4, useMemo, useState } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Popover({
+  children,
+  radius,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled = false
+}) {
+  const theme = useXAUITheme();
+  const [anchor, setAnchor] = useState(null);
+  const [isOpen, setOpen] = useControllableState({
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const styles = popoverRecipe.resolve({
+    theme,
+    selection: { radius },
+    states: { disabled: isDisabled }
+  });
+  const open = useCallback4(() => setOpen(true), [setOpen]);
+  const close = useCallback4(() => setOpen(false), [setOpen]);
+  const toggle = useCallback4(() => setOpen((current) => !current), [setOpen]);
+  const context = useMemo(
+    () => ({
+      triggerStyle: styles.trigger,
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      titleStyle: styles.title,
+      descriptionStyle: styles.description,
+      isOpen,
+      isDisabled,
+      open,
+      close,
+      toggle,
+      anchor,
+      setAnchor
+    }),
+    [styles, isOpen, isDisabled, open, close, toggle, anchor]
+  );
+  return /* @__PURE__ */ jsx7(PopoverProvider, { value: context, children });
+}
+Popover.displayName = "XAUI.Popover.Root";
+
+// src/components/popover/index.ts
+var Popover2 = Object.assign(Popover, {
+  Trigger: PopoverTrigger,
+  Overlay: PopoverOverlay,
+  Content: PopoverContent,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Close: PopoverClose
+});
+
+export {
+  usePopover,
+  PopoverClose,
+  popoverRecipe,
+  PopoverContent,
+  PopoverDescription,
+  PopoverOverlay,
+  PopoverTitle,
+  PopoverTrigger,
+  Popover,
+  Popover2
+};

package/dist/components/accordion/index.cjs

@@ -9,7 +9,8 @@
 
 
 
-var _chunkQ3MQ7S2Dcjs = require('../../chunk-Q3MQ7S2D.cjs');
+var _chunk7KLBTMXVcjs = require('../../chunk-7KLBTMXV.cjs');
+require('../../chunk-EKS3W46M.cjs');
 require('../../chunk-4KFKWBN5.cjs');
 require('../../chunk-7EIHHOHP.cjs');
 require('../../chunk-TGMVEHV7.cjs');
@@ -31,4 +32,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Accordion = _chunkQ3MQ7S2Dcjs.Accordion; exports.AccordionContent = _chunkQ3MQ7S2Dcjs.AccordionContent; exports.AccordionIndicator = _chunkQ3MQ7S2Dcjs.AccordionIndicator; exports.AccordionItem = _chunkQ3MQ7S2Dcjs.AccordionItem; exports.AccordionRoot = _chunkQ3MQ7S2Dcjs.AccordionRoot; exports.AccordionTrigger = _chunkQ3MQ7S2Dcjs.AccordionTrigger; exports.accordionLayoutTransition = _chunkQ3MQ7S2Dcjs.LAYOUT; exports.accordionRecipe = _chunkQ3MQ7S2Dcjs.accordionRecipe; exports.useAccordion = _chunkQ3MQ7S2Dcjs.useAccordion; exports.useAccordionItem = _chunkQ3MQ7S2Dcjs.useAccordionItem;
+exports.Accordion = _chunk7KLBTMXVcjs.Accordion; exports.AccordionContent = _chunk7KLBTMXVcjs.AccordionContent; exports.AccordionIndicator = _chunk7KLBTMXVcjs.AccordionIndicator; exports.AccordionItem = _chunk7KLBTMXVcjs.AccordionItem; exports.AccordionRoot = _chunk7KLBTMXVcjs.AccordionRoot; exports.AccordionTrigger = _chunk7KLBTMXVcjs.AccordionTrigger; exports.accordionLayoutTransition = _chunk7KLBTMXVcjs.LAYOUT; exports.accordionRecipe = _chunk7KLBTMXVcjs.accordionRecipe; exports.useAccordion = _chunk7KLBTMXVcjs.useAccordion; exports.useAccordionItem = _chunk7KLBTMXVcjs.useAccordionItem;

package/dist/components/accordion/index.js

@@ -9,7 +9,8 @@ import {
   accordionRecipe,
   useAccordion,
   useAccordionItem
-} from "../../chunk-ZF6KIHXH.js";
+} from "../../chunk-GJSFKH4L.js";
+import "../../chunk-64MXEVT3.js";
 import "../../chunk-FHUYHV6J.js";
 import "../../chunk-F6W3JQ7K.js";
 import "../../chunk-LIUO6D3D.js";

package/dist/components/badge/index.d.cts

@@ -115,7 +115,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react_native.ViewProps
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild" | "isDot" | "placement"> & react.RefAttributes<View>>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild" | "placement" | "isDot"> & react.RefAttributes<View>>;
 
 declare const badgeRecipe: Recipe<"label" | "root", BadgeVariant, {
     readonly size: {

package/dist/components/badge/index.d.ts

@@ -115,7 +115,7 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react_native.ViewProps
     asChild?: boolean;
     style?: react_native.StyleProp<react_native.ViewStyle>;
     children?: react.ReactNode;
-} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild" | "isDot" | "placement"> & react.RefAttributes<View>>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "radius" | "asChild" | "placement" | "isDot"> & react.RefAttributes<View>>;
 
 declare const badgeRecipe: Recipe<"label" | "root", BadgeVariant, {
     readonly size: {

package/dist/components/popover/index.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+var _chunk37L7YGZVcjs = require('../../chunk-37L7YGZV.cjs');
+require('../../chunk-LUPCPLND.cjs');
+require('../../chunk-WDDXU3OH.cjs');
+require('../../chunk-EKS3W46M.cjs');
+require('../../chunk-WFEMJCXO.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.Popover = _chunk37L7YGZVcjs.Popover2; exports.PopoverClose = _chunk37L7YGZVcjs.PopoverClose; exports.PopoverContent = _chunk37L7YGZVcjs.PopoverContent; exports.PopoverDescription = _chunk37L7YGZVcjs.PopoverDescription; exports.PopoverOverlay = _chunk37L7YGZVcjs.PopoverOverlay; exports.PopoverRoot = _chunk37L7YGZVcjs.Popover; exports.PopoverTitle = _chunk37L7YGZVcjs.PopoverTitle; exports.PopoverTrigger = _chunk37L7YGZVcjs.PopoverTrigger; exports.popoverRecipe = _chunk37L7YGZVcjs.popoverRecipe; exports.usePopover = _chunk37L7YGZVcjs.usePopover;