@mapples/components 1.1.2 → 1.2.1

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

@@ -0,0 +1,13 @@
+/** Field surfaces of the select. */
+export declare const SELECT_FIELD_VARIANTS: readonly ["outlined", "filled"];
+export type SelectFieldVariant = (typeof SELECT_FIELD_VARIANTS)[number];
+/** Option list geometry. */
+export declare const SELECT_FIELD_MENU: {
+    /** Height of one option row. */
+    readonly optionHeight: 40;
+    /** Rows shown before the list scrolls. */
+    readonly maxVisible: 6;
+    /** Height of the scrolling list. */
+    readonly maxHeight: 240;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/SelectField/types.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,eAAO,MAAM,qBAAqB,iCAAkC,CAAC;AACrE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,4BAA4B;AAC5B,eAAO,MAAM,iBAAiB;IAC5B,gCAAgC;;IAEhC,0CAA0C;;IAE1C,oCAAoC;;CAE5B,CAAC"}

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

@@ -0,0 +1,12 @@
+/** Field surfaces of the select. */
+export const SELECT_FIELD_VARIANTS = ['outlined', 'filled'];
+/** Option list geometry. */
+export const SELECT_FIELD_MENU = {
+    /** Height of one option row. */
+    optionHeight: 40,
+    /** Rows shown before the list scrolls. */
+    maxVisible: 6,
+    /** Height of the scrolling list. */
+    maxHeight: 240,
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/SelectField/types.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAU,CAAC;AAGrE,4BAA4B;AAC5B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,gCAAgC;IAChC,YAAY,EAAE,EAAE;IAChB,0CAA0C;IAC1C,UAAU,EAAE,CAAC;IACb,oCAAoC;IACpC,SAAS,EAAE,GAAG;CACN,CAAC"}

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

@@ -0,0 +1,28 @@
+/** Runtime defaults — author slots merge over these. */
+export declare const defaults: {
+    root: {
+        alignSelf: "stretch";
+        gap: number;
+    };
+    row: {
+        justifyContent: "center";
+    };
+    track: {
+        overflow: "hidden";
+    };
+    filled: {
+        position: "absolute";
+        left: number;
+        top: number;
+        bottom: number;
+    };
+    thumb: {
+        position: "absolute";
+        boxShadow: string;
+    };
+    bounds: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+    };
+};
+//# sourceMappingURL=defaults.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+import { Styler } from '@mapples/style';
+/** Runtime defaults — author slots merge over these. */
+export const defaults = Styler.create({
+    root: {
+        alignSelf: 'stretch',
+        gap: 4,
+    },
+    row: {
+        justifyContent: 'center',
+    },
+    track: {
+        overflow: 'hidden',
+    },
+    filled: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+    },
+    thumb: {
+        position: 'absolute',
+        boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.25)',
+    },
+    bounds: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/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,GAAG,EAAE;QACH,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,iCAAiC;KAC7C;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,65 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+/** Props for {@link Slider}. */
+export interface SliderProps extends Omit<ViewProps, 'children'> {
+    /** Current value (controlled). Omit to let the slider keep its own state. */
+    value?: number;
+    /** Initial value while uncontrolled. Defaults to `min`. */
+    defaultValue?: number;
+    /** Fires while dragging — the new value is the first argument. */
+    onValueChange?: (value: number) => void;
+    /** Fires once when the drag ends. */
+    onSlidingComplete?: (value: number) => void;
+    /** Lower bound. Defaults to `0`. */
+    min?: number;
+    /** Upper bound. Defaults to `100`. */
+    max?: number;
+    /** Snap increment. Defaults to `1`. */
+    step?: number;
+    /** Shows the current value above the thumb. */
+    showValue?: boolean;
+    /** Shows `min` and `max` under the track. */
+    showBounds?: boolean;
+    /** Colour role of the filled track and thumb. Defaults to `primary`. */
+    tone?: Tone;
+    /** Disables interaction and dims the control. */
+    disabled?: boolean;
+    /** Binds the value to a field of the enclosing `FormView`. */
+    fieldName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The whole control. */
+        style?: StyledProp<ViewStyle>;
+        /** The inactive track. */
+        styleTrack?: StyledProp<ViewStyle>;
+        /** The filled part of the track. */
+        styleTrackFilled?: StyledProp<ViewStyle>;
+        /** The thumb. */
+        styleThumb?: StyledProp<ViewStyle>;
+        /** The value label. */
+        styleValueLabel?: StyledProp<TextStyle>;
+        /** The min/max labels. */
+        styleBoundsLabel?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A single-value slider over a continuous range (volume, a price cap, a
+ * radius). Dragging or tapping the track sets the value, snapped to `step`;
+ * the value is controlled through `value`/`onValueChange`, kept internally
+ * when `value` is omitted, or bound to a form field through `fieldName`.
+ * Drag input goes through react-native-gesture-handler, which every Mapples
+ * app ships.
+ *
+ * @example
+ * ```tsx
+ * <Slider min={0} max={500} step={10} value={budget} onValueChange={setBudget} showValue />
+ * ```
+ *
+ * @public
+ */
+declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Slider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA0B,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAGL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAYtB,gCAAgC;AAChC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,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,yBAAyB;QACzB,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,0BAA0B;QAC1B,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,oCAAoC;QACpC,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACzC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,uBAAuB;QACvB,eAAe,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,0BAA0B;QAC1B,gBAAgB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAC1C,CAAC;CACH;AAWD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;wCA+MX,CAAC;AAGF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,155 @@
+import { forwardRef, useCallback, useState } from 'react';
+import { StyledView, Typography } from '@mapples/style';
+import { DISABLED_OPACITY, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { useControllableState, useOptionalFormField, useSlotColor, } from '../../../internal';
+import { defaults } from './defaults';
+import { SLIDER_GEOMETRY } from './types';
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+const decimalsOf = (step) => {
+    const text = String(step);
+    const dot = text.indexOf('.');
+    return dot === -1 ? 0 : text.length - dot - 1;
+};
+/**
+ * A single-value slider over a continuous range (volume, a price cap, a
+ * radius). Dragging or tapping the track sets the value, snapped to `step`;
+ * the value is controlled through `value`/`onValueChange`, kept internally
+ * when `value` is omitted, or bound to a form field through `fieldName`.
+ * Drag input goes through react-native-gesture-handler, which every Mapples
+ * app ships.
+ *
+ * @example
+ * ```tsx
+ * <Slider min={0} max={500} step={10} value={budget} onValueChange={setBudget} showValue />
+ * ```
+ *
+ * @public
+ */
+const Slider = forwardRef(({ value, defaultValue, onValueChange, onSlidingComplete, min = 0, max = 100, step = 1, showValue = false, showBounds = false, tone = 'primary', disabled = false, fieldName, styled, 
+// The canvas injects a drop area as children; leaf components ignore them.
+children: _children, ...rest }, ref) => {
+    if (max <= min) {
+        throw new Error(`Slider: max (${max}) must be greater than min (${min})`);
+    }
+    if (step <= 0) {
+        throw new Error(`Slider: step (${step}) must be positive`);
+    }
+    const tones = useTones();
+    const palette = tones.tone(tone);
+    const field = useOptionalFormField(fieldName);
+    const [current, setCurrent] = useControllableState({
+        value: field.bound ? (field.value ?? min) : value,
+        defaultValue: defaultValue ?? min,
+        onChange: (next) => {
+            field.setValue(next);
+            onValueChange?.(next);
+        },
+    });
+    const [trackWidth, setTrackWidth] = useState(0);
+    const trackColor = useSlotColor(styled?.styleTrack, 'backgroundColor', tones.outline);
+    const filledColor = useSlotColor(styled?.styleTrackFilled, 'backgroundColor', palette.main);
+    const thumbColor = useSlotColor(styled?.styleThumb, 'backgroundColor', palette.main);
+    const decimals = decimalsOf(step);
+    const snap = useCallback((raw) => {
+        const stepped = Math.round((raw - min) / step) * step + min;
+        return Number(clamp(stepped, min, max).toFixed(decimals));
+    }, [decimals, max, min, step]);
+    const { thumb } = SLIDER_GEOMETRY;
+    const usable = Math.max(trackWidth - thumb, 0);
+    const fraction = (clamp(current, min, max) - min) / (max - min);
+    const valueFromX = useCallback((x) => snap(min + clamp((x - thumb / 2) / usable, 0, 1) * (max - min)), [max, min, snap, thumb, usable]);
+    const pan = Gesture.Pan()
+        .enabled(!disabled && usable > 0)
+        .minDistance(0)
+        .runOnJS(true)
+        .onBegin((event) => setCurrent(valueFromX(event.x)))
+        .onUpdate((event) => setCurrent(valueFromX(event.x)))
+        .onFinalize(() => onSlidingComplete?.(current));
+    const onLayout = (event) => setTrackWidth(event.nativeEvent.layout.width);
+    const onAccessibilityAction = (event) => {
+        if (disabled)
+            return;
+        const direction = event.nativeEvent.actionName === 'increment' ? 1 : -1;
+        const next = snap(current + direction * step);
+        setCurrent(next);
+        onSlidingComplete?.(next);
+    };
+    const valueText = current.toFixed(decimals);
+    return (<StyledView ref={ref} styled={{
+            style: [
+                defaults.root,
+                styled?.style,
+                disabled && { opacity: DISABLED_OPACITY },
+            ],
+        }} {...rest}>
+        {showValue ? (<Typography variant={TYPOGRAPHY_PARTS.label} style={[
+                {
+                    color: tones.resolve(Tokens.color.text),
+                    alignSelf: 'flex-start',
+                },
+                usable > 0 && {
+                    transform: [{ translateX: fraction * usable }],
+                },
+                styled?.styleValueLabel,
+            ]}>
+            {valueText}
+          </Typography>) : null}
+        <GestureDetector gesture={pan}>
+          <StyledView accessibilityRole="adjustable" accessibilityValue={{ min, max, now: current, text: valueText }} accessibilityActions={[
+            { name: 'increment' },
+            { name: 'decrement' },
+        ]} accessibilityState={{ disabled }} onAccessibilityAction={onAccessibilityAction} onLayout={onLayout} styled={{
+            style: [defaults.row, { height: SLIDER_GEOMETRY.rowHeight }],
+        }}>
+            <StyledView pointerEvents="none" styled={{
+            style: [
+                defaults.track,
+                {
+                    height: SLIDER_GEOMETRY.track,
+                    borderRadius: SLIDER_GEOMETRY.track / 2,
+                    marginHorizontal: thumb / 2,
+                    backgroundColor: trackColor,
+                },
+                styled?.styleTrack,
+            ],
+        }}>
+              <StyledView styled={{
+            style: [
+                defaults.filled,
+                {
+                    width: `${fraction * 100}%`,
+                    backgroundColor: filledColor,
+                },
+                styled?.styleTrackFilled,
+            ],
+        }}/>
+            </StyledView>
+            <StyledView pointerEvents="none" styled={{
+            style: [
+                defaults.thumb,
+                {
+                    width: thumb,
+                    height: thumb,
+                    borderRadius: thumb / 2,
+                    left: fraction * usable,
+                    backgroundColor: thumbColor,
+                },
+                styled?.styleThumb,
+            ],
+        }}/>
+          </StyledView>
+        </GestureDetector>
+        {showBounds ? (<StyledView styled={{ style: defaults.bounds }}>
+            {[min, max].map((bound) => (<Typography key={bound} variant={TYPOGRAPHY_PARTS.helper} style={[
+                    { color: tones.resolve(Tokens.color.textSecondary) },
+                    styled?.styleBoundsLabel,
+                ]}>
+                {bound.toFixed(decimals)}
+              </Typography>))}
+          </StyledView>) : null}
+      </StyledView>);
+});
+Slider.displayName = 'Slider';
+export default Slider;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/schematic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,8DAA8D;AAC9D,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,MAAM;CAClB,CAAC"}

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

@@ -0,0 +1,10 @@
+/** Slider geometry. */
+export declare const SLIDER_GEOMETRY: {
+    /** Height of the touchable row. */
+    readonly rowHeight: 44;
+    /** Track thickness. */
+    readonly track: 4;
+    /** Thumb diameter. */
+    readonly thumb: 20;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/types.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,eAAO,MAAM,eAAe;IAC1B,mCAAmC;;IAEnC,uBAAuB;;IAEvB,sBAAsB;;CAEd,CAAC"}

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

@@ -0,0 +1,10 @@
+/** Slider geometry. */
+export const SLIDER_GEOMETRY = {
+    /** Height of the touchable row. */
+    rowHeight: 44,
+    /** Track thickness. */
+    track: 4,
+    /** Thumb diameter. */
+    thumb: 20,
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/Slider/types.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,mCAAmC;IACnC,SAAS,EAAE,EAAE;IACb,uBAAuB;IACvB,KAAK,EAAE,CAAC;IACR,sBAAsB;IACtB,KAAK,EAAE,EAAE;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,19 @@
+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',
+        gap: 12,
+    },
+    labels: {
+        flexShrink: 1,
+        gap: 2,
+    },
+    track: {
+        justifyContent: 'center',
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/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;QACvB,GAAG,EAAE,EAAE;KACR;IACD,MAAM,EAAE;QACN,UAAU,EAAE,CAAC;QACb,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,61 @@
+import { StyledProp } from '@mapples/style';
+import { Tone } from '@mapples/ui';
+import { TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { SwitchLabelPosition, SwitchSize } from './types';
+/** Props for {@link Switch}. */
+export interface SwitchProps extends Omit<ViewProps, 'children'> {
+    /** On/off state (controlled). Omit to let the switch keep its own state. */
+    value?: boolean;
+    /** Initial state while uncontrolled. Defaults to `false`. */
+    defaultValue?: boolean;
+    /** Fires with the next state — the new value is the first argument. */
+    onValueChange?: (value: boolean) => void;
+    /** Text beside the track. */
+    label?: string;
+    /** Supporting text under the label. */
+    description?: string;
+    /** Which side the label sits on. Defaults to `left`. */
+    labelPosition?: SwitchLabelPosition;
+    /** Track size. Defaults to `md`. */
+    size?: SwitchSize;
+    /** Colour role of the on state. Defaults to `primary`. */
+    tone?: Tone;
+    /** Disables interaction and dims the control. */
+    disabled?: boolean;
+    /** Binds the state to a field of the enclosing `FormView`. */
+    fieldName?: string;
+    /** Styled slots for every visual part. */
+    styled?: {
+        /** The row holding label and track. */
+        style?: StyledProp<ViewStyle>;
+        /** The track (off state). */
+        styleTrack?: StyledProp<ViewStyle>;
+        /** The track's on-state layer (its `backgroundColor` is the on colour). */
+        styleTrackOn?: StyledProp<ViewStyle>;
+        /** The thumb. */
+        styleThumb?: StyledProp<ViewStyle>;
+        /** The label text. */
+        styleLabel?: StyledProp<TextStyle>;
+        /** The description text. */
+        styleDescription?: StyledProp<TextStyle>;
+    };
+}
+/**
+ * A labelled on/off toggle for settings that apply immediately.
+ *
+ * The track cross-fades to the tone colour and the thumb slides; the state
+ * is controlled through `value`/`onValueChange`, kept internally when
+ * `value` is omitted, or bound to a form field through `fieldName`.
+ *
+ * @example
+ * ```tsx
+ * <Switch label="Notifications" value={enabled} onValueChange={setEnabled} />
+ * ```
+ *
+ * @public
+ */
+declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default Switch;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAqC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAGL,IAAI,EAGL,MAAM,aAAa,CAAC;AACrB,OAAO,EAIL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAmB,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3E,gCAAgC;AAChC,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,4EAA4E;IAC5E,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,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0DAA0D;IAC1D,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,uCAAuC;QACvC,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,2EAA2E;QAC3E,YAAY,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACrC,iBAAiB;QACjB,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,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;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,MAAM;;wCA8JX,CAAC;AAGF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,117 @@
+import { forwardRef } from 'react';
+import { StyledView, Typography, useStyled } from '@mapples/style';
+import { DISABLED_OPACITY, Tokens, TYPOGRAPHY_PARTS, useTones, } from '@mapples/ui';
+import { Animated, Pressable, StyleSheet, } from 'react-native';
+import { DURATION, useControllableState, useOptionalFormField, useSlotColor, useTimingValue, } from '../../../internal';
+import { defaults } from './defaults';
+import { SWITCH_GEOMETRY } from './types';
+/**
+ * A labelled on/off toggle for settings that apply immediately.
+ *
+ * The track cross-fades to the tone colour and the thumb slides; the state
+ * is controlled through `value`/`onValueChange`, kept internally when
+ * `value` is omitted, or bound to a form field through `fieldName`.
+ *
+ * @example
+ * ```tsx
+ * <Switch label="Notifications" value={enabled} onValueChange={setEnabled} />
+ * ```
+ *
+ * @public
+ */
+const Switch = forwardRef(({ value, defaultValue = false, onValueChange, label, description, labelPosition = 'left', 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 geometry = SWITCH_GEOMETRY[size];
+    const progress = useTimingValue(checked ? 1 : 0, {
+        duration: DURATION.fast,
+    });
+    const trackOff = useSlotColor(styled?.styleTrack, 'backgroundColor', tones.outlineStrong);
+    const trackOn = useSlotColor(styled?.styleTrackOn, 'backgroundColor', palette.main);
+    const thumb = useSlotColor(styled?.styleThumb, 'backgroundColor', tones.resolve(Tokens.color.white));
+    const resolved = useStyled({
+        trackOn: styled?.styleTrackOn,
+        thumb: styled?.styleThumb,
+    });
+    const travel = geometry.width - geometry.thumb - geometry.padding * 2;
+    const translateX = progress.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, travel],
+    });
+    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="switch" accessibilityLabel={label} accessibilityState={{ checked, disabled }} disabled={disabled} hitSlop={8} onPress={() => setChecked(!checked)}>
+          <StyledView styled={{
+            style: [
+                defaults.track,
+                {
+                    width: geometry.width,
+                    height: geometry.height,
+                    borderRadius: geometry.height / 2,
+                    backgroundColor: trackOff,
+                },
+                styled?.styleTrack,
+            ],
+        }}>
+            <Animated.View pointerEvents="none" style={[
+            StyleSheet.absoluteFill,
+            resolved.trackOn,
+            {
+                borderRadius: geometry.height / 2,
+                backgroundColor: trackOn,
+                opacity: progress,
+            },
+        ]}/>
+            <Animated.View pointerEvents="none" style={[
+            resolved.thumb,
+            {
+                position: 'absolute',
+                top: geometry.padding,
+                left: geometry.padding,
+                width: geometry.thumb,
+                height: geometry.thumb,
+                borderRadius: geometry.thumb / 2,
+                backgroundColor: thumb,
+                boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.25)',
+                transform: [{ translateX }],
+            },
+        ]}/>
+          </StyledView>
+        </Pressable>
+        {labelPosition === 'right' ? labels : null}
+      </StyledView>);
+});
+Switch.displayName = 'Switch';
+export default Switch;
+//# sourceMappingURL=index.js.map

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

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

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

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