@mapples/components 1.1.2 → 1.2.0

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

@@ -0,0 +1,78 @@
+import { StyledProp } from '@mapples/style';
+import { ControlSize } from '@mapples/ui';
+import { NativeSyntheticEvent, TargetedEvent, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { SearchBarVariant } from './types';
+/** Props for {@link SearchBar}. */
+export interface SearchBarProps extends Omit<ViewProps, 'children' | 'onFocus' | 'onBlur'> {
+    /** Current text (controlled). Omit to let the bar 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;
+    /** Hint shown while empty. Defaults to `Search`. */
+    placeholder?: string;
+    /** Shows a cancel button while focused or non-empty. Defaults to `false`. */
+    showCancel?: boolean;
+    /** Label of the cancel button. Defaults to `Cancel`. */
+    cancelLabel?: string;
+    /** Focuses the field on mount. */
+    autoFocus?: boolean;
+    /** Field height. Defaults to `md`. */
+    size?: ControlSize;
+    /** Surface: tinted pill or outlined box. Defaults to `filled`. */
+    variant?: SearchBarVariant;
+    /** Fires with the text when the keyboard's search key is pressed. */
+    onSubmit?: (text: string) => void;
+    /** Fires after the clear glyph empties the field. */
+    onClear?: () => void;
+    /** Fires after the cancel button empties and blurs the field. */
+    onCancel?: () => void;
+    /** Fires when the field gains focus. */
+    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    /** Fires when the field loses focus. */
+    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    /** Disables editing and dims the bar. */
+    disabled?: boolean;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row holding field and cancel button. */
+        style?: StyledProp<ViewStyle>;
+        /** The field surface. */
+        styleField?: StyledProp<ViewStyle>;
+        /** The field surface while focused. */
+        styleFieldFocused?: StyledProp<ViewStyle>;
+        /** The text input. */
+        styleInput?: StyledProp<TextStyle>;
+        /** The search and clear glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The cancel label. */
+        styleCancel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A rounded search field with a leading search glyph, a clear glyph while it
+ * has text and an optional cancel button. The text is controlled through
+ * `value`/`onChangeText` or kept internally when `value` is omitted;
+ * `onSubmit` receives the text when the keyboard's search key is pressed.
+ *
+ * @example
+ * ```tsx
+ * <SearchBar
+ *   placeholder="Search recipes"
+ *   value={query}
+ *   onChangeText={setQuery}
+ *   onSubmit={runSearch}
+ *   showCancel
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default SearchBar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/SearchBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,WAAW,EAMZ,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,oBAAoB,EAEpB,aAAa,EAEb,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,SAAS,EACT,UAAU,GAAG,SAAS,GAAG,QAAQ,CAClC;IACC,yEAAyE;IACzE,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,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,wCAAwC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,+CAA+C;QAC/C,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,yBAAyB;QACzB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,uCAAuC;QACvC,iBAAiB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC1C,sBAAsB;QACtB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,6CAA6C;QAC7C,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,wBAAwB;QACxB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACrC,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,SAAS;;wCA4Jd,CAAC;AAGF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,103 @@
+import { forwardRef, useCallback, useRef } from 'react';
+import { StyledTextInput, StyledView, Typography, } from '@mapples/style';
+import { CONTROL_SIZES, DISABLED_OPACITY, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Pressable, } from 'react-native';
+import { Glyph, useControllableState, useInteractionState, useSlotColor, } from '../../../internal';
+import { defaults } from './defaults';
+/**
+ * A rounded search field with a leading search glyph, a clear glyph while it
+ * has text and an optional cancel button. The text is controlled through
+ * `value`/`onChangeText` or kept internally when `value` is omitted;
+ * `onSubmit` receives the text when the keyboard's search key is pressed.
+ *
+ * @example
+ * ```tsx
+ * <SearchBar
+ *   placeholder="Search recipes"
+ *   value={query}
+ *   onChangeText={setQuery}
+ *   onSubmit={runSearch}
+ *   showCancel
+ * />
+ * ```
+ *
+ * @public
+ */
+const SearchBar = forwardRef(({ value, defaultValue = '', onChangeText, placeholder = 'Search', showCancel = false, cancelLabel = 'Cancel', autoFocus = false, size = 'md', variant = 'filled', onSubmit, onClear, onCancel, onFocus, onBlur, disabled = false, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    const tones = useTones();
+    const inputRef = useRef(null);
+    const [text, setText] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onChangeText,
+    });
+    const interaction = useInteractionState({ onFocus, onBlur }, disabled);
+    const spec = CONTROL_SIZES[size];
+    const focusColor = tones.tone('primary').main;
+    const textColor = tones.resolve(Tokens.color.text);
+    const borderColor = interaction.focused
+        ? focusColor
+        : variant === 'outlined'
+            ? tones.outlineStrong
+            : 'transparent';
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', tones.resolve(Tokens.color.textSecondary));
+    const focus = useCallback(() => inputRef.current?.focus(), []);
+    const clear = useCallback(() => {
+        setText('');
+        onClear?.();
+        inputRef.current?.focus();
+    }, [onClear, setText]);
+    const cancel = useCallback(() => {
+        setText('');
+        inputRef.current?.blur();
+        onCancel?.();
+    }, [onCancel, setText]);
+    const cancelVisible = showCancel && (interaction.focused || text.length > 0);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        <StyledView styled={{
+            style: [
+                defaults.field,
+                {
+                    minHeight: spec.height,
+                    paddingHorizontal: spec.paddingX - 4,
+                    borderRadius: variant === 'filled' ? RADII.pill : spec.radius,
+                    borderColor,
+                    backgroundColor: variant === 'filled' ? tones.fill : 'transparent',
+                },
+                styled?.styleField,
+                interaction.focused && styled?.styleFieldFocused,
+            ],
+        }}>
+          <Pressable accessible={false} disabled={disabled} onPress={focus} style={defaults.glyphButton}>
+            <Glyph name="search" size={spec.iconSize} color={glyphColor}/>
+          </Pressable>
+          <StyledTextInput ref={inputRef} accessibilityRole="search" accessibilityLabel={placeholder} accessibilityState={{ disabled }} editable={!disabled} value={text} onChangeText={setText} placeholder={placeholder} autoFocus={autoFocus} autoCapitalize="none" autoCorrect={false} returnKeyType="search" onSubmitEditing={() => onSubmit?.(text)} onFocus={interaction.handlers.onFocus} onBlur={interaction.handlers.onBlur} styled={{
+            placeholderTextColor: tones.placeholder,
+            style: [
+                defaults.input,
+                { color: textColor, fontSize: 16, lineHeight: 22 },
+                styled?.styleInput,
+            ],
+        }}/>
+          {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}
+        </StyledView>
+        {cancelVisible ? (<Pressable accessibilityRole="button" disabled={disabled} hitSlop={8} onPress={cancel} style={defaults.cancel}>
+            <Typography variant={TYPOGRAPHY_PARTS.button} style={[{ color: focusColor }, styled?.styleCancel]}>
+              {cancelLabel}
+            </Typography>
+          </Pressable>) : null}
+      </StyledView>);
+});
+SearchBar.displayName = 'SearchBar';
+export default SearchBar;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/SearchBar/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,oEAAoE;AACpE,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/SearchBar/types.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,eAAO,MAAM,mBAAmB,iCAAkC,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+/** 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;
+    };
+    value: {
+        flex: number;
+        minWidth: number;
+    };
+    menu: {
+        overflow: "hidden";
+        paddingVertical: number;
+    };
+    option: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+    };
+    optionLabel: {
+        flex: number;
+        minWidth: number;
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+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,
+    },
+    value: {
+        flex: 1,
+        minWidth: 0,
+    },
+    menu: {
+        overflow: 'hidden',
+        paddingVertical: 4,
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 10,
+        paddingHorizontal: 12,
+    },
+    optionLabel: {
+        flex: 1,
+        minWidth: 0,
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/SelectField/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,QAAQ,EAAE,CAAC;KACZ;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,CAAC;KACnB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,iBAAiB,EAAE,EAAE;KACtB;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,96 @@
+import { StyledProp } from '@mapples/style';
+import { ControlSize, Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { Option } from '../../../internal';
+import { SelectFieldVariant } from './types';
+/** Props for {@link SelectField}. */
+export interface SelectFieldProps extends Omit<ViewProps, 'children'> {
+    /** Text above the field. */
+    label?: string;
+    /** Selected value (controlled). Omit to let the field keep its own state. */
+    value?: string;
+    /** Initial value while uncontrolled; `''` selects nothing. */
+    defaultValue?: string;
+    /** Fires with the chosen value (and its option) — the new value is the first argument. */
+    onValueChange?: (value: string, option: Option) => void;
+    /** The choices: `[{label, value, iconName?, disabled?}]`. */
+    options?: Option[];
+    /** Text shown while nothing is selected. Defaults to `Select`. */
+    placeholder?: string;
+    /** Guidance under the field. */
+    helperText?: string;
+    /** Error under the field; a non-empty value paints the error state. */
+    errorText?: string;
+    /** Disables interaction and dims the field. */
+    disabled?: boolean;
+    /** Field height. Defaults to `md`. */
+    size?: ControlSize;
+    /** Surface: outlined box or tinted fill. Defaults to `outlined`. */
+    variant?: SelectFieldVariant;
+    /** Colour role of the open state and the selected option. Defaults to `primary`. */
+    tone?: Tone;
+    /** Binds the value to a field of the enclosing `FormView`; its error shows once touched. */
+    fieldName?: string;
+    /** Fires when the option list opens. */
+    onOpen?: () => void;
+    /** Fires when the option list closes. */
+    onClose?: () => void;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The column holding label, field, list and helper. */
+        style?: StyledProp<ViewStyle>;
+        /** The field box. */
+        styleField?: StyledProp<ViewStyle>;
+        /** The field box while the list is open. */
+        styleFieldFocused?: StyledProp<ViewStyle>;
+        /** The field box while in error. */
+        styleFieldError?: StyledProp<ViewStyle>;
+        /** The label. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The selected option's text in the field. */
+        styleValue?: StyledProp<TextStyle>;
+        /** The placeholder text. */
+        stylePlaceholder?: StyledProp<TextStyle>;
+        /** The helper and error text. */
+        styleHelper?: StyledProp<TextStyle>;
+        /** The chevron and option glyphs (`color`). */
+        styleIcon?: StyledProp<ViewStyle & {
+            color?: string;
+        }>;
+        /** The option list card. */
+        styleMenu?: StyledProp<ViewStyle>;
+        /** One option row. */
+        styleOption?: StyledProp<ViewStyle>;
+        /** The selected option row. */
+        styleOptionSelected?: StyledProp<ViewStyle>;
+        /** An option label. */
+        styleOptionLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A labelled dropdown whose option list expands inline, directly below the
+ * field, so it is never clipped by a parent and needs no anchor
+ * measurement. Choosing an option sets the value, reports it through
+ * `onValueChange(value, option)` and closes the list.
+ *
+ * @example
+ * ```tsx
+ * <SelectField
+ *   label="Country"
+ *   placeholder="Choose a country"
+ *   options={[
+ *     { label: 'Germany', value: 'de' },
+ *     { label: 'Spain', value: 'es' },
+ *   ]}
+ *   value={country}
+ *   onValueChange={setCountry}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const SelectField: import("react").ForwardRefExoticComponent<SelectFieldProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default SelectField;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/SelectField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAIX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEL,WAAW,EAMX,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAGL,MAAM,EAMP,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAqB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEhE,qCAAqC;AACrC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,oFAAoF;IACpF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE;QACP,wDAAwD;QACxD,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,qBAAqB;QACrB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,4CAA4C;QAC5C,iBAAiB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC1C,oCAAoC;QACpC,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,+CAA+C;QAC/C,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,4BAA4B;QAC5B,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,iCAAiC;QACjC,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,+CAA+C;QAC/C,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QACvD,4BAA4B;QAC5B,SAAS,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAClC,sBAAsB;QACtB,WAAW,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACpC,+BAA+B;QAC/B,mBAAmB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC5C,uBAAuB;QACvB,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC1C,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,WAAW;;wCAkQhB,CAAC;AAGF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,176 @@
+import { forwardRef, useCallback, useState } from 'react';
+import { StyledPressable, StyledScrollView, StyledView, Typography, } from '@mapples/style';
+import { CONTROL_SIZES, DISABLED_OPACITY, ELEVATION, Icon, RADII, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Animated, Pressable, } from 'react-native';
+import { DURATION, Glyph, readOptions, useControllableState, useOptionalFormField, useSlotColor, useTimingValue, } from '../../../internal';
+import { defaults } from './defaults';
+import { SELECT_FIELD_MENU } from './types';
+/**
+ * A labelled dropdown whose option list expands inline, directly below the
+ * field, so it is never clipped by a parent and needs no anchor
+ * measurement. Choosing an option sets the value, reports it through
+ * `onValueChange(value, option)` and closes the list.
+ *
+ * @example
+ * ```tsx
+ * <SelectField
+ *   label="Country"
+ *   placeholder="Choose a country"
+ *   options={[
+ *     { label: 'Germany', value: 'de' },
+ *     { label: 'Spain', value: 'es' },
+ *   ]}
+ *   value={country}
+ *   onValueChange={setCountry}
+ * />
+ * ```
+ *
+ * @public
+ */
+const SelectField = forwardRef(({ label, value, defaultValue = '', onValueChange, options, placeholder = 'Select', helperText, errorText, disabled = false, size = 'md', variant = 'outlined', tone = 'primary', fieldName, onOpen, onClose, 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 items = readOptions(options, 'SelectField');
+    const field = useOptionalFormField(fieldName);
+    const [current, setCurrent] = useControllableState({
+        value: field.bound ? (field.value ?? '') : value,
+        defaultValue,
+        onChange: (next) => field.setValue(next),
+    });
+    const [open, setOpen] = useState(false);
+    const toggle = useCallback(() => {
+        if (disabled)
+            return;
+        const next = !open;
+        setOpen(next);
+        if (next) {
+            onOpen?.();
+        }
+        else {
+            field.touch();
+            onClose?.();
+        }
+    }, [disabled, field, onClose, onOpen, open]);
+    const select = useCallback((option) => {
+        setCurrent(option.value);
+        onValueChange?.(option.value, option);
+        setOpen(false);
+        field.touch();
+        onClose?.();
+    }, [field, onClose, onValueChange, setCurrent]);
+    const selected = items.find((option) => option.value === current);
+    const error = errorText || field.error;
+    const hasError = !!error;
+    const spec = CONTROL_SIZES[size];
+    const textColor = tones.resolve(Tokens.color.text);
+    const secondary = tones.resolve(Tokens.color.textSecondary);
+    const errorColor = tones.tone('error').main;
+    const borderColor = hasError
+        ? errorColor
+        : open
+            ? palette.main
+            : variant === 'outlined'
+                ? tones.outlineStrong
+                : 'transparent';
+    const glyphColor = useSlotColor(styled?.styleIcon, 'color', secondary);
+    const rotation = useTimingValue(open ? 1 : 0, { duration: DURATION.fast });
+    const rotate = rotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '180deg'],
+    });
+    const rows = items.map((option) => {
+        const isSelected = option.value === current;
+        return (<Pressable key={option.value} accessibilityRole="button" accessibilityState={{
+                selected: isSelected,
+                disabled: !!option.disabled,
+            }} disabled={option.disabled} onPress={() => select(option)}>
+          <StyledView styled={{
+                style: [
+                    defaults.option,
+                    { minHeight: SELECT_FIELD_MENU.optionHeight },
+                    isSelected && { backgroundColor: palette.container },
+                    option.disabled && { opacity: DISABLED_OPACITY },
+                    styled?.styleOption,
+                    isSelected && styled?.styleOptionSelected,
+                ],
+            }}>
+            {option.iconName ? (<Icon iconName={option.iconName} size={spec.iconSize} color={glyphColor}/>) : null}
+            <Typography variant={TYPOGRAPHY_PARTS.body} numberOfLines={1} style={[
+                defaults.optionLabel,
+                { color: textColor },
+                styled?.styleOptionLabel,
+            ]}>
+              {option.label}
+            </Typography>
+            {isSelected ? (<Glyph name="check" size={spec.iconSize} color={palette.main}/>) : null}
+          </StyledView>
+        </Pressable>);
+    });
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {label ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={[{ color: secondary }, styled?.styleLabel]}>
+            {label}
+          </Typography>) : null}
+        <StyledPressable accessibilityRole="button" accessibilityLabel={label} accessibilityValue={{ text: selected?.label ?? placeholder }} accessibilityState={{ expanded: open, disabled }} disabled={disabled} onPress={toggle} styled={{
+            style: [
+                defaults.field,
+                {
+                    minHeight: spec.height,
+                    paddingHorizontal: spec.paddingX - 4,
+                    borderRadius: spec.radius,
+                    borderColor,
+                    backgroundColor: variant === 'filled' ? tones.fill : 'transparent',
+                },
+                styled?.styleField,
+                open && styled?.styleFieldFocused,
+                hasError && styled?.styleFieldError,
+            ],
+        }}>
+          {selected?.iconName ? (<Icon iconName={selected.iconName} size={spec.iconSize} color={glyphColor}/>) : null}
+          {selected ? (<Typography variant={TYPOGRAPHY_PARTS.body} numberOfLines={1} style={[defaults.value, { color: textColor }, styled?.styleValue]}>
+              {selected.label}
+            </Typography>) : (<Typography variant={TYPOGRAPHY_PARTS.body} numberOfLines={1} style={[
+                defaults.value,
+                { color: tones.placeholder },
+                styled?.stylePlaceholder,
+            ]}>
+              {placeholder}
+            </Typography>)}
+          <Animated.View pointerEvents="none" style={{ transform: [{ rotate }] }}>
+            <Glyph name="chevronDown" size={spec.iconSize} color={glyphColor}/>
+          </Animated.View>
+        </StyledPressable>
+        {open && items.length > 0 ? (<StyledView styled={{
+                style: [
+                    defaults.menu,
+                    {
+                        borderRadius: RADII.md,
+                        borderWidth: 1,
+                        borderColor: tones.outline,
+                        backgroundColor: tones.resolve(Tokens.color.surface),
+                        boxShadow: ELEVATION,
+                    },
+                    styled?.styleMenu,
+                ],
+            }}>
+            {items.length > SELECT_FIELD_MENU.maxVisible ? (<StyledScrollView nestedScrollEnabled keyboardShouldPersistTaps="handled" styled={{ style: { maxHeight: SELECT_FIELD_MENU.maxHeight } }}>
+                {rows}
+              </StyledScrollView>) : (rows)}
+          </StyledView>) : null}
+        {hasError ? (<Typography variant={TYPOGRAPHY_PARTS.helper} accessibilityRole="alert" style={[{ color: errorColor }, styled?.styleHelper]}>
+            {error}
+          </Typography>) : helperText ? (<Typography variant={TYPOGRAPHY_PARTS.helper} style={[{ color: secondary }, styled?.styleHelper]}>
+            {helperText}
+          </Typography>) : null}
+      </StyledView>);
+});
+SelectField.displayName = 'SelectField';
+export default SelectField;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/SelectField/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,SAAS,CAAC;AAElC,wEAAwE;AACxE,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,WAAW;CACvB,CAAC"}