termcast 1.3.9

package/dist/components/form/tagpicker.d.ts

@@ -0,0 +1,134 @@
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { Image } from '@termcast/cli/src/components/list';
+/**
+ * Form value types that can be used in form items
+ */
+type FormValue = string | number | boolean | string[] | number[] | Date | null;
+/**
+ * Event types for form item callbacks
+ */
+type FormEventType = 'focus' | 'blur';
+/**
+ * Form event interface for onFocus and onBlur callbacks
+ */
+interface FormEvent<T extends FormValue> {
+    target: {
+        id: string;
+        value?: T;
+    };
+    type: FormEventType;
+}
+/**
+ * Base props for all form items
+ */
+interface FormItemProps<T extends FormValue> {
+    /**
+     * ID of the form item.
+     * Make sure to assign each form item a unique id.
+     */
+    id: string;
+    /**
+     * The title displayed on the left side of the item.
+     */
+    title?: string;
+    /**
+     * An optional info message to describe the form item. It appears on the right side of the item with an info icon. When the icon is hovered, the info message is shown.
+     */
+    info?: string;
+    /**
+     * An optional error message to show the form item validation issues.
+     * If the `error` is present, the Form Item will be highlighted with red border and will show an error message on the right.
+     */
+    error?: string;
+    /**
+     * Indicates whether the value of the item should be persisted after submitting, and restored next time the form is rendered.
+     */
+    storeValue?: boolean;
+    /**
+     * The value of the item. If `undefined`, the item is uncontrolled.
+     */
+    value?: T;
+    /**
+     * The initial value of the item. Used for uncontrolled items. Overwrites the value restored from `storeValue`.
+     */
+    defaultValue?: T;
+    /**
+     * The callback that is triggered when the value of the item changes.
+     */
+    onChange?: (value: T) => void;
+    /**
+     * The callback that is triggered when the item is focused.
+     */
+    onFocus?: (event: FormEvent<T>) => void;
+    /**
+     * The callback that is triggered when the item loses focus.
+     */
+    onBlur?: (event: FormEvent<T>) => void;
+}
+/**
+ * Ref methods available on form items
+ */
+interface FormItemRef {
+    /**
+     * Focuses the item.
+     */
+    focus: () => void;
+    /**
+     * Resets value of the item
+     *
+     * @remarks
+     * If `defaultValue` is defined, calling the `.reset()` function will set `value` to the `defaultValue`.
+     */
+    reset: () => void;
+}
+/**
+ * Props for Form.TagPicker component
+ */
+export interface TagPickerProps extends FormItemProps<string[]> {
+    /**
+     * The list of tags.
+     */
+    children?: ReactNode;
+    /**
+     * Placeholder text shown in the token field.
+     */
+    placeholder?: string;
+}
+/**
+ * Props for Form.TagPicker.Item component
+ */
+export interface TagPickerItemProps {
+    /**
+     * Value of the tag.
+     * Make sure to assign unique value for each item.
+     */
+    value: string;
+    /**
+     * The display title of the tag.
+     */
+    title?: string;
+    /**
+     * An icon to show in the tag.
+     */
+    icon?: Image.ImageLike;
+}
+/**
+ * Ref type for Form.TagPicker
+ */
+export type TagPickerRef = FormItemRef;
+/**
+ * Members of the TagPicker component
+ */
+interface TagPickerMembers {
+    /**
+     * A tag picker item in a {@link Form.TagPicker}.
+     */
+    Item: (props: TagPickerItemProps) => any;
+}
+/**
+ * Type definition for Form.TagPicker component
+ */
+export type TagPickerType = ForwardRefExoticComponent<TagPickerProps & RefAttributes<TagPickerRef>> & TagPickerMembers;
+export declare const TagPicker: TagPickerType;
+export {};
+//# sourceMappingURL=tagpicker.d.ts.map

package/dist/components/form/tagpicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagpicker.d.ts","sourceRoot":"","sources":["../../../src/components/form/tagpicker.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EAEzB,SAAS,EACT,aAAa,EACd,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAGzD;;GAEG;AACH,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9E;;GAEG;AACH,KAAK,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAErC;;GAEG;AACH,UAAU,SAAS,CAAC,CAAC,SAAS,SAAS;IACrC,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,CAAC,EAAE,CAAC,CAAA;KACV,CAAA;IACD,IAAI,EAAE,aAAa,CAAA;CACpB;AAED;;GAEG;AACH,UAAU,aAAa,CAAC,CAAC,SAAS,SAAS;IACzC;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IACT;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CACvC;AAED;;GAEG;AACH,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,MAAM,EAAE,CAAC;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC;;GAEG;AACH,UAAU,gBAAgB;IACxB;;OAEG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAA;CACzC;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,yBAAyB,CACnD,cAAc,GAAG,aAAa,CAAC,YAAY,CAAC,CAC7C,GACC,gBAAgB,CAAA;AA4FlB,eAAO,MAAM,SAAS,EAEhB,aAAa,CAAA"}

package/dist/components/form/tagpicker.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Dropdown } from './dropdown';
+// Implementation
+const TagPickerItem = (props) => {
+    // Convert TagPickerItem props to DropdownItem props
+    return (_jsx(Dropdown.Item, { value: props.value, title: props.title || props.value, icon: props.icon }));
+};
+const TagPickerComponent = forwardRef((props, ref) => {
+    const dropdownRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        focus: () => dropdownRef.current?.focus(),
+        reset: () => dropdownRef.current?.reset(),
+    }));
+    // TagPicker will use hasMultipleSelection by default
+    const dropdownValue = props.value || props.defaultValue || [];
+    const handleDropdownChange = (value) => {
+        // TagPicker always expects array values
+        if (Array.isArray(value)) {
+            props.onChange?.(value);
+        }
+        else {
+            props.onChange?.([value]);
+        }
+    };
+    // Convert FormEvent callbacks between string[] and string | string[]
+    const handleFocus = props.onFocus
+        ? (event) => {
+            props.onFocus({
+                target: {
+                    id: event.target.id,
+                    value: Array.isArray(event.target.value)
+                        ? event.target.value
+                        : event.target.value
+                            ? [event.target.value]
+                            : [],
+                },
+                type: event.type,
+            });
+        }
+        : undefined;
+    const handleBlur = props.onBlur
+        ? (event) => {
+            props.onBlur({
+                target: {
+                    id: event.target.id,
+                    value: Array.isArray(event.target.value)
+                        ? event.target.value
+                        : event.target.value
+                            ? [event.target.value]
+                            : [],
+                },
+                type: event.type,
+            });
+        }
+        : undefined;
+    // Create dropdown props
+    const dropdownProps = {
+        id: props.id,
+        title: props.title,
+        info: props.info,
+        error: props.error,
+        storeValue: props.storeValue,
+        value: dropdownValue,
+        defaultValue: dropdownValue,
+        onChange: handleDropdownChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        placeholder: props.placeholder,
+        children: props.children,
+        hasMultipleSelection: true, // TagPicker always uses multiple selection
+    };
+    return _jsx(Dropdown, { ...dropdownProps });
+});
+TagPickerComponent.displayName = 'TagPicker';
+export const TagPicker = Object.assign(TagPickerComponent, {
+    Item: TagPickerItem,
+});
+//# sourceMappingURL=tagpicker.js.map

package/dist/components/form/tagpicker.js.map

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

package/dist/components/form/text-area.d.ts

@@ -0,0 +1,8 @@
+import { FormItemProps, FormItemRef } from './types';
+export interface TextAreaProps extends FormItemProps<string> {
+    placeholder?: string;
+    enableMarkdown?: boolean;
+}
+export type TextAreaRef = FormItemRef;
+export declare const TextArea: (props: TextAreaProps) => any;
+//# sourceMappingURL=text-area.d.ts.map

package/dist/components/form/text-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,GAgE/C,CAAA"}

package/dist/components/form/text-area.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useFormContext, Controller } from 'react-hook-form';
+import { useFocusContext } from './index';
+import { Theme } from '@termcast/cli/src/theme';
+import { WithLeftBorder } from './with-left-border';
+import { useFormNavigation } from './use-form-navigation';
+export const TextArea = (props) => {
+    const { control } = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    const isFocused = focusedField === props.id;
+    // TODO in textarea arrows should probably go to lines instead of other forms
+    useFormNavigation(props.id);
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', render: ({ field, fieldState, formState }) => {
+            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+                                setFocusedField(props.id);
+                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("box", { flexGrow: 1, children: _jsx("input", { value: field.value, onInput: (value) => {
+                                    field.onChange(value);
+                                    if (props.onChange) {
+                                        props.onChange(value);
+                                    }
+                                }, minHeight: 4, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
+                                    setFocusedField(props.id);
+                                } }) }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
+        } }));
+};
+//# sourceMappingURL=text-area.js.map

package/dist/components/form/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/form/text-area.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AASzD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAO,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,6EAA6E;IAC7E,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EAEjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,cAAK,QAAQ,EAAE,CAAC,YACd,gBACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;oCACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;wCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACvB,CAAC;gCACH,CAAC,EACD,SAAS,EAAE,CAAC,EACZ,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;oCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;gCAC3B,CAAC,GACD,GACE,GACS,EAEhB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/form/text-field.d.ts

@@ -0,0 +1,7 @@
+import { FormItemProps, FormItemRef } from './types';
+export interface TextFieldProps extends FormItemProps<string> {
+    placeholder?: string;
+}
+export type TextFieldRef = FormItemRef;
+export declare const TextField: (props: TextFieldProps) => any;
+//# sourceMappingURL=text-field.d.ts.map

package/dist/components/form/text-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMpD,MAAM,WAAW,cAAe,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,WAAW,CAAA;AAEtC,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,KAAG,GAiEjD,CAAA"}

package/dist/components/form/text-field.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { useFormContext, Controller } from 'react-hook-form';
+import { useFocusContext } from './index';
+import { Theme } from '@termcast/cli/src/theme';
+import { WithLeftBorder } from './with-left-border';
+import { useFormNavigation } from './use-form-navigation';
+export const TextField = (props) => {
+    const { control, formState: { errors }, } = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    const isFocused = focusedField === props.id;
+    // Use form navigation hook
+    useFormNavigation(props.id);
+    return (_jsx(Controller, { name: props.id, control: control, defaultValue: props.defaultValue || props.value || '', rules: {
+            required: props.error ? props.error : false,
+        }, render: ({ field, fieldState, formState }) => {
+            return (_jsxs("box", { flexDirection: 'column', children: [_jsx(WithLeftBorder, { withDiamond: true, isFocused: isFocused, children: _jsx("text", { fg: Theme.text, onMouseDown: () => {
+                                setFocusedField(props.id);
+                            }, children: props.title }) }), _jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("input", { value: field.value, onInput: (value) => {
+                                field.onChange(value);
+                                if (props.onChange) {
+                                    props.onChange(value);
+                                }
+                            }, placeholder: props.placeholder, focused: isFocused, onMouseDown: () => {
+                                setFocusedField(props.id);
+                            } }) }), (fieldState.error || props.error) && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.error, children: fieldState.error?.message || props.error }) })), props.info && (_jsx(WithLeftBorder, { isFocused: isFocused, children: _jsx("text", { fg: Theme.textMuted, children: props.info }) }))] }));
+        } }));
+};
+//# sourceMappingURL=text-field.js.map

package/dist/components/form/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../src/components/form/text-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQzD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAO,EAAE;IACtD,MAAM,EACJ,OAAO,EACP,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,cAAc,EAAE,CAAA;IACpB,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC,EAAE,CAAA;IAE3C,2BAA2B;IAC3B,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,EACrD,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;SAC5C,EACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,CACL,eAAK,aAAa,EAAC,QAAQ,aACzB,KAAC,cAAc,IAAC,WAAW,QAAC,SAAS,EAAE,SAAS,YAC9C,eACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,YAEA,KAAK,CAAC,KAAK,GACP,GACQ,EACjB,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,gBACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;gCACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gCACrB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oCACnB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gCACvB,CAAC;4BACH,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,GAAG,EAAE;gCAChB,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;4BAC3B,CAAC,GACD,GACa,EAChB,CAAC,UAAU,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,KAAK,YAClB,UAAU,CAAC,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK,GACpC,GACQ,CAClB,EACA,KAAK,CAAC,IAAI,IAAI,CACb,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YAClC,eAAM,EAAE,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,IAAI,GAAQ,GAC/B,CAClB,IACG,CACe,CAAA;QACzB,CAAC,GACD,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/form/types.d.ts

@@ -0,0 +1,43 @@
+export interface FormValue {
+    [key: string]: any;
+}
+export interface FormValues {
+    [key: string]: FormValue;
+}
+export interface FormProps {
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+    navigationTitle?: string;
+    isLoading?: boolean;
+    enableDrafts?: boolean;
+}
+export interface FormItemProps<T> {
+    id: string;
+    title?: string;
+    info?: string;
+    error?: string;
+    storeValue?: boolean;
+    autoFocus?: boolean;
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+    onFocus?: (event: FormEvent<T>) => void;
+    onBlur?: (event: FormEvent<T>) => void;
+}
+export interface FormEvent<T> {
+    target: {
+        id: string;
+        value?: T;
+    };
+    type: 'focus' | 'blur';
+}
+export type FormEventType = 'focus' | 'blur';
+export interface FormItemRef {
+    focus: () => void;
+    reset: () => void;
+}
+export type FormValue_2 = FormValue;
+export type FormValues_2 = FormValues;
+export type FormProps_2 = FormProps;
+export type FormItemProps_2<T> = FormItemProps<T>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,CAAC,EAAE,CAAC,CAAA;KACV,CAAA;IACD,IAAI,EAAE,OAAO,GAAG,MAAM,CAAA;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,CAAA;AACnC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAA;AACrC,MAAM,MAAM,WAAW,GAAG,SAAS,CAAA;AACnC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA"}

package/dist/components/form/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/form/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/form/types.tsx"],"names":[],"mappings":""}

package/dist/components/form/use-form-handling.d.ts

@@ -0,0 +1,4 @@
+export declare function useFormHandling({ enabled }: {
+    enabled: boolean;
+}): void;
+//# sourceMappingURL=use-form-handling.d.ts.map

package/dist/components/form/use-form-handling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-handling.d.ts","sourceRoot":"","sources":["../../../src/components/form/use-form-handling.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,QAkChE"}

package/dist/components/form/use-form-handling.js

@@ -0,0 +1,37 @@
+import { useKeyboard } from '@opentui/react';
+import { useFormContext } from 'react-hook-form';
+import { useFocusContext } from './index';
+export function useFormHandling({ enabled }) {
+    const methods = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    useKeyboard((evt) => {
+        // Only handle keyboard events when enabled
+        if (!enabled)
+            return;
+        const fieldNames = Object.keys(methods.getValues());
+        if (fieldNames.length === 0)
+            return;
+        const currentIndex = focusedField
+            ? fieldNames.indexOf(focusedField)
+            : -1;
+        let nextIndex = null;
+        if (evt.name === 'up') {
+            // Arrow up: go to previous field
+            nextIndex =
+                currentIndex > 0 ? currentIndex - 1 : fieldNames.length - 1;
+        }
+        else if (evt.name === 'down') {
+            // Arrow down: go to next field
+            nextIndex =
+                currentIndex < fieldNames.length - 1 ? currentIndex + 1 : 0;
+        }
+        if (nextIndex !== null) {
+            const nextFieldName = fieldNames[nextIndex];
+            if (nextFieldName) {
+                // Just update the focused field in context
+                setFocusedField(nextFieldName);
+            }
+        }
+    });
+}
+//# sourceMappingURL=use-form-handling.js.map

package/dist/components/form/use-form-handling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-handling.js","sourceRoot":"","sources":["../../../src/components/form/use-form-handling.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAwB;IAC7D,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAE3D,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAChB,2CAA2C;QAC3C,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAA;QACnD,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAEnC,MAAM,YAAY,GAAG,YAAY;YAC7B,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC;YAClC,CAAC,CAAC,CAAC,CAAC,CAAA;QACR,IAAI,SAAS,GAAkB,IAAI,CAAA;QAEnC,IAAI,GAAG,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACpB,iCAAiC;YACjC,SAAS;gBACL,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAA;QACnE,CAAC;aAAM,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC7B,+BAA+B;YAC/B,SAAS;gBACL,YAAY,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACnE,CAAC;QAED,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACrB,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;YAC3C,IAAI,aAAa,EAAE,CAAC;gBAChB,2CAA2C;gBAC3C,eAAe,CAAC,aAAa,CAAC,CAAA;YAClC,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAA;AACN,CAAC"}

package/dist/components/form/use-form-navigation.d.ts

@@ -0,0 +1,8 @@
+export declare function useFormNavigation(id: string, options?: {
+    handleArrows?: boolean;
+    handleTabs?: boolean;
+}): {
+    navigateToPrevious: () => void;
+    navigateToNext: () => void;
+};
+//# sourceMappingURL=use-form-navigation.d.ts.map

package/dist/components/form/use-form-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;;;EAsDF"}

package/dist/components/form/use-form-navigation.js

@@ -0,0 +1,58 @@
+import { useKeyboard } from '@opentui/react';
+import { useFormContext } from 'react-hook-form';
+import { useFocusContext } from './index';
+import { useIsInFocus } from '../../internal/focus-context';
+export function useFormNavigation(id, options) {
+    const { getValues } = useFormContext();
+    const { focusedField, setFocusedField } = useFocusContext();
+    const isInFocus = useIsInFocus();
+    const isFocused = focusedField === id;
+    let { handleArrows = true, handleTabs = true } = options || {};
+    handleArrows = false;
+    const navigateToPrevious = () => {
+        const fieldNames = Object.keys(getValues());
+        const currentIndex = fieldNames.indexOf(id);
+        if (currentIndex > 0) {
+            setFocusedField(fieldNames[currentIndex - 1]);
+        }
+        else {
+            setFocusedField(fieldNames[fieldNames.length - 1]);
+        }
+    };
+    const navigateToNext = () => {
+        const fieldNames = Object.keys(getValues());
+        const currentIndex = fieldNames.indexOf(id);
+        if (currentIndex < fieldNames.length - 1) {
+            setFocusedField(fieldNames[currentIndex + 1]);
+        }
+        else {
+            setFocusedField(fieldNames[0]);
+        }
+    };
+    useKeyboard((evt) => {
+        // Only handle keyboard events when this field is focused and form is in focus
+        if (!isFocused || !isInFocus)
+            return;
+        if (handleTabs && evt.name === 'tab') {
+            if (evt.shift) {
+                navigateToPrevious();
+            }
+            else {
+                navigateToNext();
+            }
+        }
+        else if (handleArrows) {
+            if (evt.name === 'up') {
+                navigateToPrevious();
+            }
+            else if (evt.name === 'down') {
+                navigateToNext();
+            }
+        }
+    });
+    return {
+        navigateToPrevious,
+        navigateToNext,
+    };
+}
+//# sourceMappingURL=use-form-navigation.js.map

package/dist/components/form/use-form-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-navigation.js","sourceRoot":"","sources":["../../../src/components/form/use-form-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,MAAM,UAAU,iBAAiB,CAC/B,EAAU,EACV,OAGC;IAED,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,YAAY,KAAK,EAAE,CAAA;IAErC,IAAI,EAAE,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;IAE9D,YAAY,GAAG,KAAK,CAAA;IAEpB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;QAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACrB,eAAe,CAAC,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;IACH,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;QAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAI,YAAY,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAA;QAC/C,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IAED,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE;QAClB,8EAA8E;QAC9E,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAM;QAEpC,IAAI,UAAU,IAAI,GAAG,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;YACrC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,kBAAkB,EAAE,CAAA;YACtB,CAAC;iBAAM,CAAC;gBACN,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACxB,IAAI,GAAG,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;gBACtB,kBAAkB,EAAE,CAAA;YACtB,CAAC;iBAAM,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAC/B,cAAc,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,kBAAkB;QAClB,cAAc;KACf,CAAA;AACH,CAAC"}

package/dist/components/form/with-left-border.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface WithLeftBorderProps {
+    children: React.ReactNode;
+    withDiamond?: boolean;
+    customCharacter?: {
+        focused: string;
+        unfocused: string;
+    };
+    isFocused: boolean;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingTop?: number;
+    key?: any;
+}
+export declare const WithLeftBorder: ({ children, withDiamond, customCharacter, isFocused, paddingBottom, paddingLeft, paddingTop, }: WithLeftBorderProps) => any;
+export {};
+//# sourceMappingURL=with-left-border.d.ts.map

package/dist/components/form/with-left-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-left-border.d.ts","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAA;IACxD,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,eAAO,MAAM,cAAc,GAAI,gGAQ5B,mBAAmB,KAAG,GA6BxB,CAAA"}

package/dist/components/form/with-left-border.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { Theme } from '@termcast/cli/src/theme';
+export const WithLeftBorder = ({ children, withDiamond, customCharacter, isFocused, paddingBottom = 1, paddingLeft = 2, paddingTop = 0, }) => {
+    if (withDiamond || customCharacter) {
+        const chars = customCharacter || { focused: '◆', unfocused: '◇' };
+        return (_jsxs("box", { flexDirection: 'row', children: [_jsx("text", { fg: isFocused ? Theme.accent : Theme.text, children: isFocused ? chars.focused : chars.unfocused }, String(isFocused)), _jsx("box", { flexGrow: 1, paddingLeft: paddingLeft, children: children })] }));
+    }
+    return (_jsx("box", { paddingLeft: paddingLeft, border: ['left'], borderColor: isFocused ? Theme.accent : undefined, flexDirection: 'row', children: _jsx("box", { paddingTop: paddingTop, paddingBottom: paddingBottom, flexGrow: 1, children: children }) }));
+};
+//# sourceMappingURL=with-left-border.js.map

package/dist/components/form/with-left-border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-left-border.js","sourceRoot":"","sources":["../../../src/components/form/with-left-border.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAa/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,GACM,EAAO,EAAE;IAC7B,IAAI,WAAW,IAAI,eAAe,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,eAAe,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;QACjE,OAAO,CACL,eAAK,aAAa,EAAC,KAAK,aACtB,eAEE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,YAExC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAHvC,MAAM,CAAC,SAAS,CAAC,CAIjB,EACP,cAAK,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,YACvC,QAAQ,GACL,IACF,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,cACE,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,CAAC,MAAM,CAAC,EAChB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,aAAa,EAAC,KAAK,YAEnB,cAAK,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,YACnE,QAAQ,GACL,GACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/icon.d.ts

@@ -0,0 +1,9 @@
+export declare const iconToEmoji: Record<string, string>;
+export declare const Icon: Record<string, string>;
+export declare function getIconEmoji(icon: string): string;
+interface IconProps {
+    source: string;
+}
+export declare function IconComponent({ source }: IconProps): any;
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6c9C,CAAA;AAiBD,eAAO,MAAM,IAAI,wBAAmB,CAAA;AAGpC,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;AAGD,UAAU,SAAS;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,GAAG,GAAG,CAExD"}