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

package/dist/components/number-pad/number-pad.d.ts

@@ -0,0 +1,57 @@
+import { View } from 'react-native';
+/**
+ * The keypad a PIN, a code and an amount are typed on.
+ *
+ * ```tsx
+ * <NumberPad maxLength={4} onComplete={unlock} />
+ *
+ * <NumberPad maxLength={4} value={pin} onChangeText={setPin}>
+ *   <NumberPad.Action onPress={faceId} accessibilityLabel="Unlock with Face ID">
+ *     <NumberPad.Icon as={FaceIdIcon} color={theme.colors.accent} />
+ *   </NumberPad.Action>
+ * </NumberPad>
+ * ```
+ *
+ * **The grid is data, not markup.** `1` through `9`, the `0` and the backspace are not a
+ * decision a caller makes, so the root renders them — eleven hand-written cells is a layout
+ * that disagrees with itself the moment one of them is edited. What *is* composed is the one
+ * free corner of the bottom row, and that is what `children` is.
+ *
+ * **The pad owns the value as one string**, controlled or not, and clamps it to `maxLength`:
+ * a press past the limit changes nothing at all, so `onChangeText` does not fire and a full
+ * PIN cannot be completed twice by leaning on a key.
+ *
+ * **It draws no display.** What the value looks like is the screen's — an `InputOTP`'s boxes,
+ * a row of dots, an amount in a `Typography`. A pad that also rendered the value would be
+ * two components that have to agree on a string.
+ *
+ * `useNumberPad()` publishes `insert`, `backspace` and `clear`, so a control beside the pad
+ * drives it with no state of its own.
+ */
+export declare const NumberPadRoot: import("react").ForwardRefExoticComponent<{
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & Omit<import("react-native").ViewProps, "style" | "children"> & Omit<import("../..").ViewStyleProps, keyof {
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+}> & import("react").RefAttributes<View>>;

package/dist/components/number-pad/number-pad.recipe.d.cts

@@ -0,0 +1,11 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { RadiusKey, XAUITheme } from '../../theme/theme.type';
+import type { NumberPadSlot, NumberPadVariant } from './number-pad.type';
+export declare const numberPadRecipe: import("../..").Recipe<"key" | "label" | "row" | "root" | "ghost" | "icon" | "ghostLabel" | "ghostIcon", NumberPadVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+    };
+    readonly radius: Record<RadiusKey, import("../..").StyleFn<"key" | "ghost">>;
+}>;

package/dist/components/number-pad/number-pad.recipe.d.ts

@@ -0,0 +1,11 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { RadiusKey, XAUITheme } from '../../theme/theme.type';
+import type { NumberPadSlot, NumberPadVariant } from './number-pad.type';
+export declare const numberPadRecipe: import("../..").Recipe<"key" | "label" | "row" | "root" | "ghost" | "icon" | "ghostLabel" | "ghostIcon", NumberPadVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<NumberPadSlot>;
+    };
+    readonly radius: Record<RadiusKey, import("../..").StyleFn<"key" | "ghost">>;
+}>;

package/dist/components/number-pad/number-pad.style.d.cts

@@ -0,0 +1,13 @@
+/**
+ * The empty cell that holds the bottom row's free corner open when nothing is composed
+ * into it.
+ *
+ * `flex: 1` and nothing else — no token, which is why it is here rather than in the
+ * recipe. Without it the `0` would slide to the start of its row and stop being the middle
+ * column, which is the one thing a keypad's layout has to keep.
+ */
+export declare const numberPadSheet: {
+    spacer: {
+        flex: number;
+    };
+};

package/dist/components/number-pad/number-pad.style.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The empty cell that holds the bottom row's free corner open when nothing is composed
+ * into it.
+ *
+ * `flex: 1` and nothing else — no token, which is why it is here rather than in the
+ * recipe. Without it the `0` would slide to the start of its row and stop being the middle
+ * column, which is the one thing a keypad's layout has to keep.
+ */
+export declare const numberPadSheet: {
+    spacer: {
+        flex: number;
+    };
+};

package/dist/components/number-pad/number-pad.type.d.cts

@@ -0,0 +1,135 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey, Size } from '../../theme/theme.type';
+export type NumberPadSlot = 'root' | 'row' | 'key' | 'label' | 'icon' | 'ghost' | 'ghostLabel' | 'ghostIcon';
+/**
+ * The five emphasis levels, and no intent among them. A keypad is furniture — there is no
+ * such thing as a `danger` keypad, and `success` and `warning` are outcomes rather than
+ * something you press.
+ *
+ * `default` is the default here, where the `Button` takes `primary`: eleven keys in the
+ * accent is a wall of colour, and the digit is what the eye is looking for.
+ */
+export type NumberPadVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'ghost';
+/**
+ * Three steps, and `xs` is the one missing. A key is hit with a thumb rather than pointed
+ * at, so its height is a control and a half; at `xs` that is 48 points holding a 24-point
+ * digit, which is a control-sized target pretending to be a key.
+ */
+export type NumberPadSize = Exclude<Size, 'xs'>;
+type NumberPadOwnProps = {
+    variant?: NumberPadVariant;
+    /** The key's height, its corner, the gaps and the digit. Never a width. */
+    size?: NumberPadSize;
+    /** Overrides the corner `size` chose. */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (R7), landing where the variant put its tokens — the filled keys only. The
+     * backspace and the free cell keep the page's foreground, because a bare glyph on a
+     * tinted pad has no tinted ground to read against.
+     */
+    color?: string;
+    /** Controlled. Leave it out and the pad keeps the value itself. */
+    value?: string;
+    /** The starting value when uncontrolled. */
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    /** Fired once the value reaches `maxLength` — the PIN screen's only event. */
+    onComplete?: (value: string) => void;
+    /**
+     * How long the value may get. Unset it is unbounded, which is what a pad in front of an
+     * amount wants; set, a press past it changes nothing at all rather than truncating.
+     */
+    maxLength?: number;
+    /** Dims every key and stops all of them. */
+    isDisabled?: boolean;
+    /**
+     * **One cell**, and it fills the free corner of the bottom row — beside the `0` and
+     * opposite the backspace. `NumberPad.Action` is what usually goes there: a fingerprint,
+     * a decimal separator, a `Clear`.
+     *
+     * The digits and the backspace are not composed, because they are not a decision (see
+     * `NUMBER_PAD_ROWS`). Left out, the corner is an empty cell that keeps the `0` centred.
+     */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+/** R14 — it renders a `View`, so it carries that node's style keys. */
+export type NumberPadProps = NumberPadOwnProps & Omit<ViewProps, 'style' | 'children'> & Omit<ViewStyleProps, keyof NumberPadOwnProps>;
+/**
+ * What every cell takes: the press behaviour of a `PressableFeedback`, minus the state the
+ * cell owns itself.
+ */
+type CellProps = Omit<PressableFeedbackProps, 'isPressed' | 'layout' | 'style' | 'children'> & {
+    /** Overrides the pad's own — a single key can be out while the rest are live. */
+    isDisabled?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+export type NumberPadKeyProps = CellProps & {
+    /**
+     * What this key inserts. Usually the digit it shows, which is also what it renders when
+     * nothing is composed inside it.
+     */
+    value: string;
+};
+export type NumberPadBackspaceProps = CellProps;
+export type NumberPadActionProps = CellProps;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type NumberPadLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type NumberPadIconProps = IconProps;
+/**
+ * Which cell a label or a glyph is inside, and how that cell is doing.
+ *
+ * `tone` is what lets `NumberPad.Label` and `NumberPad.Icon` pick the right foreground with
+ * no prop of their own: a filled key's is the variant's, a bare corner's is the page's.
+ */
+export type NumberPadCellContextValue = {
+    tone: NumberPadCellTone;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+/**
+ * Whether a cell is filled or bare. Not a public prop: the three cells have already made
+ * that decision, and a caller choosing it would be choosing which cell they meant.
+ */
+export type NumberPadCellTone = 'key' | 'ghost';
+/**
+ * R5 — resolved styles, not props for a cell to resolve a second time.
+ *
+ * Both faces of a cell are in here because **a cell owns its own press state and the root
+ * cannot see it**: the root resolves pressed and unpressed once, and each cell picks. That
+ * is the `Menu`'s arrangement, for the same reason — nothing re-resolves per key, so a pad
+ * of eleven costs what a pad of two would.
+ */
+export type NumberPadContextValue = {
+    rowStyle: StyleProp<ViewStyle>;
+    keyStyle: StyleProp<ViewStyle>;
+    keyPressedStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    ghostStyle: StyleProp<ViewStyle>;
+    ghostPressedStyle: StyleProp<ViewStyle>;
+    ghostLabelStyle: StyleProp<TextStyle>;
+    /**
+     * Values, not a style: `Icon` hands `size` and `color` to a third-party component, so
+     * the root flattens each icon slot once here rather than in every icon it contains.
+     */
+    icon: IconContextValue;
+    ghostIcon: IconContextValue;
+    /** Appends, clamped to `maxLength`, and fires `onComplete` when it arrives. */
+    insert: (text: string) => void;
+    /** Drops the last character. */
+    backspace: () => void;
+    /** Empties it — what a long press on the backspace does. */
+    clear: () => void;
+    value: string;
+    maxLength: number | undefined;
+    isDisabled: boolean;
+};
+export {};

package/dist/components/number-pad/number-pad.type.d.ts

@@ -0,0 +1,135 @@
+import type { ReactNode } from 'react';
+import type { PressableStateCallbackType, StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { PressableFeedbackProps } from '../../system/pressable-feedback';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey, Size } from '../../theme/theme.type';
+export type NumberPadSlot = 'root' | 'row' | 'key' | 'label' | 'icon' | 'ghost' | 'ghostLabel' | 'ghostIcon';
+/**
+ * The five emphasis levels, and no intent among them. A keypad is furniture — there is no
+ * such thing as a `danger` keypad, and `success` and `warning` are outcomes rather than
+ * something you press.
+ *
+ * `default` is the default here, where the `Button` takes `primary`: eleven keys in the
+ * accent is a wall of colour, and the digit is what the eye is looking for.
+ */
+export type NumberPadVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'ghost';
+/**
+ * Three steps, and `xs` is the one missing. A key is hit with a thumb rather than pointed
+ * at, so its height is a control and a half; at `xs` that is 48 points holding a 24-point
+ * digit, which is a control-sized target pretending to be a key.
+ */
+export type NumberPadSize = Exclude<Size, 'xs'>;
+type NumberPadOwnProps = {
+    variant?: NumberPadVariant;
+    /** The key's height, its corner, the gaps and the digit. Never a width. */
+    size?: NumberPadSize;
+    /** Overrides the corner `size` chose. */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (R7), landing where the variant put its tokens — the filled keys only. The
+     * backspace and the free cell keep the page's foreground, because a bare glyph on a
+     * tinted pad has no tinted ground to read against.
+     */
+    color?: string;
+    /** Controlled. Leave it out and the pad keeps the value itself. */
+    value?: string;
+    /** The starting value when uncontrolled. */
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    /** Fired once the value reaches `maxLength` — the PIN screen's only event. */
+    onComplete?: (value: string) => void;
+    /**
+     * How long the value may get. Unset it is unbounded, which is what a pad in front of an
+     * amount wants; set, a press past it changes nothing at all rather than truncating.
+     */
+    maxLength?: number;
+    /** Dims every key and stops all of them. */
+    isDisabled?: boolean;
+    /**
+     * **One cell**, and it fills the free corner of the bottom row — beside the `0` and
+     * opposite the backspace. `NumberPad.Action` is what usually goes there: a fingerprint,
+     * a decimal separator, a `Clear`.
+     *
+     * The digits and the backspace are not composed, because they are not a decision (see
+     * `NUMBER_PAD_ROWS`). Left out, the corner is an empty cell that keeps the `0` centred.
+     */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+/** R14 — it renders a `View`, so it carries that node's style keys. */
+export type NumberPadProps = NumberPadOwnProps & Omit<ViewProps, 'style' | 'children'> & Omit<ViewStyleProps, keyof NumberPadOwnProps>;
+/**
+ * What every cell takes: the press behaviour of a `PressableFeedback`, minus the state the
+ * cell owns itself.
+ */
+type CellProps = Omit<PressableFeedbackProps, 'isPressed' | 'layout' | 'style' | 'children'> & {
+    /** Overrides the pad's own — a single key can be out while the rest are live. */
+    isDisabled?: boolean;
+    /** R9 — `Pressable`'s function form as much as an object or an array. */
+    style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
+    children?: ReactNode;
+};
+export type NumberPadKeyProps = CellProps & {
+    /**
+     * What this key inserts. Usually the digit it shows, which is also what it renders when
+     * nothing is composed inside it.
+     */
+    value: string;
+};
+export type NumberPadBackspaceProps = CellProps;
+export type NumberPadActionProps = CellProps;
+/** `Text`'s own props win over the `TextStyle` keys of the same name (R14). */
+export type NumberPadLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+export type NumberPadIconProps = IconProps;
+/**
+ * Which cell a label or a glyph is inside, and how that cell is doing.
+ *
+ * `tone` is what lets `NumberPad.Label` and `NumberPad.Icon` pick the right foreground with
+ * no prop of their own: a filled key's is the variant's, a bare corner's is the page's.
+ */
+export type NumberPadCellContextValue = {
+    tone: NumberPadCellTone;
+    isPressed: boolean;
+    isDisabled: boolean;
+};
+/**
+ * Whether a cell is filled or bare. Not a public prop: the three cells have already made
+ * that decision, and a caller choosing it would be choosing which cell they meant.
+ */
+export type NumberPadCellTone = 'key' | 'ghost';
+/**
+ * R5 — resolved styles, not props for a cell to resolve a second time.
+ *
+ * Both faces of a cell are in here because **a cell owns its own press state and the root
+ * cannot see it**: the root resolves pressed and unpressed once, and each cell picks. That
+ * is the `Menu`'s arrangement, for the same reason — nothing re-resolves per key, so a pad
+ * of eleven costs what a pad of two would.
+ */
+export type NumberPadContextValue = {
+    rowStyle: StyleProp<ViewStyle>;
+    keyStyle: StyleProp<ViewStyle>;
+    keyPressedStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    ghostStyle: StyleProp<ViewStyle>;
+    ghostPressedStyle: StyleProp<ViewStyle>;
+    ghostLabelStyle: StyleProp<TextStyle>;
+    /**
+     * Values, not a style: `Icon` hands `size` and `color` to a third-party component, so
+     * the root flattens each icon slot once here rather than in every icon it contains.
+     */
+    icon: IconContextValue;
+    ghostIcon: IconContextValue;
+    /** Appends, clamped to `maxLength`, and fires `onComplete` when it arrives. */
+    insert: (text: string) => void;
+    /** Drops the last character. */
+    backspace: () => void;
+    /** Empties it — what a long press on the backspace does. */
+    clear: () => void;
+    value: string;
+    maxLength: number | undefined;
+    isDisabled: boolean;
+};
+export {};

package/dist/components/number-pad/number-pad.utils.d.cts

@@ -0,0 +1,34 @@
+/**
+ * The three digit rows, top to bottom, then `0` on the bottom one.
+ *
+ * Data rather than markup, and that is the whole reason this component renders its own
+ * grid instead of asking to be composed: `1` through `9` are not a decision a caller
+ * makes, and eleven hand-written cells is a layout that silently disagrees with itself
+ * the moment one of them is edited.
+ */
+export declare const NUMBER_PAD_ROWS: readonly [readonly ["1", "2", "3"], readonly ["4", "5", "6"], readonly ["7", "8", "9"]];
+/** The key on the bottom row, between the free cell and the backspace. */
+export declare const NUMBER_PAD_ZERO = "0";
+export type AppendOptions = {
+    value: string;
+    /** What the pressed key inserts. A digit, but a decimal separator is a key too. */
+    insert: string;
+    /** Unset means unbounded — a pad in front of an amount rather than a PIN. */
+    maxLength?: number;
+};
+/**
+ * The value after a key press.
+ *
+ * It **clamps rather than truncates**: a press past `maxLength` returns the value
+ * unchanged, so the caller's `onChangeText` does not fire and a full PIN cannot be
+ * completed twice by leaning on a key.
+ *
+ * The insert is measured whole rather than as one character, because a key may carry more
+ * than one — a `00` key on a currency pad is a key, and a pad that let it land halfway
+ * over the limit would produce a value one character longer than it promised.
+ */
+export declare function appendKey({ value, insert, maxLength }: AppendOptions): string;
+/** The value after a backspace. Empty stays empty rather than becoming `undefined`. */
+export declare function removeLast(value: string): string;
+/** Whether the value has reached the length the pad was given. */
+export declare function isComplete(value: string, maxLength?: number): boolean;

package/dist/components/number-pad/number-pad.utils.d.ts

@@ -0,0 +1,34 @@
+/**
+ * The three digit rows, top to bottom, then `0` on the bottom one.
+ *
+ * Data rather than markup, and that is the whole reason this component renders its own
+ * grid instead of asking to be composed: `1` through `9` are not a decision a caller
+ * makes, and eleven hand-written cells is a layout that silently disagrees with itself
+ * the moment one of them is edited.
+ */
+export declare const NUMBER_PAD_ROWS: readonly [readonly ["1", "2", "3"], readonly ["4", "5", "6"], readonly ["7", "8", "9"]];
+/** The key on the bottom row, between the free cell and the backspace. */
+export declare const NUMBER_PAD_ZERO = "0";
+export type AppendOptions = {
+    value: string;
+    /** What the pressed key inserts. A digit, but a decimal separator is a key too. */
+    insert: string;
+    /** Unset means unbounded — a pad in front of an amount rather than a PIN. */
+    maxLength?: number;
+};
+/**
+ * The value after a key press.
+ *
+ * It **clamps rather than truncates**: a press past `maxLength` returns the value
+ * unchanged, so the caller's `onChangeText` does not fire and a full PIN cannot be
+ * completed twice by leaning on a key.
+ *
+ * The insert is measured whole rather than as one character, because a key may carry more
+ * than one — a `00` key on a currency pad is a key, and a pad that let it land halfway
+ * over the limit would produce a value one character longer than it promised.
+ */
+export declare function appendKey({ value, insert, maxLength }: AppendOptions): string;
+/** The value after a backspace. Empty stays empty rather than becoming `undefined`. */
+export declare function removeLast(value: string): string;
+/** Whether the value has reached the length the pad was given. */
+export declare function isComplete(value: string, maxLength?: number): boolean;

package/dist/components/number-stepper/index.cjs

@@ -7,7 +7,7 @@
 
 
 
-var _chunk4TG2OLEMcjs = require('../../chunk-4TG2OLEM.cjs');
+var _chunkPDSR42YCcjs = require('../../chunk-PDSR42YC.cjs');
 
 
 
@@ -16,7 +16,7 @@ var _chunk4TG2OLEMcjs = require('../../chunk-4TG2OLEM.cjs');
 
 
 var _chunkMPYBJSS7cjs = require('../../chunk-MPYBJSS7.cjs');
-require('../../chunk-PIU3JONR.cjs');
+require('../../chunk-OW4N2C3M.cjs');
 require('../../chunk-7DPL3ZDS.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
@@ -41,4 +41,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.NumberStepper = _chunk4TG2OLEMcjs.NumberStepper; exports.NumberStepperDecrement = _chunk4TG2OLEMcjs.NumberStepperDecrement; exports.NumberStepperIncrement = _chunk4TG2OLEMcjs.NumberStepperIncrement; exports.NumberStepperRoot = _chunk4TG2OLEMcjs.NumberStepperRoot; exports.NumberStepperTrack = _chunk4TG2OLEMcjs.NumberStepperTrack; exports.NumberStepperValue = _chunk4TG2OLEMcjs.NumberStepperValue; exports.canStep = _chunkMPYBJSS7cjs.canStep; exports.clampNumber = _chunkMPYBJSS7cjs.clampNumber; exports.formatNumber = _chunkMPYBJSS7cjs.formatNumber; exports.numberMarks = _chunkMPYBJSS7cjs.numberMarks; exports.numberStepperRecipe = _chunk4TG2OLEMcjs.numberStepperRecipe; exports.parseNumber = _chunkMPYBJSS7cjs.parseNumber; exports.stepNumber = _chunkMPYBJSS7cjs.stepNumber; exports.useNumberStepper = _chunk4TG2OLEMcjs.useNumberStepper;
+exports.NumberStepper = _chunkPDSR42YCcjs.NumberStepper; exports.NumberStepperDecrement = _chunkPDSR42YCcjs.NumberStepperDecrement; exports.NumberStepperIncrement = _chunkPDSR42YCcjs.NumberStepperIncrement; exports.NumberStepperRoot = _chunkPDSR42YCcjs.NumberStepperRoot; exports.NumberStepperTrack = _chunkPDSR42YCcjs.NumberStepperTrack; exports.NumberStepperValue = _chunkPDSR42YCcjs.NumberStepperValue; exports.canStep = _chunkMPYBJSS7cjs.canStep; exports.clampNumber = _chunkMPYBJSS7cjs.clampNumber; exports.formatNumber = _chunkMPYBJSS7cjs.formatNumber; exports.numberMarks = _chunkMPYBJSS7cjs.numberMarks; exports.numberStepperRecipe = _chunkPDSR42YCcjs.numberStepperRecipe; exports.parseNumber = _chunkMPYBJSS7cjs.parseNumber; exports.stepNumber = _chunkMPYBJSS7cjs.stepNumber; exports.useNumberStepper = _chunkPDSR42YCcjs.useNumberStepper;

package/dist/components/number-stepper/index.js

@@ -7,7 +7,7 @@ import {
   NumberStepperValue,
   numberStepperRecipe,
   useNumberStepper
-} from "../../chunk-T3WEEHSB.js";
+} from "../../chunk-WRZV6ORJ.js";
 import {
   canStep,
   clampNumber,
@@ -16,7 +16,7 @@ import {
   parseNumber,
   stepNumber
 } from "../../chunk-CG4NONIL.js";
-import "../../chunk-XZ42OWKC.js";
+import "../../chunk-2AFA5HA2.js";
 import "../../chunk-423RQBOX.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";

package/dist/components/pager/index.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+var _chunkUR37LVPUcjs = require('../../chunk-UR37LVPU.cjs');
+require('../../chunk-FTPPUTWL.cjs');
+require('../../chunk-WFEMJCXO.cjs');
+require('../../chunk-7EIHHOHP.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.Pager = _chunkUR37LVPUcjs.Pager; exports.PagerContent = _chunkUR37LVPUcjs.PagerContent; exports.PagerDot = _chunkUR37LVPUcjs.PagerDot; exports.PagerIndicator = _chunkUR37LVPUcjs.PagerIndicator; exports.PagerPage = _chunkUR37LVPUcjs.PagerPage; exports.PagerRoot = _chunkUR37LVPUcjs.PagerRoot; exports.pagerRecipe = _chunkUR37LVPUcjs.pagerRecipe; exports.usePager = _chunkUR37LVPUcjs.usePager;

package/dist/components/pager/index.d.cts

@@ -0,0 +1,60 @@
+export declare const Pager: import("react").ForwardRefExoticComponent<{
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").ViewProps, keyof {
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & Omit<import("../..").ViewStyleProps, keyof {
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react-native").ScrollViewProps, "style" | "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ScrollViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").ScrollView>>;
+    Page: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Dot: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & {
+        index: number;
+    } & import("react").RefAttributes<import("react-native").View>>;
+};
+export { PagerRoot } from './pager';
+export { PagerContent } from './pager-content';
+export { PagerDot, PagerIndicator } from './pager-indicator';
+export { PagerPage } from './pager-page';
+export { usePager } from './pager.context';
+export { pagerRecipe } from './pager.recipe';
+export type { PagerContentProps, PagerContextValue, PagerDotInk, PagerDotProps, PagerOrientation, PagerProps, PagerSize, PagerSlot, PagerTrackSize, PagerVariant, PagerViewSlotProps, } from './pager.type';

package/dist/components/pager/index.d.ts

@@ -0,0 +1,60 @@
+export declare const Pager: import("react").ForwardRefExoticComponent<{
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+} & Omit<import("react-native").ViewProps, keyof {
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & Omit<import("../..").ViewStyleProps, keyof {
+    variant?: import("./pager.type").PagerVariant;
+    size?: import("./pager.type").PagerSize;
+    color?: string;
+    orientation?: import("./pager.type").PagerOrientation;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    children?: import("react").ReactNode;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react-native").ScrollViewProps, "style" | "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ScrollViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").ScrollView>>;
+    Page: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Dot: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "style"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & {
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        children?: import("react").ReactNode;
+    } & {
+        index: number;
+    } & import("react").RefAttributes<import("react-native").View>>;
+};
+export { PagerRoot } from './pager';
+export { PagerContent } from './pager-content';
+export { PagerDot, PagerIndicator } from './pager-indicator';
+export { PagerPage } from './pager-page';
+export { usePager } from './pager.context';
+export { pagerRecipe } from './pager.recipe';
+export type { PagerContentProps, PagerContextValue, PagerDotInk, PagerDotProps, PagerOrientation, PagerProps, PagerSize, PagerSlot, PagerTrackSize, PagerVariant, PagerViewSlotProps, } from './pager.type';