@admin-layout/gluestack-ui-mobile 11.0.1-alpha.0 → 11.0.3-alpha.0

package/lib/components/ui/gluestack-ui-provider/index.web.js

@@ -0,0 +1,69 @@
+'use client';
+import React, { useEffect, useLayoutEffect } from 'react';
+import { config } from './config';
+import { OverlayProvider } from '@gluestack-ui/overlay';
+import { ToastProvider } from '@gluestack-ui/toast';
+import { setFlushStyles } from '@gluestack-ui/nativewind-utils/flush';
+import { script } from './script';
+const variableStyleTagId = 'nativewind-style';
+const createStyle = (styleTagId) => {
+    const style = document.createElement('style');
+    style.id = styleTagId;
+    style.appendChild(document.createTextNode(''));
+    return style;
+};
+export const useSafeLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export function GluestackUIProvider({ mode = 'light', ...props }) {
+    let cssVariablesWithMode = ``;
+    Object.keys(config).forEach((configKey) => {
+        cssVariablesWithMode += configKey === 'dark' ? `\n .dark {\n ` : `\n:root {\n`;
+        const cssVariables = Object.keys(config[configKey]).reduce((acc, curr) => {
+            acc += `${curr}:${config[configKey][curr]}; `;
+            return acc;
+        }, '');
+        cssVariablesWithMode += `${cssVariables} \n}`;
+    });
+    setFlushStyles(cssVariablesWithMode);
+    const handleMediaQuery = React.useCallback((e) => {
+        script(e.matches ? 'dark' : 'light');
+    }, []);
+    useSafeLayoutEffect(() => {
+        if (mode !== 'system') {
+            const documentElement = document.documentElement;
+            if (documentElement) {
+                documentElement.classList.add(mode);
+                documentElement.classList.remove(mode === 'light' ? 'dark' : 'light');
+                documentElement.style.colorScheme = mode;
+            }
+        }
+    }, [mode]);
+    useSafeLayoutEffect(() => {
+        if (mode !== 'system')
+            return;
+        const media = window.matchMedia('(prefers-color-scheme: dark)');
+        media.addListener(handleMediaQuery);
+        return () => media.removeListener(handleMediaQuery);
+    }, [handleMediaQuery]);
+    useSafeLayoutEffect(() => {
+        if (typeof window !== 'undefined') {
+            const documentElement = document.documentElement;
+            if (documentElement) {
+                const head = documentElement.querySelector('head');
+                let style = head?.querySelector(`[id='${variableStyleTagId}']`);
+                if (!style) {
+                    style = createStyle(variableStyleTagId);
+                    style.innerHTML = cssVariablesWithMode;
+                    if (head)
+                        head.appendChild(style);
+                }
+            }
+        }
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("script", { suppressHydrationWarning: true, dangerouslySetInnerHTML: {
+                __html: `(${script.toString()})('${mode}')`,
+            } }),
+        React.createElement(OverlayProvider, null,
+            React.createElement(ToastProvider, null, props.children))));
+}
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/gluestack-ui-provider/index.web.js.map

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

package/lib/components/ui/gluestack-ui-provider/script.d.ts

@@ -0,0 +1 @@
+export declare const script: (mode: string) => void;

package/lib/components/ui/gluestack-ui-provider/script.js

@@ -0,0 +1,17 @@
+export const script = (mode) => {
+    const documentElement = document.documentElement;
+    function getSystemColorMode() {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    try {
+        const isSystem = mode === 'system';
+        const theme = isSystem ? getSystemColorMode() : mode;
+        documentElement.classList.remove(theme === 'light' ? 'dark' : 'light');
+        documentElement.classList.add(theme);
+        documentElement.style.colorScheme = theme;
+    }
+    catch (e) {
+        console.error(e);
+    }
+};
+//# sourceMappingURL=script.js.map

package/lib/components/ui/gluestack-ui-provider/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../../../../src/components/ui/gluestack-ui-provider/script.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;IACnC,MAAM,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC;IAEjD,SAAS,kBAAkB;QACvB,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACxF,CAAC;IAED,IAAI,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC;QACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACvE,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACrC,eAAe,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC9C,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;AACL,CAAC,CAAC"}

package/lib/components/ui/gluestack-ui-provider/types.d.ts

@@ -0,0 +1 @@
+export type ModeType = 'light' | 'dark' | 'system';

package/lib/components/ui/gluestack-ui-provider/types.js

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

package/lib/components/ui/gluestack-ui-provider/types.js.map

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

package/lib/components/ui/grid/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import { View, ViewProps } from 'react-native';
+declare const Grid: React.ForwardRefExoticComponent<ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
+    padding?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingStart?: number;
+    paddingEnd?: number;
+    borderWidth?: number;
+    borderLeftWidth?: number;
+    borderRightWidth?: number;
+    _extra: {
+        className: string;
+    };
+} & React.RefAttributes<View>>;
+declare const GridItem: React.ForwardRefExoticComponent<ViewProps & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    index?: number;
+    _extra: {
+        className: string;
+    };
+} & React.RefAttributes<View>>;
+export { Grid, GridItem };

package/lib/components/ui/grid/index.js

@@ -0,0 +1,175 @@
+import React, { useEffect, useState, createContext, useContext, useMemo, forwardRef } from 'react';
+import { View, Dimensions, Platform } from 'react-native';
+import { gridStyle, gridItemStyle } from './styles';
+import { cssInterop } from 'nativewind';
+import { useBreakpointValue, getBreakPointValue } from '../utils/use-break-point-value';
+const { width: DEVICE_WIDTH } = Dimensions.get('window');
+const GridContext = createContext({});
+function arrangeChildrenIntoRows({ childrenArray, colSpanArr, numColumns, }) {
+    let currentRow = 1;
+    let currentRowTotalColSpan = 0;
+    // store how many items in each row
+    const rowItemsCount = {};
+    for (let i = 0; i < childrenArray.length; i++) {
+        const colSpan = colSpanArr[i];
+        // if current row is full, go to next row
+        if (currentRowTotalColSpan + colSpan > numColumns) {
+            currentRow++;
+            currentRowTotalColSpan = colSpan;
+        }
+        else {
+            // if current row is not full, add colSpan to current row
+            currentRowTotalColSpan += colSpan;
+        }
+        rowItemsCount[currentRow] = rowItemsCount[currentRow] ? [...rowItemsCount[currentRow], i] : [i];
+    }
+    return rowItemsCount;
+}
+function generateResponsiveNumColumns({ gridClass }) {
+    const gridClassNamePattern = /\b(?:\w+:)?grid-cols-?\d+\b/g;
+    const numColumns = gridClass?.match(gridClassNamePattern);
+    if (!numColumns) {
+        return 12;
+    }
+    const regex = /^(?:(\w+):)?grid-cols-?(\d+)$/;
+    const result = {};
+    numColumns.forEach((classname) => {
+        const match = classname.match(regex);
+        if (match) {
+            const prefix = match[1] || 'default';
+            const value = parseInt(match[2], 10);
+            result[prefix] = value;
+        }
+    });
+    return result;
+}
+function generateResponsiveColSpans({ gridItemClassName }) {
+    const gridClassNamePattern = /\b(?:\w+:)?col-span-?\d+\b/g;
+    const colSpan = gridItemClassName?.match(gridClassNamePattern);
+    if (!colSpan) {
+        return 1;
+    }
+    const regex = /^(?:(\w+):)?col-span-?(\d+)$/;
+    const result = {};
+    colSpan.forEach((classname) => {
+        const match = classname.match(regex);
+        if (match) {
+            const prefix = match[1] || 'default';
+            const value = parseInt(match[2], 10);
+            result[prefix] = value;
+        }
+    });
+    return result;
+}
+const Grid = forwardRef(({ className, _extra, children, ...props }, ref) => {
+    const [calculatedWidth, setCalculatedWidth] = useState(null);
+    const gridClass = _extra?.className;
+    const obj = generateResponsiveNumColumns({ gridClass });
+    const responsiveNumColumns = useBreakpointValue(obj);
+    const itemsPerRow = useMemo(() => {
+        // get the colSpan of each child
+        const colSpanArr = React.Children.map(children, (child) => {
+            const gridItemClassName = child?.props?._extra?.className;
+            const colSpan2 = getBreakPointValue(generateResponsiveColSpans({ gridItemClassName }), DEVICE_WIDTH);
+            const colSpan = colSpan2 ? colSpan2 : 1;
+            if (colSpan > responsiveNumColumns) {
+                return responsiveNumColumns;
+            }
+            return colSpan;
+        });
+        const childrenArray = React.Children.toArray(children);
+        const rowItemsCount = arrangeChildrenIntoRows({
+            childrenArray,
+            colSpanArr,
+            numColumns: responsiveNumColumns,
+        });
+        return rowItemsCount;
+    }, [responsiveNumColumns, children]);
+    const childrenWithProps = React.Children.map(children, (child, index) => {
+        if (React.isValidElement(child)) {
+            return React.cloneElement(child, { index });
+        }
+        return child;
+    });
+    const gridClassMerged = `${Platform.select({
+        web: gridClass ?? '',
+    })}`;
+    const contextValue = useMemo(() => {
+        return {
+            calculatedWidth,
+            numColumns: responsiveNumColumns,
+            itemsPerRow,
+            flexDirection: props?.flexDirection || 'row',
+            gap: props?.gap || 0,
+            columnGap: props?.columnGap || 0,
+        };
+    }, [calculatedWidth, itemsPerRow, responsiveNumColumns, props]);
+    const borderLeftWidth = props?.borderLeftWidth || props?.borderWidth || 0;
+    const borderRightWidth = props?.borderRightWidth || props?.borderWidth || 0;
+    const borderWidthToSubtract = borderLeftWidth + borderRightWidth;
+    return (React.createElement(GridContext.Provider, { value: contextValue },
+        React.createElement(View, { ref: ref, className: gridStyle({
+                class: className + ' ' + gridClassMerged,
+            }), onLayout: (event) => {
+                const paddingLeftToSubtract = props?.paddingStart || props?.paddingLeft || props?.padding || 0;
+                const paddingRightToSubtract = props?.paddingEnd || props?.paddingRight || props?.padding || 0;
+                const gridWidth = event.nativeEvent.layout.width -
+                    paddingLeftToSubtract -
+                    paddingRightToSubtract -
+                    borderWidthToSubtract;
+                setCalculatedWidth(gridWidth);
+            }, ...props }, calculatedWidth && childrenWithProps)));
+});
+cssInterop(Grid, {
+    className: {
+        target: 'style',
+        nativeStyleToProp: {
+            gap: 'gap',
+            rowGap: 'rowGap',
+            columnGap: 'columnGap',
+            flexDirection: 'flexDirection',
+            padding: 'padding',
+            paddingLeft: 'paddingLeft',
+            paddingRight: 'paddingRight',
+            paddingStart: 'paddingStart',
+            paddingEnd: 'paddingEnd',
+            borderWidth: 'borderWidth',
+            borderLeftWidth: 'borderLeftWidth',
+            borderRightWidth: 'borderRightWidth',
+        },
+    },
+});
+const GridItem = forwardRef(({ className, _extra, ...props }, ref) => {
+    const [flexBasisValue, setFlexBasisValue] = useState('auto');
+    const { calculatedWidth, numColumns, itemsPerRow, flexDirection, gap, columnGap } = useContext(GridContext);
+    const gridItemClass = _extra?.className;
+    const responsiveColSpan = useBreakpointValue(generateResponsiveColSpans({ gridItemClassName: gridItemClass })) ?? 1;
+    useEffect(() => {
+        if (!flexDirection?.includes('column') && calculatedWidth && numColumns > 0 && responsiveColSpan > 0) {
+            // find out in which row of itemsPerRow the current item's index is
+            const row = Object.keys(itemsPerRow).find((key) => {
+                return itemsPerRow[key].includes(props?.index);
+            });
+            const rowColsCount = itemsPerRow[row]?.length;
+            const space = columnGap || gap || 0;
+            const gutterOffset = space * (rowColsCount === 1 && responsiveColSpan < numColumns ? 2 : rowColsCount - 1);
+            const flexBasisVal = Math.min((((calculatedWidth - gutterOffset) * responsiveColSpan) / numColumns / calculatedWidth) * 100, 100) + '%';
+            setFlexBasisValue(flexBasisVal);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [calculatedWidth, responsiveColSpan, numColumns, columnGap, gap, flexDirection]);
+    return (React.createElement(View, { ref: ref, 
+        // @ts-expect-error
+        gridItemClass: gridItemClass, className: gridItemStyle({
+            class: className,
+        }), ...props, style: [
+            {
+                flexBasis: flexBasisValue,
+            },
+            props.style,
+        ] }));
+});
+Grid.displayName = 'Grid';
+GridItem.displayName = 'GridItem';
+export { Grid, GridItem };
+//# sourceMappingURL=index.js.map

package/lib/components/ui/grid/index.js.map

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

package/lib/components/ui/grid/index.web.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const Grid: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
+    padding?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingStart?: number;
+    paddingEnd?: number;
+    _extra: {
+        className: string;
+    };
+} & React.RefAttributes<HTMLDivElement>>;
+declare const GridItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    index?: number;
+    _extra: {
+        className: string;
+    };
+} & React.RefAttributes<HTMLDivElement>>;
+export { Grid, GridItem };

package/lib/components/ui/grid/index.web.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { gridStyle, gridItemStyle } from './styles';
+const Grid = React.forwardRef(({ className, _extra, ...props }, ref) => {
+    const gridClass = _extra?.className;
+    const finalGridClass = gridClass ?? '';
+    return (React.createElement("div", { ref: ref, className: gridStyle({
+            class: className + ' ' + finalGridClass,
+        }), ...props }));
+});
+const GridItem = React.forwardRef(({ className, _extra, ...props }, ref) => {
+    const gridItemClass = _extra?.className;
+    const finalGridItemClass = gridItemClass ?? '';
+    return (React.createElement("div", { ref: ref, className: gridItemStyle({
+            class: className + ' ' + finalGridItemClass,
+        }), ...props }));
+});
+Grid.displayName = 'Grid';
+GridItem.displayName = 'GridItem';
+export { Grid, GridItem };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/grid/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/grid/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAoBpD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS,CAAC;IACpC,MAAM,cAAc,GAAG,SAAS,IAAI,EAAE,CAAC;IACvC,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC;YACjB,KAAK,EAAE,SAAS,GAAG,GAAG,GAAG,cAAc;SAC1C,CAAC,KACE,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AASH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvG,MAAM,aAAa,GAAG,MAAM,EAAE,SAAS,CAAC;IAExC,MAAM,kBAAkB,GAAG,aAAa,IAAI,EAAE,CAAC;IAC/C,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,aAAa,CAAC;YACrB,KAAK,EAAE,SAAS,GAAG,GAAG,GAAG,kBAAkB;SAC9C,CAAC,KACE,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/ui/grid/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const gridStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full grid grid-cols-12" | "w-full box-border flex-row flex-wrap justify-start", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
+export declare const gridItemStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full " | "w-full w-auto col-span-1", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;

package/lib/components/ui/grid/styles.js

@@ -0,0 +1,11 @@
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { isWeb } from '@gluestack-ui/nativewind-utils/IsWeb';
+const gridBaseStyle = isWeb ? 'grid grid-cols-12' : 'box-border flex-row flex-wrap justify-start';
+const gridItemBaseStyle = isWeb ? 'w-auto col-span-1' : '';
+export const gridStyle = tva({
+    base: `w-full ${gridBaseStyle}`,
+});
+export const gridItemStyle = tva({
+    base: `w-full ${gridItemBaseStyle}`,
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/ui/grid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/ui/grid/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAE7D,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,6CAA6C,CAAC;AAClG,MAAM,iBAAiB,GAAG,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;AAE3D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,UAAU,aAAa,EAAE;CAClC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,UAAU,iBAAiB,EAAE;CACtC,CAAC,CAAC"}