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

package/dist/index.cjs

@@ -1,4 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkY7U6ACMBcjs = require('./chunk-Y7U6ACMB.cjs');
+
+
+
+
+
+
+var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
+
 
 
 
@@ -14,38 +26,38 @@ var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
 
 
 
-var _chunkGBPWTFTUcjs = require('./chunk-GBPWTFTU.cjs');
+var _chunkOHEHPQLCcjs = require('./chunk-OHEHPQLC.cjs');
 
 
 
 
-var _chunk4MHJOWM4cjs = require('./chunk-4MHJOWM4.cjs');
+var _chunkJ4JFIC4Wcjs = require('./chunk-J4JFIC4W.cjs');
 
 
 
 
-var _chunkVDRRD6GMcjs = require('./chunk-VDRRD6GM.cjs');
+var _chunkEWBBDVTMcjs = require('./chunk-EWBBDVTM.cjs');
 
 
 
 
 
 
-var _chunkBNWS26PXcjs = require('./chunk-BNWS26PX.cjs');
+var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
 
 
 
 
-var _chunkI6PE5UUHcjs = require('./chunk-I6PE5UUH.cjs');
+var _chunkAV5LMFS3cjs = require('./chunk-AV5LMFS3.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');
 
 
 
@@ -68,36 +80,38 @@ var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
 
 
 
+var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
-var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
 
 
 
 
-var _chunkTIP3T7JJcjs = require('./chunk-TIP3T7JJ.cjs');
 
 
 
 
-var _chunkRAWOJ3N3cjs = require('./chunk-RAWOJ3N3.cjs');
 
 
+var _chunkBULNTP5Ncjs = require('./chunk-BULNTP5N.cjs');
+require('./chunk-EJQCQPET.cjs');
 
-var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
 
 
+var _chunkGSEK6OCYcjs = require('./chunk-GSEK6OCY.cjs');
 
 
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
 
 
 
+var _chunkYEW5LPWLcjs = require('./chunk-YEW5LPWL.cjs');
+
 
-var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
+
+var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
 
 
 
@@ -106,45 +120,17 @@ var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
 
 
 var _chunkHUZ4AUM2cjs = require('./chunk-HUZ4AUM2.cjs');
-require('./chunk-MC7SY2QH.cjs');
 
-// src/hooks/use-controllable-state.ts
-var _react = require('react');
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const [uncontrolled, setUncontrolled] = _react.useState.call(void 0, defaultValue);
-  const isControlled = value !== void 0;
-  const current = isControlled ? value : uncontrolled;
-  useControlWarning(isControlled);
-  const latest = _react.useRef.call(void 0, current);
-  latest.current = current;
-  const onChangeRef = _react.useRef.call(void 0, onChange);
-  onChangeRef.current = onChange;
-  const controlled = _react.useRef.call(void 0, isControlled);
-  controlled.current = isControlled;
-  const set = _react.useCallback.call(void 0, (next) => {
-    const resolved = typeof next === "function" ? next(latest.current) : next;
-    if (resolved === latest.current) return;
-    if (!controlled.current) setUncontrolled(resolved);
-    _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(resolved)]);
-  }, []);
-  return [current, set];
-}
-function useControlWarning(isControlled) {
-  const wasControlled = _react.useRef.call(void 0, isControlled);
-  if (wasControlled.current !== isControlled) {
-    _chunkBH5DSJVXcjs.warnDev.call(void 0, 
-      `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
 
+
+
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+require('./chunk-MC7SY2QH.cjs');
+
+// src/hooks/use-merged-ref.ts
+var _react = require('react');
 function useMergedRef(...refs) {
   return _react.useMemo.call(void 0, () => _chunkHUZ4AUM2cjs.mergeRefs.call(void 0, ...refs), refs);
 }
@@ -239,4 +225,20 @@ function usePrevious(value) {
 
 
 
-exports.Alert = _chunk4MHJOWM4cjs.Alert; exports.Button = _chunkVDRRD6GMcjs.Button; exports.CARD_BACKGROUND = _chunkBNWS26PXcjs.CARD_BACKGROUND; exports.Card = _chunkBNWS26PXcjs.Card; exports.Chip = _chunkI6PE5UUHcjs.Chip; exports.CloseButton = _chunk6WW4CSPYcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkBH5DSJVXcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkBH5DSJVXcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkBH5DSJVXcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkDXGQ43IVcjs.Icon; exports.IconContext = _chunkDXGQ43IVcjs.IconContext; exports.Input = _chunkTIP3T7JJcjs.Input; 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.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkBH5DSJVXcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextSpan = _chunkRAWOJ3N3cjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkRAWOJ3N3cjs.Typography; exports.XAUIProvider = _chunkGBPWTFTUcjs.XAUIProvider; exports.alertRecipe = _chunk4MHJOWM4cjs.alertRecipe; exports.buildRadius = _chunkGBPWTFTUcjs.buildRadius; exports.buildShadows = _chunkGBPWTFTUcjs.buildShadows; exports.buttonRecipe = _chunkVDRRD6GMcjs.buttonRecipe; exports.cardRecipe = _chunkBNWS26PXcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkI6PE5UUHcjs.chipRecipe; exports.closeButtonBase = _chunk6WW4CSPYcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkGBPWTFTUcjs.createTheme; exports.defaultTheme = _chunkGBPWTFTUcjs.defaultTheme; exports.deriveColors = _chunkGBPWTFTUcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.inputRecipe = _chunkTIP3T7JJcjs.inputRecipe; exports.markBackground = _chunkBNWS26PXcjs.markBackground; exports.markOverlay = _chunkBH5DSJVXcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkGBPWTFTUcjs.palette; exports.pressScaleFor = _chunkBH5DSJVXcjs.pressScaleFor; exports.primitives = _chunkGBPWTFTUcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkBH5DSJVXcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkBH5DSJVXcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkBH5DSJVXcjs.rippleRadiusFor; exports.sourceKeys = _chunkGBPWTFTUcjs.sourceKeys; exports.tokens = _chunkGBPWTFTUcjs.tokens; exports.typographyRecipe = _chunkRAWOJ3N3cjs.typographyRecipe; exports.useAlert = _chunk4MHJOWM4cjs.useAlert; exports.useButton = _chunkVDRRD6GMcjs.useButton; exports.useCard = _chunkBNWS26PXcjs.useCard; exports.useChip = _chunkI6PE5UUHcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkBH5DSJVXcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkDXGQ43IVcjs.useIconContext; exports.useInput = _chunkTIP3T7JJcjs.useInput; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkBH5DSJVXcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkEWBBDVTMcjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Chip = _chunkAV5LMFS3cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkYEW5LPWLcjs.Input; exports.InputDescription = _chunkYEW5LPWLcjs.InputDescription; exports.InputError = _chunkYEW5LPWLcjs.InputError; exports.InputField = _chunkYEW5LPWLcjs.InputField; exports.InputLabel = _chunkYEW5LPWLcjs.InputLabel; exports.InputOTP = _chunkBULNTP5Ncjs.InputOTP; exports.InputRoot = _chunkYEW5LPWLcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkBULNTP5Ncjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkBULNTP5Ncjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkBULNTP5Ncjs.OTP_LETTERS; 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.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextArea = _chunkGSEK6OCYcjs.TextArea; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkBULNTP5Ncjs.buildSlots; exports.buttonRecipe = _chunkEWBBDVTMcjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkAV5LMFS3cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkBULNTP5Ncjs.extractPastedCode; exports.inputOTPRecipe = _chunkBULNTP5Ncjs.inputOTPRecipe; exports.inputRecipe = _chunkYEW5LPWLcjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkEWBBDVTMcjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useChip = _chunkAV5LMFS3cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunkBULNTP5Ncjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkYEW5LPWLcjs.useInput; exports.useInputOTP = _chunkBULNTP5Ncjs.useInputOTP; exports.useInputOTPBox = _chunkBULNTP5Ncjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useTextArea = _chunkGSEK6OCYcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -2,7 +2,9 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
-export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.cjs';
+export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.cjs';
+export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
+export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.cjs';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
 import { RefCallback } from 'react';
@@ -15,6 +17,7 @@ export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as R
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
+export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-BpJeUIe8.cjs';
 export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-BA2C9sSz.cjs';
 import 'react-native-reanimated';
 

package/dist/index.d.ts

@@ -2,7 +2,9 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
-export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.js';
+export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.js';
+export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
+export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.js';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
 import { RefCallback } from 'react';
@@ -15,6 +17,7 @@ export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as R
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
+export { b as InputContextValue, c as InputDescriptionProps, d as InputErrorProps, I as InputFieldProps, e as InputLabelPlacement, f as InputLabelProps, a as InputProps, g as InputSize, h as InputSlot, i as InputVariant } from './input.type-DjyZ6P2C.js';
 export { A as AnimationConfig, a as AnimationProp, F as FeedbackContext, P as PressableFeedbackProps, R as RadiusStyle, b as ResolvedAnimation, c as RippleWave, S as SlotAnimation } from './pressable-feedback.type-Bs4dQlGj.js';
 import 'react-native-reanimated';
 

package/dist/index.js

@@ -1,3 +1,15 @@
+import {
+  TextSpan,
+  Typography,
+  typographyRecipe
+} from "./chunk-G52TQJBI.js";
+import {
+  Column,
+  Grid,
+  Row,
+  Stack,
+  useGrid
+} from "./chunk-OYZYWWJ6.js";
 import {
   Portal,
   PortalContext,
@@ -14,38 +26,38 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "./chunk-GG2WWCBK.js";
+} from "./chunk-TZG3DERP.js";
 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 +79,39 @@ import {
   resolveSlotAnimation,
   rippleRadiusFor,
   useFeedback,
-  usePressState,
-  warnDev
-} from "./chunk-KM2TI5IC.js";
+  usePressState
+} from "./chunk-4HELPMAK.js";
+import {
+  InputOTP,
+  OTP_ALPHANUMERIC,
+  OTP_DIGITS,
+  OTP_LETTERS,
+  buildSlots,
+  extractPastedCode,
+  inputOTPRecipe,
+  useControllableState,
+  useInputOTP,
+  useInputOTPBox
+} from "./chunk-I6UCYAO2.js";
+import "./chunk-EGLLDKN6.js";
+import {
+  TextArea,
+  useTextArea
+} from "./chunk-ZDCGPK5Z.js";
 import {
   Input,
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
+  InputRoot,
   inputRecipe,
   useInput
-} from "./chunk-E3LXUXE7.js";
-import {
-  TextSpan,
-  Typography,
-  typographyRecipe
-} from "./chunk-2U6JR7BF.js";
+} from "./chunk-2OY76YNB.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 +120,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 +136,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 +159,15 @@ export {
   Icon,
   IconContext,
   Input,
+  InputDescription,
+  InputError,
+  InputField,
+  InputLabel,
+  InputOTP,
+  InputRoot,
+  OTP_ALPHANUMERIC,
+  OTP_DIGITS,
+  OTP_LETTERS,
   PRESS_DURATION,
   PRESS_SCALE,
   Portal,
@@ -190,6 +185,7 @@ export {
   SCALE_REFERENCE_WIDTH,
   Slot,
   Stack,
+  TextArea,
   TextSpan,
   ThemeContext,
   Typography,
@@ -197,6 +193,7 @@ export {
   alertRecipe,
   buildRadius,
   buildShadows,
+  buildSlots,
   buttonRecipe,
   cardRecipe,
   childrenToString,
@@ -208,6 +205,8 @@ export {
   defaultTheme,
   deriveColors,
   deriveTint,
+  extractPastedCode,
+  inputOTPRecipe,
   inputRecipe,
   markBackground,
   markOverlay,
@@ -233,10 +232,13 @@ export {
   useGrid,
   useIconContext,
   useInput,
+  useInputOTP,
+  useInputOTPBox,
   useMergedRef,
   usePressState,
   usePrevious,
   useStyleProps,
+  useTextArea,
   useThemeColor,
   useXAUITheme
 };

package/dist/input.type-BpJeUIe8.d.cts

@@ -0,0 +1,151 @@
+import { ReactNode } from 'react';
+import { StyleProp, TextStyle, TextInputProps, TextProps, ViewStyle, ViewProps } from 'react-native';
+import { T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
+import { S as Size, R as RadiusKey } from './theme.type-C2gNHpEx.cjs';
+
+type InputSlot = 'root' | 'label' | 'field' | 'textArea' | 'placeholder' | 'description' | 'error';
+/**
+ * The library's four emphasis levels, narrowed like the `Card`'s (§1 bis). A field
+ * **reports nothing** — an error is `isInvalid`, which is a state and not a variant — so
+ * `success`, `warning` and `danger` are absent here for the same reason they are there.
+ *
+ * This is where the theme's `field*` family is finally read, and the four names split
+ * HeroUI's two-name `primary | secondary` by saying what each of their ends already is:
+ *
+ * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. HeroUI's
+ *   `primary`, with the elevation their flat token only implies.
+ * - **`secondary`** — the neutral `default` fill. HeroUI's `secondary`, and the default
+ *   here: on a plain background a white field is its border and nothing else, while on a
+ *   card the `fieldBackground` token *is* the card's own colour.
+ * - **`tertiary`** — the border alone, no fill. The same drop the `Button`'s `tertiary`
+ *   makes.
+ * - **`ghost`** — neither. A bare field for a toolbar or an inline edit; it has no border
+ *   to move, so its focus shows in the caret alone.
+ *
+ * The first three name the `fieldBorder` edge and `ghost` gives it up. Its width is the
+ * theme's `borderWidth.field` — HeroUI's `--field-border-width`, which they ship at `0`
+ * and we ship at `1`. That is the one shipped default where the two differ;
+ * `createTheme({ borderWidth: { field: 0 } })` reproduces theirs.
+ */
+type InputVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+/**
+ * Where the label sits relative to the field's box.
+ *
+ * `outside` is the label above the box, in the column's flow. `inside` lifts it into the
+ * box, above the text — the label is taken **out of flow** and placed against the box's
+ * own padding, so the JSX is identical either way and nothing is reparented (R4).
+ *
+ * Because the inside label positions itself against the top of the root, it assumes the
+ * field is the first thing in the column's flow: write `Input.Description` and
+ * `Input.Error` after the field, which is where they belong anyway.
+ */
+type InputLabelPlacement = 'outside' | 'inside';
+type InputSize = Size;
+/**
+ * What the `Input` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the field's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ */
+type InputOwnProps = {
+    variant?: InputVariant;
+    /** The field's height, its padding, the gaps and the type. Never width. */
+    size?: InputSize;
+    /** Overrides the `field` radius the theme chose for every size. */
+    radius?: RadiusKey;
+    /** Above the box, or lifted into it. @default 'outside' */
+    labelPlacement?: InputLabelPlacement;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). It lands where the variant put its
+     * tokens — the fill of a `default`, the border of a `tertiary` — and, because the focus
+     * colour is a role like any other, it is also what the field borders on focus.
+     */
+    color?: string;
+    /**
+     * Paints the border, the label and the description in `danger`, and takes the focus
+     * treatment off: an error outranks focus, and a field that is both should read as
+     * wrong rather than as busy.
+     *
+     * It does **not** mount or unmount `Input.Error`. That stays the caller's — a slot that
+     * silently renders nothing is a slot you cannot debug.
+     */
+    isInvalid?: boolean;
+    /** Dims the field and makes it uneditable. */
+    isDisabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+};
+/**
+ * R14 — the input's own props, the wrapper `View`'s, and every `ViewStyle` key neither
+ * already claims. **`TextInputProps` are not here**: they belong to `Input.Field`, which
+ * is the node that has them.
+ */
+type InputProps = InputOwnProps & Omit<ViewProps, keyof InputOwnProps> & Omit<ViewStyleProps, keyof InputOwnProps | keyof ViewProps> & {
+    /** R12 — merge into the single child instead of rendering a `View`. */
+    asChild?: boolean;
+};
+/**
+ * Everything `TextInput` accepts, plus the `TextStyle` keys as props (R14).
+ *
+ * `editable` is absent: it is `disabled` under another name, and R8 keeps that off the
+ * public surface — `isDisabled` on the root is what stops the field.
+ */
+type InputFieldProps = Omit<TextInputProps, 'editable'> & Omit<TextStyleProps, keyof TextInputProps>;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+type InputTextProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+type InputLabelProps = InputTextProps;
+type InputDescriptionProps = InputTextProps;
+type InputErrorProps = InputTextProps;
+/**
+ * Read off `TextInput`'s own props rather than spelled out: React Native has renamed the
+ * payload of these two more than once, and a hand-written `NativeSyntheticEvent<…>` here
+ * would be a second declaration free to drift from the node that actually fires them.
+ */
+type FieldFocusEvent = Parameters<NonNullable<TextInputProps['onFocus']>>[0];
+type FieldBlurEvent = Parameters<NonNullable<TextInputProps['onBlur']>>[0];
+/**
+ * R5 — resolved styles, not props for a slot to resolve a second time. Each entry is the
+ * cached `StyleSheet` reference with the uncached tint pass layered over it, so a slot
+ * merges its own `style` on top and does no work of its own.
+ */
+type InputContextValue = {
+    labelStyle: StyleProp<TextStyle>;
+    fieldStyle: StyleProp<TextStyle>;
+    /** Layered *over* `fieldStyle` by `Input.TextArea`: only what a multiline field adds. */
+    textAreaStyle: StyleProp<TextStyle>;
+    /**
+     * Values, not a style: `rows` is a raw number, so the height it implies is arithmetic
+     * the slot does — and these are the two measurements it needs, flattened once here
+     * rather than in every text area on the screen.
+     */
+    textArea: {
+        lineHeight: number;
+        paddingVertical: number;
+    };
+    descriptionStyle: StyleProp<TextStyle>;
+    errorStyle: StyleProp<TextStyle>;
+    /**
+     * A value and not a style: `placeholderTextColor` is a `TextInput` prop, so the root
+     * flattens its placeholder slot once here rather than in the field.
+     */
+    placeholderTextColor?: string;
+    /**
+     * The focus state lives on the **root**, because the root's recipe resolves on it (R5)
+     * and it needs the value before it renders — but the node that hears the event is
+     * `Input.Field`, three levels down. These are how it reports back. Their identity is
+     * stable, so publishing them costs no re-render of a memoized slot.
+     */
+    onFieldFocus: (event: FieldFocusEvent) => void;
+    onFieldBlur: (event: FieldBlurEvent) => void;
+    /**
+     * The id the label carries and the field points at, so a screen reader reads "Courriel,
+     * champ de saisie" rather than just the placeholder.
+     */
+    labelId: string;
+    descriptionId: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+};
+
+export type { InputFieldProps as I, InputProps as a, InputContextValue as b, InputDescriptionProps as c, InputErrorProps as d, InputLabelPlacement as e, InputLabelProps as f, InputSize as g, InputSlot as h, InputVariant as i };