@limonify/zest-ui 0.1.0

package/lib/otp-field/utils/otp.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOTPValidationConfig = getOTPValidationConfig;
+exports.stripOTPWhitespace = stripOTPWhitespace;
+exports.normalizeOTPValueWithDetails = normalizeOTPValueWithDetails;
+exports.normalizeOTPValue = normalizeOTPValue;
+exports.replaceOTPValue = replaceOTPValue;
+exports.removeOTPCharacter = removeOTPCharacter;
+const OTP_VALIDATION_CONFIG = {
+    numeric: {
+        slotPattern: '\\d{1}',
+        getRootPattern: (length) => `\\d{${length}}`,
+        regexp: /[^\d]/g,
+        inputMode: 'numeric',
+    },
+    alpha: {
+        slotPattern: '[a-zA-Z]{1}',
+        getRootPattern: (length) => `[a-zA-Z]{${length}}`,
+        regexp: /[^a-zA-Z]/g,
+        inputMode: 'text',
+    },
+    alphanumeric: {
+        slotPattern: '[a-zA-Z0-9]{1}',
+        getRootPattern: (length) => `[a-zA-Z0-9]{${length}}`,
+        regexp: /[^a-zA-Z0-9]/g,
+        inputMode: 'text',
+    },
+};
+function getOTPValidationConfig(validationType) {
+    if (validationType === 'none') {
+        return null;
+    }
+    return OTP_VALIDATION_CONFIG[validationType];
+}
+function stripOTPWhitespace(value) {
+    return (value !== null && value !== void 0 ? value : '').replace(/\s/g, '');
+}
+function applyOTPValidation(value, validation) {
+    return validation ? value.replace(validation.regexp, '') : value;
+}
+/**
+ * Normalizes user-entered OTP text by stripping whitespace, applying validation and custom
+ * normalization, and clamping the final value to the configured slot count.
+ */
+function normalizeOTPValueWithDetails(value, length, validationType, normalizeValue) {
+    const strippedValue = stripOTPWhitespace(value);
+    const validation = getOTPValidationConfig(validationType);
+    let normalizedValue = applyOTPValidation(strippedValue, validation);
+    let didRejectCharacters = strippedValue.length > normalizedValue.length;
+    if (normalizeValue) {
+        const customNormalizedValue = normalizeValue(normalizedValue);
+        didRejectCharacters || (didRejectCharacters = normalizedValue.length > customNormalizedValue.length);
+        normalizedValue = applyOTPValidation(customNormalizedValue, validation);
+        didRejectCharacters || (didRejectCharacters = customNormalizedValue.length > normalizedValue.length);
+    }
+    // Slice by Unicode code points so multi-byte characters do not split across OTP slots.
+    const maxLength = length < 0 ? 0 : length;
+    const normalizedCharacters = Array.from(normalizedValue);
+    return [
+        normalizedCharacters.slice(0, maxLength).join(''),
+        didRejectCharacters || normalizedCharacters.length > maxLength,
+    ];
+}
+function normalizeOTPValue(value, length, validationType, normalizeValue) {
+    return normalizeOTPValueWithDetails(value, length, validationType, normalizeValue)[0];
+}
+/**
+ * Replaces characters starting at the provided slot index, then re-normalizes the final OTP value
+ * so paste and multi-character edits stay contiguous and length-bounded.
+ */
+function replaceOTPValue(currentValue, index, nextValue, length, validationType, normalizeValue) {
+    const normalizedValue = normalizeOTPValue(nextValue, length, validationType, normalizeValue);
+    const prefix = currentValue.slice(0, index);
+    const suffix = currentValue.slice(index + normalizedValue.length);
+    return normalizeOTPValue(`${prefix}${normalizedValue}${suffix}`, length, validationType, normalizeValue);
+}
+function removeOTPCharacter(currentValue, index) {
+    if (index < 0 || index >= currentValue.length) {
+        return currentValue;
+    }
+    return `${currentValue.slice(0, index)}${currentValue.slice(index + 1)}`;
+}
+//# sourceMappingURL=otp.js.map

package/lib/otp-field/utils/otp.js.map

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

package/lib/popover/arrow/PopoverArrow.d.ts

@@ -0,0 +1,32 @@
+import { View } from 'react-native';
+import type { Align, Side } from '../../utils/useAnchorPositioning';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * Displays an element positioned against the popover 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 PopoverArrow(componentProps: PopoverArrow.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverArrowState {
+    /**
+     * Whether the popover 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 PopoverArrowProps extends ZestUIComponentProps<typeof View, PopoverArrowState> {
+}
+export declare namespace PopoverArrow {
+    type State = PopoverArrowState;
+    type Props = PopoverArrowProps;
+}
+//# sourceMappingURL=PopoverArrow.d.ts.map

package/lib/popover/arrow/PopoverArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverArrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow/PopoverArrow.tsx"],"names":[],"mappings":"AACA,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,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,8FAiB9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,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/popover/arrow/PopoverArrow.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverArrow = PopoverArrow;
+const react_native_1 = require("react-native");
+const PopoverRootContext_1 = require("../root/PopoverRootContext");
+const PopoverPositionerContext_1 = require("../positioner/PopoverPositionerContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useMergedRefs_1 = require("../../hooks/useMergedRefs");
+/**
+ * Displays an element positioned against the popover 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 PopoverArrow(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, PopoverRootContext_1.usePopoverRootContext)();
+    const { side, align, arrowRef, arrowStyles } = (0, PopoverPositionerContext_1.usePopoverPositionerContext)();
+    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=PopoverArrow.js.map

package/lib/popover/arrow/PopoverArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverArrow.js","sourceRoot":"","sources":["../../../src/popover/arrow/PopoverArrow.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,oCAiBC;AAhCD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,wEAAqE;AACrE,6DAA0D;AAI1D;;;;;;GAMG;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/popover/backdrop/PopoverBackdrop.d.ts

@@ -0,0 +1,24 @@
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A backdrop for the popover, and the surface that dismisses it.
+ * Renders a `<Pressable>`.
+ *
+ * Unlike `Dialog`, the popover has no separate viewport part: the backdrop is
+ * both the (optional) dimming layer and the outside-press surface, matching
+ * upstream, where `Popover.Backdrop` is what closes the popup.
+ */
+export declare function PopoverBackdrop(componentProps: PopoverBackdrop.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverBackdropState {
+    /**
+     * Whether the popover is currently open.
+     */
+    open: boolean;
+}
+export interface PopoverBackdropProps extends ZestUIComponentProps<typeof Pressable, PopoverBackdropState> {
+}
+export declare namespace PopoverBackdrop {
+    type State = PopoverBackdropState;
+    type Props = PopoverBackdropProps;
+}
+//# sourceMappingURL=PopoverBackdrop.d.ts.map

package/lib/popover/backdrop/PopoverBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBackdrop.d.ts","sourceRoot":"","sources":["../../../src/popover/backdrop/PopoverBackdrop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,cAAc,CAAC;AAGjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,cAAc,EAAE,eAAe,CAAC,KAAK,8FA0BpE;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,oBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,oBAAoB,CAAC;CAAG;AAEzE,yBAAiB,eAAe,CAAC;IAC/B,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC1C"}

package/lib/popover/backdrop/PopoverBackdrop.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverBackdrop = PopoverBackdrop;
+const react_native_1 = require("react-native");
+const PopoverRootContext_1 = require("../root/PopoverRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+/**
+ * A backdrop for the popover, and the surface that dismisses it.
+ * Renders a `<Pressable>`.
+ *
+ * Unlike `Dialog`, the popover has no separate viewport part: the backdrop is
+ * both the (optional) dimming layer and the outside-press surface, matching
+ * upstream, where `Popover.Backdrop` is what closes the popup.
+ */
+function PopoverBackdrop(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, PopoverRootContext_1.usePopoverRootContext)();
+    const open = store.useState('open');
+    const disablePointerDismissal = store.useState('disablePointerDismissal');
+    const state = { open };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                style: react_native_1.StyleSheet.absoluteFill,
+                onPress(event) {
+                    if (disablePointerDismissal) {
+                        return;
+                    }
+                    store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.outsidePress, event));
+                },
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=PopoverBackdrop.js.map

package/lib/popover/backdrop/PopoverBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBackdrop.js","sourceRoot":"","sources":["../../../src/popover/backdrop/PopoverBackdrop.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,0CA0BC;AAzCD,+CAAiF;AACjF,mEAAmE;AACnE,wEAAqE;AAErE,mFAAgF;AAChF,iDAA8C;AAE9C;;;;;;;GAOG;AACH,SAAgB,eAAe,CAAC,cAAqC;IACnE,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,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,uBAAuB,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAyB,EAAE,IAAI,EAAE,CAAC;IAE7C,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,IAAI,uBAAuB,EAAE,CAAC;wBAC5B,OAAO;oBACT,CAAC;oBAED,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/popover/close/PopoverClose.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Pressable } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A button that closes the popover.
+ * Renders a `<Pressable>`.
+ */
+export declare function PopoverClose(componentProps: PopoverClose.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface PopoverCloseState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the close button is currently pressed.
+     */
+    pressed: boolean;
+}
+export interface PopoverCloseProps extends ZestUIComponentProps<typeof Pressable, PopoverCloseState> {
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}
+export declare namespace PopoverClose {
+    type State = PopoverCloseState;
+    type Props = PopoverCloseProps;
+}
+//# sourceMappingURL=PopoverClose.d.ts.map

package/lib/popover/close/PopoverClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverClose.d.ts","sourceRoot":"","sources":["../../../src/popover/close/PopoverClose.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,0EA8B9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,iBAAiB,CAAC;IACjE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}

package/lib/popover/close/PopoverClose.js

@@ -0,0 +1,75 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverClose = PopoverClose;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const PopoverRootContext_1 = require("../root/PopoverRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useButton_1 = require("../../internals/use-button/useButton");
+const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
+const reasons_1 = require("../../utils/reasons");
+/**
+ * A button that closes the popover.
+ * Renders a `<Pressable>`.
+ */
+function PopoverClose(componentProps) {
+    const { render, className, style, disabled = false, ref, ...elementProps } = componentProps;
+    const store = (0, PopoverRootContext_1.usePopoverRootContext)();
+    const [pressed, setPressed] = React.useState(false);
+    const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
+    const state = { disabled, pressed };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                onPress(event) {
+                    store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.closePress, event));
+                },
+                onPressIn() {
+                    setPressed(true);
+                },
+                onPressOut() {
+                    setPressed(false);
+                },
+            },
+            elementProps,
+            getButtonProps,
+        ],
+    });
+}
+//# sourceMappingURL=PopoverClose.js.map

package/lib/popover/close/PopoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverClose.js","sourceRoot":"","sources":["../../../src/popover/close/PopoverClose.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcb,oCA8BC;AA3CD,6CAA+B;AAC/B,+CAAqE;AACrE,mEAAmE;AACnE,wEAAqE;AACrE,oEAAiE;AAEjE,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IAEtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEvD,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,OAAO,CAAC,KAA4B;oBAClC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC5E,CAAC;gBACD,SAAS;oBACP,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;gBACD,UAAU;oBACR,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC;aACF;YACD,YAAY;YACZ,cAAc;SACf;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/popover/description/PopoverDescription.d.ts

@@ -0,0 +1,16 @@
+import { Text } from 'react-native';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A paragraph with additional information about the popover.
+ * Renders a `<Text>`.
+ */
+export declare function PopoverDescription(componentProps: PopoverDescription.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverDescriptionProps extends ZestUIComponentProps<typeof Text, PopoverDescriptionState> {
+}
+export interface PopoverDescriptionState {
+}
+export declare namespace PopoverDescription {
+    type Props = PopoverDescriptionProps;
+    type State = PopoverDescriptionState;
+}
+//# sourceMappingURL=PopoverDescription.d.ts.map

package/lib/popover/description/PopoverDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDescription.d.ts","sourceRoot":"","sources":["../../../src/popover/description/PopoverDescription.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,kBAAkB,CAAC,KAAK,8FAa1E;AAED,MAAM,WAAW,uBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,uBAAuB,CAAC;CAAG;AAEvE,MAAM,WAAW,uBAAuB;CAAG;AAE3C,yBAAiB,kBAAkB,CAAC;IAClC,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC7C"}

package/lib/popover/description/PopoverDescription.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverDescription = PopoverDescription;
+const react_native_1 = require("react-native");
+const PopoverRootContext_1 = require("../root/PopoverRootContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+const useId_1 = require("../../hooks/useId");
+/**
+ * A paragraph with additional information about the popover.
+ * Renders a `<Text>`.
+ */
+function PopoverDescription(componentProps) {
+    const { render, className, style, nativeID: idProp, ref, ...elementProps } = componentProps;
+    const store = (0, PopoverRootContext_1.usePopoverRootContext)();
+    const id = (0, useId_1.useId)(idProp !== null && idProp !== void 0 ? idProp : undefined);
+    store.useSyncedValueWithCleanup('descriptionElementId', id);
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
+        ref,
+        props: [{ nativeID: id }, elementProps],
+    });
+}
+//# sourceMappingURL=PopoverDescription.js.map

package/lib/popover/description/PopoverDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDescription.js","sourceRoot":"","sources":["../../../src/popover/description/PopoverDescription.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,gDAaC;AAvBD,+CAAoC;AACpC,mEAAmE;AACnE,wEAAqE;AACrE,6CAA0C;AAG1C;;;GAGG;AACH,SAAgB,kBAAkB,CAAC,cAAwC;IACzE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IAEtC,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,CAAC,CAAC;IAEtC,KAAK,CAAC,yBAAyB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;IAE5D,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC;KACxC,CAAC,CAAC;AACL,CAAC"}

package/lib/popover/index.d.ts

@@ -0,0 +1,14 @@
+export * as Popover from './index.parts';
+export type * from './root/PopoverRoot';
+export { createPopoverHandle, PopoverHandle } from './store/PopoverHandle';
+export type * from './trigger/PopoverTrigger';
+export type * from './portal/PopoverPortal';
+export type * from './backdrop/PopoverBackdrop';
+export type * from './positioner/PopoverPositioner';
+export type * from './popup/PopoverPopup';
+export type * from './arrow/PopoverArrow';
+export type * from './title/PopoverTitle';
+export type * from './description/PopoverDescription';
+export type * from './close/PopoverClose';
+export { usePopoverRootContext } from './root/PopoverRootContext';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/popover/index.js

@@ -0,0 +1,43 @@
+"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.usePopoverRootContext = exports.PopoverHandle = exports.createPopoverHandle = exports.Popover = void 0;
+exports.Popover = __importStar(require("./index.parts"));
+var PopoverHandle_1 = require("./store/PopoverHandle");
+Object.defineProperty(exports, "createPopoverHandle", { enumerable: true, get: function () { return PopoverHandle_1.createPopoverHandle; } });
+Object.defineProperty(exports, "PopoverHandle", { enumerable: true, get: function () { return PopoverHandle_1.PopoverHandle; } });
+var PopoverRootContext_1 = require("./root/PopoverRootContext");
+Object.defineProperty(exports, "usePopoverRootContext", { enumerable: true, get: function () { return PopoverRootContext_1.usePopoverRootContext; } });
+//# sourceMappingURL=index.js.map

package/lib/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAyC;AAGzC,uDAA2E;AAAlE,oHAAA,mBAAmB,OAAA;AAAE,8GAAA,aAAa,OAAA;AAU3C,gEAAkE;AAAzD,2HAAA,qBAAqB,OAAA"}

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

@@ -0,0 +1,12 @@
+export { PopoverRoot as Root } from './root/PopoverRoot';
+export { createPopoverHandle as createHandle, PopoverHandle as Handle } from './store/PopoverHandle';
+export { PopoverTrigger as Trigger } from './trigger/PopoverTrigger';
+export { PopoverPortal as Portal } from './portal/PopoverPortal';
+export { PopoverBackdrop as Backdrop } from './backdrop/PopoverBackdrop';
+export { PopoverPositioner as Positioner } from './positioner/PopoverPositioner';
+export { PopoverPopup as Popup } from './popup/PopoverPopup';
+export { PopoverArrow as Arrow } from './arrow/PopoverArrow';
+export { PopoverTitle as Title } from './title/PopoverTitle';
+export { PopoverDescription as Description } from './description/PopoverDescription';
+export { PopoverClose as Close } from './close/PopoverClose';
+//# sourceMappingURL=index.parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/popover/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,mBAAmB,IAAI,YAAY,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACrG,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/popover/index.parts.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Close = exports.Description = exports.Title = exports.Arrow = exports.Popup = exports.Positioner = exports.Backdrop = exports.Portal = exports.Trigger = exports.Handle = exports.createHandle = exports.Root = void 0;
+var PopoverRoot_1 = require("./root/PopoverRoot");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return PopoverRoot_1.PopoverRoot; } });
+var PopoverHandle_1 = require("./store/PopoverHandle");
+Object.defineProperty(exports, "createHandle", { enumerable: true, get: function () { return PopoverHandle_1.createPopoverHandle; } });
+Object.defineProperty(exports, "Handle", { enumerable: true, get: function () { return PopoverHandle_1.PopoverHandle; } });
+var PopoverTrigger_1 = require("./trigger/PopoverTrigger");
+Object.defineProperty(exports, "Trigger", { enumerable: true, get: function () { return PopoverTrigger_1.PopoverTrigger; } });
+var PopoverPortal_1 = require("./portal/PopoverPortal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return PopoverPortal_1.PopoverPortal; } });
+var PopoverBackdrop_1 = require("./backdrop/PopoverBackdrop");
+Object.defineProperty(exports, "Backdrop", { enumerable: true, get: function () { return PopoverBackdrop_1.PopoverBackdrop; } });
+var PopoverPositioner_1 = require("./positioner/PopoverPositioner");
+Object.defineProperty(exports, "Positioner", { enumerable: true, get: function () { return PopoverPositioner_1.PopoverPositioner; } });
+var PopoverPopup_1 = require("./popup/PopoverPopup");
+Object.defineProperty(exports, "Popup", { enumerable: true, get: function () { return PopoverPopup_1.PopoverPopup; } });
+var PopoverArrow_1 = require("./arrow/PopoverArrow");
+Object.defineProperty(exports, "Arrow", { enumerable: true, get: function () { return PopoverArrow_1.PopoverArrow; } });
+var PopoverTitle_1 = require("./title/PopoverTitle");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return PopoverTitle_1.PopoverTitle; } });
+var PopoverDescription_1 = require("./description/PopoverDescription");
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return PopoverDescription_1.PopoverDescription; } });
+var PopoverClose_1 = require("./close/PopoverClose");
+Object.defineProperty(exports, "Close", { enumerable: true, get: function () { return PopoverClose_1.PopoverClose; } });
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/popover/index.parts.ts"],"names":[],"mappings":";;;AAAA,kDAAyD;AAAhD,mGAAA,WAAW,OAAQ;AAC5B,uDAAqG;AAA5F,6GAAA,mBAAmB,OAAgB;AAAE,uGAAA,aAAa,OAAU;AACrE,2DAAqE;AAA5D,yGAAA,cAAc,OAAW;AAClC,wDAAiE;AAAxD,uGAAA,aAAa,OAAU;AAChC,8DAAyE;AAAhE,2GAAA,eAAe,OAAY;AACpC,oEAAiF;AAAxE,+GAAA,iBAAiB,OAAc;AACxC,qDAA6D;AAApD,qGAAA,YAAY,OAAS;AAC9B,qDAA6D;AAApD,qGAAA,YAAY,OAAS;AAC9B,qDAA6D;AAApD,qGAAA,YAAY,OAAS;AAC9B,uEAAqF;AAA5E,iHAAA,kBAAkB,OAAe;AAC1C,qDAA6D;AAApD,qGAAA,YAAY,OAAS"}

package/lib/popover/popup/PopoverPopup.d.ts

@@ -0,0 +1,29 @@
+import { View } from 'react-native';
+import type { Align, Side } from '../../utils/useAnchorPositioning';
+import type { ZestUIComponentProps } from '../../types';
+/**
+ * A container for the popover contents.
+ * Renders a `<View>`.
+ */
+export declare function PopoverPopup(componentProps: PopoverPopup.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export interface PopoverPopupState {
+    /**
+     * Whether the popover 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 PopoverPopupProps extends ZestUIComponentProps<typeof View, PopoverPopupState> {
+}
+export declare namespace PopoverPopup {
+    type State = PopoverPopupState;
+    type Props = PopoverPopupProps;
+}
+//# sourceMappingURL=PopoverPopup.d.ts.map

package/lib/popover/popup/PopoverPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPopup.d.ts","sourceRoot":"","sources":["../../../src/popover/popup/PopoverPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,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,8FA4B9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,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/popover/popup/PopoverPopup.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverPopup = PopoverPopup;
+const react_native_1 = require("react-native");
+const PopoverRootContext_1 = require("../root/PopoverRootContext");
+const PopoverPositionerContext_1 = require("../positioner/PopoverPositionerContext");
+const useRenderElement_1 = require("../../use-render/useRenderElement");
+/**
+ * A container for the popover contents.
+ * Renders a `<View>`.
+ */
+function PopoverPopup(componentProps) {
+    const { render, className, style, ref, ...elementProps } = componentProps;
+    const store = (0, PopoverRootContext_1.usePopoverRootContext)();
+    const { side, align } = (0, PopoverPositionerContext_1.usePopoverPositionerContext)();
+    const open = store.useState('open');
+    const titleElementId = store.useState('titleElementId');
+    const descriptionElementId = store.useState('descriptionElementId');
+    const state = { open, side, align };
+    return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
+        state,
+        ref,
+        props: [
+            {
+                role: 'dialog',
+                accessibilityLabelledBy: titleElementId,
+                'aria-labelledby': titleElementId,
+                'aria-describedby': descriptionElementId,
+                // Claim the touch responder so presses inside the popup never reach the
+                // backdrop's outside-press handler.
+                onStartShouldSetResponder: () => true,
+            },
+            elementProps,
+        ],
+    });
+}
+//# sourceMappingURL=PopoverPopup.js.map

package/lib/popover/popup/PopoverPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPopup.js","sourceRoot":"","sources":["../../../src/popover/popup/PopoverPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,oCA4BC;AAvCD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,wEAAqE;AAIrE;;;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,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAEtD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACxD,MAAM,oBAAoB,GAAG,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAEvD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,QAAiB;gBACvB,uBAAuB,EAAE,cAAc;gBACvC,iBAAiB,EAAE,cAAc;gBACjC,kBAAkB,EAAE,oBAAoB;gBACxC,wEAAwE;gBACxE,oCAAoC;gBACpC,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}

package/lib/popover/portal/PopoverPortal.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/**
+ * A portal element that moves the popup to the top of the app.
+ *
+ * Like `Dialog.Portal`, this is React Native's `Modal`. A state-lifting portal
+ * host would drop the React context of the declaration site; `Modal` keeps its
+ * children in the same React tree, so `Popover.Popup` still sees the root store.
+ *
+ * `statusBarTranslucent` matters for positioning: it makes the modal's origin
+ * the top of the screen, which is the coordinate space `useAnchorPositioning`
+ * resolves the anchor into.
+ */
+export declare function PopoverPortal(props: PopoverPortal.Props): React.JSX.Element | null;
+export interface PopoverPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Whether to keep the portal mounted while the popover is closed.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+export declare namespace PopoverPortal {
+    type Props = PopoverPortalProps;
+}
+//# sourceMappingURL=PopoverPortal.d.ts.map

package/lib/popover/portal/PopoverPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPortal.d.ts","sourceRoot":"","sources":["../../../src/popover/portal/PopoverPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,4BA2BvD;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}