panelui-native 0.14.0 → 0.19.0

package/lib/module/components/frame/index.js

@@ -23,8 +23,14 @@
  *     <Frame.Action>All agents under 25% token limit</Frame.Action>
  *   </Frame.Header>
  *   <Frame.Panel>
- *     <Frame.Row>…</Frame.Row>
- *     <Frame.Row>…</Frame.Row>
+ *     <Frame.Row>
+ *       <Frame.Media><PackageIcon /></Frame.Media>
+ *       <Frame.Content>
+ *         <Frame.Title>opus-4.6</Frame.Title>
+ *         <Frame.Description>Indexing the repository</Frame.Description>
+ *       </Frame.Content>
+ *       <Frame.Actions><Chip>Running</Chip></Frame.Actions>
+ *     </Frame.Row>
  *   </Frame.Panel>
  * </Frame>
  * ```
@@ -32,8 +38,16 @@
  * The panel draws the hairlines between its own rows. React Native has no
  * `:first-child`, so the alternative is every caller writing
  * `divided={index > 0}` on every row and getting it wrong once.
+ *
+ * A row is three slots, and they exist because of one React Native detail:
+ * Yoga defaults `flexShrink` to `0`, the opposite of the web. A child that is
+ * not told to shrink never does, so a fourth thing in a row pushes the others
+ * past the edge — where the frame's `overflow-hidden` silently cuts them off
+ * rather than wrapping or truncating. `Frame.Media` and `Frame.Actions` hold
+ * their size, `Frame.Content` takes what is left and is allowed to shrink to
+ * nothing, and the row fits at any width without the caller measuring anything.
  */
-import { Children, cloneElement, forwardRef, isValidElement } from 'react';
+import { Children, cloneElement, createContext, forwardRef, isValidElement, useContext } from 'react';
 import { Pressable, View } from 'react-native';
 import { tv } from 'tailwind-variants';
 import { ChevronRightIcon } from "../../icons/index.js";
@@ -70,6 +84,13 @@ const frameVariants = tv({
     variant: 'default'
   }
 });
+/**
+ * True inside a `Frame.Content`. The header's caption and a row's title are the
+ * same part in two places and only the placement decides the weight: a header
+ * labels the tray the card sits in, so it stays quiet, while a row title is the
+ * row's subject and has to carry it.
+ */
+const FrameSlotContext = /*#__PURE__*/createContext(false);
 const FrameRoot = /*#__PURE__*/forwardRef(({
   className,
   variant,
@@ -94,25 +115,43 @@ const FrameHeader = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('flex-row items-center justify-between gap-3 px-4 pb-3 pt-2.5', className),
+  className: cn(
+  // `min-w-0` on nothing here — the title itself takes the flexible side,
+  // so a long one truncates instead of shoving the action off the edge.
+  'flex-row items-center justify-between gap-3 px-4 pb-3 pt-2.5', className),
   ...props
 }));
 FrameHeader.displayName = 'Frame.Header';
 
 /**
- * Muted by default. The header is a caption on the tray the card sits in, not
- * a heading over a section — the card's own rows carry the weight.
+ * Muted in a header, where it is a caption on the tray the card sits in. Inside
+ * a `Frame.Content` it is the row's subject instead, so it takes the foreground
+ * colour and medium weight, and truncates to one line rather than pushing the
+ * row's trailing slot out of view. Pass `numberOfLines` to override either way.
  */
 const FrameTitle = /*#__PURE__*/forwardRef(({
   className,
   ...props
-}, ref) => /*#__PURE__*/_jsx(Text, {
-  ref: ref,
-  size: "sm",
-  muted: true,
-  className: className,
-  ...props
-}));
+}, ref) => {
+  const inRow = useContext(FrameSlotContext);
+  if (inRow) {
+    return /*#__PURE__*/_jsx(Text, {
+      ref: ref,
+      size: "sm",
+      weight: "medium",
+      numberOfLines: 1,
+      className: className,
+      ...props
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    size: "sm",
+    muted: true,
+    className: cn('min-w-0 shrink', className),
+    ...props
+  });
+});
 FrameTitle.displayName = 'Frame.Title';
 /**
  * Trailing slot on the header row — a column label, a count, a button, a badge.
@@ -124,7 +163,7 @@ const FrameAction = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  className: cn('flex-row items-center gap-2', className),
+  className: cn('shrink-0 flex-row items-center gap-2', className),
   ...props,
   children: typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
     size: "sm",
@@ -134,18 +173,76 @@ const FrameAction = /*#__PURE__*/forwardRef(({
 }));
 FrameAction.displayName = 'Frame.Action';
 
-/** Secondary line under the title, inside a column-wrapped header. */
+/**
+ * Secondary line under the title — in a column-wrapped header, or under a row's
+ * title inside `Frame.Content`, where it drops a size and wraps to two lines.
+ */
 const FrameDescription = /*#__PURE__*/forwardRef(({
   className,
   ...props
-}, ref) => /*#__PURE__*/_jsx(Text, {
+}, ref) => {
+  const inRow = useContext(FrameSlotContext);
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    size: inRow ? 'xs' : 'sm',
+    muted: true,
+    numberOfLines: inRow ? 2 : undefined,
+    className: className,
+    ...props
+  });
+});
+FrameDescription.displayName = 'Frame.Description';
+/**
+ * Leading slot on a row — an icon, an avatar, a status dot. Holds its size, so
+ * whatever it holds is never squeezed by the text beside it.
+ */
+const FrameMedia = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
   ref: ref,
-  size: "sm",
-  muted: true,
-  className: className,
+  className: cn('shrink-0 items-center justify-center', className),
   ...props
 }));
-FrameDescription.displayName = 'Frame.Description';
+FrameMedia.displayName = 'Frame.Media';
+/**
+ * The flexible middle of a row — usually a `Frame.Title` over a
+ * `Frame.Description`. It takes whatever the media and actions leave and is
+ * allowed to shrink past its content, which is what keeps a long line from
+ * pushing the rest of the row off the edge.
+ */
+const FrameContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) =>
+/*#__PURE__*/
+// `min-w-0` is the whole trick: a flex child's minimum size is its content
+// unless told otherwise, so `flex-1` alone still refuses to go narrower
+// than the longest word in it.
+_jsx(View, {
+  ref: ref,
+  className: cn('min-w-0 flex-1 gap-0.5', className),
+  ...props,
+  children: /*#__PURE__*/_jsx(FrameSlotContext.Provider, {
+    value: true,
+    children: children
+  })
+}));
+FrameContent.displayName = 'Frame.Content';
+/**
+ * Trailing slot on a row — a chip, a value, a switch, a small button. Holds its
+ * size, so it stays readable however long the content beside it runs.
+ */
+const FrameActions = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(View, {
+  ref: ref,
+  className: cn('shrink-0 flex-row items-center gap-1.5', className),
+  ...props
+}));
+FrameActions.displayName = 'Frame.Actions';
 
 /**
  * Marks the parts that take part in the panel's own divider bookkeeping —
@@ -196,11 +293,13 @@ const FrameRow = /*#__PURE__*/forwardRef(({
   className,
   divided,
   chevron,
+  wrap,
+  align = 'center',
   children,
   onPress,
   ...props
 }, ref) => {
-  const classes = cn('flex-row items-center gap-3 px-4 py-3.5', divided && 'border-t border-border', onPress && 'active:bg-muted', className);
+  const classes = cn('flex-row gap-3 px-4 py-3.5', align === 'start' ? 'items-start' : 'items-center', wrap && 'flex-wrap', divided && 'border-t border-border', onPress && 'active:bg-muted', className);
   const body = /*#__PURE__*/_jsxs(_Fragment, {
     children: [children, chevron ? /*#__PURE__*/_jsx(ChevronRightIcon, {
       size: 16
@@ -261,6 +360,9 @@ export const Frame = Object.assign(FrameRoot, {
   Description: FrameDescription,
   Panel: FramePanel,
   Section: FrameSection,
-  Row: FrameRow
+  Row: FrameRow,
+  Media: FrameMedia,
+  Content: FrameContent,
+  Actions: FrameActions
 });
 //# sourceMappingURL=index.js.map

package/lib/module/components/frame/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","forwardRef","isValidElement","Pressable","View","tv","ChevronRightIcon","Text","cn","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","frameVariants","slots","root","panel","variants","variant","default","plain","defaultVariants","FrameRoot","className","props","ref","displayName","FrameHeader","FrameTitle","size","muted","FrameAction","children","FrameDescription","divideChildren","seen","map","child","DIVIDABLE","has","type","index","divided","undefined","FramePanel","dividers","FrameRow","chevron","onPress","classes","body","accessibilityRole","FrameSection","title","weight","Set","Frame","Object","assign","Header","Title","Action","Description","Panel","Section","Row"],"sourceRoot":"../../../../src","sources":["components/frame/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","createContext","forwardRef","isValidElement","useContext","Pressable","View","tv","ChevronRightIcon","Text","cn","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","frameVariants","slots","root","panel","variants","variant","default","plain","defaultVariants","FrameSlotContext","FrameRoot","className","props","ref","displayName","FrameHeader","FrameTitle","inRow","size","weight","numberOfLines","muted","FrameAction","children","FrameDescription","undefined","FrameMedia","FrameContent","Provider","value","FrameActions","divideChildren","seen","map","child","DIVIDABLE","has","type","index","divided","FramePanel","dividers","FrameRow","chevron","wrap","align","onPress","classes","body","accessibilityRole","FrameSection","title","Set","Frame","Object","assign","Header","Title","Action","Description","Panel","Section","Row","Media","Content","Actions"],"sourceRoot":"../../../../src","sources":["components/frame/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/message/index.js

@@ -25,6 +25,8 @@
 import { Children, cloneElement, createContext, forwardRef, isValidElement, useContext } from 'react';
 import { View } from 'react-native';
 import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { IconColorProvider } from "../../icons/index.js";
 import { AnimatedPressable } from "../../primitives/animated-pressable.js";
 import { Text } from "../../primitives/text.js";
 import { cn } from "../../utils/cn.js";
@@ -249,13 +251,26 @@ const MessageBubble = /*#__PURE__*/forwardRef(({
   } = messageVariants({
     align
   });
+
+  /*
+   * A sent bubble is painted in the primary colour, and the theme's text
+   * colour is often that same colour — so anything inside it that resolves
+   * the foreground for itself draws black on black. Text has always been
+   * handled, through `Message.BubbleContent`; an icon or a waveform dropped
+   * into a bubble had no way to know. Publishing the bubble's own foreground
+   * here fixes all of them at once, the same way Button does for its label.
+   */
+  const foreground = useCSSVariable(align === 'end' ? '--color-primary-foreground' : '--color-foreground');
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
     className: bubble({
       className
     }),
     ...props,
-    children: children
+    children: /*#__PURE__*/_jsx(IconColorProvider, {
+      color: typeof foreground === 'string' ? foreground : undefined,
+      children: children
+    })
   });
 });
 MessageBubble.displayName = 'Message.Bubble';

package/lib/module/components/message/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","createContext","forwardRef","isValidElement","useContext","View","tv","AnimatedPressable","Text","cn","jsx","_jsx","messageVariants","slots","root","avatar","content","header","bubble","bubbleContent","footer","group","variants","align","start","end","defaultVariants","MessageContext","stacked","useMessageContext","GroupContext","MessageRoot","className","onLongPress","children","props","ref","resolvedAlign","body","delayLongPress","Provider","value","displayName","MessageGroup","stackedChildren","map","child","index","undefined","MessageAvatar","MessageContent","MessageHeader","size","MessageBubble","MessageBubbleContent","MessageFooter","MessageActions","Message","Object","assign","Group","Avatar","Content","Header","Bubble","BubbleContent","Footer","Actions"],"sourceRoot":"../../../../src","sources":["components/message/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","createContext","forwardRef","isValidElement","useContext","View","tv","useCSSVariable","IconColorProvider","AnimatedPressable","Text","cn","jsx","_jsx","messageVariants","slots","root","avatar","content","header","bubble","bubbleContent","footer","group","variants","align","start","end","defaultVariants","MessageContext","stacked","useMessageContext","GroupContext","MessageRoot","className","onLongPress","children","props","ref","resolvedAlign","body","delayLongPress","Provider","value","displayName","MessageGroup","stackedChildren","map","child","index","undefined","MessageAvatar","MessageContent","MessageHeader","size","MessageBubble","foreground","color","MessageBubbleContent","MessageFooter","MessageActions","Message","Object","assign","Group","Avatar","Content","Header","Bubble","BubbleContent","Footer","Actions"],"sourceRoot":"../../../../src","sources":["components/message/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/otp-input/index.js

@@ -0,0 +1,303 @@
+"use strict";
+
+/**
+ * OtpInput — a one-time-code field drawn as a row of separate cells.
+ *
+ * The problem this solves is that a code is read and typed one character at a
+ * time, and a single text box hides that: you cannot see, at a glance, how
+ * many digits are left. So the value is spread across `length` cells, each its
+ * own box, and the caret sits in the cell you are about to fill.
+ *
+ * There is still exactly one text field underneath — a transparent input laid
+ * over the whole row — because the software keyboard, autofill and paste all
+ * belong to a real `TextInput`, and splitting the value across N inputs fights
+ * every one of them. The cells are drawn from the value; the input owns it.
+ * Tapping any cell focuses that one input, so the platform never sees the seam.
+ *
+ * The active cell's border crosses to the focus colour on the UI thread rather
+ * than snapping, matching the rest of the field family, and a caret blinks in
+ * the cell awaiting input. Each digit zooms in as it lands, so a fast type or a
+ * one-tap autofill reads as the code arriving rather than the box redrawing.
+ *
+ * ```tsx
+ * const [code, setCode] = useState('');
+ * <OtpInput value={code} onChangeText={setCode} onComplete={submit} />
+ * <OtpInput length={4} mask groupEvery={2} type="numeric" />
+ * ```
+ */
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import Animated, { cancelAnimation, interpolateColor, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming, ZoomIn } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { Text } from "../../primitives/text.js";
+
+/** Long enough to read as a transition, short enough not to lag a fast type. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FOCUS_DURATION = 150;
+/** A caret that is on for the same time it is off reads as a resting cursor. */
+const CARET_PERIOD = 560;
+const otpVariants = tv({
+  slots: {
+    container: 'gap-1.5',
+    row: 'flex-row items-center',
+    cell: 'items-center justify-center rounded-lg border border-input bg-background',
+    char: 'text-foreground',
+    caret: 'w-0.5 rounded-full bg-foreground',
+    separator: 'h-0.5 rounded-full bg-border',
+    error: 'text-sm text-destructive'
+  },
+  variants: {
+    size: {
+      sm: {
+        cell: 'h-10 w-9',
+        char: 'text-base',
+        caret: 'h-5',
+        separator: 'w-2'
+      },
+      md: {
+        cell: 'h-12 w-11',
+        char: 'text-lg',
+        caret: 'h-6',
+        separator: 'w-2.5'
+      },
+      lg: {
+        cell: 'h-14 w-12',
+        char: 'text-xl',
+        caret: 'h-7',
+        separator: 'w-3'
+      }
+    },
+    disabled: {
+      true: {
+        row: 'opacity-[0.64]'
+      }
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+/**
+ * One box. It owns three animations, all on the UI thread: the border crossing
+ * to the focus (or error) colour when it becomes the active cell, the caret
+ * blinking while it waits, and the entrance of the character that lands in it.
+ */
+function OtpCell({
+  char,
+  active,
+  focused,
+  mask,
+  placeholder,
+  invalid,
+  className,
+  charClassName,
+  caretClassName
+}) {
+  const restColor = useCSSVariable('--color-input');
+  const focusColor = useCSSVariable('--color-ring');
+  const errorColor = useCSSVariable('--color-destructive');
+  const placeholderColor = useCSSVariable('--color-muted-foreground');
+  const resting = typeof restColor === 'string' ? restColor : '#e5e5e5';
+  const activeColor = invalid ? typeof errorColor === 'string' ? errorColor : '#ef4444' : typeof focusColor === 'string' ? focusColor : '#a3a3a3';
+  // An invalid field carries its tint even when it is not the active cell —
+  // the error is a fact about the value, not about where the caret happens to be.
+  const idle = invalid ? activeColor : resting;
+  const lit = active && focused;
+  const border = useSharedValue(lit ? 1 : 0);
+  useEffect(() => {
+    border.value = withTiming(lit ? 1 : 0, {
+      duration: FOCUS_DURATION
+    });
+  }, [lit, border]);
+  const borderStyle = useAnimatedStyle(() => ({
+    borderColor: interpolateColor(border.value, [0, 1], [idle, activeColor]),
+    // A ring only when lit — the resting cells keep their hairline.
+    borderWidth: 1 + border.value
+  }));
+  const caret = useSharedValue(0);
+  useEffect(() => {
+    if (lit && char.length === 0) {
+      caret.value = withRepeat(withSequence(withTiming(1, {
+        duration: 1
+      }), withTiming(1, {
+        duration: CARET_PERIOD
+      }), withTiming(0, {
+        duration: CARET_PERIOD
+      })), -1, false);
+    } else {
+      cancelAnimation(caret);
+      caret.value = 0;
+    }
+    return () => cancelAnimation(caret);
+  }, [lit, char.length, caret]);
+  const caretStyle = useAnimatedStyle(() => ({
+    opacity: caret.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: borderStyle,
+    className: className,
+    children: char.length > 0 ? /*#__PURE__*/_jsx(Animated.Text, {
+      entering: ZoomIn.duration(140),
+      className: charClassName,
+      children: mask ? '•' : char
+    }, char) : lit ? /*#__PURE__*/_jsx(Animated.View, {
+      style: caretStyle,
+      className: caretClassName,
+      pointerEvents: "none"
+    }) : placeholder ? /*#__PURE__*/_jsx(Text, {
+      className: charClassName,
+      style: {
+        color: typeof placeholderColor === 'string' ? placeholderColor : '#a3a3a3'
+      },
+      children: placeholder
+    }) : null
+  });
+}
+
+/** Clamp and filter a raw string down to what this field will hold. */
+function sanitize(raw, length, type) {
+  const filtered = type === 'numeric' ? raw.replace(/[^0-9]/g, '') : raw;
+  return filtered.slice(0, length);
+}
+export const OtpInput = /*#__PURE__*/forwardRef(({
+  className,
+  cellClassName,
+  length = 6,
+  value: valueProp,
+  defaultValue = '',
+  onChangeText,
+  onComplete,
+  type = 'numeric',
+  mask = false,
+  placeholder,
+  groupEvery = 0,
+  size,
+  disabled,
+  isInvalid,
+  errorMessage,
+  accessibilityLabel,
+  onFocus,
+  onBlur,
+  style,
+  ...props
+}, ref) => {
+  const controlled = valueProp != null;
+  const [internal, setInternal] = useState(() => sanitize(defaultValue, length, type));
+  const value = sanitize(controlled ? valueProp : internal, length, type);
+  const invalid = isInvalid || !!errorMessage;
+  const [focused, setFocused] = useState(false);
+  const inputRef = useRef(null);
+
+  // A one-shot guard so onComplete fires on the transition to full, not on
+  // every keystroke that leaves the field full (e.g. a trailing focus event).
+  const completedRef = useRef(false);
+  const slots = otpVariants({
+    size,
+    disabled: !!disabled
+  });
+  const setRef = useCallback(node => {
+    inputRef.current = node;
+    if (typeof ref === 'function') ref(node);else if (ref) ref.current = node;
+  }, [ref]);
+  const handleChange = useCallback(raw => {
+    const next = sanitize(raw, length, type);
+    if (!controlled) setInternal(next);
+    onChangeText?.(next);
+    if (next.length === length) {
+      if (!completedRef.current) {
+        completedRef.current = true;
+        onComplete?.(next);
+      }
+    } else {
+      completedRef.current = false;
+    }
+  }, [controlled, length, type, onChangeText, onComplete]);
+
+  // Keep the guard honest when the value is driven from outside (a reset, a
+  // paste through the controlled prop) rather than through the keyboard.
+  useEffect(() => {
+    completedRef.current = value.length === length;
+  }, [value.length, length]);
+  const focus = useCallback(() => {
+    if (!disabled) inputRef.current?.focus();
+  }, [disabled]);
+  const activeIndex = Math.min(value.length, length - 1);
+  const cells = useMemo(() => Array.from({
+    length
+  }, (_, i) => i), [length]);
+  return /*#__PURE__*/_jsxs(View, {
+    className: slots.container({
+      className
+    }),
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      onPress: focus,
+      disabled: disabled,
+      accessible: false,
+      children: [/*#__PURE__*/_jsx(View, {
+        className: slots.row(),
+        children: cells.map(i => /*#__PURE__*/_jsxs(View, {
+          className: "flex-row items-center",
+          children: [/*#__PURE__*/_jsx(OtpCell, {
+            char: value[i] ?? '',
+            active: i === activeIndex,
+            focused: focused,
+            mask: mask,
+            placeholder: placeholder,
+            invalid: invalid,
+            className: slots.cell({
+              className: `${i > 0 ? 'ml-2' : ''} ${cellClassName ?? ''}`
+            }),
+            charClassName: slots.char(),
+            caretClassName: slots.caret()
+          }), groupEvery > 0 && (i + 1) % groupEvery === 0 && i < length - 1 ? /*#__PURE__*/_jsx(View, {
+            className: `${slots.separator()} ml-2`
+          }) : null]
+        }, i))
+      }), /*#__PURE__*/_jsx(TextInput, {
+        ref: setRef,
+        value: value,
+        onChangeText: handleChange,
+        editable: !disabled,
+        keyboardType: type === 'numeric' ? 'number-pad' : 'default'
+        // The OS one-time-code affordances: iOS surfaces the SMS code above
+        // the keyboard, Android offers to autofill it.
+        ,
+        textContentType: "oneTimeCode",
+        autoComplete: type === 'numeric' ? 'sms-otp' : 'one-time-code',
+        maxLength: length,
+        caretHidden: true,
+        accessibilityLabel: accessibilityLabel,
+        accessibilityState: {
+          disabled: !!disabled
+        },
+        "aria-invalid": invalid,
+        onFocus: e => {
+          setFocused(true);
+          onFocus?.(e);
+        },
+        onBlur: e => {
+          setFocused(false);
+          onBlur?.(e);
+        },
+        style: [{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          opacity: 0,
+          // Taps fall through to the Pressable, which focuses this input —
+          // so the caret lands wherever the row is touched.
+          pointerEvents: 'none'
+        }, style],
+        ...props
+      })]
+    }), errorMessage ? /*#__PURE__*/_jsx(Text, {
+      className: slots.error(),
+      children: errorMessage
+    }) : null]
+  });
+});
+OtpInput.displayName = 'OtpInput';
+//# sourceMappingURL=index.js.map