@limonify/zest-ui 0.1.0

package/lib/internals/composite/list/CompositeList.js

@@ -0,0 +1,148 @@
+"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.CompositeList = CompositeList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const useRefWithInit_1 = require("../../../hooks/useRefWithInit");
+const useStableCallback_1 = require("../../../hooks/useStableCallback");
+const useIsoLayoutEffect_1 = require("../../../hooks/useIsoLayoutEffect");
+const CompositeListContext_1 = require("./CompositeListContext");
+/**
+ * Provides context for a list of items in a composite component, assigning each
+ * one its index in visual order.
+ *
+ * The web version sorts by `compareDocumentPosition` and watches for reorders
+ * with a `MutationObserver`. React Native has neither a document nor mutation
+ * records, so ordering comes from two sources:
+ *
+ * 1. **Registration order**, which is exact at mount because React runs layout
+ *    effects in child order. This is what upstream itself falls back to via
+ *    `IndexGuessBehavior.GuessFromOrder`.
+ * 2. **Measured layout**, once every item has reported one. Items are then
+ *    sorted in reading order, which is the real visual order — it stays correct
+ *    under `row-reverse`, wrapping, and absolute positioning, and it repairs the
+ *    case registration order cannot see: children reordered without remounting,
+ *    which never re-runs an effect but always moves the item on screen.
+ *
+ * Sorting only switches to layout once *all* items are measured, so the
+ * comparator never mixes the two orderings (which could not be transitive).
+ */
+function CompositeList(props) {
+    const { children, onMapChange: onMapChangeProp } = props;
+    const onMapChange = (0, useStableCallback_1.useStableCallback)(onMapChangeProp !== null && onMapChangeProp !== void 0 ? onMapChangeProp : (() => { }));
+    const listeners = (0, useRefWithInit_1.useRefWithInit)(createListeners).current;
+    const map = (0, useRefWithInit_1.useRefWithInit)((createMap)).current;
+    const nextRegistrationIndexRef = React.useRef(0);
+    // `mapTick` is the re-render trigger; `map` itself is stable to avoid
+    // reallocating on every registration.
+    const [mapTick, setMapTick] = React.useState(0);
+    const lastTickRef = React.useRef(mapTick);
+    const bumpTick = (0, useStableCallback_1.useStableCallback)(() => {
+        lastTickRef.current += 1;
+        setMapTick(lastTickRef.current);
+    });
+    const register = (0, useStableCallback_1.useStableCallback)((key, metadata) => {
+        var _a;
+        const existing = map.get(key);
+        map.set(key, {
+            metadata,
+            registrationIndex: (_a = existing === null || existing === void 0 ? void 0 : existing.registrationIndex) !== null && _a !== void 0 ? _a : nextRegistrationIndexRef.current++,
+            layout: existing === null || existing === void 0 ? void 0 : existing.layout,
+        });
+        bumpTick();
+    });
+    const unregister = (0, useStableCallback_1.useStableCallback)((key) => {
+        map.delete(key);
+        bumpTick();
+    });
+    const setItemLayout = (0, useStableCallback_1.useStableCallback)((key, layout) => {
+        const existing = map.get(key);
+        if (!existing || isSameLayout(existing.layout, layout)) {
+            return;
+        }
+        map.set(key, { ...existing, layout });
+        bumpTick();
+    });
+    const sortedMap = React.useMemo(() => {
+        // `mapTick` is the trigger; `map` is stable.
+        void mapTick;
+        const entries = Array.from(map.entries());
+        const allMeasured = entries.every(([, record]) => record.layout !== undefined);
+        entries.sort(([, a], [, b]) => allMeasured ? compareReadingOrder(a.layout, b.layout) : a.registrationIndex - b.registrationIndex);
+        const newMap = new Map();
+        entries.forEach(([key, record], index) => {
+            newMap.set(key, { ...record.metadata, index, layout: record.layout });
+        });
+        return newMap;
+    }, [map, mapTick]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        onMapChange(sortedMap);
+        listeners.forEach((listener) => listener(sortedMap));
+    }, [onMapChange, listeners, sortedMap]);
+    const subscribeMapChange = (0, useStableCallback_1.useStableCallback)((fn) => {
+        listeners.add(fn);
+        return () => {
+            listeners.delete(fn);
+        };
+    });
+    const contextValue = React.useMemo(() => ({ register, unregister, setItemLayout, subscribeMapChange }), [register, unregister, setItemLayout, subscribeMapChange]);
+    return ((0, jsx_runtime_1.jsx)(CompositeListContext_1.CompositeListContext.Provider, { value: contextValue, children: children }));
+}
+/**
+ * Reading order: items whose vertical extents overlap are on the same row and
+ * sort left to right; otherwise the higher one comes first. A plain `y` compare
+ * would misorder a row whose items differ in height or vertical alignment.
+ */
+function compareReadingOrder(a, b) {
+    const aBottom = a.y + a.height;
+    const bBottom = b.y + b.height;
+    const overlapsVertically = a.y < bBottom && b.y < aBottom;
+    if (overlapsVertically) {
+        return a.x - b.x;
+    }
+    return a.y - b.y;
+}
+function isSameLayout(a, b) {
+    return a != null && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function createMap() {
+    return new Map();
+}
+function createListeners() {
+    return new Set();
+}
+//# sourceMappingURL=CompositeList.js.map

package/lib/internals/composite/list/CompositeList.js.map

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

package/lib/internals/composite/list/CompositeListContext.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/**
+ * Items are keyed by a stable object identity rather than an element: React
+ * Native has no `Element` to use as a map key.
+ */
+export type CompositeItemKey = object;
+export interface CompositeItemLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type CompositeMetadata<CustomMetadata> = {
+    index?: number | null | undefined;
+    layout?: CompositeItemLayout | undefined;
+} & CustomMetadata;
+export interface CompositeListContext<Metadata = any> {
+    register: (key: CompositeItemKey, metadata: Metadata) => void;
+    unregister: (key: CompositeItemKey) => void;
+    setItemLayout: (key: CompositeItemKey, layout: CompositeItemLayout) => void;
+    subscribeMapChange: (fn: (map: Map<CompositeItemKey, CompositeMetadata<Metadata>>) => void) => () => void;
+}
+export declare const CompositeListContext: React.Context<CompositeListContext<any> | undefined>;
+export declare function useCompositeListContext<Metadata = any>(): CompositeListContext<Metadata>;
+//# sourceMappingURL=CompositeListContext.d.ts.map

package/lib/internals/composite/list/CompositeListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeListContext.d.ts","sourceRoot":"","sources":["../../../../src/internals/composite/list/CompositeListContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAEtC,MAAM,WAAW,mBAAmB;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,iBAAiB,CAAC,cAAc,IAAI;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C,GAAG,cAAc,CAAC;AAEnB,MAAM,WAAW,oBAAoB,CAAC,QAAQ,GAAG,GAAG;IAClD,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,CAAC,GAAG,EAAE,gBAAgB,EAAE,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAClB,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,KAAK,IAAI,KAClE,MAAM,IAAI,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,sDAEhC,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,QAAQ,GAAG,GAAG,oCASrD"}

package/lib/internals/composite/list/CompositeListContext.js

@@ -0,0 +1,48 @@
+"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.CompositeListContext = void 0;
+exports.useCompositeListContext = useCompositeListContext;
+const React = __importStar(require("react"));
+exports.CompositeListContext = React.createContext(undefined);
+function useCompositeListContext() {
+    const context = React.useContext(exports.CompositeListContext);
+    if (context === undefined) {
+        throw new Error('Zest: CompositeListContext is missing. Items must be within a CompositeList.');
+    }
+    return context;
+}
+//# sourceMappingURL=CompositeListContext.js.map

package/lib/internals/composite/list/CompositeListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeListContext.js","sourceRoot":"","sources":["../../../../src/internals/composite/list/CompositeListContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCb,0DASC;AA1CD,6CAA+B;AA6BlB,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CACrD,SAAS,CACV,CAAC;AAEF,SAAgB,uBAAuB;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,4BAAoB,CACrB,CAAC;IACF,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/internals/composite/list/useCompositeListItem.d.ts

@@ -0,0 +1,21 @@
+import type { LayoutChangeEvent } from 'react-native';
+export interface UseCompositeListItemParameters<Metadata> {
+    metadata?: Metadata | undefined;
+}
+export interface UseCompositeListItemReturnValue {
+    /**
+     * The item's index in visual order. Starts at the item's registration order
+     * and is corrected once the whole list has been measured.
+     */
+    index: number;
+    /**
+     * Must be spread onto the item's element so the list can learn where it
+     * actually sits on screen.
+     */
+    onLayout: (event: LayoutChangeEvent) => void;
+}
+/**
+ * Registers a list item with the `CompositeList` and reports its position.
+ */
+export declare function useCompositeListItem<Metadata>(params?: UseCompositeListItemParameters<Metadata>): UseCompositeListItemReturnValue;
+//# sourceMappingURL=useCompositeListItem.d.ts.map

package/lib/internals/composite/list/useCompositeListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompositeListItem.d.ts","sourceRoot":"","sources":["../../../../src/internals/composite/list/useCompositeListItem.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKtD,MAAM,WAAW,8BAA8B,CAAC,QAAQ;IACtD,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,+BAA+B;IAC9C;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAC3C,MAAM,GAAE,8BAA8B,CAAC,QAAQ,CAAM,GACpD,+BAA+B,CAoCjC"}

package/lib/internals/composite/list/useCompositeListItem.js

@@ -0,0 +1,75 @@
+"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.useCompositeListItem = useCompositeListItem;
+const React = __importStar(require("react"));
+const useIsoLayoutEffect_1 = require("../../../hooks/useIsoLayoutEffect");
+const useRefWithInit_1 = require("../../../hooks/useRefWithInit");
+const CompositeListContext_1 = require("./CompositeListContext");
+/**
+ * Registers a list item with the `CompositeList` and reports its position.
+ */
+function useCompositeListItem(params = {}) {
+    const { metadata } = params;
+    const { register, unregister, setItemLayout, subscribeMapChange } = (0, CompositeListContext_1.useCompositeListContext)();
+    // A stable identity for this item instance, standing in for the DOM node the
+    // web version keys its map by.
+    const key = (0, useRefWithInit_1.useRefWithInit)(createKey).current;
+    const [index, setIndex] = React.useState(-1);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        register(key, metadata);
+        return () => {
+            unregister(key);
+        };
+    }, [register, unregister, key, metadata]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        return subscribeMapChange((map) => {
+            var _a;
+            const nextIndex = (_a = map.get(key)) === null || _a === void 0 ? void 0 : _a.index;
+            if (nextIndex != null) {
+                setIndex(nextIndex);
+            }
+        });
+    }, [subscribeMapChange, key]);
+    const onLayout = React.useCallback((event) => {
+        setItemLayout(key, event.nativeEvent.layout);
+    }, [setItemLayout, key]);
+    return { index, onLayout };
+}
+function createKey() {
+    return {};
+}
+//# sourceMappingURL=useCompositeListItem.js.map

package/lib/internals/composite/list/useCompositeListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompositeListItem.js","sourceRoot":"","sources":["../../../../src/internals/composite/list/useCompositeListItem.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Bb,oDAsCC;AAhED,6CAA+B;AAE/B,0EAAuE;AACvE,kEAA+D;AAC/D,iEAAiE;AAmBjE;;GAEG;AACH,SAAgB,oBAAoB,CAClC,SAAmD,EAAE;IAErD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE5B,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAC/D,IAAA,8CAAuB,GAAY,CAAC;IAEtC,6EAA6E;IAC7E,+BAA+B;IAC/B,MAAM,GAAG,GAAG,IAAA,+BAAc,EAAC,SAAS,CAAC,CAAC,OAAO,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7C,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,QAAQ,CAAC,GAAG,EAAE,QAAoB,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,OAAO,kBAAkB,CAAC,CAAC,GAAG,EAAE,EAAE;;YAChC,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,0CAAE,KAAK,CAAC;YACtC,IAAI,SAAS,IAAI,IAAI,EAAE,CAAC;gBACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAAwB,EAAE,EAAE;QAC3B,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,aAAa,EAAE,GAAG,CAAC,CACrB,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/lib/internals/field/useFieldControlRegistration.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Wires a non-text form control (Checkbox, Switch, RadioGroup, NumberField) into
+ * a surrounding `Field.Root`, when there is one.
+ *
+ * A field-aware control:
+ * - is labelled by `Field.Label` and described by `Field.Description`/`Error`
+ *   (through `accessibilityLabelledBy`/`accessibilityDescribedBy`);
+ * - inherits the field's (and its fieldset's) `disabled`;
+ * - runs the field's `validate` when its value changes.
+ *
+ * Outside a `Field.Root` everything is `undefined`/no-op, so a standalone
+ * control is unaffected.
+ */
+export declare function useFieldControlRegistration(): {
+    /**
+     * `true` when a surrounding field (or fieldset) is disabled.
+     */
+    fieldDisabled: boolean;
+    /**
+     * Accessibility props associating the control with the field's label and
+     * messages. Spread into the control's props before `elementProps`.
+     */
+    fieldProps: {
+        accessibilityLabelledBy: string | undefined;
+        accessibilityDescribedBy: string | undefined;
+        'aria-labelledby': string | undefined;
+        'aria-describedby': string | undefined;
+    };
+    /**
+     * Runs the field's validation for a new control value. No-op without a field.
+     */
+    validateField: (value: unknown) => void;
+    /**
+     * Whether a surrounding field is present at all.
+     */
+    hasField: boolean;
+};
+//# sourceMappingURL=useFieldControlRegistration.d.ts.map

package/lib/internals/field/useFieldControlRegistration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldControlRegistration.d.ts","sourceRoot":"","sources":["../../../src/internals/field/useFieldControlRegistration.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AACH,wBAAgB,2BAA2B;IAevC;;OAEG;;IAEH;;;OAGG;;;;;;;IAOH;;OAEG;2BA5BsC,OAAO;IA8BhD;;OAEG;;EAGN"}

package/lib/internals/field/useFieldControlRegistration.js

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFieldControlRegistration = useFieldControlRegistration;
+const FieldRootContext_1 = require("../../field/root/FieldRootContext");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+/**
+ * Wires a non-text form control (Checkbox, Switch, RadioGroup, NumberField) into
+ * a surrounding `Field.Root`, when there is one.
+ *
+ * A field-aware control:
+ * - is labelled by `Field.Label` and described by `Field.Description`/`Error`
+ *   (through `accessibilityLabelledBy`/`accessibilityDescribedBy`);
+ * - inherits the field's (and its fieldset's) `disabled`;
+ * - runs the field's `validate` when its value changes.
+ *
+ * Outside a `Field.Root` everything is `undefined`/no-op, so a standalone
+ * control is unaffected.
+ */
+function useFieldControlRegistration() {
+    var _a;
+    const field = (0, FieldRootContext_1.useFieldRootContext)(false);
+    const validate = (0, useStableCallback_1.useStableCallback)((value) => {
+        if (!field) {
+            return;
+        }
+        const errors = field.runValidation(value);
+        field.setValidityData({ valid: errors.length === 0, errors });
+    });
+    const describedBy = field && field.messageIds.length > 0 ? field.messageIds.join(' ') : undefined;
+    return {
+        /**
+         * `true` when a surrounding field (or fieldset) is disabled.
+         */
+        fieldDisabled: (_a = field === null || field === void 0 ? void 0 : field.disabled) !== null && _a !== void 0 ? _a : false,
+        /**
+         * Accessibility props associating the control with the field's label and
+         * messages. Spread into the control's props before `elementProps`.
+         */
+        fieldProps: {
+            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,
+        },
+        /**
+         * Runs the field's validation for a new control value. No-op without a field.
+         */
+        validateField: validate,
+        /**
+         * Whether a surrounding field is present at all.
+         */
+        hasField: field != null,
+    };
+}
+//# sourceMappingURL=useFieldControlRegistration.js.map

package/lib/internals/field/useFieldControlRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldControlRegistration.js","sourceRoot":"","sources":["../../../src/internals/field/useFieldControlRegistration.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiBb,kEAsCC;AAtDD,wEAAwE;AACxE,qEAAkE;AAElE;;;;;;;;;;;;GAYG;AACH,SAAgB,2BAA2B;;IACzC,MAAM,KAAK,GAAG,IAAA,sCAAmB,EAAC,KAAK,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,IAAA,qCAAiB,EAAC,CAAC,KAAc,EAAE,EAAE;QACpD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GACf,KAAK,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhF,OAAO;QACL;;WAEG;QACH,aAAa,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK;QACvC;;;WAGG;QACH,UAAU,EAAE;YACV,uBAAuB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;YACvC,wBAAwB,EAAE,WAAW;YACrC,iBAAiB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;YACjC,kBAAkB,EAAE,WAAW;SAChC;QACD;;WAEG;QACH,aAAa,EAAE,QAAQ;QACvB;;WAEG;QACH,QAAQ,EAAE,KAAK,IAAI,IAAI;KACxB,CAAC;AACJ,CAAC"}

package/lib/internals/use-button/useButton.d.ts

@@ -0,0 +1,27 @@
+import type { NativeProps } from '../../types';
+/**
+ * Shared press-target behavior for button-like parts (Button, Dialog.Trigger,
+ * Dialog.Close, Checkbox.Root, ...).
+ *
+ * React Native adaptation of Base UI's `useButton`: the web version's
+ * `nativeButton`, `focusableWhenDisabled` and composite-navigation concerns
+ * are DOM-only and intentionally absent. `Pressable` already suppresses press
+ * events when `disabled` is set; this hook adds the accessibility contract.
+ */
+export declare function useButton(parameters?: useButton.Parameters): {
+    getButtonProps: (externalProps?: NativeProps) => NativeProps;
+};
+export declare namespace useButton {
+    interface Parameters {
+        /**
+         * Whether the button should ignore user interaction.
+         * @default false
+         */
+        disabled?: boolean | undefined;
+        /**
+         * Additional internal props merged before external ones.
+         */
+        buttonProps?: NativeProps | undefined;
+    }
+}
+//# sourceMappingURL=useButton.d.ts.map

package/lib/internals/use-button/useButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButton.d.ts","sourceRoot":"","sources":["../../../src/internals/use-button/useButton.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,UAAU,GAAE,SAAS,CAAC,UAAe;qCAGtB,WAAW,KAAQ,WAAW;EAatE;AAED,yBAAiB,SAAS,CAAC;IACzB,UAAiB,UAAU;QACzB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/B;;WAEG;QACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;KACvC;CACF"}

package/lib/internals/use-button/useButton.js

@@ -0,0 +1,27 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useButton = useButton;
+const merge_props_1 = require("../../merge-props");
+/**
+ * Shared press-target behavior for button-like parts (Button, Dialog.Trigger,
+ * Dialog.Close, Checkbox.Root, ...).
+ *
+ * React Native adaptation of Base UI's `useButton`: the web version's
+ * `nativeButton`, `focusableWhenDisabled` and composite-navigation concerns
+ * are DOM-only and intentionally absent. `Pressable` already suppresses press
+ * events when `disabled` is set; this hook adds the accessibility contract.
+ */
+function useButton(parameters = {}) {
+    const { disabled = false, buttonProps: extraButtonProps } = parameters;
+    const getButtonProps = (externalProps = {}) => {
+        return (0, merge_props_1.mergeProps)({
+            accessibilityRole: 'button',
+            accessibilityState: { disabled: disabled || undefined },
+            disabled,
+            ...extraButtonProps,
+        }, externalProps);
+    };
+    return { getButtonProps };
+}
+//# sourceMappingURL=useButton.js.map

package/lib/internals/use-button/useButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButton.js","sourceRoot":"","sources":["../../../src/internals/use-button/useButton.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAab,8BAgBC;AA5BD,mDAA+C;AAG/C;;;;;;;;GAQG;AACH,SAAgB,SAAS,CAAC,aAAmC,EAAE;IAC7D,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;IAEvE,MAAM,cAAc,GAAG,CAAC,gBAA6B,EAAE,EAAe,EAAE;QACtE,OAAO,IAAA,wBAAU,EACf;YACE,iBAAiB,EAAE,QAAQ;YAC3B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;YACvD,QAAQ;YACR,GAAG,gBAAgB;SACpB,EACD,aAAa,CACd,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC5B,CAAC"}

package/lib/internals/useTransitionStatus.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type TransitionStatus = 'starting' | 'ending' | 'idle' | undefined;
+/**
+ * Provides a status string for animations.
+ *
+ * On the web this drives CSS transitions. In React Native there is no CSS, so
+ * components surface `transitionStatus` on their state object and the consumer
+ * drives an `Animated` value from it.
+ *
+ * @param open - a boolean that determines if the element is open.
+ * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
+ * @param deferEndingState - defers the `'ending'` state by a frame.
+ */
+export declare function useTransitionStatus(open: boolean, enableIdleState?: boolean, deferEndingState?: boolean): {
+    mounted: boolean;
+    setMounted: React.Dispatch<React.SetStateAction<boolean>>;
+    transitionStatus: TransitionStatus;
+};
+//# sourceMappingURL=useTransitionStatus.d.ts.map

package/lib/internals/useTransitionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionStatus.d.ts","sourceRoot":"","sources":["../../src/internals/useTransitionStatus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,eAAe,GAAE,OAAe,EAChC,gBAAgB,GAAE,OAAe;;;;EAuElC"}

package/lib/internals/useTransitionStatus.js

@@ -0,0 +1,107 @@
+"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.useTransitionStatus = useTransitionStatus;
+const React = __importStar(require("react"));
+const useIsoLayoutEffect_1 = require("../hooks/useIsoLayoutEffect");
+const useAnimationFrame_1 = require("../hooks/useAnimationFrame");
+/**
+ * Provides a status string for animations.
+ *
+ * On the web this drives CSS transitions. In React Native there is no CSS, so
+ * components surface `transitionStatus` on their state object and the consumer
+ * drives an `Animated` value from it.
+ *
+ * @param open - a boolean that determines if the element is open.
+ * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
+ * @param deferEndingState - defers the `'ending'` state by a frame.
+ */
+function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
+    const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? 'idle' : undefined);
+    const [mounted, setMounted] = React.useState(open);
+    if (open && !mounted) {
+        setMounted(true);
+        setTransitionStatus('starting');
+    }
+    if (!open && mounted && transitionStatus !== 'ending' && !deferEndingState) {
+        setTransitionStatus('ending');
+    }
+    if (!open && !mounted && transitionStatus === 'ending') {
+        setTransitionStatus(undefined);
+    }
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (!open && mounted && transitionStatus !== 'ending' && deferEndingState) {
+            const frame = useAnimationFrame_1.AnimationFrame.request(() => {
+                setTransitionStatus('ending');
+            });
+            return () => {
+                useAnimationFrame_1.AnimationFrame.cancel(frame);
+            };
+        }
+        return undefined;
+    }, [open, mounted, transitionStatus, deferEndingState]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (!open || enableIdleState) {
+            return undefined;
+        }
+        const frame = useAnimationFrame_1.AnimationFrame.request(() => {
+            setTransitionStatus(undefined);
+        });
+        return () => {
+            useAnimationFrame_1.AnimationFrame.cancel(frame);
+        };
+    }, [enableIdleState, open]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (!open || !enableIdleState) {
+            return undefined;
+        }
+        if (open && mounted && transitionStatus !== 'idle') {
+            setTransitionStatus('starting');
+        }
+        const frame = useAnimationFrame_1.AnimationFrame.request(() => {
+            setTransitionStatus('idle');
+        });
+        return () => {
+            useAnimationFrame_1.AnimationFrame.cancel(frame);
+        };
+    }, [enableIdleState, open, mounted, transitionStatus]);
+    return {
+        mounted,
+        setMounted,
+        transitionStatus,
+    };
+}
+//# sourceMappingURL=useTransitionStatus.js.map