@xaui/native 0.9.1-alpha.23 → 0.9.1-alpha.24

package/dist/index.js

@@ -1,3 +1,10 @@
+import {
+  Column,
+  Grid,
+  Row,
+  Stack,
+  useGrid
+} from "./chunk-OYZYWWJ6.js";
 import {
   Portal,
   PortalContext,
@@ -19,33 +26,33 @@ import {
   Alert,
   alertRecipe,
   useAlert
-} from "./chunk-OGC4RKE3.js";
+} from "./chunk-AXSJPWSJ.js";
 import {
   Button,
   buttonRecipe,
   useButton
-} from "./chunk-FNQF4KQV.js";
+} from "./chunk-MRYLLKML.js";
 import {
   CARD_BACKGROUND,
   Card,
   cardRecipe,
   markBackground,
   useCard
-} from "./chunk-FTCTTBLG.js";
+} from "./chunk-ZTA47PO5.js";
 import {
   Chip,
   chipRecipe,
   useChip
-} from "./chunk-AHL33YAO.js";
+} from "./chunk-4J26FA6O.js";
 import {
   CloseButton,
   closeButtonBase
-} from "./chunk-ZQ3JSWRO.js";
+} from "./chunk-A4RGJBP2.js";
 import {
   Icon,
   IconContext,
   useIconContext
-} from "./chunk-FVP5FUVS.js";
+} from "./chunk-ICR42HHG.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -67,37 +74,35 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback,
-  usePressState,
-  warnDev
-} from "./chunk-KM2TI5IC.js";
+  usePressState
+} from "./chunk-4HELPMAK.js";
 import {
   Input,
   inputRecipe,
   useInput
-} from "./chunk-E3LXUXE7.js";
+} from "./chunk-6RO26ORT.js";
+import {
+  InputOTP,
+  OTP_ALPHANUMERIC,
+  OTP_DIGITS,
+  OTP_LETTERS,
+  buildSlots,
+  extractPastedCode,
+  inputOTPRecipe,
+  useControllableState,
+  useInputOTP,
+  useInputOTPBox
+} from "./chunk-J4QE34AU.js";
+import "./chunk-EGLLDKN6.js";
 import {
   TextSpan,
   Typography,
   typographyRecipe
-} from "./chunk-2U6JR7BF.js";
+} from "./chunk-G52TQJBI.js";
 import {
   createRecipe,
   radiusAxis
 } from "./chunk-3JATAB7S.js";
-import {
-  ThemeContext,
-  deriveTint,
-  useColorMode,
-  useThemeColor,
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
-import {
-  Column,
-  Grid,
-  Row,
-  Stack,
-  useGrid
-} from "./chunk-OYZYWWJ6.js";
 import {
   Slot,
   childrenToString,
@@ -106,43 +111,15 @@ import {
   mergeRefs,
   useStyleProps
 } from "./chunk-PMO62QK4.js";
+import {
+  ThemeContext,
+  deriveTint,
+  useColorMode,
+  useThemeColor,
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 import "./chunk-GGW42MY4.js";
 
-// src/hooks/use-controllable-state.ts
-import { useCallback, useRef, useState } from "react";
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const [uncontrolled, setUncontrolled] = useState(defaultValue);
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : uncontrolled;
-  useControlWarning(isControlled);
-  const latest = useRef(current);
-  latest.current = current;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const controlled = useRef(isControlled);
-  controlled.current = isControlled;
-  const set = useCallback((next) => {
-    const resolved = typeof next === "function" ? next(latest.current) : next;
-    if (resolved === latest.current) return;
-    if (!controlled.current) setUncontrolled(resolved);
-    onChangeRef.current?.(resolved);
-  }, []);
-  return [current, set];
-}
-function useControlWarning(isControlled) {
-  const wasControlled = useRef(isControlled);
-  if (wasControlled.current !== isControlled) {
-    warnDev(
-      `a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
-    );
-    wasControlled.current = isControlled;
-  }
-}
-
 // src/hooks/use-merged-ref.ts
 import { useMemo } from "react";
 function useMergedRef(...refs) {
@@ -150,9 +127,9 @@ function useMergedRef(...refs) {
 }
 
 // src/hooks/use-previous.ts
-import { useEffect, useRef as useRef2 } from "react";
+import { useEffect, useRef } from "react";
 function usePrevious(value) {
-  const previous = useRef2(void 0);
+  const previous = useRef(void 0);
   useEffect(() => {
     previous.current = value;
   }, [value]);
@@ -173,6 +150,10 @@ export {
   Icon,
   IconContext,
   Input,
+  InputOTP,
+  OTP_ALPHANUMERIC,
+  OTP_DIGITS,
+  OTP_LETTERS,
   PRESS_DURATION,
   PRESS_SCALE,
   Portal,
@@ -197,6 +178,7 @@ export {
   alertRecipe,
   buildRadius,
   buildShadows,
+  buildSlots,
   buttonRecipe,
   cardRecipe,
   childrenToString,
@@ -208,6 +190,8 @@ export {
   defaultTheme,
   deriveColors,
   deriveTint,
+  extractPastedCode,
+  inputOTPRecipe,
   inputRecipe,
   markBackground,
   markOverlay,
@@ -233,6 +217,8 @@ export {
   useGrid,
   useIconContext,
   useInput,
+  useInputOTP,
+  useInputOTPBox,
   useMergedRef,
   usePressState,
   usePrevious,

package/dist/system/index.cjs

@@ -6,12 +6,12 @@ var _chunk6HXWQ5AUcjs = require('../chunk-6HXWQ5AU.cjs');
 
 
 
-var _chunk6WW4CSPYcjs = require('../chunk-6WW4CSPY.cjs');
+var _chunkJ2JJLKLGcjs = require('../chunk-J2JJLKLG.cjs');
 
 
 
 
-var _chunkDXGQ43IVcjs = require('../chunk-DXGQ43IV.cjs');
+var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
 
 
 
@@ -33,12 +33,12 @@ var _chunkDXGQ43IVcjs = require('../chunk-DXGQ43IV.cjs');
 
 
 
-var _chunkBH5DSJVXcjs = require('../chunk-BH5DSJVX.cjs');
+var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
+require('../chunk-EJQCQPET.cjs');
 
 
 
 var _chunkYXVKQMCKcjs = require('../chunk-YXVKQMCK.cjs');
-require('../chunk-57SJ4LJF.cjs');
 
 
 
@@ -47,6 +47,7 @@ require('../chunk-57SJ4LJF.cjs');
 
 
 var _chunkHUZ4AUM2cjs = require('../chunk-HUZ4AUM2.cjs');
+require('../chunk-57SJ4LJF.cjs');
 require('../chunk-MC7SY2QH.cjs');
 
 
@@ -85,4 +86,4 @@ require('../chunk-MC7SY2QH.cjs');
 
 
 
-exports.CloseButton = _chunk6WW4CSPYcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkBH5DSJVXcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkBH5DSJVXcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkBH5DSJVXcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkDXGQ43IVcjs.Icon; exports.IconContext = _chunkDXGQ43IVcjs.IconContext; exports.PRESS_DURATION = _chunkBH5DSJVXcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkBH5DSJVXcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkBH5DSJVXcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkBH5DSJVXcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkBH5DSJVXcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkBH5DSJVXcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkBH5DSJVXcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkBH5DSJVXcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkBH5DSJVXcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunk6WW4CSPYcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkBH5DSJVXcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkBH5DSJVXcjs.pressScaleFor; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkBH5DSJVXcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkBH5DSJVXcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkBH5DSJVXcjs.rippleRadiusFor; exports.useFeedback = _chunkBH5DSJVXcjs.useFeedback; exports.useIconContext = _chunkDXGQ43IVcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;
+exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;

package/dist/system/index.js

@@ -6,12 +6,12 @@ import {
 import {
   CloseButton,
   closeButtonBase
-} from "../chunk-ZQ3JSWRO.js";
+} from "../chunk-A4RGJBP2.js";
 import {
   Icon,
   IconContext,
   useIconContext
-} from "../chunk-FVP5FUVS.js";
+} from "../chunk-ICR42HHG.js";
 import {
   FEEDBACK_OVERLAY,
   HIGHLIGHT_DURATION,
@@ -33,12 +33,12 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback
-} from "../chunk-KM2TI5IC.js";
+} from "../chunk-4HELPMAK.js";
+import "../chunk-EGLLDKN6.js";
 import {
   createRecipe,
   radiusAxis
 } from "../chunk-3JATAB7S.js";
-import "../chunk-A3EGFI6T.js";
 import {
   Slot,
   childrenToString,
@@ -47,6 +47,7 @@ import {
   mergeRefs,
   useStyleProps
 } from "../chunk-PMO62QK4.js";
+import "../chunk-A3EGFI6T.js";
 import "../chunk-GGW42MY4.js";
 export {
   CloseButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.23",
+  "version": "0.9.1-alpha.24",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -77,6 +77,16 @@
         "default": "./dist/components/input/index.cjs"
       }
     },
+    "./input-otp": {
+      "import": {
+        "types": "./dist/components/input-otp/index.d.ts",
+        "default": "./dist/components/input-otp/index.js"
+      },
+      "require": {
+        "types": "./dist/components/input-otp/index.d.cts",
+        "default": "./dist/components/input-otp/index.cjs"
+      }
+    },
     "./typography": {
       "import": {
         "types": "./dist/components/typography/index.d.ts",

package/dist/{chunk-E3LXUXE7.js → chunk-6RO26ORT.js}

@@ -2,14 +2,14 @@ import {
   createRecipe,
   radiusAxis
 } from "./chunk-3JATAB7S.js";
-import {
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
 import {
   Slot,
   createSlotContext,
   useStyleProps
 } from "./chunk-PMO62QK4.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 
 // src/components/input/input-description.tsx
 import { forwardRef } from "react";

package/dist/{chunk-DXGQ43IV.cjs → chunk-B4W2XNBP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
 
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/system/icon/icon-context.ts
 var _react = require('react');

package/dist/{chunk-2U6JR7BF.js → chunk-G52TQJBI.js}

@@ -1,13 +1,13 @@
 import {
   createRecipe
 } from "./chunk-3JATAB7S.js";
-import {
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
 import {
   Slot,
   useStyleProps
 } from "./chunk-PMO62QK4.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 
 // src/components/typography/typography.tsx
 import { forwardRef } from "react";

package/dist/{chunk-FVP5FUVS.js → chunk-ICR42HHG.js}

@@ -1,9 +1,9 @@
-import {
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
 import {
   useStyleProps
 } from "./chunk-PMO62QK4.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";

package/dist/{chunk-TIP3T7JJ.cjs → chunk-P2XA4DV7.cjs}

@@ -4,12 +4,12 @@
 var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
 
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/input/input-description.tsx
 var _react = require('react');

package/dist/{chunk-RAWOJ3N3.cjs → chunk-Y7U6ACMB.cjs}

@@ -3,11 +3,11 @@
 var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
+var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
 
 
-var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/typography/typography.tsx
 var _react = require('react');