@limonify/zest-ui 0.1.0

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

package/lib/radio/root/RadioRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioRootContext.js","sourceRoot":"","sources":["../../../src/radio/root/RadioRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQb,kDASC;AAhBD,6CAA+B;AAKlB,QAAA,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE7F,SAAgB,mBAAmB;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,oFAAoF,CACrF,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/radio-group/RadioGroup.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../types';
+import type { ZestChangeEventDetails } from '../utils/createChangeEventDetails';
+import { REASONS } from '../utils/reasons';
+/**
+ * Provides a shared state to a series of radio buttons.
+ * Renders a `<View>`.
+ */
+export declare function RadioGroup<Value = any>(componentProps: RadioGroup.Props<Value>): React.JSX.Element;
+export interface RadioGroupState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the user should be unable to select a different radio button in the group.
+     */
+    readOnly: boolean;
+    /**
+     * Whether the user must choose a value before submitting a form.
+     */
+    required: boolean;
+}
+export interface RadioGroupProps<Value = any> extends Omit<ZestUIComponentProps<typeof View, RadioGroupState>, 'value'> {
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether the user should be unable to select a different radio button in the group.
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Whether the user must choose a value before submitting a form.
+     * @default false
+     */
+    required?: boolean | undefined;
+    /**
+     * The controlled value of the radio item that should be currently selected.
+     *
+     * To render an uncontrolled radio group, use the `defaultValue` prop instead.
+     */
+    value?: Value | undefined;
+    /**
+     * The uncontrolled value of the radio button that should be initially selected.
+     *
+     * To render a controlled radio group, use the `value` prop instead.
+     */
+    defaultValue?: Value | undefined;
+    /**
+     * Callback fired when the value changes.
+     */
+    onValueChange?: ((value: Value, eventDetails: RadioGroup.ChangeEventDetails) => void) | undefined;
+}
+export type RadioGroupChangeEventReason = typeof REASONS.none;
+export type RadioGroupChangeEventDetails = ZestChangeEventDetails<RadioGroupChangeEventReason>;
+export declare namespace RadioGroup {
+    type State = RadioGroupState;
+    type Props<Value = any> = RadioGroupProps<Value>;
+    type ChangeEventReason = RadioGroupChangeEventReason;
+    type ChangeEventDetails = RadioGroupChangeEventDetails;
+}
+//# sourceMappingURL=RadioGroup.d.ts.map

package/lib/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,GAAG,GAAG,EAAE,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,qBAoE9E;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,GAAG,CAC1C,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,eAAe,CAAC,EAAE,OAAO,CAAC;IACzE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnG;AAED,MAAM,MAAM,2BAA2B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE9D,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;AAE/F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;IACxD,KAAY,iBAAiB,GAAG,2BAA2B,CAAC;IAC5D,KAAY,kBAAkB,GAAG,4BAA4B,CAAC;CAC/D"}

package/lib/radio-group/RadioGroup.js

@@ -0,0 +1,92 @@
+"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.RadioGroup = RadioGroup;
+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 useFieldControlRegistration_1 = require("../internals/field/useFieldControlRegistration");
+const RadioGroupContext_1 = require("./RadioGroupContext");
+/**
+ * Provides a shared state to a series of radio buttons.
+ * Renders a `<View>`.
+ */
+function RadioGroup(componentProps) {
+    const { className, defaultValue, disabled: disabledProp = false, onValueChange, readOnly = false, render, required = false, style, value: valueProp, ref, ...elementProps } = componentProps;
+    const { fieldDisabled, fieldProps, validateField } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
+    const disabled = disabledProp || fieldDisabled;
+    const [checkedValue, setCheckedValueUnwrapped] = (0, useControlled_1.useControlled)({
+        controlled: valueProp,
+        default: defaultValue,
+        name: 'RadioGroup',
+        state: 'value',
+    });
+    const setCheckedValue = (0, useStableCallback_1.useStableCallback)((value, eventDetails) => {
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value, eventDetails);
+        if (eventDetails.isCanceled) {
+            return;
+        }
+        setCheckedValueUnwrapped(value);
+        validateField(value);
+    });
+    const state = { disabled, readOnly, required };
+    const contextValue = React.useMemo(() => ({
+        checkedValue,
+        setCheckedValue,
+        disabled,
+        readOnly,
+        required,
+    }), [checkedValue, setCheckedValue, disabled, readOnly, required]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                accessibilityRole: 'radiogroup',
+                accessibilityState: { disabled: disabled || undefined },
+                'aria-required': required || undefined,
+                'aria-readonly': readOnly || undefined,
+                ...fieldProps,
+            },
+            elementProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(RadioGroupContext_1.RadioGroupContext.Provider, { value: contextValue, children: element });
+}
+//# sourceMappingURL=RadioGroup.js.map

package/lib/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/radio-group/RadioGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBb,gCAoEC;;AAnFD,6CAA+B;AAC/B,+CAAoC;AACpC,0DAAuD;AACvD,kEAA+D;AAC/D,qEAAkE;AAClE,gGAA6F;AAI7F,2DAAwD;AAExD;;;GAGG;AACH,SAAgB,UAAU,CAAc,cAAuC;IAC7E,MAAM,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAA,yDAA2B,GAAE,CAAC;IAEnF,MAAM,QAAQ,GAAG,YAAY,IAAI,aAAa,CAAC;IAE/C,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAAC,GAAG,IAAA,6BAAa,EAAoB;QAChF,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,IAAA,qCAAiB,EACvC,CAAC,KAAY,EAAE,YAA2C,EAAE,EAAE;QAC5D,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,EAAE,YAAY,CAAC,CAAC;QAErC,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CACF,CAAC;IAEF,MAAM,KAAK,GAAoB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;IAEhE,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAC1D,GAAG,EAAE,CAAC,CAAC;QACL,YAAY;QACZ,eAAe;QACf,QAAQ;QACR,QAAQ;QACR,QAAQ;KACT,CAAC,EACF,CAAC,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC9D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,iBAAiB,EAAE,YAAqB;gBACxC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvD,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,GAAG,UAAU;aACd;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAA8B,CAAC;AACjG,CAAC"}

package/lib/radio-group/RadioGroupContext.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { ZestChangeEventDetails } from '../utils/createChangeEventDetails';
+import type { ZestEventReasons } from '../utils/reasons';
+export interface RadioGroupContext<Value> {
+    checkedValue: Value | undefined;
+    setCheckedValue: (value: Value, eventDetails: ZestChangeEventDetails<ZestEventReasons['none']>) => void;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+}
+export declare const RadioGroupContext: React.Context<RadioGroupContext<any> | undefined>;
+/**
+ * Unlike the web, a standalone radio has no hidden `<input>` to fall back on, so
+ * it cannot hold state of its own. `Radio.Root` therefore requires a group.
+ */
+export declare function useRadioGroupContext<Value = any>(): RadioGroupContext<Value>;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/lib/radio-group/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../src/radio-group/RadioGroupContext.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,iBAAiB,CAAC,KAAK;IACtC,YAAY,EAAE,KAAK,GAAG,SAAS,CAAC;IAChC,eAAe,EAAE,CACf,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAC3D,IAAI,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,mDAAqE,CAAC;AAEpG;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,GAAG,GAAG,8BAS/C"}

package/lib/radio-group/RadioGroupContext.js

@@ -0,0 +1,52 @@
+"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.RadioGroupContext = void 0;
+exports.useRadioGroupContext = useRadioGroupContext;
+const React = __importStar(require("react"));
+exports.RadioGroupContext = React.createContext(undefined);
+/**
+ * Unlike the web, a standalone radio has no hidden `<input>` to fall back on, so
+ * it cannot hold state of its own. `Radio.Root` therefore requires a group.
+ */
+function useRadioGroupContext() {
+    const context = React.useContext(exports.RadioGroupContext);
+    if (context === undefined) {
+        throw new Error('Zest: RadioGroupContext is missing. Radio parts must be placed within <RadioGroup>.');
+    }
+    return context;
+}
+//# sourceMappingURL=RadioGroupContext.js.map

package/lib/radio-group/RadioGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","sourceRoot":"","sources":["../../src/radio-group/RadioGroupContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBb,oDASC;AA9BD,6CAA+B;AAelB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAqC,SAAS,CAAC,CAAC;AAEpG;;;GAGG;AACH,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAuC,yBAAiB,CAAC,CAAC;IAC1F,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,qFAAqF,CACtF,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

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

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

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

package/lib/radio-group/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radio-group/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,yDAA2D;AAAlD,yHAAA,oBAAoB,OAAA"}

package/lib/select/arrow/SelectArrow.d.ts

@@ -0,0 +1,33 @@
+import * 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 select popup anchor.
+ * Renders a `<View>`.
+ *
+ * The arrow is positioned for you; its shape and size are yours. `state.side`
+ * tells you which edge of the popup it sits on.
+ */
+export declare function SelectArrow(componentProps: SelectArrow.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface SelectArrowState {
+    /**
+     * Whether the select popup is currently open.
+     */
+    open: boolean;
+    /**
+     * The side the popup was actually placed on, after collision handling.
+     */
+    side: Side;
+    /**
+     * The alignment the popup was actually placed with.
+     */
+    align: Align;
+}
+export interface SelectArrowProps extends ZestUIComponentProps<typeof View, SelectArrowState> {
+}
+export declare namespace SelectArrow {
+    type State = SelectArrowState;
+    type Props = SelectArrowProps;
+}
+//# sourceMappingURL=SelectArrow.d.ts.map

package/lib/select/arrow/SelectArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectArrow.d.ts","sourceRoot":"","sources":["../../../src/select/arrow/SelectArrow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,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;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,0EAoB5D;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;CAAG;AAEhG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/select/arrow/SelectArrow.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectArrow = SelectArrow;
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const SelectPositionerContext_1 = require("../positioner/SelectPositionerContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+/**
+ * Displays an element positioned against the select popup anchor.
+ * Renders a `<View>`.
+ *
+ * The arrow is positioned for you; its shape and size are yours. `state.side`
+ * tells you which edge of the popup it sits on.
+ */
+function SelectArrow(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, SelectRootContext_1.useSelectRootContext)();
+    const { side, align, arrowRef, arrowStyles } = (0, SelectPositionerContext_1.useSelectPositionerContext)();
+    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 }, 'aria-hidden': true },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=SelectArrow.js.map

package/lib/select/arrow/SelectArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectArrow.js","sourceRoot":"","sources":["../../../src/select/arrow/SelectArrow.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAiBb,kCAoBC;AAnCD,+CAAoC;AACpC,iEAAiE;AACjE,mFAAmF;AACnF,wEAAqE;AACrE,6DAA0D;AAI1D;;;;;;GAMG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAA,oDAA0B,GAAE,CAAC;IAE5E,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,GAAqB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAEtD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAmB,EAAE,GAAG,WAAW,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;YACjF,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/select/backdrop/SelectBackdrop.d.ts

@@ -0,0 +1,17 @@
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A backdrop for the select popup, and the surface that dismisses it.
+ * Renders a `<Pressable>`.
+ */
+export declare function SelectBackdrop(componentProps: SelectBackdrop.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SelectBackdropState {
+    open: boolean;
+}
+export interface SelectBackdropProps extends ZestUIComponentProps<typeof Pressable, SelectBackdropState> {
+}
+export declare namespace SelectBackdrop {
+    type State = SelectBackdropState;
+    type Props = SelectBackdropProps;
+}
+//# sourceMappingURL=SelectBackdrop.d.ts.map

package/lib/select/backdrop/SelectBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBackdrop.d.ts","sourceRoot":"","sources":["../../../src/select/backdrop/SelectBackdrop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,cAAc,CAAC;AAGjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,8FAqBlE;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC;CAAG;AAExE,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}

package/lib/select/backdrop/SelectBackdrop.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectBackdrop = SelectBackdrop;
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+/**
+ * A backdrop for the select popup, and the surface that dismisses it.
+ * Renders a `<Pressable>`.
+ */
+function SelectBackdrop(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, SelectRootContext_1.useSelectRootContext)();
+    const open = store.useState('open');
+    const state = { open };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                style: react_native_1.StyleSheet.absoluteFill,
+                onPress(event) {
+                    store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.outsidePress, event));
+                },
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=SelectBackdrop.js.map

package/lib/select/backdrop/SelectBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBackdrop.js","sourceRoot":"","sources":["../../../src/select/backdrop/SelectBackdrop.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,wCAqBC;AAhCD,+CAAiF;AACjF,iEAAiE;AACjE,wEAAqE;AAErE,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IACrC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAwB,EAAE,IAAI,EAAE,CAAC;IAE5C,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,yBAAU,CAAC,YAAY;gBAC9B,OAAO,CAAC,KAA4B;oBAClC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9E,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/select/group/SelectGroup.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * Groups related select items with the corresponding label.
+ * Renders a `<View>`.
+ */
+export declare function SelectGroup(componentProps: SelectGroup.Props): React.JSX.Element;
+export interface SelectGroupState {
+}
+export interface SelectGroupProps extends ZestUIComponentProps<typeof View, SelectGroupState> {
+}
+export declare namespace SelectGroup {
+    type State = SelectGroupState;
+    type Props = SelectGroupProps;
+}
+//# sourceMappingURL=SelectGroup.d.ts.map

package/lib/select/group/SelectGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.d.ts","sourceRoot":"","sources":["../../../src/select/group/SelectGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,qBAuB5D;AAED,MAAM,WAAW,gBAAgB;CAAG;AAEpC,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;CAAG;AAEhG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}

package/lib/select/group/SelectGroup.js

@@ -0,0 +1,67 @@
+"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.SelectGroup = SelectGroup;
+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 useId_1 = require("../../hooks/useId");
+const SelectGroupContext_1 = require("./SelectGroupContext");
+/**
+ * Groups related select items with the corresponding label.
+ * Renders a `<View>`.
+ */
+function SelectGroup(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const labelId = (0, useId_1.useId)();
+    const contextValue = React.useMemo(() => ({ labelId }), [labelId]);
+    const state = {};
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                role: 'group',
+                accessibilityLabelledBy: labelId,
+                'aria-labelledby': labelId,
+            },
+            elementProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(SelectGroupContext_1.SelectGroupContext.Provider, { value: contextValue, children: element });
+}
+//# sourceMappingURL=SelectGroup.js.map

package/lib/select/group/SelectGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroup.js","sourceRoot":"","sources":["../../../src/select/group/SelectGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,kCAuBC;;AAlCD,6CAA+B;AAC/B,+CAAoC;AACpC,wEAAqE;AACrE,6CAA0C;AAE1C,6DAA0D;AAE1D;;;GAGG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,MAAM,YAAY,GAAuB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvF,MAAM,KAAK,GAAqB,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,OAAgB;gBACtB,uBAAuB,EAAE,OAAO;gBAChC,iBAAiB,EAAE,OAAO;aAC3B;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/select/group/SelectGroupContext.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface SelectGroupContext {
+    /**
+     * The id the group is labelled by; `Select.GroupLabel` renders it.
+     */
+    labelId: string | undefined;
+}
+export declare const SelectGroupContext: React.Context<SelectGroupContext | undefined>;
+export declare function useSelectGroupContext(): SelectGroupContext;
+//# sourceMappingURL=SelectGroupContext.d.ts.map

package/lib/select/group/SelectGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupContext.d.ts","sourceRoot":"","sources":["../../../src/select/group/SelectGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,+CAAiE,CAAC;AAEjG,wBAAgB,qBAAqB,uBASpC"}

package/lib/select/group/SelectGroupContext.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.SelectGroupContext = void 0;
+exports.useSelectGroupContext = useSelectGroupContext;
+const React = __importStar(require("react"));
+exports.SelectGroupContext = React.createContext(undefined);
+function useSelectGroupContext() {
+    const context = React.useContext(exports.SelectGroupContext);
+    if (context === undefined) {
+        throw new Error('Zest: SelectGroupContext is missing. <Select.GroupLabel> must be placed within <Select.Group>.');
+    }
+    return context;
+}
+//# sourceMappingURL=SelectGroupContext.js.map

package/lib/select/group/SelectGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupContext.js","sourceRoot":"","sources":["../../../src/select/group/SelectGroupContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,sDASC;AApBD,6CAA+B;AASlB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAiC,SAAS,CAAC,CAAC;AAEjG,SAAgB,qBAAqB;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,CAAC;IACrD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,gGAAgG,CACjG,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/select/group-label/SelectGroupLabel.d.ts

@@ -0,0 +1,16 @@
+import { Text } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * An accessible label that is automatically associated with its parent group.
+ * Renders a `<Text>`.
+ */
+export declare function SelectGroupLabel(componentProps: SelectGroupLabel.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SelectGroupLabelState {
+}
+export interface SelectGroupLabelProps extends ZestUIComponentProps<typeof Text, SelectGroupLabelState> {
+}
+export declare namespace SelectGroupLabel {
+    type State = SelectGroupLabelState;
+    type Props = SelectGroupLabelProps;
+}
+//# sourceMappingURL=SelectGroupLabel.d.ts.map