@xaui/native 0.9.1-alpha.90 → 0.9.1-alpha.92

package/dist/chunk-GGP2ERSV.js

@@ -0,0 +1,487 @@
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
+import {
+  PressableFeedback
+} from "./chunk-2AFA5HA2.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
+import {
+  Icon
+} from "./chunk-JN6IRT2M.js";
+import {
+  childrenToString
+} from "./chunk-WFZDAXDI.js";
+import {
+  createRecipe,
+  radiusAxis
+} from "./chunk-DKVXTMIJ.js";
+import {
+  createSlotContext
+} from "./chunk-TTZOIXKE.js";
+import {
+  useXAUITheme
+} from "./chunk-Z6JBWRPL.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/components/number-pad/number-pad-action.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/number-pad/number-pad-cell.tsx
+import { forwardRef, useMemo } from "react";
+
+// src/components/number-pad/number-pad.context.ts
+var [NumberPadProvider, useNumberPad] = createSlotContext("NumberPad");
+var [NumberPadCellProvider, useNumberPadCell] = createSlotContext("NumberPad.Cell");
+
+// src/components/number-pad/number-pad-cell.tsx
+import { jsx } from "react/jsx-runtime";
+var NumberPadCell = forwardRef(
+  function NumberPadCell2({
+    tone,
+    onActivate,
+    children,
+    isDisabled,
+    accessibilityRole = "button",
+    accessibilityState,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const pad = useNumberPad();
+    const [styleProps, rest] = useStyleProps(props);
+    const [isPressed, press] = usePressState({ onPressIn, onPressOut });
+    const disabled = isDisabled ?? pad.isDisabled;
+    const cellStyle = tone === "key" ? pad.keyStyle : pad.ghostStyle;
+    const pressedStyle = tone === "key" ? pad.keyPressedStyle : pad.ghostPressedStyle;
+    const handlePress = (event) => {
+      onPress?.(event);
+      onActivate?.();
+    };
+    const context = useMemo(
+      () => ({ tone, isPressed, isDisabled: disabled }),
+      [tone, isPressed, disabled]
+    );
+    return /* @__PURE__ */ jsx(
+      PressableFeedback,
+      {
+        ref,
+        isPressed,
+        isDisabled: disabled,
+        accessibilityRole,
+        accessibilityState: { disabled, ...accessibilityState },
+        ...rest,
+        style: [
+          cellStyle,
+          isPressed && pressedStyle,
+          styleProps,
+          typeof style === "function" ? style({ pressed: isPressed }) : style
+        ],
+        onPress: handlePress,
+        onPressIn: press.onPressIn,
+        onPressOut: press.onPressOut,
+        children: /* @__PURE__ */ jsx(NumberPadCellProvider, { value: context, children })
+      }
+    );
+  }
+);
+NumberPadCell.displayName = "XAUI.NumberPad.Cell";
+
+// src/components/number-pad/number-pad-action.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NumberPadAction = forwardRef2(
+  function NumberPadAction2({ children, ...props }, ref) {
+    return /* @__PURE__ */ jsx2(NumberPadCell, { ref, tone: "ghost", ...props, children });
+  }
+);
+NumberPadAction.displayName = "XAUI.NumberPad.Action";
+
+// src/components/number-pad/number-pad-backspace.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { I18nManager } from "react-native";
+
+// src/components/number-pad/number-pad-label.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Text } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var NumberPadLabel = forwardRef3(
+  function NumberPadLabel2({ children, style, numberOfLines = 1, ...props }, ref) {
+    const { labelStyle, ghostLabelStyle } = useNumberPad();
+    const { tone } = useNumberPadCell();
+    const [styleProps, rest] = useStyleProps(props);
+    return /* @__PURE__ */ jsx3(
+      Text,
+      {
+        ref,
+        numberOfLines,
+        style: [tone === "key" ? labelStyle : ghostLabelStyle, styleProps, style],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+NumberPadLabel.displayName = "XAUI.NumberPad.Label";
+
+// src/components/number-pad/number-pad-backspace.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var NumberPadBackspace = forwardRef4(
+  function NumberPadBackspace2({ children, onLongPress, ...props }, ref) {
+    const { backspace, clear } = useNumberPad();
+    return /* @__PURE__ */ jsx4(
+      NumberPadCell,
+      {
+        ref,
+        tone: "ghost",
+        onActivate: backspace,
+        accessibilityLabel: "Backspace",
+        onLongPress: (event) => {
+          onLongPress?.(event);
+          clear();
+        },
+        ...props,
+        children: children ?? /* @__PURE__ */ jsx4(NumberPadLabel, { children: I18nManager.isRTL ? "\u2192" : "\u2190" })
+      }
+    );
+  }
+);
+NumberPadBackspace.displayName = "XAUI.NumberPad.Backspace";
+
+// src/components/number-pad/number-pad-icon.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function NumberPadIcon({ size, color, ...rest }) {
+  const { icon, ghostIcon } = useNumberPad();
+  const { tone } = useNumberPadCell();
+  const resolved = tone === "key" ? icon : ghostIcon;
+  return /* @__PURE__ */ jsx5(Icon, { size: size ?? resolved.size, color: color ?? resolved.color, ...rest });
+}
+NumberPadIcon.displayName = "XAUI.NumberPad.Icon";
+
+// src/components/number-pad/number-pad-key.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var NumberPadKey = forwardRef5(
+  function NumberPadKey2({ value, children, ...props }, ref) {
+    const { insert } = useNumberPad();
+    const text = childrenToString(children);
+    return /* @__PURE__ */ jsx6(
+      NumberPadCell,
+      {
+        ref,
+        tone: "key",
+        onActivate: () => insert(value),
+        accessibilityLabel: value,
+        ...props,
+        children: children === void 0 || text !== null ? /* @__PURE__ */ jsx6(NumberPadLabel, { children: text ?? value }) : children
+      }
+    );
+  }
+);
+NumberPadKey.displayName = "XAUI.NumberPad.Key";
+
+// src/components/number-pad/number-pad.tsx
+import { forwardRef as forwardRef6, useCallback, useMemo as useMemo2 } from "react";
+import { StyleSheet as StyleSheet2, View } from "react-native";
+
+// src/components/number-pad/number-pad.recipe.ts
+var SLOTS = [
+  "root",
+  "row",
+  "key",
+  "label",
+  "icon",
+  "ghost",
+  "ghostLabel",
+  "ghostIcon"
+];
+var VARIANT_TOKENS = {
+  primary: { bg: "accent", bgPressed: "accentPressed", fg: "accentForeground" },
+  secondary: {
+    bg: "accentSoft",
+    bgPressed: "accentSoftPressed",
+    fg: "accentSoftForeground"
+  },
+  default: { bg: "default", bgPressed: "defaultPressed", fg: "defaultForeground" },
+  tertiary: { border: "border", bgPressed: "defaultSoftPressed", fg: "foreground" },
+  ghost: { bgPressed: "defaultSoftPressed", fg: "foreground" }
+};
+var KEY_HEIGHT_RATIO = 1.5;
+function keyHeight(theme, size) {
+  return theme.controlHeights[size] * KEY_HEIGHT_RATIO;
+}
+function sizeAxis(step) {
+  const { size, gap, radius, digit, glyph } = step;
+  return (theme) => {
+    const height = keyHeight(theme, size);
+    const corner = theme.radius[radius];
+    return {
+      root: { gap: theme.spacing(gap) },
+      row: { gap: theme.spacing(gap) },
+      key: { height, borderRadius: corner },
+      ghost: { height, borderRadius: corner },
+      label: {
+        fontSize: theme.fontSizes[digit],
+        lineHeight: theme.lineHeights[digit]
+      },
+      ghostLabel: {
+        fontSize: theme.fontSizes[glyph],
+        lineHeight: theme.lineHeights[glyph]
+      },
+      icon: { fontSize: theme.fontSizes[glyph] },
+      ghostIcon: { fontSize: theme.fontSizes[glyph] }
+    };
+  };
+}
+var SIZES = {
+  sm: { size: "sm", gap: 2, radius: "xl", digit: "2xl", glyph: "lg" },
+  md: { size: "md", gap: 2.5, radius: "xl", digit: "3xl", glyph: "xl" },
+  lg: { size: "lg", gap: 3, radius: "2xl", digit: "4xl", glyph: "2xl" }
+};
+var numberPadRecipe = createRecipe({
+  slots: SLOTS,
+  base: (theme) => ({
+    row: { flexDirection: "row" },
+    // `flex: 1` on both, so the three columns divide the width the pad was given. The
+    // `borderCurve` is iOS's squircle, free on Android and what keeps a corner this large
+    // reading as a shape rather than as two arcs meeting a straight edge.
+    key: {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      borderWidth: 0,
+      borderCurve: "continuous"
+    },
+    ghost: {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      borderCurve: "continuous"
+    },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.semibold,
+      textAlign: "center"
+    },
+    /**
+     * The bare cells read the **page's** foreground rather than the variant's, and they
+     * are painted here rather than in `paint` because that is exactly what makes them
+     * independent of it: a `primary` pad puts `accentForeground` on its digits, and a
+     * backspace with no ground of its own would take white on white. It is also why a raw
+     * `color` does not reach them — `resolveTint` re-runs `paint`, not `base`.
+     */
+    ghostLabel: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      textAlign: "center",
+      color: theme.colors.foreground
+    },
+    ghostIcon: { color: theme.colors.foreground }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * Where the variant's colours land. Only the filled keys: the border width follows the
+   * *presence* of the border role rather than a per-variant flag, and `tertiary` is the one
+   * variant that names one.
+   */
+  paint: (theme, colors) => ({
+    key: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    label: { color: colors.fg },
+    icon: { color: colors.fg }
+  }),
+  /** Declaration order is application order: `radius` overrides the corner `size` chose. */
+  variants: {
+    size: { sm: sizeAxis(SIZES.sm), md: sizeAxis(SIZES.md), lg: sizeAxis(SIZES.lg) },
+    radius: radiusAxis("key", "ghost")
+  },
+  /**
+   * A filled key presses to the variant's own `…Pressed` token, as the `Button` does. A
+   * bare cell has no fill to darken, so it takes the neutral wash instead — the same one
+   * `ghost` and `tertiary` take, which is what makes the backspace read as pressed on a
+   * pad of any variant.
+   */
+  states: {
+    pressed: (theme, colors) => ({
+      key: { backgroundColor: colors.bgPressed },
+      ghost: { backgroundColor: theme.colors.defaultSoftPressed }
+    }),
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "default", size: "md" }
+});
+
+// src/components/number-pad/number-pad.style.ts
+import { StyleSheet } from "react-native";
+var numberPadSheet = StyleSheet.create({
+  spacer: { flex: 1 }
+});
+
+// src/components/number-pad/number-pad.utils.ts
+var NUMBER_PAD_ROWS = [
+  ["1", "2", "3"],
+  ["4", "5", "6"],
+  ["7", "8", "9"]
+];
+var NUMBER_PAD_ZERO = "0";
+function appendKey({ value, insert, maxLength }) {
+  if (maxLength === void 0) return value + insert;
+  if (value.length + insert.length > maxLength) return value;
+  return value + insert;
+}
+function removeLast(value) {
+  return value.slice(0, -1);
+}
+function isComplete(value, maxLength) {
+  return maxLength !== void 0 && value.length >= maxLength;
+}
+
+// src/components/number-pad/number-pad.tsx
+import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+var NumberPadRoot = forwardRef6(function NumberPad({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  value: controlledValue,
+  defaultValue = "",
+  onChangeText,
+  onComplete,
+  maxLength,
+  isDisabled = false,
+  accessibilityRole = "none",
+  style,
+  ...props
+}, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const [value, setValue] = useControllableState({
+    value: controlledValue,
+    defaultValue,
+    onChange: onChangeText
+  });
+  const selection = { variant, size, radius };
+  const states = { disabled: isDisabled };
+  const styles = numberPadRecipe.resolve({ theme, selection, states });
+  const pressed = numberPadRecipe.resolve({
+    theme,
+    selection,
+    states: { ...states, pressed: true }
+  });
+  const tint = color ? numberPadRecipe.tint({ theme, color, selection, states }) : void 0;
+  const tintPressed = color ? numberPadRecipe.tint({
+    theme,
+    color,
+    selection,
+    states: { ...states, pressed: true }
+  }) : void 0;
+  const insert = useCallback(
+    (text) => {
+      const next = appendKey({ value, insert: text, maxLength });
+      if (next === value) return;
+      setValue(next);
+      if (isComplete(next, maxLength)) onComplete?.(next);
+    },
+    [value, maxLength, setValue, onComplete]
+  );
+  const backspace = useCallback(() => {
+    if (value === "") return;
+    setValue(removeLast(value));
+  }, [value, setValue]);
+  const clear = useCallback(() => {
+    if (value === "") return;
+    setValue("");
+  }, [value, setValue]);
+  const context = useMemo2(() => {
+    const glyph = (...layers) => {
+      const flat = StyleSheet2.flatten(layers);
+      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
+      };
+    };
+    return {
+      rowStyle: styles.row,
+      keyStyle: tint ? [styles.key, tint.key] : styles.key,
+      keyPressedStyle: tintPressed ? [pressed.key, tintPressed.key] : pressed.key,
+      labelStyle: tint ? [styles.label, tint.label] : styles.label,
+      ghostStyle: styles.ghost,
+      ghostPressedStyle: pressed.ghost,
+      ghostLabelStyle: styles.ghostLabel,
+      icon: glyph(styles.icon, tint?.icon),
+      // Never tinted, deliberately: the bare corners read the page's foreground, because a
+      // glyph with no ground of its own has nothing tinted to read against.
+      ghostIcon: glyph(styles.ghostIcon),
+      insert,
+      backspace,
+      clear,
+      value,
+      maxLength,
+      isDisabled
+    };
+  }, [
+    styles,
+    pressed,
+    tint,
+    tintPressed,
+    insert,
+    backspace,
+    clear,
+    value,
+    maxLength,
+    isDisabled
+  ]);
+  const rootStyle = [styles.root, tint?.root, styleProps, style];
+  return /* @__PURE__ */ jsx7(NumberPadProvider, { value: context, children: /* @__PURE__ */ jsxs(
+    View,
+    {
+      ref,
+      accessibilityRole,
+      ...rest,
+      style: rootStyle,
+      children: [
+        NUMBER_PAD_ROWS.map((row) => /* @__PURE__ */ jsx7(View, { style: styles.row, children: row.map((digit) => /* @__PURE__ */ jsx7(NumberPadKey, { value: digit }, digit)) }, row.join(""))),
+        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+          children ?? /* @__PURE__ */ jsx7(View, { style: numberPadSheet.spacer }),
+          /* @__PURE__ */ jsx7(NumberPadKey, { value: NUMBER_PAD_ZERO }),
+          /* @__PURE__ */ jsx7(NumberPadBackspace, {})
+        ] })
+      ]
+    }
+  ) });
+});
+NumberPadRoot.displayName = "XAUI.NumberPad.Root";
+
+// src/components/number-pad/index.ts
+var NumberPad2 = Object.assign(NumberPadRoot, {
+  Key: NumberPadKey,
+  Backspace: NumberPadBackspace,
+  Action: NumberPadAction,
+  Label: NumberPadLabel,
+  Icon: NumberPadIcon
+});
+
+export {
+  useNumberPad,
+  useNumberPadCell,
+  NumberPadAction,
+  NumberPadLabel,
+  NumberPadBackspace,
+  NumberPadIcon,
+  NumberPadKey,
+  numberPadRecipe,
+  NUMBER_PAD_ROWS,
+  NUMBER_PAD_ZERO,
+  NumberPadRoot,
+  NumberPad2 as NumberPad
+};

package/dist/{chunk-6BB6YWEN.js → chunk-GYEQEF5H.js}

@@ -1,6 +1,6 @@
 import {
   Checkbox
-} from "./chunk-7KQG4JQ2.js";
+} from "./chunk-OD6H7ANY.js";
 import {
   useControllableState
 } from "./chunk-F6W3JQ7K.js";

package/dist/{chunk-MTGUUW7F.cjs → chunk-GZAGWNQM.cjs}

@@ -28,7 +28,7 @@ var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -359,7 +359,7 @@ var AutocompleteItem = _react.forwardRef.call(void 0,
     );
     const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteItemProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,
@@ -633,7 +633,7 @@ var AutocompleteTrigger = _react.forwardRef.call(void 0,
       [measure, onPress, toggle]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref: refs,
         isPressed,

package/dist/{chunk-OF3E7WVQ.cjs → chunk-ILXKBDC6.cjs}

@@ -6,7 +6,7 @@
 
 
 
-var _chunkMTGUUW7Fcjs = require('./chunk-MTGUUW7F.cjs');
+var _chunkGZAGWNQMcjs = require('./chunk-GZAGWNQM.cjs');
 
 
 
@@ -39,7 +39,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var HIT_SLOP = 8;
 function ComboboxIndicator(props) {
   const { as = _chunkGSZDN6EZcjs.ChevronDownIcon, accessibilityLabel } = props;
-  const { indicatorStyle, isOpen, isDisabled, toggle } = _chunkMTGUUW7Fcjs.useAutocomplete.call(void 0, );
+  const { indicatorStyle, isOpen, isDisabled, toggle } = _chunkGZAGWNQMcjs.useAutocomplete.call(void 0, );
   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));
@@ -91,7 +91,7 @@ var ComboboxInput = _react.forwardRef.call(void 0,
       isDisabled,
       open,
       labelFor
-    } = _chunkMTGUUW7Fcjs.useAutocomplete.call(void 0, );
+    } = _chunkGZAGWNQMcjs.useAutocomplete.call(void 0, );
     const handleChangeText = _react.useCallback.call(void 0, 
       (next) => {
         setQuery(next);
@@ -129,7 +129,7 @@ ComboboxInput.displayName = "XAUI.Combobox.Input";
 // src/components/combobox/combobox.tsx
 
 function ComboboxRoot(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMTGUUW7Fcjs.Autocomplete, { ...props });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZAGWNQMcjs.Autocomplete, { ...props });
 }
 ComboboxRoot.displayName = "XAUI.Combobox.Root";
 
@@ -147,7 +147,7 @@ var ComboboxTrigger = _react.forwardRef.call(void 0,
     onLayout,
     ...props
   }, ref) {
-    const { triggerStyle, glyph, isOpen, isDisabled, isInvalid, setAnchor } = _chunkMTGUUW7Fcjs.useAutocomplete.call(void 0, );
+    const { triggerStyle, glyph, isOpen, isDisabled, isInvalid, setAnchor } = _chunkGZAGWNQMcjs.useAutocomplete.call(void 0, );
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const node = _react.useRef.call(void 0, null);
     const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
@@ -193,11 +193,11 @@ var Combobox = Object.assign(ComboboxRoot, {
   Trigger: ComboboxTrigger,
   Input: ComboboxInput,
   Indicator: ComboboxIndicator,
-  Overlay: _chunkMTGUUW7Fcjs.AutocompleteOverlay,
-  Content: _chunkMTGUUW7Fcjs.AutocompleteContent,
-  Item: _chunkMTGUUW7Fcjs.AutocompleteItem,
-  ItemLabel: _chunkMTGUUW7Fcjs.AutocompleteItemLabel,
-  Empty: _chunkMTGUUW7Fcjs.AutocompleteEmpty
+  Overlay: _chunkGZAGWNQMcjs.AutocompleteOverlay,
+  Content: _chunkGZAGWNQMcjs.AutocompleteContent,
+  Item: _chunkGZAGWNQMcjs.AutocompleteItem,
+  ItemLabel: _chunkGZAGWNQMcjs.AutocompleteItemLabel,
+  Empty: _chunkGZAGWNQMcjs.AutocompleteEmpty
 });
 
 

package/dist/{chunk-D2UYBAGB.cjs → chunk-IPD3IUE2.cjs}

@@ -10,7 +10,7 @@ var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -60,7 +60,7 @@ var BottomSheetClose = _react.forwardRef.call(void 0,
       [close, onPress]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,
@@ -289,7 +289,7 @@ var BottomSheetHandle = _react.forwardRef.call(void 0,
       );
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,
@@ -409,7 +409,7 @@ var BottomSheetTrigger = _react.forwardRef.call(void 0,
       [onPress, toggle]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,

package/dist/{chunk-XLPOJTA2.cjs → chunk-JBZ7SBRV.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 _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -390,7 +390,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     body
   ] });
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPIU3JONRcjs.PressableFeedback,
+    _chunkOW4N2C3Mcjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -405,7 +405,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
       onPressOut: press.onPressOut,
       children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         background,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPIU3JONRcjs.PressableFeedback.Highlight, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOW4N2C3Mcjs.PressableFeedback.Highlight, {}),
         body
       ] })
     }