@limonify/zest-ui 0.1.0

package/lib/toast/viewport/ToastViewport.js

@@ -0,0 +1,102 @@
+"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.ToastViewport = ToastViewport;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const ToastProviderContext_1 = require("../provider/ToastProviderContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+const useStableCallback_1 = require("../../hooks/useStableCallback");
+/**
+ * A container viewport for toasts.
+ * Renders a `<View>` that fills its parent without intercepting touches.
+ *
+ * **This is the one popup family that is not an RN `Modal`, and deliberately so.**
+ * A `Modal` covers the screen and swallows every touch, which is right for a
+ * dialog and fatal for a toast: the app underneath has to stay usable while a
+ * toast is on screen. So there is no `Toast.Portal` either — place the Viewport
+ * inside `Toast.Provider`, at the root of the app, and position it with your own
+ * styles. `pointerEvents="box-none"` is what lets touches through everywhere
+ * except on the toasts themselves.
+ *
+ * It measures its own screen position for `Toast.Positioner`: anchors are
+ * measured in screen coordinates, and unlike a `Modal` this viewport can sit
+ * anywhere.
+ *
+ * Upstream's viewport also runs focus management, hover tracking and a
+ * `ScrollArea`-like keyboard flow (F6). None of that is ported: see the store.
+ */
+function ToastViewport(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, ToastProviderContext_1.useToastProviderContext)();
+    const toasts = store.useState('toasts');
+    const expanded = store.useState('expanded');
+    const viewportRef = React.useRef(null);
+    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, viewportRef);
+    const handleLayout = (0, useStableCallback_1.useStableCallback)(() => {
+        var _a;
+        // `onLayout` reports a position relative to the parent, but an anchor is
+        // measured against the screen, so the two only line up through
+        // `measureInWindow`.
+        (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.measureInWindow((x, y) => {
+            const origin = store.state.viewportOrigin;
+            if (origin.x !== x || origin.y !== y) {
+                store.set('viewportOrigin', { x, y });
+            }
+        });
+    });
+    const state = {
+        empty: toasts.length === 0,
+        expanded,
+    };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref: mergedRef,
+        props: [
+            {
+                style: react_native_1.StyleSheet.absoluteFill,
+                onLayout: handleLayout,
+                // Touches pass through the viewport to the app, but not through the
+                // toasts inside it.
+                pointerEvents: 'box-none',
+                accessibilityLiveRegion: 'polite',
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=ToastViewport.js.map

package/lib/toast/viewport/ToastViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastViewport.js","sourceRoot":"","sources":["../../../src/toast/viewport/ToastViewport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4Bb,sCA0CC;AArED,6CAA+B;AAC/B,+CAAgD;AAChD,2EAA2E;AAC3E,wEAAqE;AACrE,6DAA0D;AAC1D,qEAAkE;AAGlE;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,8CAAuB,GAAE,CAAC;IACxC,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,IAAA,qCAAiB,EAAC,GAAG,EAAE;;QAC1C,yEAAyE;QACzE,+DAA+D;QAC/D,qBAAqB;QACrB,MAAA,WAAW,CAAC,OAAO,0CAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;YAC1C,IAAI,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrC,KAAK,CAAC,GAAG,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAuB;QAChC,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC;QAC1B,QAAQ;KACT,CAAC;IAEF,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,yBAAU,CAAC,YAAY;gBAC9B,QAAQ,EAAE,YAAY;gBACtB,oEAAoE;gBACpE,oBAAoB;gBACpB,aAAa,EAAE,UAAmB;gBAClC,uBAAuB,EAAE,QAAiB;aAC3C;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/toggle/Toggle.d.ts

@@ -0,0 +1,55 @@
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../types';
+import { type ZestChangeEventDetails } from '../utils/createChangeEventDetails';
+import { REASONS } from '../utils/reasons';
+/**
+ * A two-state button that can be on or off.
+ * Renders a `<Pressable>`.
+ */
+export declare function Toggle<Value extends string = string>(componentProps: Toggle.Props<Value>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface ToggleState {
+    /**
+     * Whether the toggle is currently pressed.
+     */
+    pressed: boolean;
+    /**
+     * Whether the toggle should ignore user interaction.
+     */
+    disabled: boolean;
+}
+export interface ToggleProps<Value extends string = string> extends Omit<ZestUIComponentProps<typeof Pressable, ToggleState>, 'onPress'> {
+    /**
+     * Whether the toggle button is currently pressed.
+     * This is the controlled counterpart of `defaultPressed`.
+     */
+    pressed?: boolean | undefined;
+    /**
+     * Whether the toggle button is currently pressed.
+     * This is the uncontrolled counterpart of `pressed`.
+     * @default false
+     */
+    defaultPressed?: boolean | undefined;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Callback fired when the pressed state is changed.
+     */
+    onPressedChange?: ((pressed: boolean, eventDetails: Toggle.ChangeEventDetails) => void) | undefined;
+    /**
+     * A unique string that identifies the toggle when used
+     * inside a toggle group.
+     */
+    value?: Value | undefined;
+}
+export type ToggleChangeEventReason = typeof REASONS.none;
+export type ToggleChangeEventDetails = ZestChangeEventDetails<ToggleChangeEventReason>;
+export declare namespace Toggle {
+    type State = ToggleState;
+    type Props<Value extends string = string> = ToggleProps<Value>;
+    type ChangeEventReason = ToggleChangeEventReason;
+    type ChangeEventDetails = ToggleChangeEventDetails;
+}
+//# sourceMappingURL=Toggle.d.ts.map

package/lib/toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAOrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,MAAM,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,8FAwFxF;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CACxD,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACrE,SAAS,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,uBAAuB,CAAC,CAAC;AAEvF,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;IACtE,KAAY,iBAAiB,GAAG,uBAAuB,CAAC;IACxD,KAAY,kBAAkB,GAAG,wBAAwB,CAAC;CAC3D"}

package/lib/toggle/Toggle.js

@@ -0,0 +1,81 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = Toggle;
+const react_native_1 = require("react-native");
+const useControlled_1 = require("../hooks/useControlled");
+const useId_1 = require("../hooks/useId");
+const useIsoLayoutEffect_1 = require("../hooks/useIsoLayoutEffect");
+const useRenderElement_1 = require("../use-render/useRenderElement");
+const useButton_1 = require("../internals/use-button/useButton");
+const ToggleGroupContext_1 = require("../toggle-group/ToggleGroupContext");
+const error_1 = require("../utils/error");
+const createChangeEventDetails_1 = require("../utils/createChangeEventDetails");
+const reasons_1 = require("../utils/reasons");
+/**
+ * A two-state button that can be on or off.
+ * Renders a `<Pressable>`.
+ */
+function Toggle(componentProps) {
+    var _a, _b;
+    const { className, defaultPressed: defaultPressedProp = false, disabled: disabledProp = false, onPressedChange, pressed: pressedProp, render, style, value: valueProp, ref, ...elementProps } = componentProps;
+    // `|| undefined` handles cases where value is falsy (i.e. "")
+    // The group is consumed as `string`-valued: a Toggle's `value` is always a string at
+    // runtime (falling back to a generated id), and `Value extends string`.
+    const value = (0, useId_1.useId)(valueProp || undefined);
+    const groupContext = (0, ToggleGroupContext_1.useToggleGroupContext)();
+    const groupValue = (_a = groupContext === null || groupContext === void 0 ? void 0 : groupContext.value) !== null && _a !== void 0 ? _a : [];
+    const defaultPressed = groupContext ? undefined : defaultPressedProp;
+    const disabled = (_b = (disabledProp || (groupContext === null || groupContext === void 0 ? void 0 : groupContext.disabled))) !== null && _b !== void 0 ? _b : false;
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+            if (groupContext && valueProp === undefined && groupContext.isValueInitialized) {
+                (0, error_1.error)('A `<Toggle>` component rendered in a `<ToggleGroup>` has no explicit `value` prop.', 'This will cause issues between the Toggle Group and Toggle values.', 'Provide the `<Toggle>` with a `value` prop matching the `<ToggleGroup>` values prop type.');
+            }
+        }, [groupContext, valueProp, groupContext === null || groupContext === void 0 ? void 0 : groupContext.isValueInitialized]);
+    }
+    const [pressed, setPressedState] = (0, useControlled_1.useControlled)({
+        controlled: groupContext ? value !== undefined && groupValue.indexOf(value) > -1 : pressedProp,
+        default: defaultPressed,
+        name: 'Toggle',
+        state: 'pressed',
+    });
+    const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
+    const state = { disabled, pressed };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                accessibilityRole: 'button',
+                accessibilityState: { selected: pressed, disabled: disabled || undefined },
+                'aria-pressed': pressed,
+                onPress(event) {
+                    var _a;
+                    if (disabled) {
+                        return;
+                    }
+                    const nextPressed = !pressed;
+                    const eventDetails = (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.none, event);
+                    // `onPressedChange` runs before the group commits so that canceling here
+                    // can also veto the group value change, which shares this `eventDetails` object.
+                    onPressedChange === null || onPressedChange === void 0 ? void 0 : onPressedChange(nextPressed, eventDetails);
+                    if (eventDetails.isCanceled) {
+                        return;
+                    }
+                    if (value) {
+                        (_a = groupContext === null || groupContext === void 0 ? void 0 : groupContext.setGroupValue) === null || _a === void 0 ? void 0 : _a.call(groupContext, value, nextPressed, eventDetails);
+                    }
+                    if (eventDetails.isCanceled) {
+                        return;
+                    }
+                    setPressedState(nextPressed);
+                },
+            },
+            elementProps,
+            getButtonProps,
+        ],
+    });
+}
+//# sourceMappingURL=Toggle.js.map

package/lib/toggle/Toggle.js.map

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

package/lib/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { Toggle } from './Toggle';
+export type * from './Toggle';
+//# sourceMappingURL=index.d.ts.map

package/lib/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,mBAAmB,UAAU,CAAC"}

package/lib/toggle/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+var Toggle_1 = require("./Toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return Toggle_1.Toggle; } });
+//# sourceMappingURL=index.js.map

package/lib/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/lib/toggle-group/ToggleGroup.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps, Orientation } from '../types';
+import type { ZestChangeEventDetails } from '../utils/createChangeEventDetails';
+import type { REASONS } from '../utils/reasons';
+/**
+ * Provides a shared state to a series of toggle buttons.
+ * Renders a `<View>`.
+ */
+export declare function ToggleGroup<Value extends string = string>(componentProps: ToggleGroup.Props<Value>): React.JSX.Element;
+export interface ToggleGroupState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * When `false` only one item in the group can be pressed. If any item in
+     * the group becomes pressed, the others will become unpressed.
+     * When `true` multiple items can be pressed.
+     */
+    multiple: boolean;
+    /**
+     * The orientation of the toggle group.
+     */
+    orientation: Orientation;
+}
+export interface ToggleGroupProps<Value extends string = string> extends ZestUIComponentProps<typeof View, ToggleGroupState> {
+    /**
+     * The pressed state of the toggle group represented by an array of
+     * the values of all pressed toggle buttons.
+     * This is the controlled counterpart of `defaultValue`.
+     */
+    value?: readonly Value[] | undefined;
+    /**
+     * The pressed state of the toggle group represented by an array of
+     * the values of all pressed toggle buttons.
+     * This is the uncontrolled counterpart of `value`.
+     */
+    defaultValue?: readonly Value[] | undefined;
+    /**
+     * Callback fired when the pressed states of the toggle group changes.
+     */
+    onValueChange?: ((groupValue: Value[], eventDetails: ToggleGroup.ChangeEventDetails) => void) | undefined;
+    /**
+     * Whether the toggle group should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * @default 'horizontal'
+     */
+    orientation?: Orientation | undefined;
+    /**
+     * When `false` only one item in the group can be pressed. If any item in
+     * the group becomes pressed, the others will become unpressed.
+     * When `true` multiple items can be pressed.
+     * @default false
+     */
+    multiple?: boolean | undefined;
+}
+export type ToggleGroupChangeEventReason = typeof REASONS.none;
+export type ToggleGroupChangeEventDetails = ZestChangeEventDetails<ToggleGroupChangeEventReason>;
+export declare namespace ToggleGroup {
+    type State = ToggleGroupState;
+    type Props<Value extends string = string> = ToggleGroupProps<Value>;
+    type ChangeEventReason = ToggleGroupChangeEventReason;
+    type ChangeEventDetails = ToggleGroupChangeEventDetails;
+}
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/lib/toggle-group/ToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACvD,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,qBA8EzC;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAC7D,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;IAC3D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EACV,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC7E,SAAS,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,4BAA4B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE/D,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,CAAC,4BAA4B,CAAC,CAAC;AAEjG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC3E,KAAY,iBAAiB,GAAG,4BAA4B,CAAC;IAC7D,KAAY,kBAAkB,GAAG,6BAA6B,CAAC;CAChE"}

package/lib/toggle-group/ToggleGroup.js

@@ -0,0 +1,99 @@
+"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.ToggleGroup = ToggleGroup;
+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 useStableCallback_1 = require("../hooks/useStableCallback");
+const useRenderElement_1 = require("../use-render/useRenderElement");
+const ToggleGroupContext_1 = require("./ToggleGroupContext");
+const EMPTY_ARRAY = [];
+/**
+ * Provides a shared state to a series of toggle buttons.
+ * Renders a `<View>`.
+ */
+function ToggleGroup(componentProps) {
+    const { className, defaultValue: defaultValueProp, disabled = false, multiple = false, onValueChange, orientation = 'horizontal', render, style, value: valueProp, ref, ...elementProps } = componentProps;
+    const isValueInitialized = valueProp !== undefined || defaultValueProp !== undefined;
+    const [groupValue, setValueState] = (0, useControlled_1.useControlled)({
+        controlled: valueProp,
+        default: valueProp === undefined ? (defaultValueProp !== null && defaultValueProp !== void 0 ? defaultValueProp : EMPTY_ARRAY) : undefined,
+        name: 'ToggleGroup',
+        state: 'value',
+    });
+    const setGroupValue = (0, useStableCallback_1.useStableCallback)((newValue, nextPressed, eventDetails) => {
+        let newGroupValue;
+        if (multiple) {
+            newGroupValue = groupValue.slice();
+            if (nextPressed) {
+                newGroupValue.push(newValue);
+            }
+            else {
+                newGroupValue.splice(groupValue.indexOf(newValue), 1);
+            }
+        }
+        else {
+            newGroupValue = nextPressed ? [newValue] : [];
+        }
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newGroupValue, eventDetails);
+        if (eventDetails.isCanceled) {
+            return;
+        }
+        setValueState(newGroupValue);
+    });
+    const state = { disabled, multiple, orientation };
+    const contextValue = React.useMemo(() => ({
+        disabled,
+        setGroupValue,
+        value: groupValue,
+        isValueInitialized,
+    }), [disabled, setGroupValue, groupValue, isValueInitialized]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                role: 'group',
+                'aria-orientation': orientation,
+            },
+            elementProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(ToggleGroupContext_1.ToggleGroupContext.Provider, { value: contextValue, children: element });
+}
+//# sourceMappingURL=ToggleGroup.js.map

package/lib/toggle-group/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBb,kCA+EC;;AA/FD,6CAA+B;AAC/B,+CAAoC;AACpC,0DAAuD;AACvD,kEAA+D;AAC/D,qEAAkE;AAIlE,6DAA0D;AAE1D,MAAM,WAAW,GAAY,EAAE,CAAC;AAEhC;;;GAGG;AACH,SAAgB,WAAW,CACzB,cAAwC;IAExC,MAAM,EACJ,SAAS,EACT,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,WAAW,GAAG,YAAY,EAC1B,MAAM,EACN,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,kBAAkB,GAAG,SAAS,KAAK,SAAS,IAAI,gBAAgB,KAAK,SAAS,CAAC;IAErF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,6BAAa,EAAmB;QAClE,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;QAChF,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,qCAAiB,EACrC,CACE,QAAe,EACf,WAAoB,EACpB,YAAyD,EACzD,EAAE;QACF,IAAI,aAAsB,CAAC;QAC3B,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;YACnC,IAAI,WAAW,EAAE,CAAC;gBAChB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,CAAC;QAED,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,aAAa,EAAE,YAAY,CAAC,CAAC;QAE7C,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,CACF,CAAC;IAEF,MAAM,KAAK,GAAqB,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEpE,MAAM,YAAY,GAA8B,KAAK,CAAC,OAAO,CAC3D,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,aAAa;QACb,KAAK,EAAE,UAAU;QACjB,kBAAkB;KACnB,CAAC,EACF,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAC1D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,OAAgB;gBACtB,kBAAkB,EAAE,WAAW;aAChC;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,uCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAA+B,CAAC;AACnG,CAAC"}

package/lib/toggle-group/ToggleGroupContext.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { ZestChangeEventDetails } from '../utils/createChangeEventDetails';
+import type { ZestEventReasons } from '../utils/reasons';
+export interface ToggleGroupContext<Value> {
+    value: readonly Value[];
+    setGroupValue: (newValue: Value, nextPressed: boolean, eventDetails: ZestChangeEventDetails<ZestEventReasons['none']>) => void;
+    disabled: boolean;
+    /**
+     * Indicates whether the value has been initialized via `value` or `defaultValue` props.
+     * Used to determine if Toggle should warn users about data inconsistency problems.
+     */
+    isValueInitialized: boolean;
+}
+export declare const ToggleGroupContext: React.Context<ToggleGroupContext<any> | undefined>;
+/**
+ * Toggle may be used standalone, so the group context is optional by design.
+ */
+export declare function useToggleGroupContext<Value = string>(): ToggleGroupContext<Value> | undefined;
+//# sourceMappingURL=ToggleGroupContext.d.ts.map

package/lib/toggle-group/ToggleGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACxB,aAAa,EAAE,CACb,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,OAAO,EACpB,YAAY,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAC3D,IAAI,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,oDAE9B,CAAC;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,GAAG,MAAM,2CAEnD"}

package/lib/toggle-group/ToggleGroupContext.js

@@ -0,0 +1,47 @@
+"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.ToggleGroupContext = void 0;
+exports.useToggleGroupContext = useToggleGroupContext;
+const React = __importStar(require("react"));
+exports.ToggleGroupContext = React.createContext(undefined);
+/**
+ * Toggle may be used standalone, so the group context is optional by design.
+ */
+function useToggleGroupContext() {
+    return React.useContext(exports.ToggleGroupContext);
+}
+//# sourceMappingURL=ToggleGroupContext.js.map

package/lib/toggle-group/ToggleGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupContext.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroupContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Bb,sDAEC;AA5BD,6CAA+B;AAmBlB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CACnD,SAAS,CACV,CAAC;AAEF;;GAEG;AACH,SAAgB,qBAAqB;IACnC,OAAO,KAAK,CAAC,UAAU,CAAwC,0BAAkB,CAAC,CAAC;AACrF,CAAC"}

package/lib/toggle-group/index.d.ts

@@ -0,0 +1,4 @@
+export { ToggleGroup } from './ToggleGroup';
+export type * from './ToggleGroup';
+export { useToggleGroupContext } from './ToggleGroupContext';
+//# sourceMappingURL=index.d.ts.map

package/lib/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,mBAAmB,eAAe,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/toggle-group/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggleGroupContext = exports.ToggleGroup = void 0;
+var ToggleGroup_1 = require("./ToggleGroup");
+Object.defineProperty(exports, "ToggleGroup", { enumerable: true, get: function () { return ToggleGroup_1.ToggleGroup; } });
+var ToggleGroupContext_1 = require("./ToggleGroupContext");
+Object.defineProperty(exports, "useToggleGroupContext", { enumerable: true, get: function () { return ToggleGroupContext_1.useToggleGroupContext; } });
+//# sourceMappingURL=index.js.map

package/lib/toggle-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,2DAA6D;AAApD,2HAAA,qBAAqB,OAAA"}

package/lib/tooltip/arrow/TooltipArrow.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import { View } from 'react-native';
+import type { Align, Side } from '../../utils/useAnchorPositioning';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * Displays an element positioned against the tooltip anchor.
+ * Renders a `<View>`.
+ */
+export declare function TooltipArrow(componentProps: TooltipArrow.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface TooltipArrowState {
+    open: boolean;
+    side: Side;
+    align: Align;
+}
+export interface TooltipArrowProps extends ZestUIComponentProps<typeof View, TooltipArrowState> {
+}
+export declare namespace TooltipArrow {
+    type State = TooltipArrowState;
+    type Props = TooltipArrowProps;
+}
+//# sourceMappingURL=TooltipArrow.d.ts.map

package/lib/tooltip/arrow/TooltipArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArrow.d.ts","sourceRoot":"","sources":["../../../src/tooltip/arrow/TooltipArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EAiB9D;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC;CAAG;AAElG,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/tooltip/arrow/TooltipArrow.js

@@ -0,0 +1,27 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipArrow = TooltipArrow;
+const react_native_1 = require("react-native");
+const TooltipRootContext_1 = require("../root/TooltipRootContext");
+const TooltipPositionerContext_1 = require("../positioner/TooltipPositionerContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+/**
+ * Displays an element positioned against the tooltip anchor.
+ * Renders a `<View>`.
+ */
+function TooltipArrow(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, TooltipRootContext_1.useTooltipRootContext)();
+    const { side, align, arrowRef, arrowStyles } = (0, TooltipPositionerContext_1.useTooltipPositionerContext)();
+    const open = store.useState('open');
+    const mergedRef = (0, useMergedRefs_1.useMergedRefs)(ref, arrowRef);
+    const state = { open, side, align };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref: mergedRef,
+        props: [{ style: { position: 'absolute', ...arrowStyles } }, elementProps],
+    });
+}
+//# sourceMappingURL=TooltipArrow.js.map

package/lib/tooltip/arrow/TooltipArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArrow.js","sourceRoot":"","sources":["../../../src/tooltip/arrow/TooltipArrow.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAcb,oCAiBC;AA7BD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,wEAAqE;AACrE,6DAA0D;AAI1D;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAE7E,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,QAA8B,CAAC,CAAC;IAErE,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAEvD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAmB,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC;KACpF,CAAC,CAAC;AACL,CAAC"}

package/lib/tooltip/index.d.ts

@@ -0,0 +1,9 @@
+export * as Tooltip from './index.parts';
+export type * from './root/TooltipRoot';
+export type * from './trigger/TooltipTrigger';
+export type * from './portal/TooltipPortal';
+export type * from './positioner/TooltipPositioner';
+export type * from './popup/TooltipPopup';
+export type * from './arrow/TooltipArrow';
+export { useTooltipRootContext } from './root/TooltipRootContext';
+//# sourceMappingURL=index.d.ts.map

package/lib/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,eAAe,CAAC;AAEzC,mBAAmB,oBAAoB,CAAC;AACxC,mBAAmB,0BAA0B,CAAC;AAC9C,mBAAmB,wBAAwB,CAAC;AAC5C,mBAAmB,gCAAgC,CAAC;AACpD,mBAAmB,sBAAsB,CAAC;AAC1C,mBAAmB,sBAAsB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}