@a-type/ui 0.1.2 → 0.1.3

package/dist/cjs/components/dropdownMenu/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DropdownMenu.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/dropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/dist/cjs/components/dropdownMenu.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dropdownMenu/index.js"), exports);
+//# sourceMappingURL=dropdownMenu.js.map

package/dist/cjs/components/dropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenu.js","sourceRoot":"","sources":["../../../src/components/dropdownMenu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC"}

package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React, { Component, ReactNode } from 'react';
+export declare class ErrorBoundary extends Component<{
+    children: ReactNode;
+    fallback?: ReactNode;
+}, {
+    error: Error | null;
+}> {
+    state: {
+        error: null;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    render(): React.ReactNode;
+}

package/dist/cjs/components/errorBoundary/ErrorBoundary.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+const react_1 = require("react");
+class ErrorBoundary extends react_1.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return this.props.fallback || null;
+        }
+        return this.props.children;
+    }
+}
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/cjs/components/errorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,iCAAoD;AAEpD,MAAa,aAAc,SAAQ,iBAGlC;IAHD;;QAIC,UAAK,GAAG;YACP,KAAK,EAAE,IAAI;SACX,CAAC;IAaH,CAAC;IAXA,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;SACnC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD;AAnBD,sCAmBC"}

package/dist/cjs/components/errorBoundary/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ErrorBoundary.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/errorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}

package/dist/cjs/components/errorBoundary.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./errorBoundary/index.js"), exports);
+//# sourceMappingURL=errorBoundary.js.map

package/dist/cjs/components/errorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.js","sourceRoot":"","sources":["../../../src/components/errorBoundary.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/dist/cjs/components/forms/Form.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Form: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "slot" | "style" | "title" | "className" | "autoComplete" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "acceptCharset" | "action" | "encType" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "method" | "target" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>;

package/dist/cjs/components/forms/Form.js

@@ -0,0 +1,8 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const formik_1 = require("formik");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+exports.Form = (0, withClassName_js_1.withClassName)(formik_1.Form, 'flex flex-col gap-2 items-start');
+//# sourceMappingURL=Form.js.map

package/dist/cjs/components/forms/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,mCAA4C;AAC5C,mEAA6D;AAEhD,QAAA,IAAI,GAAG,IAAA,gCAAa,EAChC,aAAU,EACV,iCAAiC,CACjC,CAAC"}

package/dist/cjs/components/forms/FormikForm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FormikConfig, FormikValues } from 'formik';
+export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
+    className?: string;
+}
+export declare function FormikForm<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): JSX.Element;

package/dist/cjs/components/forms/FormikForm.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormikForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const Form_jsx_1 = require("./Form.jsx");
+const react_1 = require("react");
+function FormikForm(_a) {
+    var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
+    const wrappedOnSubmit = (0, react_1.useCallback)(async (values, bag) => {
+        try {
+            bag.setSubmitting(true);
+            return await onSubmit(values, bag);
+        }
+        finally {
+            bag.setSubmitting(false);
+        }
+    }, [onSubmit]);
+    if (typeof children === 'function') {
+        return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (formik) => (0, jsx_runtime_1.jsx)(Form_jsx_1.Form, Object.assign({ className: className }, { children: children(formik) })) })));
+    }
+    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (0, jsx_runtime_1.jsx)(Form_jsx_1.Form, Object.assign({ className: className }, { children: children })) })));
+}
+exports.FormikForm = FormikForm;
+//# sourceMappingURL=FormikForm.js.map

package/dist/cjs/components/forms/FormikForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mCAA2E;AAC3E,yCAAkC;AAClC,iCAAoC;AAOpC,SAAgB,UAAU,CAA8B,EAK9B;QAL8B,EACvD,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJ+C,qCAKvD,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI;YACH,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACnC;gBAAS;YACT,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SACzB;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QACnC,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,eAAI,kBAAC,SAAS,EAAE,SAAS,gBAAG,QAAQ,CAAC,MAAM,CAAC,IAAQ,IAC1D,CACT,CAAC;KACF;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,eAAI,kBAAC,SAAS,EAAE,SAAS,gBAAG,QAAQ,IAAQ,IACrC,CACT,CAAC;AACH,CAAC;AA/BD,gCA+BC"}

package/dist/cjs/components/forms/SubmitButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../button/Button.js';
+export declare function SubmitButton(props: ButtonProps): JSX.Element;

package/dist/cjs/components/forms/SubmitButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubmitButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const Button_js_1 = require("../button/Button.js");
+function SubmitButton(props) {
+    const { isSubmitting, isValid } = (0, formik_1.useFormikContext)();
+    return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", type: "submit" }, props)));
+}
+exports.SubmitButton = SubmitButton;
+//# sourceMappingURL=SubmitButton.js.map

package/dist/cjs/components/forms/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";;;;AAAA,mCAA0C;AAC1C,mDAA0D;AAE1D,SAAgB,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IACrD,OAAO,CACN,uBAAC,kBAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC;AAXD,oCAWC"}

package/dist/cjs/components/forms/TextField.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps, InputHTMLAttributes, Ref } from 'react';
+import { Input } from '../input/Input.js';
+import { TextAreaProps } from '../textArea/TextArea.jsx';
+export type TextFieldProps = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    type?: InputHTMLAttributes<HTMLInputElement>['type'];
+    className?: string;
+    placeholder?: string;
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
+    autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
+    autoFocusDelay?: number;
+    inputRef?: Ref<HTMLInputElement>;
+} & ComponentProps<typeof Input>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "label" | "key" | keyof InputHTMLAttributes<HTMLInputElement> | "autoFocusDelay" | "inputRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export type TextAreaFieldProps = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    rows?: number;
+    disabled?: boolean;
+    className?: string;
+    inputRef?: Ref<HTMLTextAreaElement>;
+} & TextAreaProps;
+export declare function TextAreaField({ name, label, className, inputRef, ...rest }: TextAreaFieldProps): JSX.Element;

package/dist/cjs/components/forms/TextField.js

@@ -0,0 +1,54 @@
+"use strict";
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaField = exports.TextField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const Input_js_1 = require("../input/Input.js");
+const TextArea_jsx_1 = require("../textArea/TextArea.jsx");
+const hooks_js_1 = require("../../hooks.js");
+const emptyRef = (() => { });
+exports.TextField = (0, react_1.forwardRef)(function TextField(_a, ref) {
+    var { name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur } = _a, rest = __rest(_a, ["name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur"]);
+    const [props] = (0, formik_1.useField)({
+        name,
+        onChange,
+        onFocus,
+        onBlur,
+    });
+    const innerInputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (autoFocusDelay) {
+            setTimeout(() => {
+                if (innerInputRef.current)
+                    innerInputRef.current.focus();
+            }, autoFocusDelay);
+        }
+    }, [autoFocusDelay]);
+    return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className, ref: ref }, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { autoFocus: autoFocus, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] })));
+});
+function TextAreaField(_a) {
+    var { name, label, className, inputRef } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef"]);
+    const [props] = (0, formik_1.useField)(name);
+    return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className }, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { children: label }), (0, jsx_runtime_1.jsx)(TextArea_jsx_1.TextArea, Object.assign({ ref: inputRef }, props, rest))] })));
+}
+exports.TextAreaField = TextAreaField;
+const FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-1 self-stretch');
+const FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-1 text-sm font-bold text-dark-blend mb-1');
+//# sourceMappingURL=TextField.js.map

package/dist/cjs/components/forms/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,mCAAkC;AAClC,iCAOe;AACf,kFAAuD;AAEvD,gDAA0C;AAC1C,2DAAmE;AACnE,6CAA+C;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEtB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAClC,SAAS,SAAS,CACjB,EAWC,EACD,GAAG;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,0GAWC,CADO;IAIR,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACvC,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,gBAAK,oBACD,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,KACS,CACZ,CAAC;AACH,CAAC,CACD,CAAC;AAYF,SAAgB,aAAa,CAAC,EAMT;QANS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEY,EADjB,IAAI,cALsB,0CAM7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC7B,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,uBAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACrC,CACZ,CAAC;AACH,CAAC;AAdD,sCAcC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,gDAAgD,CAChD,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,mEAAmE,CACnE,CAAC"}

package/dist/cjs/components/forms/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Form.js"), exports);
+__exportStar(require("./SubmitButton.js"), exports);
+__exportStar(require("./TextField.js"), exports);
+__exportStar(require("./FormikForm.jsx"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,oDAAkC;AAClC,iDAA+B;AAC/B,mDAAiC"}

package/dist/cjs/components/forms.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./forms/index.js"), exports);
+//# sourceMappingURL=forms.js.map

package/dist/cjs/components/forms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../../src/components/forms.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

package/dist/cjs/components/imageUploader/ImageUploader.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface ImageUploaderProps {
+    value: string | null;
+    onChange: (value: File | null) => void;
+    className?: string;
+    maxDimension?: number;
+}
+/**
+ * Renders an image if one is already set, and allows either clicking
+ * on the image to select a new one, or dragging a new image onto the
+ * component to replace the existing one.
+ */
+export declare function ImageUploader({ value, onChange: handleChange, maxDimension, ...rest }: ImageUploaderProps): JSX.Element;

package/dist/cjs/components/imageUploader/ImageUploader.js

@@ -0,0 +1,93 @@
+"use strict";
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageUploader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const UploadIcon_jsx_1 = require("./UploadIcon.jsx");
+/**
+ * Renders an image if one is already set, and allows either clicking
+ * on the image to select a new one, or dragging a new image onto the
+ * component to replace the existing one.
+ */
+function ImageUploader(_a) {
+    var { value, onChange: handleChange, maxDimension } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension"]);
+    const [dragging, setDragging] = (0, react_1.useState)(false);
+    const [draggingOver, setDraggingOver] = (0, react_1.useState)(false);
+    const onDragEnter = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(true);
+    }, []);
+    const onDragLeave = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(false);
+    }, []);
+    const onDragOver = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(true);
+    }, []);
+    const onChange = (0, react_1.useCallback)(async (file) => {
+        if (!file) {
+            handleChange(null);
+        }
+        else if (maxDimension) {
+            const { readAndCompressImage } = await import('browser-image-resizer');
+            const resizedImage = await readAndCompressImage(file, {
+                maxWidth: maxDimension,
+                maxHeight: maxDimension,
+                mimeType: file.type,
+            });
+            handleChange(new File([resizedImage], file.name, { type: file.type }));
+        }
+        else {
+            handleChange(file);
+        }
+    }, [handleChange, maxDimension]);
+    const onDrop = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDraggingOver(false);
+        if (e.dataTransfer.files.length > 0) {
+            onChange(e.dataTransfer.files[0]);
+        }
+    }, [onChange]);
+    const onDragStart = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(true);
+    }, []);
+    const onDragEnd = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragging(false);
+    }, []);
+    const onFileChange = (0, react_1.useCallback)((e) => {
+        if (e.target.files && e.target.files.length > 0) {
+            onChange(e.target.files[0]);
+        }
+    }, [onChange]);
+    const onFileClick = (0, react_1.useCallback)((e) => {
+        e.stopPropagation();
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, (0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset-0 op-0 w-full h-full cursor-pointer" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('bg-[rgba(30,20,0,0.1)] flex flex-col items-center justify-center w-full h-full absolute inset-0 gap-3 pointer-events-none', draggingOver && 'bg-[rgba(0,0,0,0.2)]') }, { children: [(0, jsx_runtime_1.jsx)(UploadIcon_jsx_1.UploadIcon, { className: "w-50px h-50px color-white" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "color-white" }, { children: [dragging ? 'Drop' : 'Tap', " to upload image"] }))] })), value && ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-full transition-colors shadow-sm hover:bg-gray2", onClick: () => onChange(null) }, { children: "\u2715" })))] })));
+}
+exports.ImageUploader = ImageUploader;
+//# sourceMappingURL=ImageUploader.js.map

package/dist/cjs/components/imageUploader/ImageUploader.js.map

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

package/dist/cjs/components/imageUploader/UploadIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface UploadIconProps {
+    className?: string;
+}
+export declare function UploadIcon(props: UploadIconProps): JSX.Element;

package/dist/cjs/components/imageUploader/UploadIcon.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function UploadIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 10V11.5C1.5 12.6046 2.39543 13.5 3.5 13.5H11.5C12.6046 13.5 13.5 12.6046 13.5 11.5V10M7.5 10.5V1M7.5 1L4 4M7.5 1L11 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+}
+exports.UploadIcon = UploadIcon;
+//# sourceMappingURL=UploadIcon.js.map

package/dist/cjs/components/imageUploader/UploadIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadIcon.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/UploadIcon.tsx"],"names":[],"mappings":";;;;AAIA,SAAgB,UAAU,CAAC,KAAsB;IAChD,OAAO,CACN,8CACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,cAET,iCACC,CAAC,EAAC,4HAA4H,EAC9H,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACrB,IACG,CACN,CAAC;AACH,CAAC;AAlBD,gCAkBC"}

package/dist/cjs/components/imageUploader/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ImageUploader.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/imageUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}

package/dist/cjs/components/imageUploader.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./imageUploader/index.js"), exports);
+//# sourceMappingURL=imageUploader.js.map

package/dist/cjs/components/imageUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageUploader.js","sourceRoot":"","sources":["../../../src/components/imageUploader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface InfiniteLoadTriggerProps {
+    className?: string;
+    children?: ReactNode;
+    onVisible?: () => void;
+}
+export declare const InfiniteLoadTrigger: import("react").ForwardRefExoticComponent<InfiniteLoadTriggerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js

@@ -0,0 +1,40 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteLoadTrigger = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const hooks_js_1 = require("../../hooks.js");
+exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigger(_a, ref) {
+    var { className, onVisible } = _a, rest = __rest(_a, ["className", "onVisible"]);
+    const innerRef = (0, react_1.useRef)(null);
+    const stableOnVisible = (0, hooks_js_1.useStableCallback)(onVisible);
+    (0, react_1.useEffect)(() => {
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                stableOnVisible();
+            }
+        });
+        observer.observe(innerRef.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [stableOnVisible]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, classnames_1.default)('flex flex-col items-center', className) }, rest)));
+});
+//# sourceMappingURL=InfiniteLoadTrigger.js.map

package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,4DAAoC;AACpC,kFAAuD;AACvD,6CAAmD;AAQtC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC7D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC9B,eAAe,EAAE,CAAC;aAClB;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}