react-native-mantine 0.1.15 → 0.2.0

package/lib/module/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","Image","Text","BoxView","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","theme","color","radius","size","colors","primaryColor","sizeValue","root","width","height","borderRadius","fn","overflow","backgroundColor","primaryBgColor","justifyContent","alignItems","image","placeholder","placeholderText","white","fontSize","fontWeight","textTransform","defaultProps","getInitials","name","names","trim","split","length","substring","toUpperCase","Avatar","props","ref","src","alt","children","imageProps","style","others","imageError","setImageError","styles","sx","shouldShowImage","renderPlaceholder","initials","source","uri","onError","displayName"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BackgroundImage/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { ImageBackground } from 'react-native';
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  radius
+}) => ({
+  root: {
+    borderRadius: theme.fn.radius(radius),
+    overflow: 'hidden'
+  },
+  imageStyle: {
+    borderRadius: theme.fn.radius(radius)
+  }
+}));
+const defaultProps = {
+  radius: 0,
+  resizeMode: 'cover'
+};
+export const BackgroundImage = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    source,
+    radius,
+    children,
+    style,
+    imageStyle,
+    ...others
+  } = useComponentDefaultProps('BackgroundImage', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    radius
+  }, {
+    name: 'BackgroundImage'
+  });
+  return /*#__PURE__*/_jsx(ImageBackground, {
+    ref: ref,
+    source: source,
+    style: sx(styles.root, style),
+    imageStyle: [styles.imageStyle, imageStyle],
+    ...others,
+    children: children
+  });
+});
+BackgroundImage.displayName = 'BackgroundImage';
+//# sourceMappingURL=index.js.map

package/lib/module/components/BackgroundImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","ImageBackground","useComponentDefaultProps","createStyles","jsx","_jsx","useStyles","theme","radius","root","borderRadius","fn","overflow","imageStyle","defaultProps","resizeMode","BackgroundImage","props","ref","source","children","style","others","styles","sx","name","displayName"],"sourceRoot":"../../../../src","sources":["components/BackgroundImage/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SACEC,eAAe,QAGV,cAAc;AAErB,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgB3C,MAAMC,SAAS,GAAGH,YAAY,CAC5B,CACEI,KAAK,EACL;EACEC;AAGF,CAAC,MACG;EACJC,IAAI,EAAE;IACJC,YAAY,EAAEH,KAAK,CAACI,EAAE,CAACH,MAAM,CAACA,MAAM,CAAC;IACrCI,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVH,YAAY,EAAEH,KAAK,CAACI,EAAE,CAACH,MAAM,CAACA,MAAM;EACtC;AACF,CAAC,CACH,CAAC;AAED,MAAMM,YAA2C,GAAG;EAClDN,MAAM,EAAE,CAAC;EACTO,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,eAAe,gBAAGhB,UAAU,CAA4B,CAACiB,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;IACJC,MAAM;IACNX,MAAM;IACNY,QAAQ;IACRC,KAAK;IACLR,UAAU;IACV,GAAGS;EACL,CAAC,GAAGpB,wBAAwB,CAAC,iBAAiB,EAAEY,YAAY,EAAEG,KAAK,CAAC;EAEpE,MAAM;IAAEM,MAAM;IAAEC;EAAE,CAAC,GAAGlB,SAAS,CAC7B;IAAEE;EAAO,CAAC,EACV;IAAEiB,IAAI,EAAE;EAAkB,CAC5B,CAAQ;EAER,oBACEpB,IAAA,CAACJ,eAAe;IACdiB,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACd,IAAI,EAAEY,KAAK,CAAE;IAC9BR,UAAU,EAAE,CAACU,MAAM,CAACV,UAAU,EAAEA,UAAU,CAAE;IAAA,GACxCS,MAAM;IAAAF,QAAA,EAETA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC;AAEFJ,eAAe,CAACU,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/lib/module/components/Badge/index.js

@@ -0,0 +1,184 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Text } from "../Text/index.js";
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: {
+    fontSize: rem(9),
+    height: rem(16),
+    paddingHorizontal: rem(6)
+  },
+  sm: {
+    fontSize: rem(10),
+    height: rem(18),
+    paddingHorizontal: rem(8)
+  },
+  md: {
+    fontSize: rem(11),
+    height: rem(20),
+    paddingHorizontal: rem(10)
+  },
+  lg: {
+    fontSize: rem(13),
+    height: rem(26),
+    paddingHorizontal: rem(12)
+  },
+  xl: {
+    fontSize: rem(16),
+    height: rem(32),
+    paddingHorizontal: rem(16)
+  }
+};
+const dotSizes = {
+  xs: rem(4),
+  sm: rem(4),
+  md: rem(6),
+  lg: rem(8),
+  xl: rem(10)
+};
+const useStyles = createStyles((theme, {
+  color,
+  radius,
+  fullWidth
+}, {
+  variant,
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeStyles = sizes[size] || sizes.md;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          color: theme.white
+        };
+      case 'light':
+        return {
+          backgroundColor: colors?.[0] || colors?.[1] || (theme.colors.gray || [])[0],
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          borderWidth: 1,
+          borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      case 'dot':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : theme.white,
+          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+          borderWidth: 1,
+          borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3]
+        };
+      default:
+        return {
+          backgroundColor: colors?.[6] || theme.primaryBgColor,
+          color: theme.white
+        };
+    }
+  };
+  return {
+    root: {
+      ...sizeStyles,
+      ...getVariantStyles(),
+      borderRadius: theme.fn.radius(radius),
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontWeight: '700',
+      textTransform: 'uppercase',
+      overflow: 'hidden',
+      ...(fullWidth && {
+        width: '100%'
+      })
+    },
+    inner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden'
+    },
+    leftSection: {
+      marginRight: theme.spacing.xs / 2
+    },
+    rightSection: {
+      marginLeft: theme.spacing.xs / 2
+    },
+    dot: {
+      width: dotSizes[size] || dotSizes.md,
+      height: dotSizes[size] || dotSizes.md,
+      borderRadius: dotSizes[size] || dotSizes.md,
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      marginRight: theme.spacing.xs
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '700',
+      textTransform: 'uppercase',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  variant: 'light',
+  size: 'md',
+  radius: 'xl',
+  fullWidth: false
+};
+export const Badge = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color,
+    variant,
+    size,
+    radius,
+    fullWidth,
+    leftSection,
+    rightSection,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Badge', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    fullWidth
+  }, {
+    name: 'Badge',
+    variant,
+    size
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: /*#__PURE__*/_jsxs(BoxView, {
+      style: styles.inner,
+      children: [variant === 'dot' && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.dot
+      }), leftSection && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.leftSection,
+        children: leftSection
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: children
+      }), rightSection && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.rightSection,
+        children: rightSection
+      })]
+    })
+  });
+});
+Badge.displayName = 'Badge';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Text","BoxView","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","fontSize","height","paddingHorizontal","sm","md","lg","xl","dotSizes","useStyles","theme","color","radius","fullWidth","variant","size","colors","primaryColor","sizeStyles","getVariantStyles","backgroundColor","primaryBgColor","white","gray","borderWidth","borderColor","colorScheme","dark","black","root","borderRadius","fn","flexDirection","alignItems","justifyContent","fontWeight","textTransform","overflow","width","inner","leftSection","marginRight","spacing","rightSection","marginLeft","dot","label","whiteSpace","defaultProps","Badge","props","ref","children","style","others","styles","sx","name","displayName"],"sourceRoot":"../../../../src","sources":["components/Badge/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Blockquote/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  color,
+  radius
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] || theme.colors.gray?.[8] : theme.colors.gray?.[0] || theme.colors.gray?.[1],
+      borderLeftWidth: 4,
+      borderLeftColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      borderRadius: theme.fn.radius(radius),
+      padding: theme.spacing.md
+    },
+    inner: {
+      flexDirection: 'row'
+    },
+    icon: {
+      marginRight: theme.spacing.md,
+      marginTop: rem(2)
+    },
+    body: {
+      flex: 1
+    },
+    content: {
+      fontSize: rem(16),
+      lineHeight: rem(24),
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[0] || theme.white : theme.black,
+      marginBottom: 0
+    },
+    cite: {
+      fontSize: rem(14),
+      marginTop: theme.spacing.xs,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] || theme.colors.gray?.[5] : theme.colors.gray?.[6] || theme.colors.gray?.[7]
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  radius: 'sm'
+};
+export const Blockquote = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color,
+    icon,
+    cite,
+    radius,
+    children,
+    style
+  } = useComponentDefaultProps('Blockquote', defaultProps, props);
+  const {
+    styles,
+    sx,
+    ...others
+  } = useStyles({
+    color,
+    radius
+  }, {
+    name: 'Blockquote'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: /*#__PURE__*/_jsxs(BoxView, {
+      style: styles.inner,
+      children: [icon && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.icon,
+        children: icon
+      }), /*#__PURE__*/_jsxs(BoxView, {
+        style: styles.body,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.content,
+          children: children
+        }), cite && /*#__PURE__*/_jsx(Text, {
+          style: styles.cite,
+          children: cite
+        })]
+      })]
+    })
+  });
+});
+Blockquote.displayName = 'Blockquote';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Blockquote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","useStyles","theme","color","radius","colors","primaryColor","root","backgroundColor","colorScheme","dark","gray","borderLeftWidth","borderLeftColor","primaryBgColor","borderRadius","fn","padding","spacing","md","inner","flexDirection","icon","marginRight","marginTop","body","flex","content","fontSize","lineHeight","white","black","marginBottom","cite","xs","defaultProps","Blockquote","props","ref","children","style","styles","sx","others","name","displayName"],"sourceRoot":"../../../../src","sources":["components/Blockquote/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BoxView/index.js

@@ -3,22 +3,86 @@
 import { forwardRef } from 'react';
 import { View as DefaultView } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
+// Spacing value mapping
+const spacingMap = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20
+};
+const getSpacingValue = value => {
+  if (value === undefined) return undefined;
+  if (typeof value === 'number') return value;
+  return spacingMap[value] || 0;
+};
 export const BoxView = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     style,
     fullWidth,
     fullHeight,
+    p,
+    px,
+    py,
+    pt,
+    pb,
+    pl,
+    pr,
+    m,
+    mx,
+    my,
+    mt,
+    mb,
+    ml,
+    mr,
     ...otherProps
   } = props;
+  const spacingStyle = {};
+
+  // Padding
+  if (p !== undefined) {
+    const value = getSpacingValue(p);
+    spacingStyle.padding = value;
+  }
+  if (px !== undefined) {
+    const value = getSpacingValue(px);
+    spacingStyle.paddingHorizontal = value;
+  }
+  if (py !== undefined) {
+    const value = getSpacingValue(py);
+    spacingStyle.paddingVertical = value;
+  }
+  if (pt !== undefined) spacingStyle.paddingTop = getSpacingValue(pt);
+  if (pb !== undefined) spacingStyle.paddingBottom = getSpacingValue(pb);
+  if (pl !== undefined) spacingStyle.paddingLeft = getSpacingValue(pl);
+  if (pr !== undefined) spacingStyle.paddingRight = getSpacingValue(pr);
+
+  // Margin
+  if (m !== undefined) {
+    const value = getSpacingValue(m);
+    spacingStyle.margin = value;
+  }
+  if (mx !== undefined) {
+    const value = getSpacingValue(mx);
+    spacingStyle.marginHorizontal = value;
+  }
+  if (my !== undefined) {
+    const value = getSpacingValue(my);
+    spacingStyle.marginVertical = value;
+  }
+  if (mt !== undefined) spacingStyle.marginTop = getSpacingValue(mt);
+  if (mb !== undefined) spacingStyle.marginBottom = getSpacingValue(mb);
+  if (ml !== undefined) spacingStyle.marginLeft = getSpacingValue(ml);
+  if (mr !== undefined) spacingStyle.marginRight = getSpacingValue(mr);
   return /*#__PURE__*/_jsx(DefaultView, {
-    style: [style, {
+    style: [{
       ...(fullWidth ? {
         width: '100%'
       } : {}),
       ...(fullHeight ? {
         height: '100%'
       } : {})
-    }],
+    }, spacingStyle, style],
     ref: ref,
     ...otherProps
   });

package/lib/module/components/BoxView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","View","DefaultView","jsx","_jsx","BoxView","props","ref","style","fullWidth","fullHeight","otherProps","width","height"],"sourceRoot":"../../../../src","sources":["components/BoxView/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,IAAIC,WAAW,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAanD,OAAO,MAAMC,OAAO,gBAAGL,UAAU,CAAC,CAACM,KAAgB,EAAEC,GAAQ,KAAK;EAChE,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC7D,oBACEF,IAAA,CAACF,WAAW;IACVM,KAAK,EAAE,CACLA,KAAK,EACL;MACE,IAAIC,SAAS,GAAG;QAAEG,KAAK,EAAE;MAAO,CAAC,GAAG,CAAC,CAAC,CAAC;MACvC,IAAIF,UAAU,GAAG;QAAEG,MAAM,EAAE;MAAO,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC,CACD;IACFN,GAAG,EAAEA,GAAI;IAAA,GACLI;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","DefaultView","jsx","_jsx","spacingMap","xs","sm","md","lg","xl","getSpacingValue","value","undefined","BoxView","props","ref","style","fullWidth","fullHeight","p","px","py","pt","pb","pl","pr","m","mx","my","mt","mb","ml","mr","otherProps","spacingStyle","padding","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","paddingLeft","paddingRight","margin","marginHorizontal","marginVertical","marginTop","marginBottom","marginLeft","marginRight","width","height"],"sourceRoot":"../../../../src","sources":["components/BoxView/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Breadcrumbs/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import React, { forwardRef, Children } from 'react';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexWrap: 'wrap'
+  },
+  separator: {
+    marginHorizontal: theme.spacing.xs,
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] || theme.colors.gray?.[5] : theme.colors.gray?.[6] || theme.colors.gray?.[7],
+    fontSize: rem(14)
+  }
+}));
+const defaultProps = {
+  separator: '/'
+};
+export const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    separator,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Breadcrumbs', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'Breadcrumbs'
+  });
+  const items = Children.toArray(children);
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: items.map((item, index) => /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [item, index !== items.length - 1 && /*#__PURE__*/_jsx(Text, {
+        style: styles.separator,
+        children: typeof separator === 'string' ? separator : separator
+      })]
+    }, index))
+  });
+});
+Breadcrumbs.displayName = 'Breadcrumbs';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Children","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","useStyles","theme","root","flexDirection","alignItems","flexWrap","separator","marginHorizontal","spacing","xs","color","colorScheme","colors","dark","gray","fontSize","defaultProps","Breadcrumbs","props","ref","children","style","others","styles","sx","name","items","toArray","map","item","index","Fragment","length","displayName"],"sourceRoot":"../../../../src","sources":["components/Breadcrumbs/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAC1C,SAASC,GAAG,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,MAAMC,SAAS,GAAGN,YAAY,CAAEO,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAEN,KAAK,CAACO,OAAO,CAACC,EAAE;IAClCC,KAAK,EAAET,KAAK,CAACU,WAAW,KAAK,MAAM,GAAGV,KAAK,CAACW,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAIZ,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC,GAAGb,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC,IAAIb,KAAK,CAACW,MAAM,CAACE,IAAI,GAAG,CAAC,CAAC;IACzIC,QAAQ,EAAEpB,GAAG,CAAC,EAAE;EAClB;AACF,CAAC,CAAC,CAAC;AAEH,MAAMqB,YAAuC,GAAG;EAC9CV,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMW,WAAW,gBAAG5B,UAAU,CAAwB,CAAC6B,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IAAEb,SAAS;IAAEc,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAG7B,wBAAwB,CACvE,aAAa,EACbuB,YAAY,EACZE,KACF,CAAC;EAED,MAAM;IAAEK,MAAM;IAAEC;EAAE,CAAC,GAAGxB,SAAS,CAAC,CAAC,CAAC,EAAE;IAAEyB,IAAI,EAAE;EAAc,CAAC,CAAQ;EAEnE,MAAMC,KAAK,GAAGpC,QAAQ,CAACqC,OAAO,CAACP,QAAQ,CAAC;EAExC,oBACEvB,IAAA,CAACN,OAAO;IAAC4B,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACrB,IAAI,EAAEmB,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAF,QAAA,EACzDM,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrB/B,KAAA,CAACX,KAAK,CAAC2C,QAAQ;MAAAX,QAAA,GACZS,IAAI,EACJC,KAAK,KAAKJ,KAAK,CAACM,MAAM,GAAG,CAAC,iBACzBnC,IAAA,CAACL,IAAI;QAAC6B,KAAK,EAAEE,MAAM,CAACjB,SAAU;QAAAc,QAAA,EAC3B,OAAOd,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA;MAAS,CAClD,CACP;IAAA,GANkBwB,KAOL,CACjB;EAAC,CACK,CAAC;AAEd,CAAC,CAAC;AAEFb,WAAW,CAACgB,WAAW,GAAG,aAAa","ignoreList":[]}