@limonify/zest-ui 0.1.0

package/lib/drawer/root/useDrawerSnapPoints.js

@@ -0,0 +1,173 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSnapPointSwipeMovement = getSnapPointSwipeMovement;
+exports.resolveSnapPointHeight = resolveSnapPointHeight;
+exports.closestSnapPointIndex = closestSnapPointIndex;
+exports.resolveSnapPoints = resolveSnapPoints;
+exports.useDrawerSnapPoints = useDrawerSnapPoints;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const DrawerRootContext_1 = require("./DrawerRootContext");
+/**
+ * Damps the swipe once the drag overshoots the fully-open edge (`nextOffset < 0`),
+ * so the popup resists travelling past it instead of tearing off the screen.
+ * Ported from upstream verbatim.
+ */
+function getSnapPointSwipeMovement(baseOffset, movementValue) {
+    const nextOffset = baseOffset + movementValue;
+    if (nextOffset >= 0) {
+        return movementValue;
+    }
+    return -Math.sqrt(-nextOffset) - baseOffset;
+}
+/**
+ * Turns a snap point into a visible height: a number `<= 1` is a fraction of the
+ * viewport, anything larger is a pixel value.
+ *
+ * **Diverges from upstream:** it accepts `'148px'`/`'30rem'` strings too. React
+ * Native styles are unitless numbers and it has no root font size, so a string
+ * form would have nothing to resolve against — zest takes numbers only.
+ */
+function resolveSnapPointHeight(snapPoint, viewportHeight) {
+    if (!Number.isFinite(viewportHeight) || viewportHeight <= 0 || !Number.isFinite(snapPoint)) {
+        return null;
+    }
+    if (snapPoint <= 1) {
+        return clamp(snapPoint, 0, 1) * viewportHeight;
+    }
+    return snapPoint;
+}
+/** The index of the value closest to `target`, or `-1` when there are none. */
+function closestSnapPointIndex(values, target) {
+    let closestIndex = -1;
+    let closestDistance = Number.POSITIVE_INFINITY;
+    values.forEach((value, index) => {
+        const distance = Math.abs(value - target);
+        if (distance < closestDistance) {
+            closestDistance = distance;
+            closestIndex = index;
+        }
+    });
+    return closestIndex;
+}
+function resolveSnapPoints(snapPoints, popupHeight, viewportHeight) {
+    if (!snapPoints || snapPoints.length === 0 || viewportHeight <= 0 || popupHeight <= 0) {
+        return [];
+    }
+    const maxHeight = Math.min(popupHeight, viewportHeight);
+    if (!Number.isFinite(maxHeight) || maxHeight <= 0) {
+        return [];
+    }
+    const resolved = snapPoints
+        .map((value) => {
+        const resolvedHeight = resolveSnapPointHeight(value, viewportHeight);
+        if (resolvedHeight === null || !Number.isFinite(resolvedHeight)) {
+            return null;
+        }
+        const height = clamp(resolvedHeight, 0, maxHeight);
+        return { value, height, offset: Math.max(0, popupHeight - height) };
+    })
+        .filter((point) => point !== null);
+    if (resolved.length <= 1) {
+        return resolved;
+    }
+    // Two snap points that land within a pixel of each other would make the
+    // closest-point search ambiguous. Later duplicates win, matching upstream.
+    const deduped = [];
+    const seenHeights = [];
+    for (let index = resolved.length - 1; index >= 0; index -= 1) {
+        const point = resolved[index];
+        if (seenHeights.some((height) => Math.abs(height - point.height) <= 1)) {
+            continue;
+        }
+        seenHeights.push(point.height);
+        deduped.push(point);
+    }
+    deduped.reverse();
+    return deduped;
+}
+/**
+ * Resolves the drawer's snap points against the measured popup and the window.
+ *
+ * Upstream measures the viewport element and watches it with a `ResizeObserver`.
+ * React Native has `useWindowDimensions`, which already re-renders on rotation —
+ * and a drawer's Modal is full-screen (`statusBarTranslucent`), so the window
+ * *is* the viewport.
+ */
+function useDrawerSnapPoints() {
+    var _a;
+    const { snapPoints, activeSnapPoint, setActiveSnapPoint, popupHeight, snapToSequentialPoints } = (0, DrawerRootContext_1.useDrawerRootContext)();
+    const { height: viewportHeight } = (0, react_native_1.useWindowDimensions)();
+    const resolvedSnapPoints = React.useMemo(() => resolveSnapPoints(snapPoints, popupHeight, viewportHeight), [snapPoints, popupHeight, viewportHeight]);
+    const activeResolvedSnapPoint = React.useMemo(() => {
+        if (resolvedSnapPoints.length === 0) {
+            return undefined;
+        }
+        if (activeSnapPoint === undefined) {
+            return resolvedSnapPoints[0];
+        }
+        if (activeSnapPoint === null) {
+            return undefined;
+        }
+        const exactMatch = resolvedSnapPoints.find((point) => Object.is(point.value, activeSnapPoint));
+        if (exactMatch) {
+            return exactMatch;
+        }
+        // A snap point that is not one of `snapPoints` still resolves, to whichever
+        // of them it lands nearest.
+        const resolvedHeight = resolveSnapPointHeight(activeSnapPoint, viewportHeight);
+        if (resolvedHeight === null) {
+            return undefined;
+        }
+        const height = clamp(resolvedHeight, 0, Math.min(popupHeight, viewportHeight));
+        const index = closestSnapPointIndex(resolvedSnapPoints.map((point) => point.height), height);
+        return resolvedSnapPoints[index];
+    }, [activeSnapPoint, popupHeight, resolvedSnapPoints, viewportHeight]);
+    return {
+        snapPoints,
+        snapToSequentialPoints,
+        activeSnapPoint,
+        setActiveSnapPoint,
+        resolvedSnapPoints,
+        activeSnapPointOffset: (_a = activeResolvedSnapPoint === null || activeResolvedSnapPoint === void 0 ? void 0 : activeResolvedSnapPoint.offset) !== null && _a !== void 0 ? _a : null,
+        hasSnapPoints: resolvedSnapPoints.length > 0,
+    };
+}
+function clamp(value, lower, upper) {
+    return Math.min(Math.max(value, lower), upper);
+}
+//# sourceMappingURL=useDrawerSnapPoints.js.map

package/lib/drawer/root/useDrawerSnapPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerSnapPoints.js","sourceRoot":"","sources":["../../../src/drawer/root/useDrawerSnapPoints.ts"],"names":[],"mappings":"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"}

package/lib/drawer/swipe-area/DrawerSwipeArea.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+import { type DrawerSwipeDirection } from '../root/DrawerRootContext';
+/**
+ * An invisible area, usually pinned to a screen edge, that opens the drawer when
+ * swiped. Renders a `<View>` wrapped in a `GestureDetector`.
+ *
+ * Its swipe direction defaults to the opposite of `Drawer.Root`'s
+ * `swipeDirection`: a drawer dismissed by swiping `down` is opened by swiping
+ * `up`. Place it where the drawer enters from (a bottom drawer's swipe area sits
+ * at the bottom of the screen) and give it a size — it has none of its own.
+ *
+ * Requires `react-native-gesture-handler`, and the app to be wrapped in
+ * `<GestureHandlerRootView>`.
+ */
+export declare function DrawerSwipeArea(componentProps: DrawerSwipeArea.Props): React.JSX.Element;
+export interface DrawerSwipeAreaState {
+    /**
+     * Whether the drawer is currently open.
+     */
+    open: boolean;
+    /**
+     * Whether a swipe is currently in progress.
+     */
+    swiping: boolean;
+    /**
+     * The swipe direction that opens the drawer.
+     */
+    swipeDirection: DrawerSwipeDirection;
+    /**
+     * Whether the swipe area is disabled.
+     */
+    disabled: boolean;
+}
+export interface DrawerSwipeAreaProps extends ZestUIComponentProps<typeof View, DrawerSwipeAreaState> {
+    /**
+     * Whether the swipe area is disabled.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * The swipe direction that opens the drawer. Defaults to the opposite of
+     * `Drawer.Root`'s `swipeDirection`.
+     */
+    swipeDirection?: DrawerSwipeDirection | undefined;
+    /**
+     * How far a swipe must travel, in pixels, before it opens the drawer.
+     * @default 40
+     */
+    swipeThreshold?: number | undefined;
+}
+export declare namespace DrawerSwipeArea {
+    type State = DrawerSwipeAreaState;
+    type Props = DrawerSwipeAreaProps;
+}
+//# sourceMappingURL=DrawerSwipeArea.d.ts.map

package/lib/drawer/swipe-area/DrawerSwipeArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSwipeArea.d.ts","sourceRoot":"","sources":["../../../src/drawer/swipe-area/DrawerSwipeArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAwB,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAiB5F;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,cAAc,EAAE,eAAe,CAAC,KAAK,qBA2EpE;AAgBD,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,cAAc,EAAE,oBAAoB,CAAC;IACrC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,oBAAoB,CAAC;IAC/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC1C"}

package/lib/drawer/swipe-area/DrawerSwipeArea.js

@@ -0,0 +1,139 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerSwipeArea = DrawerSwipeArea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const DialogRootContext_1 = require("../../dialog/root/DialogRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const DrawerRootContext_1 = require("../root/DrawerRootContext");
+/**
+ * How far a swipe must travel, in pixels, before it opens the drawer. Matches
+ * upstream's `FALLBACK_SWIPE_OPEN_THRESHOLD` — upstream also scales this to half
+ * the popup size, but the swipe area is measured before the popup ever mounts, so
+ * a fixed pixel threshold is all React Native can offer here.
+ */
+const DEFAULT_SWIPE_OPEN_THRESHOLD = 40;
+const oppositeSwipeDirection = {
+    up: 'down',
+    down: 'up',
+    left: 'right',
+    right: 'left',
+};
+/**
+ * An invisible area, usually pinned to a screen edge, that opens the drawer when
+ * swiped. Renders a `<View>` wrapped in a `GestureDetector`.
+ *
+ * Its swipe direction defaults to the opposite of `Drawer.Root`'s
+ * `swipeDirection`: a drawer dismissed by swiping `down` is opened by swiping
+ * `up`. Place it where the drawer enters from (a bottom drawer's swipe area sits
+ * at the bottom of the screen) and give it a size — it has none of its own.
+ *
+ * Requires `react-native-gesture-handler`, and the app to be wrapped in
+ * `<GestureHandlerRootView>`.
+ */
+function DrawerSwipeArea(componentProps) {
+    const { render, className, style, disabled = false, swipeDirection: swipeDirectionProp, swipeThreshold = DEFAULT_SWIPE_OPEN_THRESHOLD, ref, ...elementProps } = componentProps;
+    const { testID } = elementProps;
+    const store = (0, DialogRootContext_1.useDialogRootContext)();
+    const { swipeDirection: dismissDirection } = (0, DrawerRootContext_1.useDrawerRootContext)();
+    const open = store.useState('open');
+    const [swiping, setSwiping] = React.useState(false);
+    // The direction that *opens* the drawer is the opposite of the one that
+    // dismisses it, unless the consumer overrides it.
+    const openDirection = swipeDirectionProp !== null && swipeDirectionProp !== void 0 ? swipeDirectionProp : oppositeSwipeDirection[dismissDirection];
+    const release = (0, useStableCallback_1.useStableCallback)((translationX, translationY) => {
+        if (disabled) {
+            return;
+        }
+        const displacement = getDisplacement(openDirection, translationX, translationY);
+        if (displacement > swipeThreshold) {
+            store.setOpen(true, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.swipe));
+        }
+    });
+    const gesture = React.useMemo(() => react_native_gesture_handler_1.Gesture.Pan()
+        // A gesture is invisible to the rendered tree, so tests can only reach it
+        // through gesture-handler's registry, which is keyed by this id.
+        .withTestId(testID !== null && testID !== void 0 ? testID : 'drawer-swipe-area')
+        .enabled(!disabled)
+        .onBegin(() => {
+        setSwiping(true);
+    })
+        .onEnd((event) => release(event.translationX, event.translationY))
+        .onFinalize(() => {
+        setSwiping(false);
+    })
+        // The handlers touch React state, so they must not run on the UI thread.
+        .runOnJS(true), [testID, disabled, release]);
+    const state = {
+        open,
+        swiping,
+        swipeDirection: openDirection,
+        disabled,
+    };
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                accessibilityElementsHidden: true,
+                importantForAccessibility: 'no-hide-descendants',
+                'aria-hidden': true,
+            },
+            elementProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector, { gesture: gesture, children: element });
+}
+/** How far a translation has travelled towards `direction`. */
+function getDisplacement(direction, x, y) {
+    switch (direction) {
+        case 'up':
+            return -y;
+        case 'down':
+            return y;
+        case 'left':
+            return -x;
+        default:
+            return x;
+    }
+}
+//# sourceMappingURL=DrawerSwipeArea.js.map

package/lib/drawer/swipe-area/DrawerSwipeArea.js.map

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

package/lib/field/control/FieldControl.d.ts

@@ -0,0 +1,29 @@
+import { TextInput } from 'react-native';
+import type { FieldRoot } from '../root/FieldRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * The field's text input.
+ * Renders a `<TextInput>`.
+ */
+export declare function FieldControl(componentProps: FieldControl.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface FieldControlState extends FieldRoot.State {
+}
+export interface FieldControlProps extends Omit<ZestUIComponentProps<typeof TextInput, FieldControlState>, 'value'> {
+    /**
+     * The controlled text value.
+     */
+    value?: string | undefined;
+    /**
+     * The initial text value when uncontrolled.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Called with the new text as it changes.
+     */
+    onValueChange?: ((value: string) => void) | undefined;
+}
+export declare namespace FieldControl {
+    type State = FieldControlState;
+    type Props = FieldControlProps;
+}
+//# sourceMappingURL=FieldControl.d.ts.map

package/lib/field/control/FieldControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldControl.d.ts","sourceRoot":"","sources":["../../../src/field/control/FieldControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,8FA4B9D;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS,CAAC,KAAK;CAAG;AAE7D,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAChF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/field/control/FieldControl.js

@@ -0,0 +1,29 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldControl = FieldControl;
+const react_native_1 = require("react-native");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const FieldRootContext_1 = require("../root/FieldRootContext");
+const useFieldControl_1 = require("./useFieldControl");
+/**
+ * The field's text input.
+ * Renders a `<TextInput>`.
+ */
+function FieldControl(componentProps) {
+    const { render, className, style, value: valueProp, defaultValue, onValueChange, nativeID, ref, ...elementProps } = componentProps;
+    const { state } = (0, FieldRootContext_1.useFieldRootContext)();
+    const { props } = (0, useFieldControl_1.useFieldControl)({
+        value: valueProp,
+        defaultValue,
+        onValueChange,
+        nativeID,
+        requireField: true,
+    });
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.TextInput, componentProps, {
+        state,
+        ref,
+        props: [props, elementProps],
+    });
+}
+//# sourceMappingURL=FieldControl.js.map

package/lib/field/control/FieldControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldControl.js","sourceRoot":"","sources":["../../../src/field/control/FieldControl.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,oCA4BC;AAvCD,+CAAyC;AACzC,wEAAqE;AACrE,+DAA+D;AAG/D,uDAAoD;AAEpD;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sCAAmB,GAAE,CAAC;IAExC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,iCAAe,EAAC;QAChC,KAAK,EAAE,SAAS;QAChB,YAAY;QACZ,aAAa;QACb,QAAQ;QACR,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC"}

package/lib/field/control/useFieldControl.d.ts

@@ -0,0 +1,39 @@
+import type { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
+import { type FieldRootContext } from '../root/FieldRootContext';
+export interface UseFieldControlParameters {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    nativeID?: string | undefined;
+    /**
+     * Whether a surrounding `Field.Root` is required. `Field.Control` passes
+     * `true`; a standalone `Input` passes `false` and works without one.
+     */
+    requireField: boolean;
+}
+/**
+ * The behaviour shared by `Field.Control` and `Input`: controlled/uncontrolled
+ * text, validation timing, the field's `filled`/`dirty`/`touched`/`focused`
+ * bookkeeping, and the accessibility wiring to the label and messages.
+ */
+export declare function useFieldControl(parameters: UseFieldControlParameters): {
+    field: FieldRootContext | undefined;
+    value: string;
+    props: {
+        nativeID: string | undefined;
+        value: string;
+        onChangeText: (text: string) => void;
+        onFocus: () => void;
+        onBlur: (_event: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+        editable: boolean;
+        accessibilityLabelledBy: string | undefined;
+        accessibilityDescribedBy: string | undefined;
+        'aria-labelledby': string | undefined;
+        'aria-describedby': string | undefined;
+        accessibilityState: {
+            disabled: true | undefined;
+        };
+        'aria-invalid': true | undefined;
+    };
+};
+//# sourceMappingURL=useFieldControl.d.ts.map

package/lib/field/control/useFieldControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldControl.d.ts","sourceRoot":"","sources":["../../../src/field/control/useFieldControl.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAKlF,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEtF,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,yBAAyB;;;;;;6BAsCjB,MAAM;;yBAmBV,oBAAoB,CAAC,uBAAuB,CAAC;;;;;;;;;;;EA6B5F"}

package/lib/field/control/useFieldControl.js

@@ -0,0 +1,119 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFieldControl = useFieldControl;
+const React = __importStar(require("react"));
+const useControlled_1 = require("../../hooks/useControlled");
+const useId_1 = require("../../hooks/useId");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const FieldRootContext_1 = require("../root/FieldRootContext");
+/**
+ * The behaviour shared by `Field.Control` and `Input`: controlled/uncontrolled
+ * text, validation timing, the field's `filled`/`dirty`/`touched`/`focused`
+ * bookkeeping, and the accessibility wiring to the label and messages.
+ */
+function useFieldControl(parameters) {
+    const { value: valueProp, defaultValue, onValueChange, nativeID, requireField } = parameters;
+    const field = (0, FieldRootContext_1.useFieldRootContext)(false);
+    if (requireField && field === undefined) {
+        throw new Error('Zest: FieldRootContext is missing. <Field.Control> must be placed within <Field.Root>.');
+    }
+    const [value, setValueState] = (0, useControlled_1.useControlled)({
+        controlled: valueProp,
+        default: defaultValue !== null && defaultValue !== void 0 ? defaultValue : '',
+        name: 'FieldControl',
+        state: 'value',
+    });
+    const id = (0, useId_1.useId)(nativeID !== null && nativeID !== void 0 ? nativeID : undefined);
+    const initialValueRef = React.useRef(value);
+    // Point the field's label/messages at this control.
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        field === null || field === void 0 ? void 0 : field.setControlId(id);
+        return () => field === null || field === void 0 ? void 0 : field.setControlId(undefined);
+    }, [field, id]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        field === null || field === void 0 ? void 0 : field.setFilled(value.length > 0);
+    }, [field, value]);
+    const validateNow = (0, useStableCallback_1.useStableCallback)((nextValue) => {
+        if (!field) {
+            return;
+        }
+        const errors = field.runValidation(nextValue);
+        field.setValidityData({ valid: errors.length === 0, errors });
+    });
+    const handleChangeText = (0, useStableCallback_1.useStableCallback)((text) => {
+        if (field === null || field === void 0 ? void 0 : field.disabled) {
+            return;
+        }
+        setValueState(text);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(text);
+        field === null || field === void 0 ? void 0 : field.setDirty(text !== initialValueRef.current);
+        if ((field === null || field === void 0 ? void 0 : field.validationMode) === 'onChange') {
+            validateNow(text);
+        }
+    });
+    const handleFocus = (0, useStableCallback_1.useStableCallback)(() => {
+        field === null || field === void 0 ? void 0 : field.setFocused(true);
+    });
+    const handleBlur = (0, useStableCallback_1.useStableCallback)((_event) => {
+        field === null || field === void 0 ? void 0 : field.setFocused(false);
+        field === null || field === void 0 ? void 0 : field.setTouched(true);
+        if ((field === null || field === void 0 ? void 0 : field.validationMode) === 'onBlur') {
+            validateNow(value);
+        }
+    });
+    const describedBy = field && field.messageIds.length > 0 ? field.messageIds.join(' ') : undefined;
+    return {
+        field,
+        value,
+        props: {
+            nativeID: id,
+            value,
+            onChangeText: handleChangeText,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            editable: !(field === null || field === void 0 ? void 0 : field.disabled),
+            accessibilityLabelledBy: field === null || field === void 0 ? void 0 : field.labelId,
+            accessibilityDescribedBy: describedBy,
+            'aria-labelledby': field === null || field === void 0 ? void 0 : field.labelId,
+            'aria-describedby': describedBy,
+            accessibilityState: { disabled: (field === null || field === void 0 ? void 0 : field.disabled) || undefined },
+            'aria-invalid': (field === null || field === void 0 ? void 0 : field.validityData.valid) === false || undefined,
+        },
+    };
+}
+//# sourceMappingURL=useFieldControl.js.map

package/lib/field/control/useFieldControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldControl.js","sourceRoot":"","sources":["../../../src/field/control/useFieldControl.ts"],"names":[],"mappings":"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"}

package/lib/field/description/FieldDescription.d.ts

@@ -0,0 +1,17 @@
+import { Text } from 'react-native';
+import type { FieldRoot } from '../root/FieldRoot';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A description for the field's control, announced alongside it.
+ * Renders a `<Text>`.
+ */
+export declare function FieldDescription(componentProps: FieldDescription.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface FieldDescriptionState extends FieldRoot.State {
+}
+export interface FieldDescriptionProps extends ZestUIComponentProps<typeof Text, FieldDescriptionState> {
+}
+export declare namespace FieldDescription {
+    type State = FieldDescriptionState;
+    type Props = FieldDescriptionProps;
+}
+//# sourceMappingURL=FieldDescription.d.ts.map

package/lib/field/description/FieldDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.d.ts","sourceRoot":"","sources":["../../../src/field/description/FieldDescription.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,8FAqBtE;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,KAAK;CAAG;AAEjE,MAAM,WAAW,qBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,qBAAqB,CAAC;CAAG;AAErE,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC3C"}