fluent-styles 1.53.0 → 1.55.0

package/lib/module/searchBar/index.js

@@ -0,0 +1,350 @@
+"use strict";
+
+/**
+ * StyledSearchBar
+ *
+ * A polished animated search input with:
+ * - 4 variants: outline | filled | ghost | floating
+ * - 3 sizes: sm | md | lg
+ * - Animated focus ring & clear button
+ * - Optional left icon / right action slot
+ * - Suggestion list with keyboard-aware dismiss
+ * - Cancel button (mobile pattern)
+ * - Voice / filter button slots
+ * - Full colour token overrides
+ *
+ * Rules:
+ * - Uses Stack, StyledText, StyledPressable — no bare View/Text
+ * - No StyleSheet.create — flat style props only
+ * - All colours from theme.colors / palettes
+ * - Children typed as CompatNode
+ */
+
+import React, { useRef, useState, useCallback } from 'react';
+import { Animated, TextInput, Keyboard } from 'react-native';
+import { Stack, StyledText, StyledPressable, theme, palettes } from 'fluent-styles';
+
+// ─── CompatNode ──────────────────────────────────────────────────────────────
+
+// ─── Tokens ──────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_COLORS = {
+  background: theme.colors.gray[100],
+  border: theme.colors.gray[200],
+  focusBorder: theme.colors.gray[900],
+  placeholder: theme.colors.gray[400],
+  text: theme.colors.gray[900],
+  icon: theme.colors.gray[400],
+  clearBg: theme.colors.gray[300],
+  clearIcon: theme.colors.gray[600],
+  cancelText: theme.colors.gray[900],
+  suggestionBg: palettes.white,
+  suggestionText: theme.colors.gray[800],
+  suggestionBorder: theme.colors.gray[100],
+  divider: theme.colors.gray[100]
+};
+
+// ─── Size presets ─────────────────────────────────────────────────────────────
+const SIZE = {
+  sm: {
+    height: 36,
+    fontSize: 13,
+    iconSize: 14,
+    borderRadius: 10,
+    px: 10
+  },
+  md: {
+    height: 44,
+    fontSize: 15,
+    iconSize: 16,
+    borderRadius: 12,
+    px: 14
+  },
+  lg: {
+    height: 52,
+    fontSize: 17,
+    iconSize: 18,
+    borderRadius: 14,
+    px: 16
+  }
+};
+
+// ─── Suggestion item ──────────────────────────────────────────────────────────
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Component ────────────────────────────────────────────────────────────────
+export const StyledSearchBar = ({
+  variant = 'filled',
+  size = 'md',
+  placeholder = 'Search…',
+  value,
+  onChangeText,
+  onSubmit,
+  onCancel,
+  onClear,
+  showCancel = false,
+  cancelLabel = 'Cancel',
+  leftIcon,
+  rightAction,
+  suggestions = [],
+  onSuggestionPress,
+  loading = false,
+  disabled = false,
+  autoFocus = false,
+  colors: colorOverrides,
+  borderRadius: radiusOverride,
+  ...rest
+}) => {
+  const c = {
+    ...DEFAULT_COLORS,
+    ...colorOverrides
+  };
+  const s = SIZE[size];
+  const br = radiusOverride ?? s.borderRadius;
+  const [focused, setFocused] = useState(false);
+  const [internalVal, setInternalVal] = useState('');
+  const inputRef = useRef(null);
+  const focusAnim = useRef(new Animated.Value(0)).current;
+  const currentValue = value !== undefined ? value : internalVal;
+
+  // focus animation
+  const animateFocus = useCallback(toValue => {
+    Animated.timing(focusAnim, {
+      toValue,
+      duration: 180,
+      useNativeDriver: false
+    }).start();
+  }, [focusAnim]);
+  const handleFocus = () => {
+    setFocused(true);
+    animateFocus(1);
+  };
+  const handleBlur = () => {
+    setFocused(false);
+    animateFocus(0);
+  };
+  const handleChange = text => {
+    if (value === undefined) setInternalVal(text);
+    onChangeText?.(text);
+  };
+  const handleClear = () => {
+    if (value === undefined) setInternalVal('');
+    onChangeText?.('');
+    onClear?.();
+    inputRef.current?.focus();
+  };
+  const handleCancel = () => {
+    if (value === undefined) setInternalVal('');
+    onChangeText?.('');
+    Keyboard.dismiss();
+    onCancel?.();
+  };
+  const handleSubmit = () => {
+    onSubmit?.(currentValue);
+    Keyboard.dismiss();
+  };
+
+  // ── Border colour interpolation ───────────────────────────────────────────
+  const borderColor = focusAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [c.border, c.focusBorder]
+  });
+
+  // ── Variant styles ────────────────────────────────────────────────────────
+  const variantStyle = () => {
+    switch (variant) {
+      case 'outline':
+        return {
+          bg: palettes.white,
+          borderWidth: 1.5,
+          borderColor
+        };
+      case 'ghost':
+        return {
+          bg: 'transparent',
+          borderWidth: 0,
+          borderColor: 'transparent'
+        };
+      case 'floating':
+        return {
+          bg: palettes.white,
+          borderWidth: 0,
+          borderColor: 'transparent',
+          shadow: true
+        };
+      case 'filled':
+      default:
+        return {
+          bg: focused ? palettes.white : c.background,
+          borderWidth: 1.5,
+          borderColor: focused ? c.focusBorder : 'transparent'
+        };
+    }
+  };
+  const vs = variantStyle();
+
+  // ── Default search icon ───────────────────────────────────────────────────
+  const defaultLeftIcon = /*#__PURE__*/_jsx(StyledText, {
+    fontSize: s.iconSize,
+    color: focused ? c.focusBorder : c.icon,
+    children: "\uD83D\uDD0D"
+  });
+  const showSuggestions = focused && suggestions.length > 0;
+  return /*#__PURE__*/_jsxs(Stack, {
+    gap: 0,
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      horizontal: true,
+      alignItems: "center",
+      gap: 10,
+      children: [/*#__PURE__*/_jsx(Stack, {
+        flex: 1,
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            height: s.height,
+            borderRadius: br,
+            backgroundColor: vs.bg,
+            borderWidth: vs.borderWidth,
+            borderColor: vs.borderColor,
+            paddingHorizontal: s.px,
+            gap: 8,
+            opacity: disabled ? 0.5 : 1,
+            ...(vs.shadow ? {
+              shadowColor: '#000',
+              shadowOffset: {
+                width: 0,
+                height: 2
+              },
+              shadowOpacity: 0.08,
+              shadowRadius: 8,
+              elevation: 3
+            } : {})
+          },
+          children: [/*#__PURE__*/_jsx(Stack, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: leftIcon ?? defaultLeftIcon
+          }), /*#__PURE__*/_jsx(TextInput, {
+            ref: inputRef,
+            value: currentValue,
+            onChangeText: handleChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onSubmitEditing: handleSubmit,
+            placeholder: placeholder,
+            placeholderTextColor: c.placeholder,
+            returnKeyType: "search",
+            autoFocus: autoFocus,
+            editable: !disabled,
+            style: {
+              flex: 1,
+              fontSize: s.fontSize,
+              color: c.text,
+              padding: 0,
+              margin: 0
+            },
+            ...rest
+          }), loading && /*#__PURE__*/_jsx(Stack, {
+            alignItems: "center",
+            justifyContent: "center",
+            width: 20,
+            children: /*#__PURE__*/_jsx(StyledText, {
+              fontSize: 12,
+              color: c.icon,
+              children: "\xB7\xB7\xB7"
+            })
+          }), !loading && currentValue.length > 0 && /*#__PURE__*/_jsx(StyledPressable, {
+            onPress: handleClear,
+            width: 18,
+            height: 18,
+            borderRadius: 9,
+            backgroundColor: c.clearBg,
+            alignItems: "center",
+            justifyContent: "center",
+            children: /*#__PURE__*/_jsx(StyledText, {
+              fontSize: 10,
+              color: c.clearIcon,
+              fontWeight: "700",
+              children: "\u2715"
+            })
+          }), !loading && currentValue.length === 0 && rightAction && /*#__PURE__*/_jsx(Stack, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: rightAction
+          })]
+        })
+      }), showCancel && (focused || currentValue.length > 0) && /*#__PURE__*/_jsx(StyledPressable, {
+        onPress: handleCancel,
+        paddingVertical: 6,
+        paddingHorizontal: 4,
+        children: /*#__PURE__*/_jsx(StyledText, {
+          fontSize: s.fontSize,
+          color: c.cancelText,
+          fontWeight: "600",
+          children: cancelLabel
+        })
+      })]
+    }), showSuggestions && /*#__PURE__*/_jsx(Stack, {
+      marginTop: 6,
+      borderRadius: br,
+      backgroundColor: c.suggestionBg,
+      borderWidth: 1,
+      borderColor: c.suggestionBorder,
+      overflow: "hidden",
+      style: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.10,
+        shadowRadius: 12,
+        elevation: 5
+      },
+      children: suggestions.map((item, idx) => /*#__PURE__*/_jsxs(Stack, {
+        children: [/*#__PURE__*/_jsxs(StyledPressable, {
+          onPress: () => {
+            onSuggestionPress?.(item);
+            if (value === undefined) setInternalVal(item.label);
+            onChangeText?.(item.label);
+          },
+          paddingHorizontal: s.px,
+          paddingVertical: 10,
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 10,
+          children: [item.icon && /*#__PURE__*/_jsx(Stack, {
+            width: 24,
+            alignItems: "center",
+            children: item.icon
+          }), /*#__PURE__*/_jsxs(Stack, {
+            flex: 1,
+            gap: 1,
+            children: [/*#__PURE__*/_jsx(StyledText, {
+              fontSize: s.fontSize - 1,
+              fontWeight: "600",
+              color: c.suggestionText,
+              children: item.label
+            }), item.subtitle && /*#__PURE__*/_jsx(StyledText, {
+              fontSize: s.fontSize - 3,
+              color: c.placeholder,
+              children: item.subtitle
+            })]
+          }), /*#__PURE__*/_jsx(StyledText, {
+            fontSize: 11,
+            color: c.icon,
+            children: "\u2197"
+          })]
+        }), idx < suggestions.length - 1 && /*#__PURE__*/_jsx(Stack, {
+          height: 1,
+          backgroundColor: c.divider,
+          marginHorizontal: s.px
+        })]
+      }, item.id))
+    })]
+  });
+};
+export default StyledSearchBar;
+//# sourceMappingURL=index.js.map

package/lib/module/searchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","useCallback","Animated","TextInput","Keyboard","Stack","StyledText","StyledPressable","theme","palettes","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLORS","background","colors","gray","border","focusBorder","placeholder","text","icon","clearBg","clearIcon","cancelText","suggestionBg","white","suggestionText","suggestionBorder","divider","SIZE","sm","height","fontSize","iconSize","borderRadius","px","md","lg","StyledSearchBar","variant","size","value","onChangeText","onSubmit","onCancel","onClear","showCancel","cancelLabel","leftIcon","rightAction","suggestions","onSuggestionPress","loading","disabled","autoFocus","colorOverrides","radiusOverride","rest","c","s","br","focused","setFocused","internalVal","setInternalVal","inputRef","focusAnim","Value","current","currentValue","undefined","animateFocus","toValue","timing","duration","useNativeDriver","start","handleFocus","handleBlur","handleChange","handleClear","focus","handleCancel","dismiss","handleSubmit","borderColor","interpolate","inputRange","outputRange","variantStyle","bg","borderWidth","shadow","vs","defaultLeftIcon","color","children","showSuggestions","length","gap","horizontal","alignItems","flex","View","style","flexDirection","backgroundColor","paddingHorizontal","opacity","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","justifyContent","ref","onFocus","onBlur","onSubmitEditing","placeholderTextColor","returnKeyType","editable","padding","margin","onPress","fontWeight","paddingVertical","marginTop","overflow","map","item","idx","label","subtitle","marginHorizontal","id"],"sourceRoot":"../../../src","sources":["searchBar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/seperator/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { theme } from "../utiles/theme.js";
+import { Stack } from "../stack/index.js";
+import { StyledText } from "../text/index.js";
+import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledSeperator = /*#__PURE__*/React.forwardRef(({
+  leftLabel,
+  leftLabelProps,
+  rightLabel,
+  rightLabelProps,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/_jsxs(Stack, {
+    horizontal: true,
+    justifyContent: "space-between",
+    alignItems: "center",
+    ref: ref,
+    ...rest,
+    children: [/*#__PURE__*/_jsx(StyledText, {
+      marginHorizontal: 4,
+      fontSize: theme.fontSize.medium,
+      fontWeight: theme.fontWeight.semiBold,
+      color: theme.colors.gray[500],
+      ...leftLabelProps,
+      children: leftLabel
+    }), rightLabel && /*#__PURE__*/_jsx(StyledText, {
+      marginHorizontal: 4,
+      fontSize: theme.fontSize.small,
+      fontWeight: theme.fontWeight.normal,
+      color: theme.colors.gray[500],
+      ...rightLabelProps,
+      children: rightLabel
+    })]
+  });
+});
+StyledSeperator.displayName = "StyledSeperator";
+export { StyledSeperator };
+//# sourceMappingURL=index.js.map

package/lib/module/seperator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["theme","Stack","StyledText","React","jsx","_jsx","jsxs","_jsxs","StyledSeperator","forwardRef","leftLabel","leftLabelProps","rightLabel","rightLabelProps","rest","ref","horizontal","justifyContent","alignItems","children","marginHorizontal","fontSize","medium","fontWeight","semiBold","color","colors","gray","small","normal","displayName"],"sourceRoot":"../../../src","sources":["seperator/index.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,oBAAiB;AACvC,SAASC,KAAK,QAAoB,mBAAU;AAC5C,SAASC,UAAU,QAAQ,kBAAS;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS1B,MAAMC,eAAe,gBAAGL,KAAK,CAACM,UAAU,CAIpC,CACI;EAAEC,SAAS;EAAEC,cAAc;EAAEC,UAAU;EAAEC,eAAe;EAAE,GAAGC;AAAK,CAAC,EACnEC,GAAG,KACF;EACD,oBACIR,KAAA,CAACN,KAAK;IACFe,UAAU;IACVC,cAAc,EAAC,eAAe;IAC9BC,UAAU,EAAC,QAAQ;IACnBH,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IAAAK,QAAA,gBAERd,IAAA,CAACH,UAAU;MACPkB,gBAAgB,EAAE,CAAE;MACpBC,QAAQ,EAAErB,KAAK,CAACqB,QAAQ,CAACC,MAAO;MAChCC,UAAU,EAAEvB,KAAK,CAACuB,UAAU,CAACC,QAAS;MACtCC,KAAK,EAAEzB,KAAK,CAAC0B,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;MAAA,GAC1BhB,cAAc;MAAAQ,QAAA,EAEjBT;IAAS,CACF,CAAC,EAETE,UAAU,iBACNP,IAAA,CAACH,UAAU;MACPkB,gBAAgB,EAAE,CAAE;MACpBC,QAAQ,EAAErB,KAAK,CAACqB,QAAQ,CAACO,KAAM;MAC/BL,UAAU,EAAEvB,KAAK,CAACuB,UAAU,CAACM,MAAO;MACpCJ,KAAK,EAAEzB,KAAK,CAAC0B,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;MAAA,GAC1Bd,eAAe;MAAAM,QAAA,EAElBP;IAAU,CACH,CACf;EAAA,CAEF,CAAC;AAEhB,CACJ,CAAC;AAEDJ,eAAe,CAACsB,WAAW,GAAG,iBAAiB;AAE/C,SAAStB,eAAe","ignoreList":[]}

package/lib/module/services/index.js

@@ -0,0 +1,181 @@
+"use strict";
+
+/**
+ * Imperative portal services — usable from outside the React tree.
+ * Prerequisite: wrap your app root with `<GlobalPortalProvider>`.
+ */
+
+import React from 'react';
+import { portal } from "../portal/PortalInstance.js";
+import { Toast } from "../toast/index.js";
+import { Notification } from "../notification/index.js";
+import { Loader } from "../loading/loader.js";
+import { Dialogue } from "../dialog/dialogue.js";
+import { ActionSheet } from "../actionSheet/index.js";
+
+// ─── Shared helper ────────────────────────────────────────────────────────────
+
+function mountWithAutoDismiss(createElement, options) {
+  const idBox = {
+    current: -1
+  };
+  idBox.current = portal.show(createElement(() => portal.hide(idBox.current)), options);
+  return idBox.current;
+}
+
+// ─── Toast ────────────────────────────────────────────────────────────────────
+
+export const toastService = {
+  show: options => mountWithAutoDismiss(onDismiss => /*#__PURE__*/React.createElement(Toast, {
+    ...options,
+    onDismiss
+  }), {
+    position: 'top',
+    offset: {
+      x: 0,
+      y: 56
+    }
+  }),
+  success: (message, description) => toastService.show({
+    message,
+    description,
+    variant: 'success'
+  }),
+  error: (message, description) => toastService.show({
+    message,
+    description,
+    variant: 'error'
+  }),
+  warning: (message, description) => toastService.show({
+    message,
+    description,
+    variant: 'warning'
+  }),
+  info: (message, description) => toastService.show({
+    message,
+    description,
+    variant: 'info'
+  }),
+  dismiss: id => portal.hide(id)
+};
+
+// ─── Notification ─────────────────────────────────────────────────────────────
+
+export const notificationService = {
+  show: options => mountWithAutoDismiss(onDismiss => /*#__PURE__*/React.createElement(Notification, {
+    ...options,
+    onDismiss
+  }), {
+    position: 'top-right',
+    offset: {
+      x: 16,
+      y: 56
+    }
+  }),
+  dismiss: id => portal.hide(id)
+};
+
+// ─── Loader ───────────────────────────────────────────────────────────────────
+
+export const loaderService = {
+  show: (options = {}) => portal.show(/*#__PURE__*/React.createElement(Loader, {
+    ...options,
+    overlay: options.overlay ?? true
+  }), {
+    position: 'center'
+  }),
+  hide: id => portal.hide(id),
+  wrap: async (fn, options = {}) => {
+    const id = loaderService.show(options);
+    try {
+      return await fn();
+    } finally {
+      loaderService.hide(id);
+    }
+  }
+};
+
+// ─── Dialogue ─────────────────────────────────────────────────────────────────
+
+function showDialogue(options) {
+  const idBox = {
+    current: -1
+  };
+  const handleDismiss = () => portal.hide(idBox.current);
+  const handleBackdrop = () => portal.hide(idBox.current);
+  idBox.current = portal.show(/*#__PURE__*/React.createElement(Dialogue, {
+    ...options,
+    actions: options.actions ?? [{
+      label: 'OK',
+      onPress: () => {}
+    }],
+    onDismiss: handleDismiss
+  }), {
+    position: 'center',
+    backdrop: true,
+    onBackdropPress: handleBackdrop
+  });
+  return idBox.current;
+}
+export const dialogueService = {
+  show: options => showDialogue(options),
+  dismiss: id => portal.hide(id),
+  confirm: options => new Promise(resolve => {
+    showDialogue({
+      title: options.title,
+      message: options.message,
+      icon: options.icon,
+      theme: options.theme,
+      colors: options.colors,
+      actions: [{
+        label: options.cancelLabel ?? 'Cancel',
+        variant: 'secondary',
+        onPress: () => resolve(false)
+      }, {
+        label: options.confirmLabel ?? 'Confirm',
+        variant: options.destructive ? 'destructive' : 'primary',
+        onPress: () => resolve(true)
+      }]
+    });
+  }),
+  alert: (title, message, icon) => new Promise(resolve => {
+    showDialogue({
+      title,
+      message,
+      icon,
+      actions: [{
+        label: 'OK',
+        variant: 'primary',
+        onPress: resolve
+      }]
+    });
+  })
+};
+
+// ─── Action Sheet ─────────────────────────────────────────────────────────────
+
+function showActionSheet(options) {
+  const idBox = {
+    current: -1
+  };
+  const handleDismiss = () => portal.hide(idBox.current);
+  const handleBackdrop = () => portal.hide(idBox.current);
+  idBox.current = portal.show(/*#__PURE__*/React.createElement(ActionSheet, {
+    ...options,
+    onDismiss: handleDismiss
+  }), {
+    position: 'bottom',
+    backdrop: true,
+    onBackdropPress: handleBackdrop
+  });
+  return idBox.current;
+}
+export const actionSheetService = {
+  show: options => showActionSheet(options),
+  present: (children, options = {}) => showActionSheet({
+    ...options,
+    children
+  }),
+  dismiss: id => portal.hide(id)
+};
+//# sourceMappingURL=index.js.map

package/lib/module/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","portal","Toast","Notification","Loader","Dialogue","ActionSheet","mountWithAutoDismiss","createElement","options","idBox","current","show","hide","toastService","onDismiss","position","offset","x","y","success","message","description","variant","error","warning","info","dismiss","id","notificationService","loaderService","overlay","wrap","fn","showDialogue","handleDismiss","handleBackdrop","actions","label","onPress","backdrop","onBackdropPress","dialogueService","confirm","Promise","resolve","title","icon","theme","colors","cancelLabel","confirmLabel","destructive","alert","showActionSheet","actionSheetService","present","children"],"sourceRoot":"../../../src","sources":["services/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/shape/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { View } from 'react-native';
+import { styled } from "../utiles/styled.js";
+const StyleShape = styled(View, {
+  base: {
+    position: 'relative'
+  },
+  variants: {
+    cycle: {
+      true: {
+        borderRadius: 50,
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderWidth: 0
+      },
+      false: {}
+    },
+    size: size => {
+      const selected = size ?? 0;
+      if (isNaN(Number(selected))) {
+        throw new Error('Invalid size value');
+      }
+      return {
+        height: Number(selected),
+        width: Number(selected)
+      };
+    }
+  }
+});
+export { StyleShape };
+//# sourceMappingURL=index.js.map

package/lib/module/shape/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","styled","StyleShape","base","position","variants","cycle","true","borderRadius","flexDirection","justifyContent","alignItems","borderWidth","false","size","selected","isNaN","Number","Error","height","width"],"sourceRoot":"../../../src","sources":["shape/index.tsx"],"mappings":";;AACA,SAASA,IAAI,QAA8B,cAAc;AACzD,SAASC,MAAM,QAAQ,qBAAkB;AASzC,MAAMC,UAAU,GAAGD,MAAM,CAAaD,IAAI,EAAE;EACxCG,IAAI,EAAE;IACFC,QAAQ,EAAE;EACd,CAAc;EACdC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE;QACFC,YAAY,EAAE,EAAE;QAChBC,aAAa,EAAE,QAAQ;QACvBC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,WAAW,EAAE;MACjB,CAAc;MACdC,KAAK,EAAE,CAAC;IACZ,CAAC;IACDC,IAAI,EAAGA,IAAqB,IAAK;MAC7B,MAAMC,QAAQ,GAAGD,IAAI,IAAI,CAAC;MAC1B,IAAIE,KAAK,CAACC,MAAM,CAACF,QAAQ,CAAC,CAAC,EAAE;QACzB,MAAM,IAAIG,KAAK,CAAC,oBAAoB,CAAC;MACzC;MACA,OAAO;QAAEC,MAAM,EAAEF,MAAM,CAACF,QAAQ,CAAC;QAAEK,KAAK,EAAEH,MAAM,CAACF,QAAQ;MAAE,CAAC;IAChE;EACJ;AACJ,CAAC,CAAC;AAEF,SAASb,UAAU","ignoreList":[]}