@mapples/components 1.1.1 → 1.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Checkbox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAIL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAYtB,OAAO,EAAgB,qBAAqB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5E,kCAAkC;AAClC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,kCAAkC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,qCAAqC;QACrC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,iEAAiE;QACjE,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,iCAAiC;QACjC,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACxD,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,4BAA4B;QAC5B,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC1C,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,QAAQ;;wCA8Ib,CAAC;AAGF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,101 @@
+import { forwardRef } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { DISABLED_OPACITY, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Animated, Pressable, } from 'react-native';
+import { DURATION, Glyph, useControllableState, useOptionalFormField, useSlotColor, useTimingValue, } from '../../../internal';
+import { defaults } from './defaults';
+import { CHECKBOX_BOX } from './types';
+/**
+ * A labelled checkbox for independent yes/no choices (terms, multi-select
+ * lists). Supports an indeterminate state for partially selected groups.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="I agree to the terms" value={agreed} onValueChange={setAgreed} />
+ * ```
+ *
+ * @public
+ */
+const Checkbox = forwardRef(({ value, defaultValue = false, onValueChange, indeterminate = false, label, description, labelPosition = 'right', size = 'md', tone = 'primary', disabled = false, fieldName, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const field = useOptionalFormField(fieldName);
+    const [checked, setChecked] = useControllableState({
+        value: field.bound ? (field.value ?? false) : value,
+        defaultValue,
+        onChange: (next) => {
+            field.setValue(next);
+            onValueChange?.(next);
+        },
+    });
+    const active = checked || indeterminate;
+    const edge = CHECKBOX_BOX[size];
+    const progress = useTimingValue(active ? 1 : 0, {
+        duration: DURATION.fast,
+    });
+    const fill = useSlotColor(styled?.styleBoxChecked, 'backgroundColor', palette.main);
+    const border = useSlotColor(styled?.styleBox, 'borderColor', tones.outlineStrong);
+    const glyph = useSlotColor(styled?.styleCheck, 'color', palette.contrast);
+    const labels = label ? (<StyledView styled={{ style: defaults.labels }}>
+        <Typography variant={TYPOGRAPHY_PARTS.body} style={[
+            { color: tones.resolve(Tokens.color.text) },
+            styled?.styleLabel,
+        ]}>
+          {label}
+        </Typography>
+        {description ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[
+                { color: tones.resolve(Tokens.color.textSecondary) },
+                styled?.styleDescription,
+            ]}>
+            {description}
+          </Typography>) : null}
+      </StyledView>) : null;
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {labelPosition === 'left' ? labels : null}
+        <Pressable accessibilityRole="checkbox" accessibilityLabel={label} accessibilityState={{
+            checked: indeterminate ? 'mixed' : checked,
+            disabled,
+        }} disabled={disabled} hitSlop={10} onPress={() => setChecked(!checked)}>
+          <StyledView styled={{
+            style: [
+                defaults.box,
+                {
+                    width: edge,
+                    height: edge,
+                    borderRadius: RADII.xs,
+                    borderColor: active ? fill : border,
+                    backgroundColor: active ? fill : 'transparent',
+                },
+                styled?.styleBox,
+                active && styled?.styleBoxChecked,
+            ],
+        }}>
+            <Animated.View pointerEvents="none" style={{
+            opacity: progress,
+            transform: [
+                {
+                    scale: progress.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [0.6, 1],
+                    }),
+                },
+            ],
+        }}>
+              <Glyph name={indeterminate ? 'minus' : 'check'} size={edge - 4} color={glyph}/>
+            </Animated.View>
+          </StyledView>
+        </Pressable>
+        {labelPosition === 'right' ? labels : null}
+      </StyledView>);
+});
+Checkbox.displayName = 'Checkbox';
+export default Checkbox;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Checkbox/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/Checkbox/schematic.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/Checkbox/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/Checkbox/types.d.ts

@@ -0,0 +1,9 @@
+/** Sizes of the box. */
+export declare const CHECKBOX_SIZES: readonly ["sm", "md", "lg"];
+export type CheckboxSize = (typeof CHECKBOX_SIZES)[number];
+/** Where the label sits relative to the box. */
+export declare const CHECKBOX_LABEL_POSITIONS: readonly ["right", "left"];
+export type CheckboxLabelPosition = (typeof CHECKBOX_LABEL_POSITIONS)[number];
+/** Box edge per size. */
+export declare const CHECKBOX_BOX: Record<CheckboxSize, number>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Checkbox/types.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,eAAO,MAAM,cAAc,6BAA8B,CAAC;AAC1D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D,gDAAgD;AAChD,eAAO,MAAM,wBAAwB,4BAA6B,CAAC;AACnE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,yBAAyB;AACzB,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIrD,CAAC"}

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

@@ -0,0 +1,11 @@
+/** Sizes of the box. */
+export const CHECKBOX_SIZES = ['sm', 'md', 'lg'];
+/** Where the label sits relative to the box. */
+export const CHECKBOX_LABEL_POSITIONS = ['right', 'left'];
+/** Box edge per size. */
+export const CHECKBOX_BOX = {
+    sm: 16,
+    md: 20,
+    lg: 24,
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/Checkbox/types.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAG1D,gDAAgD;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAGnE,yBAAyB;AACzB,MAAM,CAAC,MAAM,YAAY,GAAiC;IACxD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC"}

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

@@ -0,0 +1,27 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        gap: number;
+    };
+    field: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        borderWidth: number;
+    };
+    input: {
+        flex: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        minWidth: number;
+    };
+    multiline: {
+        alignItems: "flex-start";
+    };
+    glyphButton: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/dist/components/inputs/InputField/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: 'stretch',
+        gap: 6,
+    },
+    field: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+        borderWidth: 1,
+    },
+    input: {
+        flex: 1,
+        paddingVertical: 0,
+        paddingHorizontal: 0,
+        minWidth: 0,
+    },
+    multiline: {
+        alignItems: 'flex-start',
+    },
+    glyphButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/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,SAAS;QACpB,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,CAAC;QACpB,QAAQ,EAAE,CAAC;KACZ;IACD,SAAS,EAAE;QACT,UAAU,EAAE,YAAY;KACzB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,92 @@
+import { StyledProp } from '@mapples/style';
+import { ControlSize, Tone } from '@mapples/ui';
+import { TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+import { InputFieldVariant } from './types';
+/** Props for {@link InputField}. */
+export interface InputFieldProps extends Omit<TextInputProps, 'style' | 'value' | 'defaultValue' | 'onChangeText' | 'editable' | 'children'> {
+    /** Text above the field. */
+    label?: string;
+    /** Current text (controlled). Omit to let the field keep its own state. */
+    value?: string;
+    /** Initial text while uncontrolled. */
+    defaultValue?: string;
+    /** Fires with the next text — the new value is the first argument. */
+    onChangeText?: (text: string) => void;
+    /** Guidance under the field. */
+    helperText?: string;
+    /** Error under the field; a non-empty value paints the error state. */
+    errorText?: string;
+    /** Glyph before the text (project icon family). */
+    leadingIconName?: string;
+    /** Glyph after the text (project icon family). */
+    trailingIconName?: string;
+    /** Fires when the trailing glyph is pressed. */
+    onTrailingIconPress?: () => void;
+    /** Adds an eye toggle that reveals a secure entry. */
+    showPasswordToggle?: boolean;
+    /** Adds a clear glyph while the field has text. */
+    clearable?: boolean;
+    /** Fires after the clear glyph empties the field. */
+    onClear?: () => void;
+    /** Marks the label with an asterisk. */
+    required?: boolean;
+    /** Disables editing and dims the field. */
+    disabled?: boolean;
+    /** Height of a single-line field. Defaults to `md`. */
+    size?: ControlSize;
+    /** Surface: outlined box or tinted fill. Defaults to `outlined`. */
+    variant?: InputFieldVariant;
+    /** Colour role of the focused state. Defaults to `primary`. */
+    tone?: Tone;
+    /** Binds the text to a field of the enclosing `FormView`; its error shows once touched. */
+    fieldName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The column holding label, field and helper. */
+        style?: StyledProp<ViewStyle>;
+        /** The field box. */
+        styleField?: StyledProp<ViewStyle>;
+        /** The field box while focused. */
+        styleFieldFocused?: StyledProp<ViewStyle>;
+        /** The field box while in error. */
+        styleFieldError?: StyledProp<ViewStyle>;
+        /** The text input. */
+        styleInput?: StyledProp<TextStyle>;
+        /** The label. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The helper text. */
+        styleHelper?: StyledProp<TextStyle>;
+        /** The error text. */
+        styleError?: StyledProp<TextStyle>;
+        /** The glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+    };
+}
+/**
+ * The form text field: a label above, an outlined or filled box with
+ * optional leading/trailing glyphs, helper or error text below. Handles
+ * secure entry with an eye toggle, clearing, multi-line growth and the
+ * keyboard/autofill props of a native input.
+ *
+ * @example
+ * ```tsx
+ * <InputField
+ *   label="Email"
+ *   placeholder="you@example.com"
+ *   keyboardType="email-address"
+ *   autoCapitalize="none"
+ *   leadingIconName="mail-outline"
+ *   value={email}
+ *   onChangeText={setEmail}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<TextInput>>;
+export default InputField;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,WAAW,EAIX,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAIL,SAAS,EACT,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,oCAAoC;AACpC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,EACd,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAC9E;IACC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,kDAAkD;QAClD,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,qBAAqB;QACrB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,mCAAmC;QACnC,iBAAiB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC1C,oCAAoC;QACpC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,uBAAuB;QACvB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KACxD,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,UAAU;;6CAyOf,CAAC;AAGF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,137 @@
+import { forwardRef, useCallback } from 'react';
+import { StyledTextInput, StyledView, Typography, } from '@mapples/style';
+import { CONTROL_SIZES, DISABLED_OPACITY, Icon, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Pressable, } from 'react-native';
+import { Glyph, useControllableState, useInteractionState, useOptionalFormField, useSlotColor, } from '../../../internal';
+import { defaults } from './defaults';
+/**
+ * The form text field: a label above, an outlined or filled box with
+ * optional leading/trailing glyphs, helper or error text below. Handles
+ * secure entry with an eye toggle, clearing, multi-line growth and the
+ * keyboard/autofill props of a native input.
+ *
+ * @example
+ * ```tsx
+ * <InputField
+ *   label="Email"
+ *   placeholder="you@example.com"
+ *   keyboardType="email-address"
+ *   autoCapitalize="none"
+ *   leadingIconName="mail-outline"
+ *   value={email}
+ *   onChangeText={setEmail}
+ * />
+ * ```
+ *
+ * @public
+ */
+const InputField = forwardRef(({ label, value, defaultValue = '', onChangeText, helperText, errorText, leadingIconName, trailingIconName, onTrailingIconPress, showPasswordToggle = false, clearable = false, onClear, required = false, disabled = false, size = 'md', variant = 'outlined', tone = 'primary', fieldName, secureTextEntry = false, multiline = false, numberOfLines, placeholder, onFocus, onBlur, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const field = useOptionalFormField(fieldName);
+    const [text, setText] = useControllableState({
+        value: field.bound ? (field.value ?? '') : value,
+        defaultValue,
+        onChange: (next) => {
+            field.setValue(next);
+            onChangeText?.(next);
+        },
+    });
+    const [revealed, setRevealed] = useControllableState({
+        value: undefined,
+        defaultValue: false,
+    });
+    const handleBlur = useCallback((event) => {
+        field.touch();
+        onBlur?.(event);
+    }, [field, onBlur]);
+    const interaction = useInteractionState({ onFocus, onBlur: handleBlur }, disabled);
+    const error = errorText || field.error;
+    const hasError = !!error;
+    const spec = CONTROL_SIZES[size];
+    const textColor = tones.resolve(Tokens.color.text);
+    const errorColor = tones.tone('error').main;
+    const borderColor = hasError
+        ? errorColor
+        : interaction.focused
+            ? palette.main
+            : variant === 'outlined'
+                ? tones.outlineStrong
+                : 'transparent';
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', tones.resolve(Tokens.color.textSecondary));
+    const clear = () => {
+        setText('');
+        onClear?.();
+    };
+    return (<StyledView styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }}>
+        {label ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={[
+                { color: tones.resolve(Tokens.color.textSecondary) },
+                styled?.styleLabel,
+            ]}>
+            {label}
+            {required ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={{ color: errorColor }}>
+                {' *'}
+              </Typography>) : null}
+          </Typography>) : null}
+        <StyledView styled={{
+            style: [
+                defaults.field,
+                {
+                    minHeight: spec.height,
+                    paddingHorizontal: spec.paddingX - 4,
+                    borderRadius: spec.radius,
+                    borderColor,
+                    backgroundColor: variant === 'filled' ? tones.fill : 'transparent',
+                },
+                multiline && defaults.multiline,
+                multiline && { paddingVertical: 10 },
+                styled?.styleField,
+                interaction.focused && styled?.styleFieldFocused,
+                hasError && styled?.styleFieldError,
+            ],
+        }}>
+          {leadingIconName ? (<Icon iconName={leadingIconName} size={spec.iconSize} color={glyphColor}/>) : null}
+          <StyledTextInput ref={ref} accessibilityLabel={label} accessibilityState={{ disabled }} editable={!disabled} value={text} onChangeText={setText} placeholder={placeholder} secureTextEntry={secureTextEntry && !revealed} multiline={multiline} numberOfLines={numberOfLines} onFocus={interaction.handlers.onFocus} onBlur={interaction.handlers.onBlur} styled={{
+            placeholderTextColor: tones.placeholder,
+            style: [
+                defaults.input,
+                { color: textColor, fontSize: 16, lineHeight: 22 },
+                multiline &&
+                    numberOfLines !== undefined && {
+                    minHeight: numberOfLines * 22,
+                    textAlignVertical: 'top',
+                },
+                styled?.styleInput,
+            ],
+        }} {...rest}/>
+          {clearable && text.length > 0 && !disabled ? (<Pressable accessibilityRole="button" accessibilityLabel="Clear" hitSlop={8} onPress={clear} style={defaults.glyphButton}>
+              <Glyph name="clear" size={spec.iconSize} color={glyphColor}/>
+            </Pressable>) : null}
+          {secureTextEntry && showPasswordToggle ? (<Pressable accessibilityRole="button" accessibilityLabel={revealed ? 'Hide password' : 'Show password'} hitSlop={8} onPress={() => setRevealed(!revealed)} style={defaults.glyphButton}>
+              <Glyph name={revealed ? 'eyeOff' : 'eye'} size={spec.iconSize} color={glyphColor}/>
+            </Pressable>) : null}
+          {trailingIconName ? (<Pressable accessibilityRole="button" disabled={!onTrailingIconPress} hitSlop={8} onPress={onTrailingIconPress} style={defaults.glyphButton}>
+              <Icon iconName={trailingIconName} size={spec.iconSize} color={glyphColor}/>
+            </Pressable>) : null}
+        </StyledView>
+        {hasError ? (<Typography variant={TYPOGRAPHY_PARTS.helper} accessibilityRole="alert" style={[{ color: errorColor }, styled?.styleError]}>
+            {error}
+          </Typography>) : helperText ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[
+                { color: tones.resolve(Tokens.color.textSecondary) },
+                styled?.styleHelper,
+            ]}>
+            {helperText}
+          </Typography>) : null}
+      </StyledView>);
+});
+InputField.displayName = 'InputField';
+export default InputField;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,sEAAsE;AACtE,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC"}

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

@@ -0,0 +1,4 @@
+/** Field surfaces. */
+export declare const INPUT_FIELD_VARIANTS: readonly ["outlined", "filled"];
+export type InputFieldVariant = (typeof INPUT_FIELD_VARIANTS)[number];
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/types.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,eAAO,MAAM,oBAAoB,iCAAkC,CAAC;AACpE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+/** Field surfaces. */
+export const INPUT_FIELD_VARIANTS = ['outlined', 'filled'];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/InputField/types.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAU,CAAC"}

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

@@ -0,0 +1,21 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "flex-start";
+    };
+    label: {
+        paddingStart: number;
+        paddingEnd: number;
+    };
+    button: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    value: {
+        minWidth: number;
+        textAlign: "center";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+    },
+    label: {
+        paddingStart: 12,
+        paddingEnd: 4,
+    },
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    value: {
+        minWidth: 32,
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/NumberStepper/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,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,YAAY;KACxB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,CAAC;KACd;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC"}