@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.91

package/dist/components/list-box/list-box.d.cts

@@ -0,0 +1,59 @@
+import { View } from 'react-native';
+/**
+ * Rows on a ground.
+ *
+ * ```tsx
+ * <ListBox>
+ *   <ListBox.Item onPress={openWifi}>
+ *     <ListBox.ItemPrefix>
+ *       <Icon as={WifiIcon} />
+ *     </ListBox.ItemPrefix>
+ *     <ListBox.ItemContent>
+ *       <ListBox.ItemTitle>Wi-Fi</ListBox.ItemTitle>
+ *       <ListBox.ItemDescription>Maison</ListBox.ItemDescription>
+ *     </ListBox.ItemContent>
+ *     <ListBox.ItemSuffix>
+ *       <Switch isSelected={isOn} />
+ *     </ListBox.ItemSuffix>
+ *   </ListBox.Item>
+ * </ListBox>
+ * ```
+ *
+ * **It is the `Accordion` with rows that do not open**, which is why it reads the same
+ * ladder, insets its separators the same way and lifts the same one variant. The two will
+ * eventually share a container; declaring them apart is what would make a list on a card
+ * sit one shade off it, so they at least name the same tokens today.
+ *
+ * **The separators are the root's**, drawn between the children rather than by them. A row
+ * that drew its own would draw one under the last one too, and every list would start by
+ * hiding it.
+ *
+ * **In a `ListBoxGroup` it takes the group's appearance**, and its own props still win — a
+ * settings screen is uniform, and setting `variant` on five lists is five chances to set it
+ * differently. Outside a group nothing changes: a list on its own is this component's
+ * original shape.
+ *
+ * **It does not select.** There is no `selectionMode` and no `selectedKeys`: picking one of
+ * several things is what `Select` and `Menu` are, and a row that toggles carries the
+ * control that toggles it — a `Switch` in its suffix, a `Checkbox` in its prefix. A list
+ * that owned a selection would be a second, quieter menu with none of the affordances.
+ */
+export declare const ListBoxRoot: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    variant?: import("./list-box.type").ListBoxVariant;
+    size?: import("./list-box.type").ListBoxSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    variant?: import("./list-box.type").ListBoxVariant;
+    size?: import("./list-box.type").ListBoxSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "asChild" | "radius" | "size" | "variant" | "hasSeparator"> & import("react").RefAttributes<View>>;

package/dist/components/list-box/list-box.d.ts

@@ -0,0 +1,59 @@
+import { View } from 'react-native';
+/**
+ * Rows on a ground.
+ *
+ * ```tsx
+ * <ListBox>
+ *   <ListBox.Item onPress={openWifi}>
+ *     <ListBox.ItemPrefix>
+ *       <Icon as={WifiIcon} />
+ *     </ListBox.ItemPrefix>
+ *     <ListBox.ItemContent>
+ *       <ListBox.ItemTitle>Wi-Fi</ListBox.ItemTitle>
+ *       <ListBox.ItemDescription>Maison</ListBox.ItemDescription>
+ *     </ListBox.ItemContent>
+ *     <ListBox.ItemSuffix>
+ *       <Switch isSelected={isOn} />
+ *     </ListBox.ItemSuffix>
+ *   </ListBox.Item>
+ * </ListBox>
+ * ```
+ *
+ * **It is the `Accordion` with rows that do not open**, which is why it reads the same
+ * ladder, insets its separators the same way and lifts the same one variant. The two will
+ * eventually share a container; declaring them apart is what would make a list on a card
+ * sit one shade off it, so they at least name the same tokens today.
+ *
+ * **The separators are the root's**, drawn between the children rather than by them. A row
+ * that drew its own would draw one under the last one too, and every list would start by
+ * hiding it.
+ *
+ * **In a `ListBoxGroup` it takes the group's appearance**, and its own props still win — a
+ * settings screen is uniform, and setting `variant` on five lists is five chances to set it
+ * differently. Outside a group nothing changes: a list on its own is this component's
+ * original shape.
+ *
+ * **It does not select.** There is no `selectionMode` and no `selectedKeys`: picking one of
+ * several things is what `Select` and `Menu` are, and a row that toggles carries the
+ * control that toggles it — a `Switch` in its suffix, a `Checkbox` in its prefix. A list
+ * that owned a selection would be a second, quieter menu with none of the affordances.
+ */
+export declare const ListBoxRoot: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    variant?: import("./list-box.type").ListBoxVariant;
+    size?: import("./list-box.type").ListBoxSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    variant?: import("./list-box.type").ListBoxVariant;
+    size?: import("./list-box.type").ListBoxSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "asChild" | "radius" | "size" | "variant" | "hasSeparator"> & import("react").RefAttributes<View>>;

package/dist/components/list-box/list-box.recipe.d.cts

@@ -0,0 +1,36 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { FontSizeKey, RadiusKey, Size, XAUITheme } from '../../theme/theme.type';
+import type { ListBoxSlot, ListBoxVariant } from './list-box.type';
+type SizeStep = {
+    /** Spacing steps. The row's own inset, and what the separator is inset by. */
+    padding: number;
+    /** Down the row: between the prefix, the text and the suffix. */
+    gap: number;
+    /** Between the title and the description, which is a fraction of the row's gap. */
+    contentGap: number;
+    title: FontSizeKey;
+    description: FontSizeKey;
+    glyph: FontSizeKey;
+    radius: RadiusKey;
+};
+/**
+ * Exported for the `ListBoxGroup`, which needs one number out of it: a section header has to
+ * be inset by the same padding as the rows under it, or the heading and the text it heads
+ * sit on two different left edges.
+ *
+ * The corner sits one level below the `Card`'s at every step, as the `Accordion`'s does: a
+ * card wraps its content with padding on all four sides so a large corner curves through
+ * empty space, where a list's rows run edge to edge and the same corner would curve through
+ * the first row's own text.
+ */
+export declare const SIZES: Record<Size, SizeStep>;
+export declare const listBoxRecipe: import("../..").Recipe<"title" | "separator" | "content" | "description" | "root" | "suffix" | "container" | "item" | "prefix" | "itemPressed", ListBoxVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+    };
+    readonly radius: Record<RadiusKey, import("../..").StyleFn<"root" | "container">>;
+}>;
+export type { ListBoxSlot };

package/dist/components/list-box/list-box.recipe.d.ts

@@ -0,0 +1,36 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { FontSizeKey, RadiusKey, Size, XAUITheme } from '../../theme/theme.type';
+import type { ListBoxSlot, ListBoxVariant } from './list-box.type';
+type SizeStep = {
+    /** Spacing steps. The row's own inset, and what the separator is inset by. */
+    padding: number;
+    /** Down the row: between the prefix, the text and the suffix. */
+    gap: number;
+    /** Between the title and the description, which is a fraction of the row's gap. */
+    contentGap: number;
+    title: FontSizeKey;
+    description: FontSizeKey;
+    glyph: FontSizeKey;
+    radius: RadiusKey;
+};
+/**
+ * Exported for the `ListBoxGroup`, which needs one number out of it: a section header has to
+ * be inset by the same padding as the rows under it, or the heading and the text it heads
+ * sit on two different left edges.
+ *
+ * The corner sits one level below the `Card`'s at every step, as the `Accordion`'s does: a
+ * card wraps its content with padding on all four sides so a large corner curves through
+ * empty space, where a list's rows run edge to edge and the same corner would curve through
+ * the first row's own text.
+ */
+export declare const SIZES: Record<Size, SizeStep>;
+export declare const listBoxRecipe: import("../..").Recipe<"title" | "separator" | "content" | "description" | "root" | "suffix" | "container" | "item" | "prefix" | "itemPressed", ListBoxVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<ListBoxSlot>;
+    };
+    readonly radius: Record<RadiusKey, import("../..").StyleFn<"root" | "container">>;
+}>;
+export type { ListBoxSlot };

package/dist/components/list-box/list-box.type.d.cts

@@ -0,0 +1,65 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, TextProps, TextStyle, ViewProps } from 'react-native';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { IconContextValue } from '../../system/icon';
+import type { RadiusKey, Size } from '../../theme/theme.type';
+export type ListBoxSlot = 'root' | 'container' | 'separator' | 'item' | 'itemPressed' | 'prefix' | 'content' | 'title' | 'description' | 'suffix';
+/**
+ * The `Accordion`'s ladder, because a list is the same container with rows that do not
+ * open. `tertiary` drops the fill for a border and `ghost` drops that too, for a list on a
+ * surface that is already the level below.
+ */
+export type ListBoxVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+export type ListBoxSize = Size;
+type ListBoxOwnProps = {
+    children?: ReactNode;
+    variant?: ListBoxVariant;
+    size?: ListBoxSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    /**
+     * Whether a hairline is drawn between the rows. Falls back to the `ListBoxGroup`'s, and
+     * to `true` outside one.
+     */
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+};
+export type ListBoxProps = ListBoxOwnProps & Omit<ViewProps, keyof ListBoxOwnProps> & Omit<ViewStyleProps, keyof ListBoxOwnProps | keyof ViewProps>;
+type ListBoxItemOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+/** A plain row: a `View`, with no press state and nothing to announce. */
+export type ListBoxItemProps = ListBoxItemOwnProps & Omit<ViewProps, keyof ListBoxItemOwnProps> & Omit<ViewStyleProps, keyof ListBoxItemOwnProps | keyof ViewProps>;
+type ListBoxItemButtonOwnProps = {
+    children?: ReactNode;
+    isDisabled?: boolean;
+    asChild?: boolean;
+};
+/** A row you can press, used in place of `ListBox.Item` rather than inside it. */
+export type ListBoxItemButtonProps = ListBoxItemButtonOwnProps & Omit<PressableProps, keyof ListBoxItemButtonOwnProps> & Omit<ViewStyleProps, keyof ListBoxItemButtonOwnProps | keyof PressableProps>;
+type ListBoxSlotOwnProps = {
+    children?: ReactNode;
+};
+export type ListBoxItemPrefixProps = ListBoxSlotOwnProps & Omit<ViewProps, keyof ListBoxSlotOwnProps> & Omit<ViewStyleProps, keyof ListBoxSlotOwnProps | keyof ViewProps>;
+export type ListBoxItemContentProps = ListBoxItemPrefixProps;
+export type ListBoxItemSuffixProps = ListBoxItemPrefixProps;
+export type ListBoxItemTitleProps = ListBoxSlotOwnProps & Omit<TextProps, keyof ListBoxSlotOwnProps> & Omit<TextStyleProps, keyof ListBoxSlotOwnProps | keyof TextProps>;
+export type ListBoxItemDescriptionProps = ListBoxItemTitleProps;
+/** R5 — resolved style ids, never a token for a slot to resolve again. */
+export type ListBoxContextValue = {
+    separatorStyle: StyleProp<TextStyle>;
+    itemStyle: StyleProp<TextStyle>;
+    itemPressedStyle: StyleProp<TextStyle>;
+    prefixStyle: StyleProp<TextStyle>;
+    contentStyle: StyleProp<TextStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    suffixStyle: StyleProp<TextStyle>;
+    /** What an `Icon` in a prefix or a suffix inherits, so a row's glyphs match its type. */
+    glyph: IconContextValue;
+    isDisabled: boolean;
+};
+export {};

package/dist/components/list-box/list-box.type.d.ts

@@ -0,0 +1,65 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, TextProps, TextStyle, ViewProps } from 'react-native';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { IconContextValue } from '../../system/icon';
+import type { RadiusKey, Size } from '../../theme/theme.type';
+export type ListBoxSlot = 'root' | 'container' | 'separator' | 'item' | 'itemPressed' | 'prefix' | 'content' | 'title' | 'description' | 'suffix';
+/**
+ * The `Accordion`'s ladder, because a list is the same container with rows that do not
+ * open. `tertiary` drops the fill for a border and `ghost` drops that too, for a list on a
+ * surface that is already the level below.
+ */
+export type ListBoxVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+export type ListBoxSize = Size;
+type ListBoxOwnProps = {
+    children?: ReactNode;
+    variant?: ListBoxVariant;
+    size?: ListBoxSize;
+    radius?: RadiusKey;
+    /** The tint (R7) — a raw value, never a token. */
+    color?: string;
+    /**
+     * Whether a hairline is drawn between the rows. Falls back to the `ListBoxGroup`'s, and
+     * to `true` outside one.
+     */
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+};
+export type ListBoxProps = ListBoxOwnProps & Omit<ViewProps, keyof ListBoxOwnProps> & Omit<ViewStyleProps, keyof ListBoxOwnProps | keyof ViewProps>;
+type ListBoxItemOwnProps = {
+    children?: ReactNode;
+    asChild?: boolean;
+};
+/** A plain row: a `View`, with no press state and nothing to announce. */
+export type ListBoxItemProps = ListBoxItemOwnProps & Omit<ViewProps, keyof ListBoxItemOwnProps> & Omit<ViewStyleProps, keyof ListBoxItemOwnProps | keyof ViewProps>;
+type ListBoxItemButtonOwnProps = {
+    children?: ReactNode;
+    isDisabled?: boolean;
+    asChild?: boolean;
+};
+/** A row you can press, used in place of `ListBox.Item` rather than inside it. */
+export type ListBoxItemButtonProps = ListBoxItemButtonOwnProps & Omit<PressableProps, keyof ListBoxItemButtonOwnProps> & Omit<ViewStyleProps, keyof ListBoxItemButtonOwnProps | keyof PressableProps>;
+type ListBoxSlotOwnProps = {
+    children?: ReactNode;
+};
+export type ListBoxItemPrefixProps = ListBoxSlotOwnProps & Omit<ViewProps, keyof ListBoxSlotOwnProps> & Omit<ViewStyleProps, keyof ListBoxSlotOwnProps | keyof ViewProps>;
+export type ListBoxItemContentProps = ListBoxItemPrefixProps;
+export type ListBoxItemSuffixProps = ListBoxItemPrefixProps;
+export type ListBoxItemTitleProps = ListBoxSlotOwnProps & Omit<TextProps, keyof ListBoxSlotOwnProps> & Omit<TextStyleProps, keyof ListBoxSlotOwnProps | keyof TextProps>;
+export type ListBoxItemDescriptionProps = ListBoxItemTitleProps;
+/** R5 — resolved style ids, never a token for a slot to resolve again. */
+export type ListBoxContextValue = {
+    separatorStyle: StyleProp<TextStyle>;
+    itemStyle: StyleProp<TextStyle>;
+    itemPressedStyle: StyleProp<TextStyle>;
+    prefixStyle: StyleProp<TextStyle>;
+    contentStyle: StyleProp<TextStyle>;
+    titleStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    suffixStyle: StyleProp<TextStyle>;
+    /** What an `Icon` in a prefix or a suffix inherits, so a row's glyphs match its type. */
+    glyph: IconContextValue;
+    isDisabled: boolean;
+};
+export {};

package/dist/components/mask-field/index.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkG2YHGLN3cjs = require('../../chunk-G2YHGLN3.cjs');
+require('../../chunk-NADCILBL.cjs');
+require('../../chunk-AXKDHX5V.cjs');
+require('../../chunk-WLWZG2PA.cjs');
+require('../../chunk-ISHMSP6P.cjs');
+require('../../chunk-GSZDN6EZ.cjs');
+require('../../chunk-FHNIGHN5.cjs');
+require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-IIAQISBG.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.MASK_FIELD_MASKS = _chunkG2YHGLN3cjs.MASK_FIELD_MASKS; exports.MaskField = _chunkG2YHGLN3cjs.MaskField; exports.MaskFieldField = _chunkG2YHGLN3cjs.MaskFieldField; exports.MaskFieldRoot = _chunkG2YHGLN3cjs.MaskFieldRoot; exports.dateOrderFor = _chunkG2YHGLN3cjs.dateOrderFor; exports.dateSeparatorFor = _chunkG2YHGLN3cjs.dateSeparatorFor; exports.formatMaskedDate = _chunkG2YHGLN3cjs.formatMaskedDate; exports.formatMaskedTime = _chunkG2YHGLN3cjs.formatMaskedTime; exports.maskInput = _chunkG2YHGLN3cjs.maskInput; exports.parseMaskedDate = _chunkG2YHGLN3cjs.parseMaskedDate; exports.parseMaskedTime = _chunkG2YHGLN3cjs.parseMaskedTime; exports.resolveMask = _chunkG2YHGLN3cjs.resolveMask; exports.useMaskField = _chunkG2YHGLN3cjs.useMaskField;

package/dist/components/mask-field/index.d.cts

@@ -0,0 +1,50 @@
+/**
+ * Three of the slots **are** the `TextField`'s, re-exported rather than wrapped — the
+ * `TextArea`'s arrangement, for the `TextArea`'s reason: a wrapper would add three
+ * components to the tree to change a `displayName`, and the string it would change is the
+ * one that tells you the truth.
+ */
+export declare const MaskField: import("react").ForwardRefExoticComponent<{
+    mask: (string & {}) | import(".").MaskFieldMask;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (text: string, value: unknown) => void;
+    convert?: (text: string) => unknown;
+    order?: import(".").DateOrder;
+    locale?: string;
+    separator?: string;
+    segmentLabels?: import(".").SegmentLabels;
+    children?: import("react").ReactNode;
+} & Omit<import("..").TextFieldProps, keyof {
+    mask: (string & {}) | import(".").MaskFieldMask;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (text: string, value: unknown) => void;
+    convert?: (text: string) => unknown;
+    order?: import(".").DateOrder;
+    locale?: string;
+    separator?: string;
+    segmentLabels?: import(".").SegmentLabels;
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "value" | "editable" | "keyboardType" | "maxLength" | "onChangeText"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextInputProps> & import("react").RefAttributes<import("react-native").TextInput>>;
+    Description: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { MaskFieldRoot } from './mask-field';
+export { MaskFieldField } from './mask-field-field';
+export { useMaskField } from './mask-field.context';
+export type { MaskFieldContextValue, MaskFieldFieldProps, MaskFieldProps, } from './mask-field.type';
+/**
+ * The mask primitives, re-exported so a caller wiring `convert` or reading a shape does not
+ * reach into `utils/`.
+ */
+export { MASK_FIELD_MASKS, dateOrderFor, dateSeparatorFor, formatMaskedDate, formatMaskedTime, maskInput, parseMaskedDate, parseMaskedTime, resolveMask, } from '../../utils/mask';
+export type { DateOrder, Mask, MaskFieldMask, SegmentLabels } from '../../utils/mask';

package/dist/components/mask-field/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Three of the slots **are** the `TextField`'s, re-exported rather than wrapped — the
+ * `TextArea`'s arrangement, for the `TextArea`'s reason: a wrapper would add three
+ * components to the tree to change a `displayName`, and the string it would change is the
+ * one that tells you the truth.
+ */
+export declare const MaskField: import("react").ForwardRefExoticComponent<{
+    mask: (string & {}) | import(".").MaskFieldMask;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (text: string, value: unknown) => void;
+    convert?: (text: string) => unknown;
+    order?: import(".").DateOrder;
+    locale?: string;
+    separator?: string;
+    segmentLabels?: import(".").SegmentLabels;
+    children?: import("react").ReactNode;
+} & Omit<import("..").TextFieldProps, keyof {
+    mask: (string & {}) | import(".").MaskFieldMask;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (text: string, value: unknown) => void;
+    convert?: (text: string) => unknown;
+    order?: import(".").DateOrder;
+    locale?: string;
+    separator?: string;
+    segmentLabels?: import(".").SegmentLabels;
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Field: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "value" | "editable" | "keyboardType" | "maxLength" | "onChangeText"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextInputProps> & import("react").RefAttributes<import("react-native").TextInput>>;
+    Description: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Error: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { MaskFieldRoot } from './mask-field';
+export { MaskFieldField } from './mask-field-field';
+export { useMaskField } from './mask-field.context';
+export type { MaskFieldContextValue, MaskFieldFieldProps, MaskFieldProps, } from './mask-field.type';
+/**
+ * The mask primitives, re-exported so a caller wiring `convert` or reading a shape does not
+ * reach into `utils/`.
+ */
+export { MASK_FIELD_MASKS, dateOrderFor, dateSeparatorFor, formatMaskedDate, formatMaskedTime, maskInput, parseMaskedDate, parseMaskedTime, resolveMask, } from '../../utils/mask';
+export type { DateOrder, Mask, MaskFieldMask, SegmentLabels } from '../../utils/mask';

package/dist/components/mask-field/index.js

@@ -0,0 +1,43 @@
+import {
+  MASK_FIELD_MASKS,
+  MaskField,
+  MaskFieldField,
+  MaskFieldRoot,
+  dateOrderFor,
+  dateSeparatorFor,
+  formatMaskedDate,
+  formatMaskedTime,
+  maskInput,
+  parseMaskedDate,
+  parseMaskedTime,
+  resolveMask,
+  useMaskField
+} from "../../chunk-7M6YKCHX.js";
+import "../../chunk-3CPLJJWX.js";
+import "../../chunk-5YZUYSV7.js";
+import "../../chunk-43S673KF.js";
+import "../../chunk-SHFUQVLX.js";
+import "../../chunk-JN6IRT2M.js";
+import "../../chunk-WFZDAXDI.js";
+import "../../chunk-DKVXTMIJ.js";
+import "../../chunk-3Q42X6EQ.js";
+import "../../chunk-TTZOIXKE.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-Z6JBWRPL.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  MASK_FIELD_MASKS,
+  MaskField,
+  MaskFieldField,
+  MaskFieldRoot,
+  dateOrderFor,
+  dateSeparatorFor,
+  formatMaskedDate,
+  formatMaskedTime,
+  maskInput,
+  parseMaskedDate,
+  parseMaskedTime,
+  resolveMask,
+  useMaskField
+};

package/dist/components/mask-field/mask-field-field.d.cts

@@ -0,0 +1,17 @@
+import type { TextInput } from 'react-native';
+/**
+ * The box, masked.
+ *
+ * It **is** `TextField.Field` — the same node, the same resolved styles, the same focus
+ * plumbing, the same `isInvalid` — with the value and the keystroke taken over by the mask.
+ * Everything else a `TextInput` accepts is still the caller's.
+ *
+ * `keyboardType` and `maxLength` follow the shape: a digit shape gets the number pad, a
+ * shape with letters gets the default keyboard, and the limit is the shape's own rendered
+ * length — what stops the caret travelling past the end of a finished value on a keyboard
+ * that would otherwise let it.
+ *
+ * Inside a `FieldGroup` it leaves the decorators their room, exactly as `FieldGroup.Field`
+ * does. Outside one there is nothing to clear and it adds nothing.
+ */
+export declare const MaskFieldField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "value" | "editable" | "keyboardType" | "maxLength" | "onChangeText"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextInputProps> & import("react").RefAttributes<TextInput>>;

package/dist/components/mask-field/mask-field-field.d.ts

@@ -0,0 +1,17 @@
+import type { TextInput } from 'react-native';
+/**
+ * The box, masked.
+ *
+ * It **is** `TextField.Field` — the same node, the same resolved styles, the same focus
+ * plumbing, the same `isInvalid` — with the value and the keystroke taken over by the mask.
+ * Everything else a `TextInput` accepts is still the caller's.
+ *
+ * `keyboardType` and `maxLength` follow the shape: a digit shape gets the number pad, a
+ * shape with letters gets the default keyboard, and the limit is the shape's own rendered
+ * length — what stops the caret travelling past the end of a finished value on a keyboard
+ * that would otherwise let it.
+ *
+ * Inside a `FieldGroup` it leaves the decorators their room, exactly as `FieldGroup.Field`
+ * does. Outside one there is nothing to clear and it adds nothing.
+ */
+export declare const MaskFieldField: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "value" | "editable" | "keyboardType" | "maxLength" | "onChangeText"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextInputProps> & import("react").RefAttributes<TextInput>>;

package/dist/components/mask-field/mask-field.context.d.cts

@@ -0,0 +1,9 @@
+import type { MaskFieldContextValue } from './mask-field.type';
+/**
+ * R10 — the masked text and the keystroke handler.
+ *
+ * It sits **beside** the `TextField`'s context rather than replacing it: the field below
+ * reads its styles from that one and its value from this one, which is what lets the two
+ * halves stay the components they already are.
+ */
+export declare const MaskFieldProvider: import("react").Provider<MaskFieldContextValue | null>, useMaskField: () => MaskFieldContextValue;

package/dist/components/mask-field/mask-field.context.d.ts

@@ -0,0 +1,9 @@
+import type { MaskFieldContextValue } from './mask-field.type';
+/**
+ * R10 — the masked text and the keystroke handler.
+ *
+ * It sits **beside** the `TextField`'s context rather than replacing it: the field below
+ * reads its styles from that one and its value from this one, which is what lets the two
+ * halves stay the components they already are.
+ */
+export declare const MaskFieldProvider: import("react").Provider<MaskFieldContextValue | null>, useMaskField: () => MaskFieldContextValue;