@mapples/components 1.1.1 → 1.2.0

package/dist/components/inputs/NumberStepper/index.d.ts

@@ -0,0 +1,68 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { NumberStepperSize } from './types';
+/** Props for {@link NumberStepper}. */
+export interface NumberStepperProps extends Omit<ViewProps, 'children'> {
+    /** Current value (controlled). Omit to let the stepper keep its own state. */
+    value?: number;
+    /** Initial value while uncontrolled. Defaults to `min` or `0`. */
+    defaultValue?: number;
+    /** Fires with the next value — the new value is the first argument. */
+    onValueChange?: (value: number) => void;
+    /** Lower bound; the minus button disables there. */
+    min?: number;
+    /** Upper bound; the plus button disables there. */
+    max?: number;
+    /** Increment per press. Defaults to `1`. */
+    step?: number;
+    /** Pill height. Defaults to `md`. */
+    size?: NumberStepperSize;
+    /** Text at the start of the pill. */
+    label?: string;
+    /** Accessibility label of the minus button. Defaults to `Decrease`. */
+    decrementLabel?: string;
+    /** Accessibility label of the plus button. Defaults to `Increase`. */
+    incrementLabel?: string;
+    /** Disables interaction and dims the control. */
+    disabled?: boolean;
+    /** Colour role of the glyphs. Defaults to `primary`. */
+    tone?: Tone;
+    /** Binds the value to a field of the enclosing `FormView`. */
+    fieldName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The pill. */
+        style?: StyledProp<ViewStyle>;
+        /** The minus/plus buttons. */
+        styleButton?: StyledProp<ViewStyle>;
+        /** A button at its bound. */
+        styleButtonDisabled?: StyledProp<ViewStyle>;
+        /** The value text. */
+        styleValue?: StyledProp<TextStyle>;
+        /** The minus/plus glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The label text. */
+        styleLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A quantity control: a pill with a minus button, the value and a plus
+ * button, stepping between `min` and `max`. The value is controlled through
+ * `value`/`onValueChange`, kept internally when `value` is omitted, or bound
+ * to a form field through `fieldName`.
+ *
+ * @example
+ * ```tsx
+ * <NumberStepper label="Qty" min={1} max={10} value={qty} onValueChange={setQty} />
+ * ```
+ *
+ * @public
+ */
+declare const NumberStepper: import("react").ForwardRefExoticComponent<NumberStepperProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default NumberStepper;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/NumberStepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAKL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,uCAAuC;AACvC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,gBAAgB;QAChB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,8BAA8B;QAC9B,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,6BAA6B;QAC7B,mBAAmB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC5C,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,uCAAuC;QACvC,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAQD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa;;wCA8IlB,CAAC;AAGF,eAAe,aAAa,CAAC"}

package/dist/components/inputs/NumberStepper/index.js

@@ -0,0 +1,107 @@
+import { forwardRef, useCallback } from 'react';
+import { StyledPressable, StyledView, Typography, } from '@mapples/style';
+import { CONTROL_SIZES, DISABLED_OPACITY, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Glyph, useControllableState, useOptionalFormField, useSlotColor, } from '../../../internal';
+import { defaults } from './defaults';
+const decimalsOf = (step) => {
+    const text = String(step);
+    const dot = text.indexOf('.');
+    return dot === -1 ? 0 : text.length - dot - 1;
+};
+/**
+ * A quantity control: a pill with a minus button, the value and a plus
+ * button, stepping between `min` and `max`. The value is controlled through
+ * `value`/`onValueChange`, kept internally when `value` is omitted, or bound
+ * to a form field through `fieldName`.
+ *
+ * @example
+ * ```tsx
+ * <NumberStepper label="Qty" min={1} max={10} value={qty} onValueChange={setQty} />
+ * ```
+ *
+ * @public
+ */
+const NumberStepper = forwardRef(({ value, defaultValue, onValueChange, min, max, step = 1, size = 'md', label, decrementLabel = 'Decrease', incrementLabel = 'Increase', disabled = false, tone = 'primary', fieldName, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    if (step <= 0) {
+        throw new Error(`NumberStepper: step (${step}) must be positive`);
+    }
+    if (min !== undefined && max !== undefined && max < min) {
+        throw new Error(`NumberStepper: max (${max}) must not be less than min (${min})`);
+    }
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const field = useOptionalFormField(fieldName);
+    const initial = defaultValue ?? min ?? 0;
+    const [current, setCurrent] = useControllableState({
+        value: field.bound ? (field.value ?? initial) : value,
+        defaultValue: initial,
+        onChange: (next) => {
+            field.setValue(next);
+            onValueChange?.(next);
+        },
+    });
+    const decimals = decimalsOf(step);
+    const adjust = useCallback((direction) => {
+        let next = current + direction * step;
+        if (min !== undefined)
+            next = Math.max(min, next);
+        if (max !== undefined)
+            next = Math.min(max, next);
+        next = Number(next.toFixed(decimals));
+        if (next !== current)
+            setCurrent(next);
+    }, [current, decimals, max, min, setCurrent, step]);
+    const onAccessibilityAction = (event) => adjust(event.nativeEvent.actionName === 'increment' ? 1 : -1);
+    const atMin = min !== undefined && current <= min;
+    const atMax = max !== undefined && current >= max;
+    const spec = CONTROL_SIZES[size];
+    const textColor = tones.resolve(Tokens.color.text);
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', palette.main);
+    const valueText = current.toFixed(decimals);
+    const button = (direction) => {
+        const bounded = direction === 1 ? atMax : atMin;
+        return (<StyledPressable accessibilityRole="button" accessibilityLabel={direction === 1 ? incrementLabel : decrementLabel} accessibilityState={{ disabled: disabled || bounded }} disabled={disabled || bounded} onPress={() => adjust(direction)} styled={{
+                style: [
+                    defaults.button,
+                    {
+                        width: spec.height,
+                        height: spec.height,
+                        borderRadius: RADII.pill,
+                    },
+                    styled?.styleButton,
+                    bounded && [
+                        { opacity: DISABLED_OPACITY },
+                        styled?.styleButtonDisabled,
+                    ],
+                ],
+            }}>
+          <Glyph name={direction === 1 ? 'plus' : 'minus'} size={spec.iconSize} color={glyphColor}/>
+        </StyledPressable>);
+    };
+    return (<StyledView ref={ref} accessibilityRole="adjustable" accessibilityLabel={label} accessibilityValue={{ min, max, now: current, text: valueText }} accessibilityActions={[{ name: 'increment' }, { name: 'decrement' }]} accessibilityState={{ disabled }} onAccessibilityAction={onAccessibilityAction} styled={{
+            style: [
+                defaults.root,
+                {
+                    height: spec.height,
+                    borderRadius: RADII.pill,
+                    backgroundColor: tones.fill,
+                },
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {label ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={[defaults.label, { color: textColor }, styled?.styleLabel]}>
+            {label}
+          </Typography>) : null}
+        {button(-1)}
+        <Typography variant={TYPOGRAPHY_PARTS.button} style={[defaults.value, { color: textColor }, styled?.styleValue]}>
+          {valueText}
+        </Typography>
+        {button(1)}
+      </StyledView>);
+});
+NumberStepper.displayName = 'NumberStepper';
+export default NumberStepper;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/NumberStepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/NumberStepper/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link NumberStepper} under the `'NumberStepper'` type key. */
+export declare const NumberStepperSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/inputs/NumberStepper/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,EAAE,mBAGpC,CAAC"}

package/dist/components/inputs/NumberStepper/schematic.js

@@ -0,0 +1,7 @@
+import NumberStepper from './index';
+/** Registers {@link NumberStepper} under the `'NumberStepper'` type key. */
+export const NumberStepperSchematic = {
+    type: 'NumberStepper',
+    Component: NumberStepper,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/inputs/NumberStepper/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,SAAS,CAAC;AAEpC,4EAA4E;AAC5E,MAAM,CAAC,MAAM,sBAAsB,GAAwB;IACzD,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,aAAa;CACzB,CAAC"}

package/dist/components/inputs/NumberStepper/types.d.ts

@@ -0,0 +1,4 @@
+/** Heights of the stepper pill (from the shared control sizes). */
+export declare const NUMBER_STEPPER_SIZES: readonly ["sm", "md", "lg"];
+export type NumberStepperSize = (typeof NUMBER_STEPPER_SIZES)[number];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/inputs/NumberStepper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/types.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,6BAA8B,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/inputs/NumberStepper/types.js

@@ -0,0 +1,3 @@
+/** Heights of the stepper pill (from the shared control sizes). */
+export const NUMBER_STEPPER_SIZES = ['sm', 'md', 'lg'];
+//# sourceMappingURL=types.js.map

package/dist/components/inputs/NumberStepper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/types.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC"}

package/dist/components/inputs/PinInput/defaults.d.ts

@@ -0,0 +1,13 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        flexDirection: "row";
+        alignSelf: "flex-start";
+    };
+    cell: {
+        alignItems: "center";
+        justifyContent: "center";
+        borderWidth: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/inputs/PinInput/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;CAUnB,CAAC"}

package/dist/components/inputs/PinInput/defaults.js

@@ -0,0 +1,14 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        flexDirection: 'row',
+        alignSelf: 'flex-start',
+    },
+    cell: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/inputs/PinInput/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,YAAY;KACxB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC"}

package/dist/components/inputs/PinInput/index.d.ts

@@ -0,0 +1,66 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { KeyboardTypeOptions, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { PinInputSize } from './types';
+/** Props for {@link PinInput}. */
+export interface PinInputProps extends Omit<ViewProps, 'children'> {
+    /** Current code (controlled). Omit to let the input keep its own state. */
+    value?: string;
+    /** Initial code while uncontrolled. */
+    defaultValue?: string;
+    /** Fires with the next code — the new value is the first argument. */
+    onChangeText?: (text: string) => void;
+    /** Fires with the code once every cell is filled. */
+    onComplete?: (text: string) => void;
+    /** Number of cells. Defaults to `4`. */
+    length?: number;
+    /** Shows a dot instead of each character. Defaults to `false`. */
+    secure?: boolean;
+    /** Keyboard to open. Defaults to `number-pad`. */
+    keyboardType?: KeyboardTypeOptions;
+    /** Focuses the input on mount. */
+    autoFocus?: boolean;
+    /** Paints every cell in the error tone. Defaults to `false`. */
+    error?: boolean;
+    /** Disables editing and dims the cells. */
+    disabled?: boolean;
+    /** Cell edge: `sm` 40, `md` 48, `lg` 56. Defaults to `md`. */
+    size?: PinInputSize;
+    /** Colour role of the active cell. Defaults to `primary`. */
+    tone?: Tone;
+    /** Binds the code to a field of the enclosing `FormView`; its error paints the cells once touched. */
+    fieldName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row of cells. */
+        style?: StyledProp<ViewStyle>;
+        /** One cell. */
+        styleCell?: StyledProp<ViewStyle>;
+        /** The cell that receives the next character. */
+        styleCellActive?: StyledProp<ViewStyle>;
+        /** A cell holding a character. */
+        styleCellFilled?: StyledProp<ViewStyle>;
+        /** A cell while in error. */
+        styleCellError?: StyledProp<ViewStyle>;
+        /** The character (or secure dot `color`). */
+        styleDigit?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A row of single-character cells for one-time codes and PINs. One hidden
+ * text input drives every cell, so autofill and the number pad work as they
+ * do for a plain field; pressing any cell focuses it. `onComplete` fires with
+ * the code once the last cell is filled.
+ *
+ * @example
+ * ```tsx
+ * <PinInput length={6} value={code} onChangeText={setCode} onComplete={verify} />
+ * ```
+ *
+ * @public
+ */
+declare const PinInput: import("react").ForwardRefExoticComponent<PinInputProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default PinInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/PinInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAIL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,mBAAmB,EAInB,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAsB,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qDAAqD;IACrD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,wBAAwB;QACxB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,gBAAgB;QAChB,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,iDAAiD;QACjD,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,kCAAkC;QAClC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,6BAA6B;QAC7B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,6CAA6C;QAC7C,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,QAAQ;;wCA2Jb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/dist/components/inputs/PinInput/index.js

@@ -0,0 +1,105 @@
+import { forwardRef, useCallback, useRef } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { DISABLED_OPACITY, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Pressable, StyleSheet, TextInput, } from 'react-native';
+import { Glyph, useControllableState, useInteractionState, useOptionalFormField, useSlotColor, } from '../../../internal';
+import { defaults } from './defaults';
+import { PIN_INPUT_GEOMETRY } from './types';
+/**
+ * A row of single-character cells for one-time codes and PINs. One hidden
+ * text input drives every cell, so autofill and the number pad work as they
+ * do for a plain field; pressing any cell focuses it. `onComplete` fires with
+ * the code once the last cell is filled.
+ *
+ * @example
+ * ```tsx
+ * <PinInput length={6} value={code} onChangeText={setCode} onComplete={verify} />
+ * ```
+ *
+ * @public
+ */
+const PinInput = forwardRef(({ value, defaultValue = '', onChangeText, onComplete, length = 4, secure = false, keyboardType = 'number-pad', autoFocus = false, error = false, disabled = false, size = 'md', tone = 'primary', fieldName, accessibilityLabel, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    if (!Number.isInteger(length) || length < 1) {
+        throw new Error(`PinInput: length (${length}) must be a positive integer`);
+    }
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const field = useOptionalFormField(fieldName);
+    const inputRef = useRef(null);
+    const [text, setText] = useControllableState({
+        value: field.bound ? (field.value ?? '') : value,
+        defaultValue,
+        onChange: (next) => {
+            field.setValue(next);
+            onChangeText?.(next);
+        },
+    });
+    const touch = useCallback(() => field.touch(), [field]);
+    const interaction = useInteractionState({ onBlur: touch }, disabled);
+    const geometry = PIN_INPUT_GEOMETRY[size];
+    const code = text.slice(0, length);
+    const hasError = error || !!field.error;
+    const errorColor = tones.tone('error').main;
+    const textColor = tones.resolve(Tokens.color.text);
+    const digitColor = useSlotColor(styled?.styleDigit, 'color', textColor);
+    const activeIndex = interaction.focused
+        ? Math.min(code.length, length - 1)
+        : -1;
+    const handleChange = useCallback((next) => {
+        const trimmed = next.slice(0, length);
+        setText(trimmed);
+        if (trimmed.length === length)
+            onComplete?.(trimmed);
+    }, [length, onComplete, setText]);
+    const focus = useCallback(() => inputRef.current?.focus(), []);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                { gap: geometry.gap },
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        <TextInput ref={inputRef} accessibilityLabel={accessibilityLabel} accessibilityState={{ disabled }} editable={!disabled} value={code} onChangeText={handleChange} maxLength={length} keyboardType={keyboardType} autoFocus={autoFocus} autoComplete="one-time-code" textContentType="oneTimeCode" caretHidden onFocus={interaction.handlers.onFocus} onBlur={interaction.handlers.onBlur} style={[StyleSheet.absoluteFill, { opacity: 0 }]}/>
+        {Array.from({ length }, (_, index) => {
+            const character = code[index];
+            const filled = character !== undefined;
+            const active = index === activeIndex;
+            const borderColor = hasError
+                ? errorColor
+                : active
+                    ? palette.main
+                    : tones.outlineStrong;
+            return (<Pressable key={index} accessible={false} disabled={disabled} onPress={focus}>
+              <StyledView styled={{
+                    style: [
+                        defaults.cell,
+                        {
+                            width: geometry.cell,
+                            height: geometry.cell,
+                            borderRadius: RADII.sm,
+                            borderColor,
+                            borderWidth: active ? 2 : 1,
+                        },
+                        styled?.styleCell,
+                        filled && styled?.styleCellFilled,
+                        active && styled?.styleCellActive,
+                        hasError && styled?.styleCellError,
+                    ],
+                }}>
+                {filled ? (secure ? (<Glyph name="dot" size={geometry.digit} color={digitColor}/>) : (<Typography variant={TYPOGRAPHY_PARTS.title} style={[
+                        { color: textColor, fontSize: geometry.digit },
+                        styled?.styleDigit,
+                    ]}>
+                      {character}
+                    </Typography>)) : null}
+              </StyledView>
+            </Pressable>);
+        })}
+      </StyledView>);
+});
+PinInput.displayName = 'PinInput';
+export default PinInput;
+//# sourceMappingURL=index.js.map

package/dist/components/inputs/PinInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/PinInput/schematic.d.ts

@@ -0,0 +1,4 @@
+import { RegisteredComponent } from '@mapples/types';
+/** Registers {@link PinInput} under the `'PinInput'` type key. */
+export declare const PinInputSchematic: RegisteredComponent;
+//# sourceMappingURL=schematic.d.ts.map

package/dist/components/inputs/PinInput/schematic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC"}

package/dist/components/inputs/PinInput/schematic.js

@@ -0,0 +1,7 @@
+import PinInput from './index';
+/** Registers {@link PinInput} under the `'PinInput'` type key. */
+export const PinInputSchematic = {
+    type: 'PinInput',
+    Component: PinInput,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/inputs/PinInput/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,SAAS,CAAC;AAE/B,kEAAkE;AAClE,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAAQ;CACpB,CAAC"}

package/dist/components/inputs/PinInput/types.d.ts

@@ -0,0 +1,14 @@
+/** Cell sizes of the pin input. */
+export declare const PIN_INPUT_SIZES: readonly ["sm", "md", "lg"];
+export type PinInputSize = (typeof PIN_INPUT_SIZES)[number];
+export interface PinInputGeometry {
+    /** Cell edge in points. */
+    cell: number;
+    /** Digit font size. */
+    digit: number;
+    /** Gap between cells. */
+    gap: number;
+}
+/** Cell geometry per size. */
+export declare const PIN_INPUT_GEOMETRY: Record<PinInputSize, PinInputGeometry>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/inputs/PinInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/types.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,eAAO,MAAM,eAAe,6BAA8B,CAAC;AAC3D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,8BAA8B;AAC9B,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAIrE,CAAC"}

package/dist/components/inputs/PinInput/types.js

@@ -0,0 +1,9 @@
+/** Cell sizes of the pin input. */
+export const PIN_INPUT_SIZES = ['sm', 'md', 'lg'];
+/** Cell geometry per size. */
+export const PIN_INPUT_GEOMETRY = {
+    sm: { cell: 40, digit: 18, gap: 8 },
+    md: { cell: 48, digit: 22, gap: 10 },
+    lg: { cell: 56, digit: 26, gap: 12 },
+};
+//# sourceMappingURL=types.js.map

package/dist/components/inputs/PinInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/PinInput/types.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAY3D,8BAA8B;AAC9B,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IACnC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IACpC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;CACrC,CAAC"}

package/dist/components/inputs/RadioGroup/defaults.d.ts

@@ -0,0 +1,27 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "flex-start";
+        gap: number;
+    };
+    row: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+        gap: number;
+    };
+    item: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+    };
+    radio: {
+        alignItems: "center";
+        justifyContent: "center";
+        borderWidth: number;
+    };
+    labels: {
+        flexShrink: number;
+        gap: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

package/dist/components/inputs/RadioGroup/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/RadioGroup/defaults.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAC"}

package/dist/components/inputs/RadioGroup/defaults.js

@@ -0,0 +1,28 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'flex-start',
+        gap: 12,
+    },
+    row: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: 16,
+    },
+    item: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12,
+    },
+    radio: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 2,
+    },
+    labels: {
+        flexShrink: 1,
+        gap: 2,
+    },
+});
+//# sourceMappingURL=defaults.js.map

package/dist/components/inputs/RadioGroup/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/RadioGroup/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE;QACJ,SAAS,EAAE,YAAY;QACvB,GAAG,EAAE,EAAE;KACR;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,EAAE;KACR;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,EAAE;KACR;IACD,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;QACb,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC"}