@limonify/zest-ui 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupLabel.d.ts","sourceRoot":"","sources":["../../../src/select/group-label/SelectGroupLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,8FAYtE;AAED,MAAM,WAAW,qBAAqB;CAAG;AAEzC,MAAM,WAAW,qBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,qBAAqB,CAAC;CAAG;AAErE,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC3C"}

package/lib/select/group-label/SelectGroupLabel.js

@@ -0,0 +1,22 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectGroupLabel = SelectGroupLabel;
+const react_native_1 = require("react-native");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const SelectGroupContext_1 = require("../group/SelectGroupContext");
+/**
+ * An accessible label that is automatically associated with its parent group.
+ * Renders a `<Text>`.
+ */
+function SelectGroupLabel(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const { labelId } = (0, SelectGroupContext_1.useSelectGroupContext)();
+    const state = {};
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        state,
+        ref,
+        props: [{ nativeID: labelId, role: 'heading' }, elementProps],
+    });
+}
+//# sourceMappingURL=SelectGroupLabel.js.map

package/lib/select/group-label/SelectGroupLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectGroupLabel.js","sourceRoot":"","sources":["../../../src/select/group-label/SelectGroupLabel.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAUb,4CAYC;AArBD,+CAAoC;AACpC,wEAAqE;AACrE,oEAAoE;AAGpE;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,cAAsC;IACrE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0CAAqB,GAAE,CAAC;IAE5C,MAAM,KAAK,GAA0B,EAAE,CAAC;IAExC,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAkB,EAAE,EAAE,YAAY,CAAC;KACvE,CAAC,CAAC;AACL,CAAC"}

package/lib/select/icon/SelectIcon.d.ts

@@ -0,0 +1,17 @@
+import { View } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A decorative icon inside the trigger, hidden from assistive technology.
+ * Renders a `<View>`.
+ */
+export declare function SelectIcon(componentProps: SelectIcon.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SelectIconState {
+    open: boolean;
+}
+export interface SelectIconProps extends ZestUIComponentProps<typeof View, SelectIconState> {
+}
+export declare namespace SelectIcon {
+    type State = SelectIconState;
+    type Props = SelectIconProps;
+}
+//# sourceMappingURL=SelectIcon.d.ts.map

package/lib/select/icon/SelectIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIcon.d.ts","sourceRoot":"","sources":["../../../src/select/icon/SelectIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,8FAoB1D;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,eAAe,CAAC;CAAG;AAE9F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;CACrC"}

package/lib/select/icon/SelectIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectIcon = SelectIcon;
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+/**
+ * A decorative icon inside the trigger, hidden from assistive technology.
+ * Renders a `<View>`.
+ */
+function SelectIcon(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.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                accessibilityElementsHidden: true,
+                importantForAccessibility: 'no-hide-descendants',
+                'aria-hidden': true,
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=SelectIcon.js.map

package/lib/select/icon/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIcon.js","sourceRoot":"","sources":["../../../src/select/icon/SelectIcon.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAUb,gCAoBC;AA7BD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AAGrE;;;GAGG;AACH,SAAgB,UAAU,CAAC,cAAgC;IACzD,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,GAAoB,EAAE,IAAI,EAAE,CAAC;IAExC,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,2BAA2B,EAAE,IAAI;gBACjC,yBAAyB,EAAE,qBAA8B;gBACzD,aAAa,EAAE,IAAI;aACpB;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/select/index.d.ts

@@ -0,0 +1,19 @@
+export * as Select from './index.parts';
+export type * from './root/SelectRoot';
+export type * from './label/SelectLabel';
+export type * from './trigger/SelectTrigger';
+export type * from './value/SelectValue';
+export type * from './icon/SelectIcon';
+export type * from './portal/SelectPortal';
+export type * from './backdrop/SelectBackdrop';
+export type * from './positioner/SelectPositioner';
+export type * from './arrow/SelectArrow';
+export type * from './popup/SelectPopup';
+export type * from './list/SelectList';
+export type * from './group/SelectGroup';
+export type * from './group-label/SelectGroupLabel';
+export type * from './item/SelectItem';
+export type * from './item-text/SelectItemText';
+export type * from './item-indicator/SelectItemIndicator';
+export { useSelectRootContext } from './root/SelectRootContext';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,mBAAmB,mBAAmB,CAAC;AACvC,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,yBAAyB,CAAC;AAC7C,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,mBAAmB,CAAC;AACvC,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,2BAA2B,CAAC;AAC/C,mBAAmB,+BAA+B,CAAC;AACnD,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,mBAAmB,CAAC;AACvC,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,gCAAgC,CAAC;AACpD,mBAAmB,mBAAmB,CAAC;AACvC,mBAAmB,4BAA4B,CAAC;AAChD,mBAAmB,sCAAsC,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/select/index.js

@@ -0,0 +1,40 @@
+"use strict";
+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.useSelectRootContext = exports.Select = void 0;
+exports.Select = __importStar(require("./index.parts"));
+var SelectRootContext_1 = require("./root/SelectRootContext");
+Object.defineProperty(exports, "useSelectRootContext", { enumerable: true, get: function () { return SelectRootContext_1.useSelectRootContext; } });
+//# sourceMappingURL=index.js.map

package/lib/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAwC;AAkBxC,8DAAgE;AAAvD,yHAAA,oBAAoB,OAAA"}

package/lib/select/index.parts.d.ts

@@ -0,0 +1,18 @@
+export { SelectRoot as Root } from './root/SelectRoot';
+export { SelectLabel as Label } from './label/SelectLabel';
+export { SelectTrigger as Trigger } from './trigger/SelectTrigger';
+export { SelectValue as Value } from './value/SelectValue';
+export { SelectIcon as Icon } from './icon/SelectIcon';
+export { SelectPortal as Portal } from './portal/SelectPortal';
+export { SelectBackdrop as Backdrop } from './backdrop/SelectBackdrop';
+export { SelectPositioner as Positioner } from './positioner/SelectPositioner';
+export { SelectArrow as Arrow } from './arrow/SelectArrow';
+export { SelectPopup as Popup } from './popup/SelectPopup';
+export { SelectList as List } from './list/SelectList';
+export { SelectGroup as Group } from './group/SelectGroup';
+export { SelectGroupLabel as GroupLabel } from './group-label/SelectGroupLabel';
+export { SelectItem as Item } from './item/SelectItem';
+export { SelectItemText as ItemText } from './item-text/SelectItemText';
+export { SelectItemIndicator as ItemIndicator } from './item-indicator/SelectItemIndicator';
+export { Separator } from '../separator/Separator';
+//# sourceMappingURL=index.parts.d.ts.map

package/lib/select/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/select/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,mBAAmB,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/select/index.parts.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = exports.ItemIndicator = exports.ItemText = exports.Item = exports.GroupLabel = exports.Group = exports.List = exports.Popup = exports.Arrow = exports.Positioner = exports.Backdrop = exports.Portal = exports.Icon = exports.Value = exports.Trigger = exports.Label = exports.Root = void 0;
+var SelectRoot_1 = require("./root/SelectRoot");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return SelectRoot_1.SelectRoot; } });
+var SelectLabel_1 = require("./label/SelectLabel");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return SelectLabel_1.SelectLabel; } });
+var SelectTrigger_1 = require("./trigger/SelectTrigger");
+Object.defineProperty(exports, "Trigger", { enumerable: true, get: function () { return SelectTrigger_1.SelectTrigger; } });
+var SelectValue_1 = require("./value/SelectValue");
+Object.defineProperty(exports, "Value", { enumerable: true, get: function () { return SelectValue_1.SelectValue; } });
+var SelectIcon_1 = require("./icon/SelectIcon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return SelectIcon_1.SelectIcon; } });
+var SelectPortal_1 = require("./portal/SelectPortal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return SelectPortal_1.SelectPortal; } });
+var SelectBackdrop_1 = require("./backdrop/SelectBackdrop");
+Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return SelectBackdrop_1.SelectBackdrop; } });
+var SelectPositioner_1 = require("./positioner/SelectPositioner");
+Object.defineProperty(exports, "Positioner", { enumerable: true, get: function () { return SelectPositioner_1.SelectPositioner; } });
+var SelectArrow_1 = require("./arrow/SelectArrow");
+Object.defineProperty(exports, "Arrow", { enumerable: true, get: function () { return SelectArrow_1.SelectArrow; } });
+var SelectPopup_1 = require("./popup/SelectPopup");
+Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return SelectPopup_1.SelectPopup; } });
+var SelectList_1 = require("./list/SelectList");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return SelectList_1.SelectList; } });
+var SelectGroup_1 = require("./group/SelectGroup");
+Object.defineProperty(exports, "Group", { enumerable: true, get: function () { return SelectGroup_1.SelectGroup; } });
+var SelectGroupLabel_1 = require("./group-label/SelectGroupLabel");
+Object.defineProperty(exports, "GroupLabel", { enumerable: true, get: function () { return SelectGroupLabel_1.SelectGroupLabel; } });
+var SelectItem_1 = require("./item/SelectItem");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return SelectItem_1.SelectItem; } });
+var SelectItemText_1 = require("./item-text/SelectItemText");
+Object.defineProperty(exports, "ItemText", { enumerable: true, get: function () { return SelectItemText_1.SelectItemText; } });
+var SelectItemIndicator_1 = require("./item-indicator/SelectItemIndicator");
+Object.defineProperty(exports, "ItemIndicator", { enumerable: true, get: function () { return SelectItemIndicator_1.SelectItemIndicator; } });
+var Separator_1 = require("../separator/Separator");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
+//# sourceMappingURL=index.parts.js.map

package/lib/select/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/select/index.parts.ts"],"names":[],"mappings":";;;AAAA,gDAAuD;AAA9C,kGAAA,UAAU,OAAQ;AAC3B,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,yDAAmE;AAA1D,wGAAA,aAAa,OAAW;AACjC,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,gDAAuD;AAA9C,kGAAA,UAAU,OAAQ;AAC3B,sDAA+D;AAAtD,sGAAA,YAAY,OAAU;AAC/B,4DAAuE;AAA9D,0GAAA,cAAc,OAAY;AACnC,kEAA+E;AAAtE,8GAAA,gBAAgB,OAAc;AACvC,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,gDAAuD;AAA9C,kGAAA,UAAU,OAAQ;AAC3B,mDAA2D;AAAlD,oGAAA,WAAW,OAAS;AAC7B,mEAAgF;AAAvE,8GAAA,gBAAgB,OAAc;AACvC,gDAAuD;AAA9C,kGAAA,UAAU,OAAQ;AAC3B,6DAAwE;AAA/D,0GAAA,cAAc,OAAY;AACnC,4EAA4F;AAAnF,oHAAA,mBAAmB,OAAiB;AAC7C,oDAAmD;AAA1C,sGAAA,SAAS,OAAA"}

package/lib/select/item/SelectItem.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * An individual option in the select.
+ * Renders a `<Pressable>`.
+ */
+export declare function SelectItem<Value = any>(componentProps: SelectItem.Props<Value>): React.JSX.Element;
+export interface SelectItemState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the item is currently pressed.
+     */
+    pressed: boolean;
+    /**
+     * Whether the item is selected. In a `multiple` select, whether it is among
+     * the selected values.
+     */
+    selected: boolean;
+    /**
+     * The item's index in the list, in visual order.
+     */
+    index: number;
+}
+export interface SelectItemProps<Value = any> extends Omit<ZestUIComponentProps<typeof Pressable, SelectItemState>, 'value' | 'onPress'> {
+    /**
+     * The value this item selects.
+     */
+    value: Value;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}
+export declare namespace SelectItem {
+    type State = SelectItemState;
+    type Props<TValue = any> = SelectItemProps<TValue>;
+}
+//# sourceMappingURL=SelectItem.d.ts.map

package/lib/select/item/SelectItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../src/select/item/SelectItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMxD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,GAAG,GAAG,EAAE,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,qBA2E9E;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,GAAG,CAC1C,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1F;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;CAC3D"}

package/lib/select/item/SelectItem.js

@@ -0,0 +1,105 @@
+"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.SelectItem = SelectItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useButton_1 = require("../../internals/use-button/useButton");
+const useCompositeListItem_1 = require("../../internals/composite/list/useCompositeListItem");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+const SelectStore_1 = require("../store/SelectStore");
+const SelectItemContext_1 = require("./SelectItemContext");
+/**
+ * An individual option in the select.
+ * Renders a `<Pressable>`.
+ */
+function SelectItem(componentProps) {
+    const { className, disabled = false, render, style, value, ref, ...elementProps } = componentProps;
+    const store = (0, SelectRootContext_1.useSelectRootContext)();
+    const selectedValue = store.useState('value');
+    const readOnly = store.useState('readOnly');
+    const multiple = store.useState('multiple');
+    const { index, onLayout } = (0, useCompositeListItem_1.useCompositeListItem)();
+    const [pressed, setPressed] = React.useState(false);
+    const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
+    const selected = (0, SelectStore_1.isSelectValueSelected)(selectedValue, value, multiple);
+    const state = React.useMemo(() => ({ disabled, pressed, selected, index }), [disabled, pressed, selected, index]);
+    const contextValue = React.useMemo(() => ({ state, value }), [state, value]);
+    const element = (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                onLayout,
+                accessibilityRole: 'menuitem',
+                role: 'option',
+                accessibilityState: { selected, disabled: disabled || undefined },
+                'aria-selected': selected,
+                onPress(event) {
+                    if (disabled || readOnly) {
+                        return;
+                    }
+                    // One event details object is shared, so canceling in `onValueChange`
+                    // also stops the popup from closing.
+                    const eventDetails = (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.itemPress, event);
+                    store.setValue((0, SelectStore_1.toggleSelectValue)(selectedValue, value, multiple), eventDetails);
+                    if (eventDetails.isCanceled) {
+                        return;
+                    }
+                    // Picking one of many is rarely the end of the interaction, so a
+                    // multiple select stays open until it is dismissed.
+                    if (!multiple) {
+                        store.setOpen(false, eventDetails);
+                    }
+                },
+                onPressIn() {
+                    setPressed(true);
+                },
+                onPressOut() {
+                    setPressed(false);
+                },
+            },
+            elementProps,
+            getButtonProps,
+        ],
+    });
+    return (0, jsx_runtime_1.jsx)(SelectItemContext_1.SelectItemContext.Provider, { value: contextValue, children: element });
+}
+//# sourceMappingURL=SelectItem.js.map

package/lib/select/item/SelectItem.js.map

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

package/lib/select/item/SelectItemContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { SelectItemState } from './SelectItem';
+export interface SelectItemContext {
+    state: SelectItemState;
+    value: unknown;
+}
+export declare const SelectItemContext: React.Context<SelectItemContext | undefined>;
+export declare function useSelectItemContext(): SelectItemContext;
+//# sourceMappingURL=SelectItemContext.d.ts.map

package/lib/select/item/SelectItemContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemContext.d.ts","sourceRoot":"","sources":["../../../src/select/item/SelectItemContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,8CAAgE,CAAC;AAE/F,wBAAgB,oBAAoB,sBASnC"}

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

package/lib/select/item/SelectItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemContext.js","sourceRoot":"","sources":["../../../src/select/item/SelectItemContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWb,oDASC;AAnBD,6CAA+B;AAQlB,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAC;AAE/F,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAiB,CAAC,CAAC;IACpD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/lib/select/item-indicator/SelectItemIndicator.d.ts

@@ -0,0 +1,22 @@
+import { View } from 'react-native';
+import type { SelectItemState } from '../item/SelectItem';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * Indicates whether the select item is the selected one.
+ * Renders a `<View>`.
+ */
+export declare function SelectItemIndicator(componentProps: SelectItemIndicator.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export interface SelectItemIndicatorState extends SelectItemState {
+}
+export interface SelectItemIndicatorProps extends ZestUIComponentProps<typeof View, SelectItemIndicatorState> {
+    /**
+     * Whether to keep the element mounted when the item is not selected.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+export declare namespace SelectItemIndicator {
+    type State = SelectItemIndicatorState;
+    type Props = SelectItemIndicatorProps;
+}
+//# sourceMappingURL=SelectItemIndicator.d.ts.map

package/lib/select/item-indicator/SelectItemIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemIndicator.d.ts","sourceRoot":"","sources":["../../../src/select/item-indicator/SelectItemIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,cAAc,EAAE,mBAAmB,CAAC,KAAK,qGAa5E;AAED,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,MAAM,WAAW,wBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,wBAAwB,CAAC;IACnE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,KAAK,GAAG,wBAAwB,CAAC;IAC7C,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAC9C"}

package/lib/select/item-indicator/SelectItemIndicator.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectItemIndicator = SelectItemIndicator;
+const react_native_1 = require("react-native");
+const SelectItemContext_1 = require("../item/SelectItemContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+/**
+ * Indicates whether the select item is the selected one.
+ * Renders a `<View>`.
+ */
+function SelectItemIndicator(componentProps) {
+    const { render, className, style, keepMounted = false, ref, ...elementProps } = componentProps;
+    const { state } = (0, SelectItemContext_1.useSelectItemContext)();
+    const shouldRender = keepMounted || state.selected;
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        enabled: shouldRender,
+        props: elementProps,
+    });
+}
+//# sourceMappingURL=SelectItemIndicator.js.map

package/lib/select/item-indicator/SelectItemIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemIndicator.js","sourceRoot":"","sources":["../../../src/select/item-indicator/SelectItemIndicator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,kDAaC;AAvBD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AAIrE;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,cAAyC;IAC3E,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE/F,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEzC,MAAM,YAAY,GAAG,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC;IAEnD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,YAAY;KACpB,CAAC,CAAC;AACL,CAAC"}

package/lib/select/item-text/SelectItemText.d.ts

@@ -0,0 +1,20 @@
+import { Text } from 'react-native';
+import type { SelectItemState } from '../item/SelectItem';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * The text label of a select item.
+ * Renders a `<Text>`.
+ *
+ * Registers its text with the root so `Select.Value` can render the selected
+ * item's label without the consumer duplicating the value-to-label mapping.
+ */
+export declare function SelectItemText(componentProps: SelectItemText.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface SelectItemTextState extends SelectItemState {
+}
+export interface SelectItemTextProps extends ZestUIComponentProps<typeof Text, SelectItemTextState> {
+}
+export declare namespace SelectItemText {
+    type State = SelectItemTextState;
+    type Props = SelectItemTextProps;
+}
+//# sourceMappingURL=SelectItemText.d.ts.map

package/lib/select/item-text/SelectItemText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemText.d.ts","sourceRoot":"","sources":["../../../src/select/item-text/SelectItemText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,8FAiBlE;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,mBAAmB,CAAC;CAAG;AAEnE,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}

package/lib/select/item-text/SelectItemText.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectItemText = SelectItemText;
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const SelectItemContext_1 = require("../item/SelectItemContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+/**
+ * The text label of a select item.
+ * Renders a `<Text>`.
+ *
+ * Registers its text with the root so `Select.Value` can render the selected
+ * item's label without the consumer duplicating the value-to-label mapping.
+ */
+function SelectItemText(componentProps) {
+    const { render, className, style, children, ref, ...elementProps } = componentProps;
+    const store = (0, SelectRootContext_1.useSelectRootContext)();
+    const { state, value } = (0, SelectItemContext_1.useSelectItemContext)();
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        if (typeof children === 'string') {
+            store.registerLabel(value, children);
+        }
+    }, [store, value, children]);
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        state,
+        ref,
+        props: [elementProps, { children }],
+    });
+}
+//# sourceMappingURL=SelectItemText.js.map

package/lib/select/item-text/SelectItemText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemText.js","sourceRoot":"","sources":["../../../src/select/item-text/SelectItemText.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,wCAiBC;AAhCD,+CAAoC;AACpC,iEAAiE;AACjE,iEAAiE;AACjE,wEAAqE;AACrE,uEAAoE;AAIpE;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IACrC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEhD,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC;KACpC,CAAC,CAAC;AACL,CAAC"}

package/lib/select/label/SelectLabel.d.ts

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

package/lib/select/label/SelectLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectLabel.d.ts","sourceRoot":"","sources":["../../../src/select/label/SelectLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAmB5D;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/label/SelectLabel.js

@@ -0,0 +1,29 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectLabel = SelectLabel;
+const react_native_1 = require("react-native");
+const SelectRootContext_1 = require("../root/SelectRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useId_1 = require("../../hooks/useId");
+const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
+/**
+ * An accessible label that is automatically associated with the select trigger.
+ * Renders a `<Text>`.
+ */
+function SelectLabel(componentProps) {
+    const { render, className, style, nativeID: idProp, ref, ...elementProps } = componentProps;
+    const store = (0, SelectRootContext_1.useSelectRootContext)();
+    const id = (0, useId_1.useId)(idProp !== null && idProp !== void 0 ? idProp : undefined);
+    (0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
+        store.set('labelId', id);
+        return () => store.set('labelId', undefined);
+    }, [id, store]);
+    const state = {};
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        state,
+        ref,
+        props: [{ nativeID: id }, elementProps],
+    });
+}
+//# sourceMappingURL=SelectLabel.js.map