react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,158 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { UnstyledButton } from "../UnstyledButton/index.js";
+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,
+  active,
+  disabled
+}, {
+  variant
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const getVariantStyles = () => {
+    if (disabled) {
+      return {
+        backgroundColor: 'transparent',
+        color: (theme.colors.gray || [])[5]
+      };
+    }
+    if (!active) {
+      return {
+        backgroundColor: 'transparent',
+        color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+      };
+    }
+    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 'subtle':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? 'rgba(255, 255, 255, 0.05)' : 'rgba(0, 0, 0, 0.05)',
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      default:
+        return {
+          backgroundColor: colors?.[0] || colors?.[1] || (theme.colors.gray || [])[0],
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+    }
+  };
+  const variantStyles = getVariantStyles();
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: theme.spacing.sm,
+      borderRadius: theme.radius.sm,
+      backgroundColor: variantStyles.backgroundColor,
+      opacity: disabled ? 0.6 : 1
+    },
+    icon: {
+      marginRight: theme.spacing.sm,
+      color: variantStyles.color
+    },
+    body: {
+      flex: 1
+    },
+    label: {
+      fontSize: rem(14),
+      fontWeight: '500',
+      color: variantStyles.color
+    },
+    description: {
+      fontSize: rem(12),
+      marginTop: rem(2),
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6]
+    },
+    rightSection: {
+      marginLeft: theme.spacing.sm,
+      color: variantStyles.color
+    },
+    children: {
+      marginTop: theme.spacing.xs,
+      marginLeft: theme.spacing.md
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  variant: 'light',
+  active: false,
+  disabled: false,
+  disableIfNoPress: true
+};
+export const NavLink = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    label,
+    description,
+    icon,
+    rightSection,
+    color,
+    variant,
+    active,
+    disabled,
+    children,
+    onPress,
+    style,
+    disableIfNoPress,
+    ...others
+  } = useComponentDefaultProps('NavLink', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    active,
+    disabled
+  }, {
+    name: 'NavLink',
+    variant
+  });
+  const isDisabled = disabled || disableIfNoPress && !onPress;
+  return /*#__PURE__*/_jsxs(BoxView, {
+    children: [/*#__PURE__*/_jsxs(UnstyledButton, {
+      ref: ref,
+      onPress: isDisabled ? undefined : onPress,
+      style: sx(styles.root, isDisabled && {
+        opacity: 0.6
+      }, style),
+      ...others,
+      children: [icon && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.icon,
+        children: icon
+      }), /*#__PURE__*/_jsxs(BoxView, {
+        style: styles.body,
+        children: [label && /*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: label
+        }), description && /*#__PURE__*/_jsx(Text, {
+          style: styles.description,
+          children: description
+        })]
+      }), rightSection && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.rightSection,
+        children: rightSection
+      })]
+    }), children && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.children,
+      children: children
+    })]
+  });
+});
+NavLink.displayName = 'NavLink';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","UnstyledButton","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","useStyles","theme","color","active","disabled","variant","colors","primaryColor","getVariantStyles","backgroundColor","gray","colorScheme","dark","black","primaryBgColor","white","variantStyles","root","flexDirection","alignItems","padding","spacing","sm","borderRadius","radius","opacity","icon","marginRight","body","flex","label","fontSize","fontWeight","description","marginTop","rightSection","marginLeft","children","xs","md","defaultProps","disableIfNoPress","NavLink","props","ref","onPress","style","others","styles","sx","name","isDisabled","undefined","displayName"],"sourceRoot":"../../../../src","sources":["components/NavLink/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,137 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+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,
+  withBorder
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const borderColor = colors?.[6] || colors?.[5] || theme.primaryBgColor;
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+      borderRadius: theme.fn.radius(radius),
+      padding: theme.spacing.md,
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      ...(withBorder && {
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+        borderLeftWidth: rem(4),
+        borderLeftColor: borderColor
+      }),
+      // Shadow for elevation
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 3,
+      elevation: 3
+    },
+    icon: {
+      marginRight: theme.spacing.md,
+      paddingTop: rem(2)
+    },
+    body: {
+      flex: 1
+    },
+    title: {
+      fontSize: theme.fontSizes.sm,
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      marginBottom: theme.spacing.xs
+    },
+    message: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+      lineHeight: theme.fontSizes.sm * 1.5
+    },
+    closeButton: {
+      width: rem(24),
+      height: rem(24),
+      borderRadius: rem(12),
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginLeft: theme.spacing.sm
+    },
+    closeButtonText: {
+      fontSize: rem(16),
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black
+    },
+    loader: {
+      marginRight: theme.spacing.md
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  radius: 'sm',
+  withCloseButton: true,
+  withBorder: true,
+  loading: false
+};
+export const Notification = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    title,
+    message,
+    color,
+    radius,
+    icon,
+    withCloseButton,
+    onClose,
+    loading,
+    withBorder,
+    style,
+    ...others
+  } = useComponentDefaultProps('Notification', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    withBorder,
+    withIcon: !!icon
+  }, {
+    name: 'Notification'
+  });
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [icon && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.icon,
+      children: icon
+    }), /*#__PURE__*/_jsxs(BoxView, {
+      style: styles.body,
+      children: [title && /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: typeof title === 'string' ? title : title
+      }), message && /*#__PURE__*/_jsx(Text, {
+        style: styles.message,
+        children: typeof message === 'string' ? message : message
+      })]
+    }), withCloseButton && onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.closeButton,
+      onPress: onClose,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.closeButtonText,
+        children: "\xD7"
+      })
+    })]
+  });
+});
+Notification.displayName = 'Notification';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableOpacity","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","useStyles","theme","color","radius","withBorder","colors","primaryColor","borderColor","primaryBgColor","root","backgroundColor","colorScheme","dark","white","borderRadius","fn","padding","spacing","md","flexDirection","alignItems","borderWidth","gray","borderLeftWidth","borderLeftColor","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","icon","marginRight","paddingTop","body","flex","title","fontSize","fontSizes","sm","fontWeight","black","marginBottom","xs","message","lineHeight","closeButton","justifyContent","marginLeft","closeButtonText","loader","defaultProps","withCloseButton","loading","Notification","props","ref","onClose","style","others","styles","sx","withIcon","name","children","onPress","activeOpacity","displayName"],"sourceRoot":"../../../../src","sources":["components/Notification/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,262 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { TextInput, TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps, useTheme } from "../../theme/theme-provider.js";
+import { createStyles, getSize } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { INPUT_SIZES } from "../Input/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  size,
+  radius,
+  variant,
+  fullWidth,
+  error,
+  disabled,
+  withIcon
+}) => {
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+          borderWidth: 1,
+          borderColor: 'transparent'
+        };
+      case 'unstyled':
+        return {
+          backgroundColor: 'transparent',
+          borderWidth: 0
+        };
+      default:
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[6] : theme.white,
+          borderWidth: 1,
+          borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4]
+        };
+    }
+  };
+  return {
+    wrapper: {
+      width: fullWidth ? '100%' : undefined
+    },
+    label: {
+      fontSize: theme.fontSizes.sm,
+      fontWeight: '500',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      marginBottom: theme.spacing.xs
+    },
+    description: {
+      fontSize: theme.fontSizes.xs,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+      marginTop: theme.spacing.xs
+    },
+    error: {
+      fontSize: theme.fontSizes.xs,
+      color: (theme.colors.red || [])[6],
+      marginTop: theme.spacing.xs
+    },
+    inputWrapper: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      height: getSize({
+        size,
+        sizes: INPUT_SIZES
+      }),
+      borderRadius: theme.fn.radius(radius),
+      ...getVariantStyles(),
+      ...(error && {
+        borderColor: (theme.colors.red || [])[6]
+      }),
+      ...(disabled && {
+        opacity: 0.6
+      })
+    },
+    icon: {
+      paddingLeft: theme.spacing.sm,
+      paddingRight: theme.spacing.xs
+    },
+    input: {
+      flex: 1,
+      height: '100%',
+      fontSize: getSize({
+        size,
+        sizes: theme.fontSizes
+      }),
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      paddingHorizontal: theme.spacing.sm,
+      ...(withIcon && {
+        paddingLeft: 0
+      })
+    },
+    controls: {
+      flexDirection: 'row',
+      height: '100%'
+    },
+    control: {
+      width: rem(32),
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderLeftWidth: 1,
+      borderLeftColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4]
+    },
+    controlText: {
+      fontSize: rem(18),
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : (theme.colors.gray || [])[7]
+    }
+  };
+});
+const defaultProps = {
+  size: 'sm',
+  radius: 'sm',
+  variant: 'default',
+  fullWidth: false,
+  step: 1,
+  precision: 0,
+  hideControls: false,
+  disabled: false
+};
+export const NumberInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    label,
+    description,
+    error,
+    size,
+    radius,
+    variant,
+    fullWidth,
+    min,
+    max,
+    step,
+    precision,
+    hideControls,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    disabled,
+    placeholder,
+    icon,
+    style,
+    wrapperStyle,
+    ...others
+  } = useComponentDefaultProps('NumberInput', defaultProps, props);
+  const theme = useTheme();
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? '');
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    radius,
+    variant,
+    fullWidth,
+    error: !!error,
+    disabled,
+    withIcon: !!icon
+  }, {
+    name: 'NumberInput'
+  });
+  const formatValue = val => {
+    if (precision !== undefined && precision > 0) {
+      return parseFloat(val.toFixed(precision));
+    }
+    return Math.round(val);
+  };
+  const clampValue = val => {
+    let clamped = val;
+    if (min !== undefined && clamped < min) clamped = min;
+    if (max !== undefined && clamped > max) clamped = max;
+    return formatValue(clamped);
+  };
+  const handleChange = text => {
+    if (text === '' || text === '-') {
+      if (controlledValue === undefined) {
+        setUncontrolledValue('');
+      }
+      onChange?.('');
+      return;
+    }
+    const parsed = parseFloat(text);
+    if (!isNaN(parsed)) {
+      const clamped = clampValue(parsed);
+      if (controlledValue === undefined) {
+        setUncontrolledValue(clamped);
+      }
+      onChange?.(clamped);
+    }
+  };
+  const handleIncrement = () => {
+    const currentValue = typeof value === 'number' ? value : 0;
+    const newValue = clampValue(currentValue + (step || 1));
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  const handleDecrement = () => {
+    const currentValue = typeof value === 'number' ? value : 0;
+    const newValue = clampValue(currentValue - (step || 1));
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  return /*#__PURE__*/_jsxs(BoxView, {
+    style: sx(styles.wrapper, wrapperStyle),
+    children: [label && /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: typeof label === 'string' ? label : label
+    }), /*#__PURE__*/_jsxs(BoxView, {
+      style: sx(styles.inputWrapper, style),
+      children: [icon && /*#__PURE__*/_jsx(BoxView, {
+        style: styles.icon,
+        children: icon
+      }), /*#__PURE__*/_jsx(TextInput, {
+        ref: ref,
+        value: value === '' ? '' : String(value),
+        onChangeText: handleChange,
+        placeholder: placeholder,
+        placeholderTextColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[3] : (theme.colors.gray || [])[5],
+        keyboardType: "numeric",
+        editable: !disabled,
+        style: styles.input,
+        ...others
+      }), !hideControls && /*#__PURE__*/_jsxs(BoxView, {
+        style: styles.controls,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.control,
+          onPress: handleDecrement,
+          disabled: disabled || min !== undefined && typeof value === 'number' && value <= min,
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.controlText,
+            children: "\u2212"
+          })
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.control,
+          onPress: handleIncrement,
+          disabled: disabled || max !== undefined && typeof value === 'number' && value >= max,
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.controlText,
+            children: "+"
+          })
+        })]
+      })]
+    }), description && /*#__PURE__*/_jsx(Text, {
+      style: styles.description,
+      children: typeof description === 'string' ? description : description
+    }), error && /*#__PURE__*/_jsx(Text, {
+      style: styles.error,
+      children: typeof error === 'string' ? error : error
+    })]
+  });
+});
+NumberInput.displayName = 'NumberInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","TextInput","TouchableOpacity","BoxView","Text","useComponentDefaultProps","useTheme","createStyles","getSize","rem","INPUT_SIZES","jsx","_jsx","jsxs","_jsxs","useStyles","theme","size","radius","variant","fullWidth","error","disabled","withIcon","getVariantStyles","backgroundColor","colorScheme","colors","dark","gray","borderWidth","borderColor","white","wrapper","width","undefined","label","fontSize","fontSizes","sm","fontWeight","color","black","marginBottom","spacing","xs","description","marginTop","red","inputWrapper","flexDirection","alignItems","height","sizes","borderRadius","fn","opacity","icon","paddingLeft","paddingRight","input","flex","paddingHorizontal","controls","control","justifyContent","borderLeftWidth","borderLeftColor","controlText","defaultProps","step","precision","hideControls","NumberInput","props","ref","min","max","value","controlledValue","defaultValue","onChange","placeholder","style","wrapperStyle","others","uncontrolledValue","setUncontrolledValue","styles","sx","name","formatValue","val","parseFloat","toFixed","Math","round","clampValue","clamped","handleChange","text","parsed","isNaN","handleIncrement","currentValue","newValue","handleDecrement","children","String","onChangeText","placeholderTextColor","keyboardType","editable","onPress","activeOpacity","displayName"],"sourceRoot":"../../../../src","sources":["components/NumberInput/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableWithoutFeedback, Animated, StyleSheet } 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, {
+  opacity,
+  color,
+  zIndex,
+  radius,
+  fixed
+}) => ({
+  root: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: color,
+    opacity,
+    zIndex,
+    borderRadius: theme.fn.radius(radius),
+    ...(fixed && {
+      position: 'absolute'
+    })
+  }
+}));
+const defaultProps = {
+  opacity: 0.6,
+  color: '#000',
+  zIndex: 1000,
+  radius: 0,
+  fixed: false
+};
+export const Overlay = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    opacity,
+    color,
+    zIndex,
+    radius,
+    children,
+    onPress,
+    style,
+    fixed,
+    ...others
+  } = useComponentDefaultProps('Overlay', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    opacity,
+    color,
+    zIndex,
+    radius,
+    fixed
+  }, {
+    name: 'Overlay'
+  });
+  const content = /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: children
+  });
+  if (onPress) {
+    return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: onPress,
+      children: content
+    });
+  }
+  return content;
+});
+Overlay.displayName = 'Overlay';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableWithoutFeedback","Animated","StyleSheet","useComponentDefaultProps","createStyles","jsx","_jsx","useStyles","theme","opacity","color","zIndex","radius","fixed","root","absoluteFillObject","backgroundColor","borderRadius","fn","position","defaultProps","Overlay","props","ref","children","onPress","style","others","styles","sx","name","content","View","displayName"],"sourceRoot":"../../../../src","sources":["components/Overlay/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,wBAAwB,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAE7E,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+B3C,MAAMC,SAAS,GAAGH,YAAY,CAC5B,CACEI,KAAK,EACL;EACEC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,MAAM;EACNC;AAOF,CAAC,MACG;EACJC,IAAI,EAAE;IACJ,GAAGZ,UAAU,CAACa,kBAAkB;IAChCC,eAAe,EAAEN,KAAK;IACtBD,OAAO;IACPE,MAAM;IACNM,YAAY,EAAET,KAAK,CAACU,EAAE,CAACN,MAAM,CAACA,MAAM,CAAC;IACrC,IAAIC,KAAK,IAAI;MACXM,QAAQ,EAAE;IACZ,CAAC;EACH;AACF,CAAC,CACH,CAAC;AAED,MAAMC,YAAmC,GAAG;EAC1CX,OAAO,EAAE,GAAG;EACZC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMQ,OAAO,gBAAGtB,UAAU,CAAoB,CAACuB,KAAK,EAAEC,GAAG,KAAK;EACnE,MAAM;IAAEd,OAAO;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEY,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEb,KAAK;IAAE,GAAGc;EAAM,CAAC,GACjFxB,wBAAwB,CAAC,SAAS,EAAEiB,YAAY,EAAEE,KAAK,CAAC;EAE1D,MAAM;IAAEM,MAAM;IAAEC;EAAE,CAAC,GAAGtB,SAAS,CAC7B;IAAEE,OAAO;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,EACzC;IAAEiB,IAAI,EAAE;EAAU,CACpB,CAAQ;EAER,MAAMC,OAAO,gBACXzB,IAAA,CAACL,QAAQ,CAAC+B,IAAI;IAACT,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACd,IAAI,EAAEY,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EAC/DA;EAAQ,CACI,CAChB;EAED,IAAIC,OAAO,EAAE;IACX,oBACEnB,IAAA,CAACN,wBAAwB;MAACyB,OAAO,EAAEA,OAAQ;MAAAD,QAAA,EACxCO;IAAO,CACgB,CAAC;EAE/B;EAEA,OAAOA,OAAO;AAChB,CAAC,CAAC;AAEFV,OAAO,CAACY,WAAW,GAAG,SAAS","ignoreList":[]}