@mapples/components 1.1.2 → 1.2.1

package/dist/internal/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @fileoverview Private building blocks of the library — never exported
+ * from the package entry point.
+ */
+export * from './animation';
+export * from './glyphs';
+export * from './option';
+export * from './overlay';
+export { default as useControllableState } from './useControllableState';
+export * from './useControllableState';
+export { default as useInteractionState } from './useInteractionState';
+export * from './useInteractionState';
+export { default as useLoopValue } from './useLoopValue';
+export * from './useLoopValue';
+export { default as useOptionalFormField } from './useOptionalFormField';
+export * from './useOptionalFormField';
+export { default as useOverlayPresence } from './useOverlayPresence';
+export * from './useOverlayPresence';
+export * from './useSlotValue';
+export { default as useTimingValue } from './useTimingValue';
+export * from './useTimingValue';
+//# sourceMappingURL=index.d.ts.map

package/dist/internal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}

package/dist/internal/index.js

@@ -0,0 +1,22 @@
+/**
+ * @fileoverview Private building blocks of the library — never exported
+ * from the package entry point.
+ */
+export * from './animation';
+export * from './glyphs';
+export * from './option';
+export * from './overlay';
+export { default as useControllableState } from './useControllableState';
+export * from './useControllableState';
+export { default as useInteractionState } from './useInteractionState';
+export * from './useInteractionState';
+export { default as useLoopValue } from './useLoopValue';
+export * from './useLoopValue';
+export { default as useOptionalFormField } from './useOptionalFormField';
+export * from './useOptionalFormField';
+export { default as useOverlayPresence } from './useOverlayPresence';
+export * from './useOverlayPresence';
+export * from './useSlotValue';
+export { default as useTimingValue } from './useTimingValue';
+export * from './useTimingValue';
+//# sourceMappingURL=index.js.map

package/dist/internal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC"}

package/dist/internal/option.d.ts

@@ -0,0 +1,26 @@
+/**
+ * One selectable entry of an `options` list (ChipGroup, RadioGroup,
+ * SegmentedControl, SelectField, ActionSheet).
+ */
+export interface Option {
+    /** Visible text. */
+    label: string;
+    /** The value the control reports. */
+    value: string;
+    /** Optional glyph from the project icon family. */
+    iconName?: string;
+    /** Supporting text where the control shows one (RadioGroup). */
+    description?: string;
+    /** Not selectable. */
+    disabled?: boolean;
+    /** Painted in the error tone (ActionSheet). */
+    destructive?: boolean;
+}
+/** `true` when `value` is a well-formed option. */
+export declare const isOption: (value: unknown) => value is Option;
+/**
+ * The options a control renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which item is wrong.
+ */
+export declare const readOptions: (options: unknown, component: string) => Option[];
+//# sourceMappingURL=option.d.ts.map

package/dist/internal/option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../src/internal/option.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,mDAAmD;AACnD,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAIN,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,EAAE,WAAW,MAAM,KAAG,MAAM,EAavE,CAAC"}

package/dist/internal/option.js

@@ -0,0 +1,23 @@
+/** `true` when `value` is a well-formed option. */
+export const isOption = (value) => typeof value === 'object' &&
+    value !== null &&
+    typeof value.label === 'string' &&
+    typeof value.value === 'string';
+/**
+ * The options a control renders. A malformed entry is a data error — it is
+ * reported, never silently skipped, so an author sees which item is wrong.
+ */
+export const readOptions = (options, component) => {
+    if (options === undefined || options === null)
+        return [];
+    if (!Array.isArray(options)) {
+        throw new Error(`${component}: options must be an array of {label, value}`);
+    }
+    options.forEach((option, index) => {
+        if (!isOption(option)) {
+            throw new Error(`${component}: options[${index}] must be {label: string, value: string}`);
+        }
+    });
+    return options;
+};
+//# sourceMappingURL=option.js.map

package/dist/internal/option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../src/internal/option.ts"],"names":[],"mappings":"AAmBA,mDAAmD;AACnD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE,CAC1D,OAAO,KAAK,KAAK,QAAQ;IACzB,KAAK,KAAK,IAAI;IACd,OAAQ,KAAgB,CAAC,KAAK,KAAK,QAAQ;IAC3C,OAAQ,KAAgB,CAAC,KAAK,KAAK,QAAQ,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,SAAiB,EAAY,EAAE;IAC3E,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,GAAG,SAAS,8CAA8C,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACtB,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,aAAa,KAAK,0CAA0C,CACzE,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,OAAmB,CAAC;AAC7B,CAAC,CAAC"}

package/dist/internal/overlay/Backdrop.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { Animated, ViewStyle } from 'react-native';
+export interface BackdropProps {
+    /** 0 → 1 presence progress driving the scrim opacity. */
+    progress: Animated.Value;
+    /** Resolved scrim colour. */
+    color: string;
+    /** Author slot for the scrim. */
+    styled?: StyledProp<ViewStyle>;
+    /** Fires on a tap; omit to make the scrim inert. */
+    onPress?: () => void;
+    testID?: string;
+}
+/**
+ * The scrim behind an overlay. A plain `Animated.View` (the progress value
+ * cannot travel through `styled`); the author slot is resolved with
+ * `useStyled` and merged under the animated opacity.
+ */
+declare const Backdrop: FC<BackdropProps>;
+export default Backdrop;
+//# sourceMappingURL=Backdrop.d.ts.map

package/dist/internal/overlay/Backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/Backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAa,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,aAAa;IAC5B,yDAAyD;IACzD,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,MAAM,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6B/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/internal/overlay/Backdrop.js

@@ -0,0 +1,19 @@
+import { useStyled } from '@mapples/style';
+import { Animated, Pressable, StyleSheet } from 'react-native';
+/**
+ * The scrim behind an overlay. A plain `Animated.View` (the progress value
+ * cannot travel through `styled`); the author slot is resolved with
+ * `useStyled` and merged under the animated opacity.
+ */
+const Backdrop = ({ progress, color, styled, onPress, testID, }) => {
+    const resolved = useStyled({ scrim: styled });
+    return (<Animated.View pointerEvents={onPress ? 'auto' : 'none'} style={[
+            StyleSheet.absoluteFill,
+            { backgroundColor: color, opacity: progress },
+            resolved.scrim,
+        ]}>
+      {onPress ? (<Pressable accessibilityRole="button" accessibilityLabel="Dismiss" onPress={onPress} style={StyleSheet.absoluteFill} testID={testID}/>) : null}
+    </Animated.View>);
+};
+export default Backdrop;
+//# sourceMappingURL=Backdrop.js.map

package/dist/internal/overlay/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/internal/overlay/Backdrop.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AAc1E;;;;GAIG;AACH,MAAM,QAAQ,GAAsB,CAAC,EACnC,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAA0B,CAAC;IAEvE,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACzC,KAAK,CAAC,CAAC;YACL,UAAU,CAAC,YAAY;YACvB,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC7C,QAAQ,CAAC,KAAK;SACf,CAAC,CAEF;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,SAAS,CACR,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,SAAS,CAC5B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAC/B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/internal/overlay/OverlayRoot.d.ts

@@ -0,0 +1,43 @@
+import { StyledProp } from '@mapples/style';
+import { View, ViewStyle } from 'react-native';
+export type OverlayAlign = 'center' | 'bottom' | 'top';
+export type OverlayEnter = 'fade' | 'scale' | 'slide-up' | 'slide-down';
+export interface OverlayRootProps {
+    /** Whether the overlay is shown; it stays mounted through the exit animation. */
+    visible: boolean;
+    /** Where the content sits. */
+    align: OverlayAlign;
+    /** Entrance transition of the content. */
+    enter: OverlayEnter;
+    /** Whether a scrim is painted behind the content. */
+    backdrop?: boolean;
+    /** Whether tapping the scrim dismisses. */
+    dismissOnBackdrop?: boolean;
+    /** Fires when the scrim is tapped (with `dismissOnBackdrop`). */
+    onDismiss?: () => void;
+    /** Author slot for the outer root (the absolute-fill layer). */
+    style?: StyledProp<ViewStyle>;
+    /** Author slot for the scrim. */
+    styleBackdrop?: StyledProp<ViewStyle>;
+    /** Layering among siblings; defaults to 1000. */
+    zIndex?: number;
+    /** Marks the content as modal for screen readers. */
+    modal?: boolean;
+    testID?: string;
+}
+/**
+ * The shared root of Dialog, BottomSheet, ActionSheet and Snackbar. It is the
+ * component's OWN outer view: `position: absolute` with every inset at 0, so
+ * it covers the parent it is placed in — the page root, which the canvas
+ * keeps at least a device tall and a built app keeps one screen tall. The
+ * layer is also at least one viewport tall (a web page may scroll): the
+ * device height when a style provider declares canvas dimensions, the window
+ * height otherwise. The window is wrong on the canvas — a browser window is
+ * taller than a phone frame, so centred and bottom content landed below the
+ * frame. A hidden overlay renders nothing once its exit animation has played.
+ */
+declare const OverlayRoot: import("react").ForwardRefExoticComponent<OverlayRootProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default OverlayRoot;
+//# sourceMappingURL=OverlayRoot.d.ts.map

package/dist/internal/overlay/OverlayRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayRoot.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/OverlayRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAmC,MAAM,gBAAgB,CAAC;AAE7E,OAAO,EAIL,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAExE,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,OAAO,EAAE,OAAO,CAAC;IACjB,8BAA8B;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,0CAA0C;IAC1C,KAAK,EAAE,YAAY,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC9B,iCAAiC;IACjC,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACtC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;;;;;GAUG;AACH,QAAA,MAAM,WAAW;;wCAoFhB,CAAC;AAoBF,eAAe,WAAW,CAAC"}

package/dist/internal/overlay/OverlayRoot.js

@@ -0,0 +1,81 @@
+import { forwardRef, useMemo } from 'react';
+import { StyledView, useStyle, useStyled } from '@mapples/style';
+import { useTones } from '@mapples/ui';
+import { Animated, StyleSheet, useWindowDimensions, } from 'react-native';
+import useOverlayPresence from '../useOverlayPresence';
+import Backdrop from './Backdrop';
+const OVERLAY_Z_INDEX = 1000;
+/**
+ * The shared root of Dialog, BottomSheet, ActionSheet and Snackbar. It is the
+ * component's OWN outer view: `position: absolute` with every inset at 0, so
+ * it covers the parent it is placed in — the page root, which the canvas
+ * keeps at least a device tall and a built app keeps one screen tall. The
+ * layer is also at least one viewport tall (a web page may scroll): the
+ * device height when a style provider declares canvas dimensions, the window
+ * height otherwise. The window is wrong on the canvas — a browser window is
+ * taller than a phone frame, so centred and bottom content landed below the
+ * frame. A hidden overlay renders nothing once its exit animation has played.
+ */
+const OverlayRoot = forwardRef(({ visible, align, enter, backdrop = true, dismissOnBackdrop = true, onDismiss, style, styleBackdrop, zIndex = OVERLAY_Z_INDEX, modal = false, testID, children, }, ref) => {
+    const { mounted, progress } = useOverlayPresence(visible);
+    const tones = useTones();
+    const { height: windowHeight } = useWindowDimensions();
+    const { _canvas } = useStyle();
+    const viewportHeight = _canvas ? _canvas.height : windowHeight;
+    const contentStyle = useMemo(() => {
+        const scale = progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.96, 1],
+        });
+        const translateY = progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [enter === 'slide-up' ? 24 : -24, 0],
+        });
+        const transform = [
+            ...(enter === 'scale' ? [{ scale }] : []),
+            ...(enter === 'slide-up' || enter === 'slide-down'
+                ? [{ translateY }]
+                : []),
+        ];
+        // RN's transform typing does not accept interpolations in a union
+        // array; the runtime does.
+        return {
+            opacity: progress,
+            transform,
+        };
+    }, [enter, progress]);
+    const resolvedRoot = useStyled({ root: style });
+    if (!mounted)
+        return null;
+    return (<StyledView ref={ref} testID={testID} pointerEvents={backdrop ? 'auto' : 'box-none'} accessibilityViewIsModal={modal} styled={{
+            style: [
+                StyleSheet.absoluteFill,
+                { zIndex, minHeight: viewportHeight },
+                alignStyles[align],
+                resolvedRoot.root,
+            ],
+        }}>
+        {backdrop ? (<Backdrop progress={progress} color={tones.backdrop} styled={styleBackdrop} onPress={dismissOnBackdrop ? onDismiss : undefined} testID={testID ? `${testID}-backdrop` : undefined}/>) : null}
+        <Animated.View pointerEvents="box-none" style={[alignContent[align], contentStyle]}>
+          {children}
+        </Animated.View>
+      </StyledView>);
+});
+OverlayRoot.displayName = 'OverlayRoot';
+const alignStyles = {
+    center: { justifyContent: 'center', alignItems: 'center' },
+    bottom: { justifyContent: 'flex-end', alignItems: 'stretch' },
+    top: { justifyContent: 'flex-start', alignItems: 'stretch' },
+};
+// Edge-aligned content fills the layer and sits at its edge, so a percent
+// height on the content (BottomSheet's `maxHeight: '80%'`) resolves against
+// the layer. Sized to its content instead, the wrapper made the sheet cap
+// itself at 80% of its OWN height — shrunk, lifted off the bottom edge, with
+// the scrim showing underneath. `box-none` keeps the empty part tappable.
+const alignContent = {
+    center: { width: '100%', alignItems: 'center', padding: 24 },
+    bottom: { width: '100%', flex: 1, justifyContent: 'flex-end' },
+    top: { width: '100%', flex: 1, justifyContent: 'flex-start' },
+};
+export default OverlayRoot;
+//# sourceMappingURL=OverlayRoot.js.map

package/dist/internal/overlay/OverlayRoot.js.map

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

package/dist/internal/overlay/index.d.ts

@@ -0,0 +1,5 @@
+export { default as OverlayRoot } from './OverlayRoot';
+export * from './OverlayRoot';
+export { default as Backdrop } from './Backdrop';
+export * from './Backdrop';
+//# sourceMappingURL=index.d.ts.map

package/dist/internal/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC"}

package/dist/internal/overlay/index.js

@@ -0,0 +1,5 @@
+export { default as OverlayRoot } from './OverlayRoot';
+export * from './OverlayRoot';
+export { default as Backdrop } from './Backdrop';
+export * from './Backdrop';
+//# sourceMappingURL=index.js.map

package/dist/internal/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC"}

package/dist/internal/useControllableState.d.ts

@@ -0,0 +1,17 @@
+export interface ControllableStateOptions<T> {
+    /** The controlled value; `undefined` leaves the component uncontrolled. */
+    value: T | undefined;
+    /** Initial value while uncontrolled. */
+    defaultValue: T;
+    /** Fires with the next value — the new value is always the first argument. */
+    onChange?: (next: T) => void;
+}
+/**
+ * Controlled/uncontrolled state in one hook. Controlled while `value` is
+ * defined (the parent owns it and `onChange` reports the intent); otherwise
+ * the hook keeps the value itself. Either way `onChange(next)` fires, so a
+ * canvas two-way binding sees the new value as handler argument 0.
+ */
+declare const useControllableState: <T>({ value, defaultValue, onChange, }: ControllableStateOptions<T>) => [T, (next: T) => void];
+export default useControllableState;
+//# sourceMappingURL=useControllableState.d.ts.map

package/dist/internal/useControllableState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/internal/useControllableState.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,2EAA2E;IAC3E,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,wCAAwC;IACxC,YAAY,EAAE,CAAC,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED;;;;;GAKG;AACH,QAAA,MAAM,oBAAoB,GAAI,CAAC,EAAE,oCAI9B,wBAAwB,CAAC,CAAC,CAAC,KAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAcrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/internal/useControllableState.js

@@ -0,0 +1,20 @@
+import { useCallback, useState } from 'react';
+/**
+ * Controlled/uncontrolled state in one hook. Controlled while `value` is
+ * defined (the parent owns it and `onChange` reports the intent); otherwise
+ * the hook keeps the value itself. Either way `onChange(next)` fires, so a
+ * canvas two-way binding sees the new value as handler argument 0.
+ */
+const useControllableState = ({ value, defaultValue, onChange, }) => {
+    const [internal, setInternal] = useState(defaultValue);
+    const controlled = value !== undefined;
+    const current = controlled ? value : internal;
+    const setValue = useCallback((next) => {
+        if (!controlled)
+            setInternal(next);
+        onChange?.(next);
+    }, [controlled, onChange]);
+    return [current, setValue];
+};
+export default useControllableState;
+//# sourceMappingURL=useControllableState.js.map

package/dist/internal/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../src/internal/useControllableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAW9C;;;;;GAKG;AACH,MAAM,oBAAoB,GAAG,CAAI,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,GACoB,EAA0B,EAAE;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAE,KAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IAErD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAO,EAAE,EAAE;QACV,IAAI,CAAC,UAAU;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/internal/useInteractionState.d.ts

@@ -0,0 +1,35 @@
+import { GestureResponderEvent, MouseEvent, NativeSyntheticEvent, TargetedEvent } from 'react-native';
+/** The author's handlers, as React Native types them (nullable). */
+export interface InteractionHandlers {
+    onPressIn?: ((event: GestureResponderEvent) => void) | null;
+    onPressOut?: ((event: GestureResponderEvent) => void) | null;
+    onHoverIn?: ((event: MouseEvent) => void) | null;
+    onHoverOut?: ((event: MouseEvent) => void) | null;
+    onFocus?: ((event: NativeSyntheticEvent<TargetedEvent>) => void) | null;
+    onBlur?: ((event: NativeSyntheticEvent<TargetedEvent>) => void) | null;
+}
+/** The handlers a control spreads onto its Pressable / input. */
+export interface ControlHandlers {
+    onPressIn: (event: GestureResponderEvent) => void;
+    onPressOut: (event: GestureResponderEvent) => void;
+    onHoverIn: (event: MouseEvent) => void;
+    onHoverOut: (event: MouseEvent) => void;
+    onFocus: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+    onBlur: (event: NativeSyntheticEvent<TargetedEvent>) => void;
+}
+export interface InteractionState {
+    pressed: boolean;
+    hovered: boolean;
+    focused: boolean;
+    /** Spread onto the Pressable / input; wraps the author's own handlers. */
+    handlers: ControlHandlers;
+}
+/**
+ * Tracks pressed / hovered (web) / focused state for a control and returns
+ * handlers that also call the author's handlers. Style functions cannot pass
+ * through `styled`, so transient states are expressed as style array entries
+ * driven by these flags instead of Pressable's `style={(state) => …}` form.
+ */
+declare const useInteractionState: (handlers?: InteractionHandlers, disabled?: boolean) => InteractionState;
+export default useInteractionState;
+//# sourceMappingURL=useInteractionState.d.ts.map

package/dist/internal/useInteractionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractionState.d.ts","sourceRoot":"","sources":["../../src/internal/useInteractionState.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,UAAU,EACV,oBAAoB,EACpB,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,oEAAoE;AACpE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACxE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;CACxE;AAED,iEAAiE;AACjE,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,MAAM,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,GACvB,WAAU,mBAAwB,EAClC,kBAAgB,KACf,gBAsDF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/internal/useInteractionState.js

@@ -0,0 +1,47 @@
+import { useCallback, useState } from 'react';
+/**
+ * Tracks pressed / hovered (web) / focused state for a control and returns
+ * handlers that also call the author's handlers. Style functions cannot pass
+ * through `styled`, so transient states are expressed as style array entries
+ * driven by these flags instead of Pressable's `style={(state) => …}` form.
+ */
+const useInteractionState = (handlers = {}, disabled = false) => {
+    const [pressed, setPressed] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const onPressIn = useCallback((event) => {
+        if (!disabled)
+            setPressed(true);
+        handlers.onPressIn?.(event);
+    }, [disabled, handlers]);
+    const onPressOut = useCallback((event) => {
+        setPressed(false);
+        handlers.onPressOut?.(event);
+    }, [handlers]);
+    const onHoverIn = useCallback((event) => {
+        if (!disabled)
+            setHovered(true);
+        handlers.onHoverIn?.(event);
+    }, [disabled, handlers]);
+    const onHoverOut = useCallback((event) => {
+        setHovered(false);
+        handlers.onHoverOut?.(event);
+    }, [handlers]);
+    const onFocus = useCallback((event) => {
+        if (!disabled)
+            setFocused(true);
+        handlers.onFocus?.(event);
+    }, [disabled, handlers]);
+    const onBlur = useCallback((event) => {
+        setFocused(false);
+        handlers.onBlur?.(event);
+    }, [handlers]);
+    return {
+        pressed: pressed && !disabled,
+        hovered: hovered && !disabled,
+        focused: focused && !disabled,
+        handlers: { onPressIn, onPressOut, onHoverIn, onHoverOut, onFocus, onBlur },
+    };
+};
+export default useInteractionState;
+//# sourceMappingURL=useInteractionState.js.map

package/dist/internal/useInteractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractionState.js","sourceRoot":"","sources":["../../src/internal/useInteractionState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqC9C;;;;;GAKG;AACH,MAAM,mBAAmB,GAAG,CAC1B,WAAgC,EAAE,EAClC,QAAQ,GAAG,KAAK,EACE,EAAE;IACpB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAA4B,EAAE,EAAE;QAC/B,IAAI,CAAC,QAAQ;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAChC,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA4B,EAAE,EAAE;QAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAChC,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAiB,EAAE,EAAE;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAA0C,EAAE,EAAE;QAC7C,IAAI,CAAC,QAAQ;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAChC,QAAQ,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAA0C,EAAE,EAAE;QAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC7B,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC7B,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC7B,QAAQ,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE;KAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/internal/useLoopValue.d.ts

@@ -0,0 +1,23 @@
+import { Animated } from 'react-native';
+export interface LoopOptions {
+    /** Start of the loop. */
+    from?: number;
+    /** End of the loop. */
+    to?: number;
+    /** One direction's length in ms. */
+    duration?: number;
+    /** Whether the loop runs; stopping resets the value to `from`. */
+    running?: boolean;
+    /** Bounce back (`true`) or restart from `from` (`false`). */
+    reverse?: boolean;
+    /** Use the native driver (opacity/transform only). */
+    native?: boolean;
+}
+/**
+ * A looping `Animated.Value` for pulses, shimmers and indeterminate
+ * indicators. Stops on unmount, when `running` turns false and under reduced
+ * motion (the value then rests at `from`).
+ */
+declare const useLoopValue: ({ from, to, duration, running, reverse, native, }?: LoopOptions) => Animated.Value;
+export default useLoopValue;
+//# sourceMappingURL=useLoopValue.d.ts.map

package/dist/internal/useLoopValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoopValue.d.ts","sourceRoot":"","sources":["../../src/internal/useLoopValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAIhD,MAAM,WAAW,WAAW;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,QAAA,MAAM,YAAY,GAAI,oDAOnB,WAAgB,KAAG,QAAQ,CAAC,KAyC9B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/internal/useLoopValue.js

@@ -0,0 +1,48 @@
+import { useEffect, useState } from 'react';
+import { Animated, Easing } from 'react-native';
+import { NATIVE_DRIVER, useReduceMotion } from './animation';
+/**
+ * A looping `Animated.Value` for pulses, shimmers and indeterminate
+ * indicators. Stops on unmount, when `running` turns false and under reduced
+ * motion (the value then rests at `from`).
+ */
+const useLoopValue = ({ from = 0, to = 1, duration = 900, running = true, reverse = true, native = true, } = {}) => {
+    const [value] = useState(() => new Animated.Value(from));
+    const reduceMotion = useReduceMotion();
+    useEffect(() => {
+        if (!running || reduceMotion) {
+            value.setValue(from);
+            return;
+        }
+        const useNativeDriver = native && NATIVE_DRIVER;
+        const forward = Animated.timing(value, {
+            toValue: to,
+            duration,
+            easing: Easing.inOut(Easing.ease),
+            useNativeDriver,
+        });
+        const loop = Animated.loop(reverse
+            ? Animated.sequence([
+                forward,
+                Animated.timing(value, {
+                    toValue: from,
+                    duration,
+                    easing: Easing.inOut(Easing.ease),
+                    useNativeDriver,
+                }),
+            ])
+            : Animated.sequence([
+                forward,
+                Animated.timing(value, {
+                    toValue: from,
+                    duration: 0,
+                    useNativeDriver,
+                }),
+            ]));
+        loop.start();
+        return () => loop.stop();
+    }, [duration, from, native, reduceMotion, reverse, running, to, value]);
+    return value;
+};
+export default useLoopValue;
+//# sourceMappingURL=useLoopValue.js.map

package/dist/internal/useLoopValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoopValue.js","sourceRoot":"","sources":["../../src/internal/useLoopValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAiB7D;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,GAAG,CAAC,EACR,EAAE,GAAG,CAAC,EACN,QAAQ,GAAG,GAAG,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,IAAI,EACd,MAAM,GAAG,IAAI,MACE,EAAE,EAAkB,EAAE;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC;YAC7B,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QACD,MAAM,eAAe,GAAG,MAAM,IAAI,aAAa,CAAC;QAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;YACrC,OAAO,EAAE,EAAE;YACX,QAAQ;YACR,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;YACjC,eAAe;SAChB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,OAAO;YACL,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAChB,OAAO;gBACP,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;oBACrB,OAAO,EAAE,IAAI;oBACb,QAAQ;oBACR,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;oBACjC,eAAe;iBAChB,CAAC;aACH,CAAC;YACJ,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAChB,OAAO;gBACP,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE;oBACrB,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,CAAC;oBACX,eAAe;iBAChB,CAAC;aACH,CAAC,CACP,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAExE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/internal/useOptionalFormField.d.ts

@@ -0,0 +1,21 @@
+export interface OptionalFormField<T> {
+    /** Whether the control is bound to a form field. */
+    bound: boolean;
+    /** The form value (undefined while unbound). */
+    value: T | undefined;
+    /** Writes the form value (no-op while unbound). */
+    setValue: (next: T) => void;
+    /** The field's first validation error once it has been touched. */
+    error: string | undefined;
+    /** Marks the field touched (call on blur). */
+    touch: () => void;
+}
+/**
+ * Binds a control to the nearest `FormView` field when `fieldName` is set.
+ * Without a `fieldName` the control stays a plain controlled/uncontrolled
+ * component — the form context is always present (a default form exists
+ * outside any FormView), so the name is the only switch.
+ */
+declare const useOptionalFormField: <T>(fieldName: string | undefined) => OptionalFormField<T>;
+export default useOptionalFormField;
+//# sourceMappingURL=useOptionalFormField.d.ts.map

package/dist/internal/useOptionalFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionalFormField.d.ts","sourceRoot":"","sources":["../../src/internal/useOptionalFormField.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,oDAAoD;IACpD,KAAK,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,mDAAmD;IACnD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;GAKG;AACH,QAAA,MAAM,oBAAoB,GAAI,CAAC,EAC7B,WAAW,MAAM,GAAG,SAAS,KAC5B,iBAAiB,CAAC,CAAC,CAqBrB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/internal/useOptionalFormField.js

@@ -0,0 +1,29 @@
+import { useCallback } from 'react';
+import { useFormField } from '@mapples/form';
+/**
+ * Binds a control to the nearest `FormView` field when `fieldName` is set.
+ * Without a `fieldName` the control stays a plain controlled/uncontrolled
+ * component — the form context is always present (a default form exists
+ * outside any FormView), so the name is the only switch.
+ */
+const useOptionalFormField = (fieldName) => {
+    const bound = !!fieldName;
+    const field = useFormField(fieldName ?? '__unbound__');
+    const setValue = useCallback((next) => {
+        if (bound)
+            field.setValue(next);
+    }, [bound, field]);
+    const touch = useCallback(() => {
+        if (bound && fieldName)
+            field.touch(fieldName);
+    }, [bound, field, fieldName]);
+    return {
+        bound,
+        value: bound ? field.value : undefined,
+        setValue,
+        error: bound && field.isTouched ? field.error : undefined,
+        touch,
+    };
+};
+export default useOptionalFormField;
+//# sourceMappingURL=useOptionalFormField.js.map

package/dist/internal/useOptionalFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionalFormField.js","sourceRoot":"","sources":["../../src/internal/useOptionalFormField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAe7C;;;;;GAKG;AACH,MAAM,oBAAoB,GAAG,CAC3B,SAA6B,EACP,EAAE;IACxB,MAAM,KAAK,GAAG,CAAC,CAAC,SAAS,CAAC;IAC1B,MAAM,KAAK,GAAG,YAAY,CAAI,SAAS,IAAI,aAAa,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAO,EAAE,EAAE;QACV,IAAI,KAAK;YAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,KAAK,EAAE,KAAK,CAAC,CACf,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,IAAI,SAAS;YAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,KAAK;QACL,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACtC,QAAQ;QACR,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QACzD,KAAK;KACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}