@limonify/zest-ui 0.1.0

package/lib/tabs/list/TabsList.js

@@ -0,0 +1,72 @@
+"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.TabsList = TabsList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const CompositeList_1 = require("../../internals/composite/list/CompositeList");
+const TabsRootContext_1 = require("../root/TabsRootContext");
+const TabsListContext_1 = require("./TabsListContext");
+/**
+ * Groups the individual tab buttons.
+ * Renders a `<View>`.
+ *
+ * The web version needs a `ResizeObserver` to keep the indicator in sync; here
+ * every tab's `onLayout` already reports size changes to the `CompositeList`.
+ */
+function TabsList(componentProps) {
+    const { className, render, style, ref, ...elementProps } = componentProps;
+    const { orientation, setTabMap, tabActivationDirection } = (0, TabsRootContext_1.useTabsRootContext)();
+    const [listSize, setListSize] = React.useState(undefined);
+    const handleLayout = React.useCallback((event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setListSize((previous) => (previous === null || previous === void 0 ? void 0 : previous.width) === width && (previous === null || previous === void 0 ? void 0 : previous.height) === height ? previous : { width, height });
+    }, []);
+    const contextValue = React.useMemo(() => ({ listSize }), [listSize]);
+    const state = { orientation, tabActivationDirection };
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            { accessibilityRole: 'tablist', 'aria-orientation': orientation, onLayout: handleLayout },
+            elementProps,
+        ],
+    });
+    return ((0, jsx_runtime_1.jsx)(TabsListContext_1.TabsListContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(CompositeList_1.CompositeList, { onMapChange: setTabMap, children: element }) }));
+}
+//# sourceMappingURL=TabsList.js.map

package/lib/tabs/list/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","sourceRoot":"","sources":["../../../src/tabs/list/TabsList.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,4BAkCC;;AAnDD,6CAA+B;AAC/B,+CAA4D;AAC5D,wEAAqE;AACrE,gFAA6E;AAE7E,6DAA6D;AAG7D,uDAAoD;AAEpD;;;;;;GAMG;AACH,SAAgB,QAAQ,CAAC,cAA8B;IACrD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,sBAAsB,EAAE,GAAG,IAAA,oCAAkB,GAAE,CAAC;IAEhF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC5C,SAAS,CACV,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAwB,EAAE,EAAE;QAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACnD,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CACvB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,MAAK,KAAK,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,MAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CACxF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAoB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtF,MAAM,KAAK,GAAkB,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC;IAErE,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL,EAAE,iBAAiB,EAAE,SAAkB,EAAE,kBAAkB,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE;YAClG,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC3C,uBAAC,6BAAa,IAAmB,WAAW,EAAE,SAAS,YAAG,OAAO,GAAiB,GACzD,CAC5B,CAAC;AACJ,CAAC"}

package/lib/tabs/list/TabsListContext.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface TabsListContext {
+    /**
+     * The measured size of the list, used by the indicator to derive the active
+     * tab's distance from the right and bottom edges.
+     */
+    listSize: {
+        width: number;
+        height: number;
+    } | undefined;
+}
+export declare const TabsListContext: React.Context<TabsListContext | undefined>;
+export declare function useTabsListContext(): TabsListContext;
+//# sourceMappingURL=TabsListContext.d.ts.map

package/lib/tabs/list/TabsListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsListContext.d.ts","sourceRoot":"","sources":["../../../src/tabs/list/TabsListContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACzD;AAED,eAAO,MAAM,eAAe,4CAA8D,CAAC;AAE3F,wBAAgB,kBAAkB,oBAOjC"}

package/lib/tabs/list/TabsListContext.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.TabsListContext = void 0;
+exports.useTabsListContext = useTabsListContext;
+const React = __importStar(require("react"));
+exports.TabsListContext = React.createContext(undefined);
+function useTabsListContext() {
+    const context = React.useContext(exports.TabsListContext);
+    if (context === undefined) {
+        throw new Error('Zest: TabsListContext is missing. Tabs parts must be placed within <Tabs.List>.');
+    }
+    return context;
+}
+//# sourceMappingURL=TabsListContext.js.map

package/lib/tabs/list/TabsListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsListContext.js","sourceRoot":"","sources":["../../../src/tabs/list/TabsListContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAab,gDAOC;AAnBD,6CAA+B;AAUlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAA8B,SAAS,CAAC,CAAC;AAE3F,SAAgB,kBAAkB;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAe,CAAC,CAAC;IAClD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC,CAAC;IACrG,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/tabs/panel/TabsPanel.d.ts

@@ -0,0 +1,47 @@
+import { View } from 'react-native';
+import { type TransitionStatus } from '../../internals/useTransitionStatus';
+import type { TabsRoot } from '../root/TabsRoot';
+import type { TabsTab } from '../tab/TabsTab';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A panel displayed when the corresponding tab is active.
+ * Renders a `<View>`.
+ */
+export declare function TabsPanel(componentProps: TabsPanel.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export interface TabsPanelState {
+    /**
+     * Whether the panel is currently hidden.
+     */
+    hidden: boolean;
+    /**
+     * The component orientation.
+     */
+    orientation: TabsRoot.Orientation;
+    /**
+     * The direction used for tab activation.
+     */
+    tabActivationDirection: TabsTab.ActivationDirection;
+    /**
+     * The transition status of the component.
+     */
+    transitionStatus: TransitionStatus;
+}
+export interface TabsPanelProps extends Omit<ZestUIComponentProps<typeof View, TabsPanelState>, 'value'> {
+    /**
+     * The value of the Panel, which associates it with the Tab of the same value.
+     */
+    value: TabsTab.Value;
+    /**
+     * Whether to keep the element rendered while the panel is not selected.
+     *
+     * Required to animate the panel out: React Native cannot report when a
+     * closing animation has finished, so an unmounted panel disappears at once.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+export declare namespace TabsPanel {
+    type State = TabsPanelState;
+    type Props = TabsPanelProps;
+}
+//# sourceMappingURL=TabsPanel.d.ts.map

package/lib/tabs/panel/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/panel/TabsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACjG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,qGAgExD;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC;IACpD;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,cAAc,CAAC,EAAE,OAAO,CAAC;IACxE;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;IACrB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,cAAc,CAAC;CACpC"}

package/lib/tabs/panel/TabsPanel.js

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsPanel = TabsPanel;
+const react_native_1 = require("react-native");
+const useId_1 = require("../../hooks/useId");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useTransitionStatus_1 = require("../../internals/useTransitionStatus");
+const TabsRootContext_1 = require("../root/TabsRootContext");
+/**
+ * A panel displayed when the corresponding tab is active.
+ * Renders a `<View>`.
+ */
+function TabsPanel(componentProps) {
+    const { className, keepMounted = false, render, style, value, ref, ...elementProps } = componentProps;
+    const { value: selectedValue, getTabIdByPanelValue, orientation, registerMountedTabPanel, tabActivationDirection, } = (0, TabsRootContext_1.useTabsRootContext)();
+    const id = (0, useId_1.useId)();
+    const open = value === selectedValue;
+    const { mounted, transitionStatus, setMounted } = (0, useTransitionStatus_1.useTransitionStatus)(open);
+    // Nothing in React Native reports when a closing animation finished, so a
+    // panel that isn't kept mounted is torn down as soon as it is deselected.
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (!open && mounted && !keepMounted) {
+            setMounted(false);
+        }
+    }, [open, mounted, keepMounted, setMounted]);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (id === undefined) {
+            return undefined;
+        }
+        return registerMountedTabPanel(value, id);
+    }, [registerMountedTabPanel, value, id]);
+    const hidden = !open;
+    const correspondingTabId = getTabIdByPanelValue(value);
+    const state = { hidden, orientation, tabActivationDirection, transitionStatus };
+    const shouldRender = keepMounted || mounted;
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        enabled: shouldRender,
+        props: [
+            {
+                nativeID: id,
+                role: 'tabpanel',
+                accessibilityLabelledBy: correspondingTabId,
+                'aria-labelledby': correspondingTabId,
+                'aria-hidden': hidden || undefined,
+                accessibilityElementsHidden: hidden,
+                importantForAccessibility: hidden ? 'no-hide-descendants' : 'auto',
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=TabsPanel.js.map

package/lib/tabs/panel/TabsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.js","sourceRoot":"","sources":["../../../src/tabs/panel/TabsPanel.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,8BAgEC;AA9ED,+CAAoC;AACpC,6CAA0C;AAC1C,uEAAoE;AACpE,wEAAqE;AACrE,6EAAiG;AAEjG,6DAA6D;AAI7D;;;GAGG;AACH,SAAgB,SAAS,CAAC,cAA+B;IACvD,MAAM,EACJ,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EACJ,KAAK,EAAE,aAAa,EACpB,oBAAoB,EACpB,WAAW,EACX,uBAAuB,EACvB,sBAAsB,GACvB,GAAG,IAAA,oCAAkB,GAAE,CAAC;IAEzB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,IAAI,GAAG,KAAK,KAAK,aAAa,CAAC;IACrC,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,IAAA,yCAAmB,EAAC,IAAI,CAAC,CAAC;IAE5E,0EAA0E;IAC1E,0EAA0E;IAC1E,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YACrC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7C,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,uBAAuB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAEzC,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC;IACrB,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAmB,EAAE,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAC;IAEhG,MAAM,YAAY,GAAG,WAAW,IAAI,OAAO,CAAC;IAE5C,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,UAAmB;gBACzB,uBAAuB,EAAE,kBAAkB;gBAC3C,iBAAiB,EAAE,kBAAkB;gBACrC,aAAa,EAAE,MAAM,IAAI,SAAS;gBAClC,2BAA2B,EAAE,MAAM;gBACnC,yBAAyB,EAAE,MAAM,CAAC,CAAC,CAAE,qBAA+B,CAAC,CAAC,CAAE,MAAgB;aACzF;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/tabs/root/TabsRoot.d.ts

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps, Orientation } from '../../types';
+import { type ZestChangeEventDetails } from '../../utils/createChangeEventDetails';
+import { REASONS } from '../../utils/reasons';
+import type { TabsTab } from '../tab/TabsTab';
+/**
+ * Groups the tabs and the corresponding panels.
+ * Renders a `<View>`.
+ */
+export declare function TabsRoot(componentProps: TabsRoot.Props): React.JSX.Element;
+export type TabsRootOrientation = Orientation;
+export interface TabsRootState {
+    /**
+     * The component orientation (layout flow direction).
+     */
+    orientation: TabsRoot.Orientation;
+    /**
+     * The direction of the active tab relative to the previously active one.
+     */
+    tabActivationDirection: TabsTab.ActivationDirection;
+}
+export interface TabsRootProps extends Omit<ZestUIComponentProps<typeof View, TabsRootState>, 'value'> {
+    /**
+     * The value of the currently selected Tab. Use when the component is controlled.
+     * When the value is `null`, no Tab will be selected.
+     */
+    value?: TabsTab.Value | undefined;
+    /**
+     * The default value. Use when the component is not controlled.
+     * When the value is `null`, no Tab will be selected.
+     * @default 0
+     */
+    defaultValue?: TabsTab.Value | undefined;
+    /**
+     * The component orientation (layout flow direction).
+     * @default 'horizontal'
+     */
+    orientation?: TabsRoot.Orientation | undefined;
+    /**
+     * Callback invoked when a new value is being set.
+     *
+     * The event `reason` is `'none'` for user-initiated changes, such as a press;
+     * `'initial'` for the first automatic selection or fallback in uncontrolled
+     * roots when `defaultValue` is omitted or `undefined`, including when the
+     * implicit initial value is disabled or missing; `'disabled'` for automatic
+     * fallback when the selected tab becomes disabled in uncontrolled roots; or
+     * `'missing'` for automatic fallback when the selected tab is removed, or when
+     * an explicit `defaultValue` never matches a mounted tab in uncontrolled roots.
+     *
+     * For automatic changes, the selected value can be `null` when no enabled Tab
+     * is available as a fallback.
+     *
+     * Automatic changes cannot be canceled; calling `eventDetails.cancel()` for
+     * `'initial'`, `'disabled'`, or `'missing'` has no effect.
+     */
+    onValueChange?: ((value: TabsTab.Value, eventDetails: TabsRoot.ChangeEventDetails) => void) | undefined;
+}
+export type TabsRootChangeEventReason = typeof REASONS.none | typeof REASONS.disabled | typeof REASONS.missing | typeof REASONS.initial;
+export type TabsRootChangeEventDetails = ZestChangeEventDetails<TabsRootChangeEventReason, {
+    activationDirection: TabsTab.ActivationDirection;
+}>;
+export declare namespace TabsRoot {
+    type State = TabsRootState;
+    type Props = TabsRootProps;
+    type Orientation = TabsRootOrientation;
+    type ChangeEventReason = TabsRootChangeEventReason;
+    type ChangeEventDetails = TabsRootChangeEventDetails;
+}
+//# sourceMappingURL=TabsRoot.d.ts.map

package/lib/tabs/root/TabsRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.d.ts","sourceRoot":"","sources":["../../../src/tabs/root/TabsRoot.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,WAAW,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG9C;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,cAAc,EAAE,QAAQ,CAAC,KAAK,qBAuQtD;AA2CD,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC;CACrD;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC;IACpG;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;IAC/C;;;;;;;;;;;;;;;;OAgBG;IACH,aAAa,CAAC,EACV,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC3E,SAAS,CAAC;CACf;AAED,MAAM,MAAM,yBAAyB,GACjC,OAAO,OAAO,CAAC,IAAI,GACnB,OAAO,OAAO,CAAC,QAAQ,GACvB,OAAO,OAAO,CAAC,OAAO,GACtB,OAAO,OAAO,CAAC,OAAO,CAAC;AAE3B,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,CAC7D,yBAAyB,EACzB;IAAE,mBAAmB,EAAE,OAAO,CAAC,mBAAmB,CAAA;CAAE,CACrD,CAAC;AAEF,yBAAiB,QAAQ,CAAC;IACxB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,WAAW,GAAG,mBAAmB,CAAC;IAC9C,KAAY,iBAAiB,GAAG,yBAAyB,CAAC;IAC1D,KAAY,kBAAkB,GAAG,0BAA0B,CAAC;CAC7D"}

package/lib/tabs/root/TabsRoot.js

@@ -0,0 +1,257 @@
+"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.TabsRoot = TabsRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useControlled_1 = require("../../hooks/useControlled");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const TabsRootContext_1 = require("./TabsRootContext");
+/**
+ * Groups the tabs and the corresponding panels.
+ * Renders a `<View>`.
+ */
+function TabsRoot(componentProps) {
+    const { className, defaultValue: defaultValueProp = 0, onValueChange: onValueChangeProp, orientation = 'horizontal', render, style, value: valueProp, ref, ...elementProps } = componentProps;
+    // Whether the user explicitly provided a `defaultValue`. An implicit default
+    // is treated as owned by us, so resolving it is an automatic change.
+    const hasExplicitDefaultValueProp = componentProps.defaultValue !== undefined;
+    const [value, setValue] = (0, useControlled_1.useControlled)({
+        controlled: valueProp,
+        default: defaultValueProp,
+        name: 'Tabs',
+        state: 'value',
+    });
+    const isControlled = valueProp !== undefined;
+    const [tabMap, setTabMap] = React.useState(() => new Map());
+    const [mountedTabPanels, setMountedTabPanels] = React.useState(() => new Map());
+    const getTabMetadataByValue = React.useCallback((tabValue) => {
+        if (tabValue === undefined) {
+            return undefined;
+        }
+        for (const metadata of tabMap.values()) {
+            if (metadata != null && metadata.value === tabValue) {
+                return metadata;
+            }
+        }
+        return undefined;
+    }, [tabMap]);
+    const [activationDirectionState, setActivationDirectionState] = React.useState(() => ({
+        previousValue: value,
+        tabActivationDirection: 'none',
+    }));
+    const { previousValue, tabActivationDirection: committedTabActivationDirection } = activationDirectionState;
+    let tabActivationDirection = committedTabActivationDirection;
+    // Computed during render so children see the right direction on their first
+    // render after a selection change.
+    if (previousValue !== value) {
+        tabActivationDirection = computeActivationDirection(previousValue, value, orientation, tabMap);
+    }
+    const shouldSyncActivationDirectionState = previousValue !== value || committedTabActivationDirection !== tabActivationDirection;
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (!shouldSyncActivationDirectionState) {
+            return;
+        }
+        setActivationDirectionState({ previousValue: value, tabActivationDirection });
+    }, [value, shouldSyncActivationDirectionState, tabActivationDirection]);
+    const onValueChange = (0, useStableCallback_1.useStableCallback)((newValue, eventDetails) => {
+        eventDetails.activationDirection = computeActivationDirection(value, newValue, orientation, tabMap);
+        onValueChangeProp === null || onValueChangeProp === void 0 ? void 0 : onValueChangeProp(newValue, eventDetails);
+        if (eventDetails.isCanceled) {
+            return;
+        }
+        setValue(newValue);
+    });
+    const notifyAutomaticValueChange = (0, useStableCallback_1.useStableCallback)((nextValue, reason) => {
+        onValueChangeProp === null || onValueChangeProp === void 0 ? void 0 : onValueChangeProp(nextValue, (0, createChangeEventDetails_1.createChangeEventDetails)(reason, undefined, { activationDirection: 'none' }));
+    });
+    const registerMountedTabPanel = (0, useStableCallback_1.useStableCallback)((panelValue, panelId) => {
+        setMountedTabPanels((prev) => {
+            if (prev.get(panelValue) === panelId) {
+                return prev;
+            }
+            const next = new Map(prev);
+            next.set(panelValue, panelId);
+            return next;
+        });
+        return () => {
+            setMountedTabPanels((prev) => {
+                if (prev.get(panelValue) !== panelId) {
+                    return prev;
+                }
+                const next = new Map(prev);
+                next.delete(panelValue);
+                return next;
+            });
+        };
+    });
+    const getTabPanelIdByValue = React.useCallback((tabValue) => mountedTabPanels.get(tabValue), [mountedTabPanels]);
+    const getTabIdByPanelValue = React.useCallback((tabPanelValue) => { var _a; return (_a = getTabMetadataByValue(tabPanelValue)) === null || _a === void 0 ? void 0 : _a.id; }, [getTabMetadataByValue]);
+    const selectedTabMetadata = React.useMemo(() => getTabMetadataByValue(value), [getTabMetadataByValue, value]);
+    // The first non-disabled tab, used when the selection is disabled or missing.
+    // `tabMap` iterates in visual order, so "first" means leftmost/topmost.
+    const firstEnabledTabValue = React.useMemo(() => {
+        for (const metadata of tabMap.values()) {
+            if (metadata != null && !metadata.disabled) {
+                return metadata.value;
+            }
+        }
+        return undefined;
+    }, [tabMap]);
+    const shouldNotifyInitialValueChangeRef = React.useRef(!hasExplicitDefaultValueProp);
+    const initialDefaultValueRef = React.useRef(defaultValueProp);
+    // An explicit `defaultValue` may intentionally point at a disabled tab on
+    // mount. Once that selection becomes valid, later disabled states fall back.
+    const shouldHonorDisabledDefaultValueRef = React.useRef(hasExplicitDefaultValueProp);
+    // Uncontrolled roots own automatic fallback. Controlled roots keep exactly the
+    // value the parent supplied, even when that tab is disabled or missing.
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (isControlled || tabMap.size === 0) {
+            return;
+        }
+        function commitAutomaticValueChange(fallbackValue, fallbackReason) {
+            setValue(fallbackValue);
+            // Automatic fallbacks are not directional transitions, so reset the
+            // direction alongside the value in the same commit.
+            setActivationDirectionState((prev) => prev.previousValue === fallbackValue && prev.tabActivationDirection === 'none'
+                ? prev
+                : { previousValue: fallbackValue, tabActivationDirection: 'none' });
+            notifyAutomaticValueChange(fallbackValue, fallbackReason);
+            shouldNotifyInitialValueChangeRef.current = false;
+        }
+        const selectionIsDisabled = selectedTabMetadata === null || selectedTabMetadata === void 0 ? void 0 : selectedTabMetadata.disabled;
+        const selectionIsMissing = selectedTabMetadata == null && value !== null;
+        if (!selectionIsDisabled && value === initialDefaultValueRef.current) {
+            shouldHonorDisabledDefaultValueRef.current = false;
+        }
+        if (shouldHonorDisabledDefaultValueRef.current &&
+            selectionIsDisabled &&
+            value === initialDefaultValueRef.current) {
+            return;
+        }
+        if (selectionIsDisabled || selectionIsMissing) {
+            const fallbackValue = firstEnabledTabValue !== null && firstEnabledTabValue !== void 0 ? firstEnabledTabValue : null;
+            if (value === fallbackValue) {
+                shouldNotifyInitialValueChangeRef.current = false;
+                return;
+            }
+            let fallbackReason = reasons_1.REASONS.missing;
+            if (shouldNotifyInitialValueChangeRef.current) {
+                fallbackReason = reasons_1.REASONS.initial;
+            }
+            else if (selectionIsDisabled) {
+                fallbackReason = reasons_1.REASONS.disabled;
+            }
+            commitAutomaticValueChange(fallbackValue, fallbackReason);
+            return;
+        }
+        if (shouldNotifyInitialValueChangeRef.current && selectedTabMetadata != null) {
+            notifyAutomaticValueChange(value, reasons_1.REASONS.initial);
+            shouldNotifyInitialValueChangeRef.current = false;
+        }
+    }, [
+        firstEnabledTabValue,
+        isControlled,
+        notifyAutomaticValueChange,
+        selectedTabMetadata,
+        setValue,
+        tabMap,
+        value,
+    ]);
+    const contextValue = React.useMemo(() => ({
+        getTabIdByPanelValue,
+        getTabMetadataByValue,
+        getTabPanelIdByValue,
+        onValueChange,
+        orientation,
+        registerMountedTabPanel,
+        setTabMap,
+        tabActivationDirection,
+        value,
+    }), [
+        getTabIdByPanelValue,
+        getTabMetadataByValue,
+        getTabPanelIdByValue,
+        onValueChange,
+        orientation,
+        registerMountedTabPanel,
+        tabActivationDirection,
+        value,
+    ]);
+    const state = { orientation, tabActivationDirection };
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: elementProps,
+    });
+    return (0, jsx_runtime_1.jsx)(TabsRootContext_1.TabsRootContext.Provider, { value: contextValue, children: element });
+}
+/**
+ * The web version compares the tabs' document positions. Here the index already
+ * *is* the visual order — `CompositeList` derives it from measured layout — so
+ * comparing indexes is both simpler and correct under `row-reverse`, wrapping,
+ * and absolute positioning.
+ */
+function computeActivationDirection(oldValue, newValue, orientation, tabMap) {
+    var _a, _b;
+    if (oldValue == null || newValue == null) {
+        return 'none';
+    }
+    let oldIndex;
+    let newIndex;
+    for (const metadata of tabMap.values()) {
+        if (metadata == null) {
+            continue;
+        }
+        if (metadata.value === oldValue) {
+            oldIndex = (_a = metadata.index) !== null && _a !== void 0 ? _a : undefined;
+        }
+        if (metadata.value === newValue) {
+            newIndex = (_b = metadata.index) !== null && _b !== void 0 ? _b : undefined;
+        }
+    }
+    if (oldIndex == null || newIndex == null || oldIndex === newIndex) {
+        return 'none';
+    }
+    const [backward, forward] = orientation === 'horizontal' ? ['left', 'right'] : ['up', 'down'];
+    return newIndex < oldIndex ? backward : forward;
+}
+//# sourceMappingURL=TabsRoot.js.map

package/lib/tabs/root/TabsRoot.js.map

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

package/lib/tabs/root/TabsRootContext.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { CompositeItemKey, CompositeMetadata } from '../../internals/composite/list/CompositeListContext';
+import type { TabsTab } from '../tab/TabsTab';
+import type { TabsRoot } from './TabsRoot';
+export type TabMap = Map<CompositeItemKey, CompositeMetadata<TabsTab.Metadata>>;
+export interface TabsRootContext {
+    /**
+     * The currently active tab's value.
+     */
+    value: TabsTab.Value;
+    /**
+     * Callback for setting a new value.
+     */
+    onValueChange: (value: TabsTab.Value, eventDetails: TabsRoot.ChangeEventDetails) => void;
+    /**
+     * The component orientation (layout flow direction).
+     */
+    orientation: TabsRoot.Orientation;
+    /**
+     * The position of the active tab relative to the previously active tab.
+     */
+    tabActivationDirection: TabsTab.ActivationDirection;
+    setTabMap: (map: TabMap) => void;
+    /**
+     * Gets the registered metadata — including the measured layout — of the tab
+     * with the given value.
+     */
+    getTabMetadataByValue: (value: TabsTab.Value | undefined) => CompositeMetadata<TabsTab.Metadata> | undefined;
+    /**
+     * Gets the `nativeID` of the Tab that corresponds to the given Panel value.
+     */
+    getTabIdByPanelValue: (panelValue: TabsTab.Value) => string | undefined;
+    /**
+     * Gets the `nativeID` of the Panel that corresponds to the given Tab value.
+     */
+    getTabPanelIdByValue: (tabValue: TabsTab.Value) => string | undefined;
+    registerMountedTabPanel: (panelValue: TabsTab.Value, panelId: string) => () => void;
+}
+export declare const TabsRootContext: React.Context<TabsRootContext | undefined>;
+export declare function useTabsRootContext(): TabsRootContext;
+//# sourceMappingURL=TabsRootContext.d.ts.map