@admin-layout/gluestack-ui-mobile 10.0.9-alpha.9 → 10.1.1-alpha.8

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

@@ -0,0 +1,224 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const radioStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+} & {
+    size: {
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    status: {
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        warning: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "form-radio h-4 w-4 text-blue-600 transition duration-150 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}, undefined, "form-radio h-4 w-4 text-blue-600 transition duration-150 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    status: {
+        error: string;
+        success: string;
+        warning: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const labelStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+} & {
+    size: {
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    disabled: {
+        true: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "ml-2 select-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, "ml-2 select-none", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+type RadioGroupContextType = {
+    value?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    size?: VariantProps<typeof radioStyle>['size'];
+    status?: VariantProps<typeof radioStyle>['status'];
+};
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & RadioGroupContextType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
+    size?: VariantProps<typeof labelStyle>["size"];
+    disabled?: boolean;
+}, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const RadioIcon: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type IRadioProps = Omit<React.ComponentProps<'input'>, 'size'> & {
+    value: string;
+    size?: VariantProps<typeof radioStyle>['size'];
+    status?: VariantProps<typeof radioStyle>['status'];
+};
+declare const Radio: React.ForwardRefExoticComponent<Omit<IRadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Radio };

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

@@ -0,0 +1,69 @@
+'use client';
+import React, { forwardRef, createContext, useContext } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const SCOPE = 'RADIO';
+const radioStyle = tva({
+    base: 'form-radio h-4 w-4 text-blue-600 transition duration-150 ease-in-out',
+    variants: {
+        size: {
+            sm: 'h-3 w-3',
+            md: 'h-4 w-4',
+            lg: 'h-5 w-5',
+        },
+        status: {
+            error: 'border-red-500 focus:border-red-500 focus:ring-red-500',
+            success: 'border-green-500 focus:border-green-500 focus:ring-green-500',
+            warning: 'border-yellow-500 focus:border-yellow-500 focus:ring-yellow-500',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const labelStyle = tva({
+    base: 'ml-2 select-none',
+    variants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+        disabled: {
+            true: 'opacity-50 cursor-not-allowed',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const RadioGroupContext = createContext({});
+export const RadioGroup = forwardRef(({ value, onChange, name, size, status, ...props }, ref) => {
+    return (React.createElement(RadioGroupContext.Provider, { value: { value, onChange, name, size, status } },
+        React.createElement("div", { ref: ref, role: "radiogroup", ...props })));
+});
+RadioGroup.displayName = 'RadioGroup';
+export const RadioLabel = forwardRef(({ className, size, disabled, ...props }, ref) => {
+    return React.createElement("label", { ref: ref, className: labelStyle({ size, disabled, class: className }), ...props });
+});
+RadioLabel.displayName = 'RadioLabel';
+export const RadioIcon = forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: `flex items-center justify-center ${className || ''}`, ...props }, children));
+});
+RadioIcon.displayName = 'RadioIcon';
+const Radio = forwardRef(({ className, value, size: itemSize, status: itemStatus, onChange, ...props }, ref) => {
+    const group = useContext(RadioGroupContext);
+    const size = itemSize || group.size;
+    const status = itemStatus || group.status;
+    const handleChange = (e) => {
+        if (onChange) {
+            onChange(e);
+        }
+        if (group.onChange) {
+            group.onChange(e.target.value);
+        }
+    };
+    return (React.createElement("input", { ref: ref, type: "radio", value: value, checked: group.value === value, name: group.name, onChange: handleChange, className: radioStyle({ size, status, class: className }), ...props }));
+});
+Radio.displayName = 'Radio';
+export { Radio };
+//# sourceMappingURL=index.web.js.map

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

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

package/lib/components/ui/refresh-control/index.web.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface RefreshControlProps {
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    progressViewOffset?: number;
+    tintColor?: string;
+    title?: string;
+    titleColor?: string;
+    colors?: string[];
+    enabled?: boolean;
+    style?: React.CSSProperties;
+}
+export declare const RefreshControl: React.FC<RefreshControlProps>;
+export {};

package/lib/components/ui/refresh-control/index.web.js

@@ -0,0 +1,69 @@
+'use client';
+import React, { useEffect, useState } from 'react';
+export const RefreshControl = ({ refreshing = false, onRefresh, style, ...props }) => {
+    const [startY, setStartY] = useState(0);
+    const [pulling, setPulling] = useState(false);
+    const [pullDistance, setPullDistance] = useState(0);
+    const threshold = 100; // Minimum pull distance to trigger refresh
+    useEffect(() => {
+        if (!refreshing) {
+            setPullDistance(0);
+            setPulling(false);
+        }
+    }, [refreshing]);
+    const handleTouchStart = (e) => {
+        if (window.scrollY === 0) {
+            setStartY(e.touches[0].clientY);
+            setPulling(true);
+        }
+    };
+    const handleTouchMove = (e) => {
+        if (pulling && !refreshing) {
+            const currentY = e.touches[0].clientY;
+            const distance = Math.max(0, currentY - startY);
+            setPullDistance(Math.min(distance * 0.5, threshold * 1.5)); // Add resistance
+        }
+    };
+    const handleTouchEnd = () => {
+        if (pulling && pullDistance >= threshold && onRefresh) {
+            onRefresh();
+        }
+        if (!refreshing) {
+            setPullDistance(0);
+        }
+        setPulling(false);
+    };
+    return (React.createElement("div", { style: {
+            position: 'relative',
+            width: '100%',
+            ...style,
+        }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
+        (pulling || refreshing) && (React.createElement("div", { style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: Math.max(pullDistance, refreshing ? 50 : 0),
+                transition: pulling ? 'none' : 'height 0.2s ease-out',
+                overflow: 'hidden',
+            } },
+            React.createElement("div", { style: {
+                    width: '20px',
+                    height: '20px',
+                    border: '2px solid #ccc',
+                    borderTopColor: props.tintColor || '#000',
+                    borderRadius: '50%',
+                    animation: refreshing ? 'spin 1s linear infinite' : 'none',
+                    transform: !refreshing ? `rotate(${(pullDistance / threshold) * 360}deg)` : undefined,
+                } }))),
+        React.createElement("style", null, `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        `)));
+};
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/refresh-control/index.web.js.map

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

package/lib/components/ui/safe-area-view/index.web.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+export declare const StyledSafeAreaView: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "" | "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyledSafeAreaView as SafeAreaView };

package/lib/components/ui/safe-area-view/index.web.js

@@ -0,0 +1,10 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { safeAreaStyle } from './styles';
+export const StyledSafeAreaView = forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement("div", { ...props, ref: ref, className: safeAreaStyle({ class: clsx(className) }) }, children));
+});
+StyledSafeAreaView.displayName = 'StyledSafeAreaView';
+export { StyledSafeAreaView as SafeAreaView };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/safe-area-view/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/safe-area-view/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvC,OAAO,CACH,gCAAS,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,IACzE,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,IAAI,YAAY,EAAE,CAAC"}

package/lib/components/ui/scroll-view/index.web.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export declare const ScrollView: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    horizontal?: boolean;
+    className?: string;
+    contentContainerStyle?: React.CSSProperties;
+    showsHorizontalScrollIndicator?: boolean;
+    showsVerticalScrollIndicator?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+type FlatListProps<T> = {
+    data: T[];
+    renderItem: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => React.ReactNode;
+    keyExtractor?: (item: T, index: number) => string;
+    horizontal?: boolean;
+    className?: string;
+    contentContainerStyle?: React.CSSProperties;
+    showsHorizontalScrollIndicator?: boolean;
+    showsVerticalScrollIndicator?: boolean;
+};
+export declare function FlatList<T>({ data, renderItem, keyExtractor, horizontal, className, contentContainerStyle, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, ...props }: FlatListProps<T>): React.JSX.Element;
+type SectionListProps<T, S> = {
+    sections: Array<{
+        title: string;
+        data: T[];
+    }>;
+    renderItem: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => React.ReactNode;
+    renderSectionHeader?: ({ section }: {
+        section: {
+            title: string;
+            data: T[];
+        };
+    }) => React.ReactNode;
+    keyExtractor?: (item: T, index: number) => string;
+    className?: string;
+    contentContainerStyle?: React.CSSProperties;
+};
+export declare function SectionList<T, S>({ sections, renderItem, renderSectionHeader, keyExtractor, className, contentContainerStyle, ...props }: SectionListProps<T, S>): React.JSX.Element;
+export declare const VirtualizedList: typeof FlatList;
+export {};

package/lib/components/ui/scroll-view/index.web.js

@@ -0,0 +1,41 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { clsx } from 'clsx';
+// Styles for scroll containers
+const scrollContainerStyle = tva({
+    base: 'overflow-auto',
+    variants: {
+        horizontal: {
+            true: 'overflow-x-auto overflow-y-hidden whitespace-nowrap',
+        },
+        vertical: {
+            true: 'overflow-y-auto overflow-x-hidden',
+        },
+    },
+});
+export const ScrollView = forwardRef(({ horizontal, className, contentContainerStyle, showsHorizontalScrollIndicator = true, showsVerticalScrollIndicator = true, children, style, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: scrollContainerStyle({
+            horizontal,
+            vertical: !horizontal,
+            class: clsx(className),
+        }), style: {
+            ...style,
+            overflowX: !showsHorizontalScrollIndicator ? 'hidden' : undefined,
+            overflowY: !showsVerticalScrollIndicator ? 'hidden' : undefined,
+        }, ...props },
+        React.createElement("div", { style: contentContainerStyle }, children)));
+});
+ScrollView.displayName = 'ScrollView';
+export function FlatList({ data, renderItem, keyExtractor, horizontal, className, contentContainerStyle, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, ...props }) {
+    return (React.createElement(ScrollView, { horizontal: horizontal, className: className, contentContainerStyle: contentContainerStyle, showsHorizontalScrollIndicator: showsHorizontalScrollIndicator, showsVerticalScrollIndicator: showsVerticalScrollIndicator, ...props }, data.map((item, index) => (React.createElement(React.Fragment, { key: keyExtractor ? keyExtractor(item, index) : index }, renderItem({ item, index }))))));
+}
+export function SectionList({ sections, renderItem, renderSectionHeader, keyExtractor, className, contentContainerStyle, ...props }) {
+    return (React.createElement(ScrollView, { className: className, contentContainerStyle: contentContainerStyle, ...props }, sections.map((section, sectionIndex) => (React.createElement(React.Fragment, { key: `section-${sectionIndex}` },
+        renderSectionHeader?.({ section }),
+        section.data.map((item, index) => (React.createElement(React.Fragment, { key: keyExtractor ? keyExtractor(item, index) : index }, renderItem({ item, index })))))))));
+}
+// VirtualizedList is an alias for FlatList in web implementation
+// since we're not implementing actual virtualization in this basic version
+export const VirtualizedList = FlatList;
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/scroll-view/index.web.js.map

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

package/lib/components/ui/section-list/index.web.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+interface SectionBase {
+    title: string;
+}
+interface SectionListProps<ItemT, SectionT extends SectionBase> {
+    sections: ReadonlyArray<SectionT & {
+        data: ReadonlyArray<ItemT>;
+    }>;
+    renderItem: ({ item, index }: {
+        item: ItemT;
+        index: number;
+    }) => React.ReactElement;
+    renderSectionHeader?: ({ section }: {
+        section: SectionT;
+    }) => React.ReactElement;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    className?: string;
+    contentContainerStyle?: React.CSSProperties;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: number;
+    stickySectionHeadersEnabled?: boolean;
+}
+declare const SectionList: <ItemT, SectionT extends SectionBase>(props: SectionListProps<ItemT, SectionT> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+export { SectionList };

package/lib/components/ui/section-list/index.web.js

@@ -0,0 +1,35 @@
+'use client';
+import React from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { ScrollView } from '../scroll-view/index.web';
+const sectionListStyle = tva({
+    base: 'flex flex-col',
+});
+const sectionHeaderStyle = tva({
+    base: 'font-bold text-lg py-2 bg-gray-100',
+});
+function SectionListComponent({ sections, renderItem, renderSectionHeader, keyExtractor, className, contentContainerStyle, onEndReached, onEndReachedThreshold = 0.5, stickySectionHeadersEnabled = false, ...props }, ref) {
+    const handleScroll = (event) => {
+        if (!onEndReached)
+            return;
+        const target = event.target;
+        const scrollPosition = target.scrollTop + target.clientHeight;
+        const scrollSize = target.scrollHeight;
+        const threshold = scrollSize * onEndReachedThreshold;
+        if (scrollSize - scrollPosition <= threshold) {
+            onEndReached();
+        }
+    };
+    const defaultSectionHeader = (section) => React.createElement("div", { className: sectionHeaderStyle() }, section.title);
+    return (React.createElement(ScrollView, { ref: ref, className: className, onScroll: handleScroll, ...props },
+        React.createElement("div", { className: sectionListStyle(), style: contentContainerStyle }, sections.map((section, sectionIndex) => (React.createElement("div", { key: `section-${sectionIndex}` },
+            React.createElement("div", { style: {
+                    position: stickySectionHeadersEnabled ? 'sticky' : 'relative',
+                    top: stickySectionHeadersEnabled ? 0 : undefined,
+                    zIndex: stickySectionHeadersEnabled ? 1 : undefined,
+                } }, renderSectionHeader ? renderSectionHeader({ section }) : defaultSectionHeader(section)),
+            section.data.map((item, index) => (React.createElement(React.Fragment, { key: keyExtractor ? keyExtractor(item, index) : `${sectionIndex}-${index}` }, renderItem({ item, index }))))))))));
+}
+const SectionList = React.forwardRef(SectionListComponent);
+export { SectionList };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/section-list/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/section-list/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAIzD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,gBAAgB,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,eAAe;CACxB,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC3B,IAAI,EAAE,oCAAoC;CAC7C,CAAC,CAAC;AAkBH,SAAS,oBAAoB,CACzB,EACI,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,qBAAqB,EACrB,YAAY,EACZ,qBAAqB,GAAG,GAAG,EAC3B,2BAA2B,GAAG,KAAK,EACnC,GAAG,KAAK,EACwB,EACpC,GAA8B;IAE9B,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC1D,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAwB,CAAC;QAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;QAC9D,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC;QACvC,MAAM,SAAS,GAAG,UAAU,GAAG,qBAAqB,CAAC;QAErD,IAAI,UAAU,GAAG,cAAc,IAAI,SAAS,EAAE,CAAC;YAC3C,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAE,kBAAkB,EAAE,IAAG,OAAO,CAAC,KAAK,CAAO,CAAC;IAEhH,OAAO,CACH,oBAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,KAAM,KAAK;QACzE,6BAAK,SAAS,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,qBAAqB,IAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,CACrC,6BAAK,GAAG,EAAE,WAAW,YAAY,EAAE;YAC/B,6BACI,KAAK,EAAE;oBACH,QAAQ,EAAE,2BAA2B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;oBAC7D,GAAG,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;oBAChD,MAAM,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;iBACtD,IAEA,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CACrF;YACL,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,KAAK,EAAE,IACrF,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CACf,CACpB,CAAC,CACA,CACT,CAAC,CACA,CACG,CAChB,CAAC;AACN,CAAC;AAED,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAElC,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,CAAC"}