@thewhileloop/whileui 1.1.1 → 1.2.1

package/dist/lib/frosted-surface.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Platform, StyleSheet, View } from 'react-native';
+import { useUniwind } from 'uniwind';
+import { useThemeColors } from './theme-colors';
+import { useVisualTokens } from './visual-tokens';
+let cachedBlurViewComponent;
+let registeredBlurViewComponent = null;
+/**
+ * Registers the app's BlurView implementation (e.g. from expo-blur).
+ * Keep this opt-in so consumers who do not install blur libraries still compile.
+ */
+export function registerFrostedBlurView(blurView) {
+    registeredBlurViewComponent = blurView ?? null;
+    cachedBlurViewComponent = undefined;
+}
+function getBlurViewComponent() {
+    if (registeredBlurViewComponent) {
+        return registeredBlurViewComponent;
+    }
+    if (cachedBlurViewComponent !== undefined) {
+        return cachedBlurViewComponent;
+    }
+    const runtimeRequire = typeof require === 'function'
+        ? require
+        : (globalThis.require ?? null);
+    if (!runtimeRequire) {
+        cachedBlurViewComponent = null;
+        return cachedBlurViewComponent;
+    }
+    try {
+        const packageName = ['expo', 'blur'].join('-');
+        const maybeBlurModule = runtimeRequire(packageName);
+        cachedBlurViewComponent =
+            typeof maybeBlurModule?.BlurView === 'function' ? maybeBlurModule.BlurView : null;
+    }
+    catch {
+        cachedBlurViewComponent = null;
+    }
+    return cachedBlurViewComponent;
+}
+function resolveTintColor(colors, tintToken) {
+    if (tintToken === 'card')
+        return colors.card;
+    if (tintToken === 'popover')
+        return colors.popover;
+    if (tintToken === 'surfaceTranslucent')
+        return colors.surfaceTranslucent;
+    return colors.surfaceElevated;
+}
+function resolveBlurIntensity(visualTokens, blurIntensity, preset) {
+    if (typeof blurIntensity === 'number' && Number.isFinite(blurIntensity)) {
+        return Math.max(0, Math.round(blurIntensity));
+    }
+    if (preset === 'subtle')
+        return visualTokens.blurIntensitySubtle;
+    if (preset === 'strong')
+        return visualTokens.blurIntensityStrong;
+    return visualTokens.blurIntensityMedium;
+}
+function getInsetAbsoluteFillStyle() {
+    const inset = Math.max(0, StyleSheet.hairlineWidth);
+    if (inset <= 0) {
+        return StyleSheet.absoluteFillObject;
+    }
+    return {
+        position: 'absolute',
+        top: inset,
+        right: inset,
+        bottom: inset,
+        left: inset,
+    };
+}
+function FrostedOverlay({ intensity, tintColor, highlightColor, saturationPct, highlightHeight, androidExperimentalBlurEnabled, }) {
+    const { theme } = useUniwind();
+    const BlurView = getBlurViewComponent();
+    const blurTint = theme === 'dark' ? 'dark' : 'light';
+    const blurProps = Platform.OS === 'android' && androidExperimentalBlurEnabled
+        ? { experimentalBlurMethod: 'dimezisBlurView' }
+        : undefined;
+    const showHighlight = highlightHeight > 0;
+    const blurFill = getInsetAbsoluteFillStyle();
+    const tintFill = StyleSheet.absoluteFillObject;
+    const highlightInset = Math.max(0, StyleSheet.hairlineWidth);
+    if (!BlurView && Platform.OS === 'web') {
+        const webStyle = {
+            backdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
+            WebkitBackdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
+        };
+        return (_jsxs(_Fragment, { children: [_jsx(View, { pointerEvents: "none", style: [tintFill, webStyle, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
+                        position: 'absolute',
+                        top: highlightInset,
+                        left: highlightInset,
+                        right: highlightInset,
+                        height: highlightHeight,
+                        backgroundColor: highlightColor,
+                        borderTopLeftRadius: 999,
+                        borderTopRightRadius: 999,
+                    } })) : null] }));
+    }
+    if (!BlurView) {
+        return (_jsxs(_Fragment, { children: [_jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
+                        position: 'absolute',
+                        top: highlightInset,
+                        left: highlightInset,
+                        right: highlightInset,
+                        height: highlightHeight,
+                        backgroundColor: highlightColor,
+                        borderTopLeftRadius: 999,
+                        borderTopRightRadius: 999,
+                    } })) : null] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(BlurView, { pointerEvents: "none", intensity: intensity, tint: blurTint, ...blurProps, style: blurFill }), _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
+                    position: 'absolute',
+                    top: highlightInset,
+                    left: highlightInset,
+                    right: highlightInset,
+                    height: highlightHeight,
+                    backgroundColor: highlightColor,
+                    borderTopLeftRadius: 999,
+                    borderTopRightRadius: 999,
+                } })) : null] }));
+}
+function FrostedBackdropOverlay({ intensity, tintColor, saturationPct, androidExperimentalBlurEnabled, }) {
+    const { theme } = useUniwind();
+    const BlurView = getBlurViewComponent();
+    const blurTint = theme === 'dark' ? 'dark' : 'light';
+    const blurProps = Platform.OS === 'android' && androidExperimentalBlurEnabled
+        ? { experimentalBlurMethod: 'dimezisBlurView' }
+        : undefined;
+    const blurFill = getInsetAbsoluteFillStyle();
+    const tintFill = StyleSheet.absoluteFillObject;
+    if (!BlurView && Platform.OS === 'web') {
+        const webStyle = {
+            backdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
+            WebkitBackdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
+        };
+        return (_jsx(View, { pointerEvents: "none", style: [tintFill, webStyle, { backgroundColor: tintColor }] }));
+    }
+    if (!BlurView) {
+        return _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(BlurView, { pointerEvents: "none", intensity: intensity, tint: blurTint, ...blurProps, style: blurFill }), _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] })] }));
+}
+export function useFrostedSurface({ frosted = false, blurIntensity, blurTintToken, defaultTintToken, defaultBlurPreset = 'medium', }) {
+    const colors = useThemeColors();
+    const visualTokens = useVisualTokens();
+    if (!frosted) {
+        return {
+            frosted: false,
+            overlay: null,
+            surfaceStyle: undefined,
+        };
+    }
+    const tintToken = blurTintToken ?? defaultTintToken;
+    const tintColor = resolveTintColor(colors, tintToken);
+    const intensity = resolveBlurIntensity(visualTokens, blurIntensity, defaultBlurPreset);
+    const highlightColor = colors.surfaceHighlight;
+    const highlightHeight = visualTokens.frostedHighlightHeight;
+    const saturationPct = visualTokens.blurSaturationPct;
+    const androidExperimentalBlurEnabled = visualTokens.androidExperimentalBlurEnabled;
+    return {
+        frosted: true,
+        overlay: (_jsx(FrostedOverlay, { intensity: intensity, tintColor: tintColor, highlightColor: highlightColor, highlightHeight: highlightHeight, saturationPct: saturationPct, androidExperimentalBlurEnabled: androidExperimentalBlurEnabled })),
+        surfaceStyle: {
+            backgroundColor: 'transparent',
+            borderColor: colors.surfaceBorder,
+        },
+    };
+}
+export function useFrostedBackdrop({ frosted = false, blurIntensity, tintColor, }) {
+    const colors = useThemeColors();
+    const visualTokens = useVisualTokens();
+    if (!frosted)
+        return null;
+    const intensity = typeof blurIntensity === 'number' && Number.isFinite(blurIntensity)
+        ? Math.max(0, Math.round(blurIntensity))
+        : visualTokens.frostedBackdropBlurIntensity;
+    const resolvedTintColor = tintColor ?? colors.overlay;
+    return (_jsx(FrostedBackdropOverlay, { intensity: intensity, tintColor: resolvedTintColor, saturationPct: visualTokens.blurSaturationPct, androidExperimentalBlurEnabled: visualTokens.androidExperimentalBlurEnabled }));
+}
+//# sourceMappingURL=frosted-surface.js.map

package/dist/lib/frosted-surface.js.map

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

package/dist/lib/interaction-tokens.d.ts

@@ -0,0 +1,26 @@
+import { type PressableProps } from 'react-native';
+export interface InteractionTokens {
+    pressOpacity: number;
+    pressOpacityStrong: number;
+    disabledOpacity: number;
+    disabledOpacitySoft: number;
+    disabledOpacitySubtle: number;
+    inactiveOpacity: number;
+    motionFast: number;
+    motionNormal: number;
+    motionSlow: number;
+    drawerOpenDuration: number;
+    drawerCloseDuration: number;
+}
+export type PressedVariant = 'default' | 'strong' | 'none';
+export type DisabledVariant = 'default' | 'soft' | 'subtle' | 'none';
+export interface InteractivePressableOptions {
+    disabled?: boolean;
+    pressedVariant?: PressedVariant;
+    disabledVariant?: DisabledVariant;
+}
+export declare function useInteractionTokens(): InteractionTokens;
+type PressableStyle = PressableProps['style'];
+export declare function withInteractivePressableStyle(styleProp: PressableStyle | undefined, tokens: InteractionTokens, options?: InteractivePressableOptions): PressableStyle;
+export {};
+//# sourceMappingURL=interaction-tokens.d.ts.map

package/dist/lib/interaction-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/interaction-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAIpB,MAAM,cAAc,CAAC;AAatB,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAwCxD;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAqB9C,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,cAAc,GAAG,SAAS,EACrC,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,2BAAgC,GACxC,cAAc,CAiBhB"}

package/dist/lib/interaction-tokens.js

@@ -0,0 +1,70 @@
+import { useCSSVariable } from 'uniwind';
+function parseNumber(value, fallback) {
+    if (value === undefined || value === null)
+        return fallback;
+    const parsed = Number.parseFloat(String(value));
+    return Number.isFinite(parsed) ? parsed : fallback;
+}
+function clampOpacity(value) {
+    return Math.max(0, Math.min(1, value));
+}
+export function useInteractionTokens() {
+    const [pressOpacity, pressOpacityStrong, disabledOpacity, disabledOpacitySoft, disabledOpacitySubtle, inactiveOpacity, motionFast, motionNormal, motionSlow, drawerOpenDuration, drawerCloseDuration,] = useCSSVariable([
+        '--ui-press-opacity',
+        '--ui-press-opacity-strong',
+        '--ui-disabled-opacity',
+        '--ui-disabled-opacity-soft',
+        '--ui-disabled-opacity-subtle',
+        '--ui-inactive-opacity',
+        '--ui-motion-fast',
+        '--ui-motion-normal',
+        '--ui-motion-slow',
+        '--ui-drawer-open-duration',
+        '--ui-drawer-close-duration',
+    ]);
+    return {
+        pressOpacity: clampOpacity(parseNumber(pressOpacity, 0.72)),
+        pressOpacityStrong: clampOpacity(parseNumber(pressOpacityStrong, 0.9)),
+        disabledOpacity: clampOpacity(parseNumber(disabledOpacity, 0.5)),
+        disabledOpacitySoft: clampOpacity(parseNumber(disabledOpacitySoft, 0.6)),
+        disabledOpacitySubtle: clampOpacity(parseNumber(disabledOpacitySubtle, 0.4)),
+        inactiveOpacity: clampOpacity(parseNumber(inactiveOpacity, 0.5)),
+        motionFast: Math.max(0, Math.round(parseNumber(motionFast, 160))),
+        motionNormal: Math.max(0, Math.round(parseNumber(motionNormal, 220))),
+        motionSlow: Math.max(0, Math.round(parseNumber(motionSlow, 300))),
+        drawerOpenDuration: Math.max(0, Math.round(parseNumber(drawerOpenDuration, 300))),
+        drawerCloseDuration: Math.max(0, Math.round(parseNumber(drawerCloseDuration, 220))),
+    };
+}
+function resolveDisabledOpacity(tokens, variant) {
+    if (variant === 'none')
+        return undefined;
+    if (variant === 'soft')
+        return tokens.disabledOpacitySoft;
+    if (variant === 'subtle')
+        return tokens.disabledOpacitySubtle;
+    return tokens.disabledOpacity;
+}
+function resolvePressedOpacity(tokens, variant) {
+    if (variant === 'none')
+        return undefined;
+    if (variant === 'strong')
+        return tokens.pressOpacityStrong;
+    return tokens.pressOpacity;
+}
+export function withInteractivePressableStyle(styleProp, tokens, options = {}) {
+    const { disabled = false, pressedVariant = 'default', disabledVariant = 'default' } = options;
+    return (state) => {
+        const baseStyle = typeof styleProp === 'function'
+            ? styleProp(state)
+            : styleProp;
+        const disabledOpacity = resolveDisabledOpacity(tokens, disabledVariant);
+        const pressedOpacity = resolvePressedOpacity(tokens, pressedVariant);
+        const feedbackOpacity = disabled ? disabledOpacity : state.pressed ? pressedOpacity : undefined;
+        return [
+            baseStyle,
+            feedbackOpacity !== undefined ? { opacity: feedbackOpacity } : null,
+        ];
+    };
+}
+//# sourceMappingURL=interaction-tokens.js.map

package/dist/lib/interaction-tokens.js.map

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

package/dist/lib/react-native-classname.d.ts

@@ -0,0 +1,23 @@
+import 'react-native';
+declare module 'react-native' {
+    interface ViewProps {
+        className?: string;
+    }
+    interface TextProps {
+        className?: string;
+    }
+    interface ImageProps {
+        className?: string;
+    }
+    interface PressableProps {
+        className?: string;
+    }
+    interface FlatListProps<ItemT> {
+        className?: string;
+    }
+    interface ScrollViewProps {
+        className?: string;
+    }
+}
+export {};
+//# sourceMappingURL=react-native-classname.d.ts.map

package/dist/lib/react-native-classname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-classname.d.ts","sourceRoot":"","sources":["../../src/lib/react-native-classname.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,SAAS;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,SAAS;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,UAAU;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,cAAc;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,aAAa,CAAC,KAAK;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,eAAe;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CACF;AAED,OAAO,EAAE,CAAC"}

package/dist/lib/react-native-classname.js

@@ -0,0 +1,2 @@
+import 'react-native';
+//# sourceMappingURL=react-native-classname.js.map

package/dist/lib/react-native-classname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-classname.js","sourceRoot":"","sources":["../../src/lib/react-native-classname.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/dist/lib/theme-colors.d.ts

@@ -6,14 +6,40 @@ export interface ThemeColors {
     primary: string;
     primaryForeground: string;
     foreground: string;
+    background: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    secondary: string;
+    secondaryForeground: string;
     muted: string;
     mutedForeground: string;
-    /** For placeholder text (aliases mutedForeground; override via placeholderTextColor when needed) */
-    placeholder: string;
-    background: string;
     border: string;
+    input: string;
+    ring: string;
     accent: string;
+    accentForeground: string;
     destructive: string;
+    destructiveForeground: string;
+    success: string;
+    successForeground: string;
+    warning: string;
+    warningForeground: string;
+    info: string;
+    infoForeground: string;
+    overlay: string;
+    overlayStrong: string;
+    surfaceElevated: string;
+    surfaceTranslucent: string;
+    surfaceTranslucentBorder: string;
+    surfaceBorder: string;
+    surfaceHighlight: string;
+    stateHover: string;
+    statePressed: string;
+    stateDisabled: string;
+    /** For placeholder text (aliases mutedForeground; override via placeholderTextColor when needed) */
+    placeholder: string;
 }
 export declare function useThemeColors(): ThemeColors;
 /** Icon colors derived from theme. For @expo/vector-icons which need hex values. */
@@ -23,9 +49,12 @@ export declare function useIconColors(): {
     primary: string;
     primaryForeground: string;
     accent: string;
+    warning: string;
+    success: string;
+    info: string;
     destructive: string;
 };
-/** Alias for useThemeColors. Returns theme colors resolved to hex for RefreshControl, LinearGradient, charts. */
+/** Alias for useThemeColors. Returns RN-safe color strings (hex/rgb/rgba) for RefreshControl, LinearGradient, charts. */
 export declare const useThemeTokens: typeof useThemeColors;
 /** @deprecated Use useThemeTokens or useThemeColors. */
 export declare const useResolvedThemeColors: typeof useThemeColors;

package/dist/lib/theme-colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-colors.d.ts","sourceRoot":"","sources":["../../src/lib/theme-colors.ts"],"names":[],"mappings":"AA6BA;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,oGAAoG;IACpG,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,IAAI,WAAW,CAqC5C;AAED,oFAAoF;AACpF,wBAAgB,aAAa;;;;;;;EAU5B;AAED,iHAAiH;AACjH,eAAO,MAAM,cAAc,uBAAiB,CAAC;AAE7C,wDAAwD;AACxD,eAAO,MAAM,sBAAsB,uBAAiB,CAAC"}
+{"version":3,"file":"theme-colors.d.ts","sourceRoot":"","sources":["../../src/lib/theme-colors.ts"],"names":[],"mappings":"AAgDA;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,oGAAoG;IACpG,WAAW,EAAE,MAAM,CAAC;CACrB;AAyND,wBAAgB,cAAc,IAAI,WAAW,CAkB5C;AAED,oFAAoF;AACpF,wBAAgB,aAAa;;;;;;;;;;EAa5B;AAED,yHAAyH;AACzH,eAAO,MAAM,cAAc,uBAAiB,CAAC;AAE7C,wDAAwD;AACxD,eAAO,MAAM,sBAAsB,uBAAiB,CAAC"}