@masumdev/rn-ui 0.1.0 → 0.1.1

package/lib/module/components/Accordion.js

@@ -0,0 +1,234 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Pressable, Text as RNText, View } from "react-native";
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useTheme } from "../theme/index.js";
+import { renderIcon } from "./types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function renderIndicator(indicator, expanded, color, size) {
+  if (typeof indicator === "function") {
+    return indicator({
+      expanded,
+      color,
+      size
+    });
+  }
+  if (indicator) {
+    return indicator;
+  }
+  return /*#__PURE__*/_jsx(RNText, {
+    style: {
+      color,
+      fontSize: size,
+      lineHeight: size,
+      fontWeight: "700"
+    },
+    children: expanded ? "-" : "+"
+  });
+}
+function DefaultAccordionContent({
+  expanded,
+  children,
+  duration,
+  style
+}) {
+  const progress = useSharedValue(expanded ? 1 : 0);
+  const [contentHeight, setContentHeight] = useState(0);
+  const [shouldRender, setShouldRender] = useState(expanded);
+  useEffect(() => {
+    if (expanded) {
+      setShouldRender(true);
+    }
+    progress.value = withTiming(expanded ? 1 : 0, {
+      duration
+    }, finished => {
+      if (finished && !expanded) {
+        runOnJS(setShouldRender)(false);
+      }
+    });
+  }, [duration, expanded, progress]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    height: progress.value * contentHeight,
+    opacity: progress.value
+  }));
+  if (!shouldRender && !expanded) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      overflow: "hidden"
+    }, animatedStyle],
+    children: /*#__PURE__*/_jsx(View, {
+      style: [style, {
+        position: "absolute",
+        left: 0,
+        right: 0
+      }],
+      onLayout: event => {
+        setContentHeight(event.nativeEvent.layout.height);
+      },
+      children: children
+    })
+  });
+}
+function DefaultAccordionIndicator({
+  expanded,
+  children,
+  duration,
+  style
+}) {
+  const progress = useSharedValue(expanded ? 1 : 0);
+  useEffect(() => {
+    progress.value = withTiming(expanded ? 1 : 0, {
+      duration
+    });
+  }, [duration, expanded, progress]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [style, animatedStyle],
+    children: children
+  });
+}
+export function Accordion({
+  items,
+  allowMultiple = false,
+  defaultOpenIds = [],
+  openIds,
+  onOpenChange,
+  disabled = false,
+  animated = true,
+  animationDuration = 180,
+  animationComponents,
+  indicator,
+  itemStyle,
+  headerStyle,
+  titleStyle,
+  subtitleStyle,
+  contentStyle,
+  style
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing,
+    typography
+  } = useTheme();
+  const [internalOpenIds, setInternalOpenIds] = useState(defaultOpenIds);
+  const activeOpenIds = openIds ?? internalOpenIds;
+  const openSet = useMemo(() => new Set(activeOpenIds), [activeOpenIds]);
+  const setNextOpenIds = useCallback(nextOpenIds => {
+    if (!openIds) {
+      setInternalOpenIds(nextOpenIds);
+    }
+    onOpenChange?.(nextOpenIds);
+  }, [onOpenChange, openIds]);
+  const AnimatedContent = animationComponents?.Content ?? DefaultAccordionContent;
+  const AnimatedIndicator = animationComponents?.Indicator ?? DefaultAccordionIndicator;
+  const toggleItem = useCallback(item => {
+    if (disabled || item.disabled) return;
+    const expanded = openSet.has(item.id);
+    const nextOpenIds = expanded ? activeOpenIds.filter(id => id !== item.id) : allowMultiple ? [...activeOpenIds, item.id] : [item.id];
+    setNextOpenIds(nextOpenIds);
+  }, [activeOpenIds, allowMultiple, disabled, openSet, setNextOpenIds]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      gap: spacing.sm
+    }, style],
+    children: items.map(item => {
+      const expanded = openSet.has(item.id);
+      const itemDisabled = disabled || item.disabled;
+      return /*#__PURE__*/_jsxs(View, {
+        style: [{
+          backgroundColor: colors.surface,
+          borderRadius: radii.xl,
+          borderWidth: components.borderWidth.strong,
+          borderColor: expanded ? colors.primary : colors.border,
+          overflow: "hidden",
+          opacity: itemDisabled ? 0.58 : 1
+        }, itemStyle],
+        children: [/*#__PURE__*/_jsxs(Pressable, {
+          accessibilityRole: "button",
+          accessibilityState: {
+            expanded,
+            disabled: itemDisabled
+          },
+          disabled: itemDisabled,
+          onPress: () => toggleItem(item),
+          style: ({
+            pressed
+          }) => [{
+            padding: spacing.lg,
+            flexDirection: "row",
+            alignItems: "center",
+            gap: spacing.md,
+            backgroundColor: pressed && !itemDisabled ? colors.backgroundMuted : colors.surface
+          }, headerStyle],
+          children: [renderIcon(item.icon, expanded ? colors.primary : colors.textMuted, 20), /*#__PURE__*/_jsxs(View, {
+            style: {
+              flex: 1,
+              gap: spacing.xxs
+            },
+            children: [typeof item.title === "string" ? /*#__PURE__*/_jsx(RNText, {
+              style: [typography.subtitle, {
+                color: expanded ? colors.primary : colors.text
+              }, titleStyle],
+              children: item.title
+            }) : item.title, typeof item.subtitle === "string" ? /*#__PURE__*/_jsx(RNText, {
+              style: [typography.bodySmall, {
+                color: colors.textMuted
+              }, subtitleStyle],
+              children: item.subtitle
+            }) : item.subtitle]
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              width: 24,
+              height: 24,
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: animated ? /*#__PURE__*/_jsx(AnimatedIndicator, {
+              expanded: expanded,
+              duration: animationDuration,
+              children: renderIndicator(indicator, expanded, expanded ? colors.primary : colors.textMuted, 18)
+            }) : renderIndicator(indicator, expanded, expanded ? colors.primary : colors.textMuted, 18)
+          })]
+        }), animated ? /*#__PURE__*/_jsx(AnimatedContent, {
+          expanded: expanded,
+          duration: animationDuration,
+          style: [{
+            borderTopWidth: 1,
+            borderTopColor: colors.border,
+            padding: spacing.lg,
+            backgroundColor: colors.surface
+          }, contentStyle],
+          children: typeof item.content === "string" ? /*#__PURE__*/_jsx(RNText, {
+            style: [typography.body, {
+              color: colors.textMuted
+            }],
+            children: item.content
+          }) : item.content
+        }) : expanded && /*#__PURE__*/_jsx(View, {
+          style: [{
+            borderTopWidth: 1,
+            borderTopColor: colors.border,
+            padding: spacing.lg,
+            backgroundColor: colors.surface
+          }, contentStyle],
+          children: typeof item.content === "string" ? /*#__PURE__*/_jsx(RNText, {
+            style: [typography.body, {
+              color: colors.textMuted
+            }],
+            children: item.content
+          }) : item.content
+        })]
+      }, item.id);
+    })
+  });
+}
+//# sourceMappingURL=Accordion.js.map

package/lib/module/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Pressable","Text","RNText","View","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useTheme","renderIcon","jsx","_jsx","jsxs","_jsxs","renderIndicator","indicator","expanded","color","size","style","fontSize","lineHeight","fontWeight","children","DefaultAccordionContent","duration","progress","contentHeight","setContentHeight","shouldRender","setShouldRender","value","finished","animatedStyle","height","opacity","overflow","position","left","right","onLayout","event","nativeEvent","layout","DefaultAccordionIndicator","transform","rotate","Accordion","items","allowMultiple","defaultOpenIds","openIds","onOpenChange","disabled","animated","animationDuration","animationComponents","itemStyle","headerStyle","titleStyle","subtitleStyle","contentStyle","colors","components","radii","spacing","typography","internalOpenIds","setInternalOpenIds","activeOpenIds","openSet","Set","setNextOpenIds","nextOpenIds","AnimatedContent","Content","AnimatedIndicator","Indicator","toggleItem","item","has","id","filter","gap","sm","map","itemDisabled","backgroundColor","surface","borderRadius","xl","borderWidth","strong","borderColor","primary","border","accessibilityRole","accessibilityState","onPress","pressed","padding","lg","flexDirection","alignItems","md","backgroundMuted","icon","textMuted","flex","xxs","title","subtitle","text","bodySmall","width","justifyContent","borderTopWidth","borderTopColor","content","body"],"sourceRoot":"../../../src","sources":["components/Accordion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Alert.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React from "react";
+import { Pressable, View } from "react-native";
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useTheme } from "../theme/index.js";
+import { renderIcon } from "./types.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getToneColors(tone, colors) {
+  if (tone === "primary") return {
+    base: colors.primary,
+    soft: colors.primarySoft,
+    on: colors.onPrimary
+  };
+  if (tone === "success") return {
+    base: colors.success,
+    soft: colors.successSoft,
+    on: colors.onSuccess
+  };
+  if (tone === "warning") return {
+    base: colors.warning,
+    soft: colors.warningSoft,
+    on: colors.onWarning
+  };
+  if (tone === "danger") return {
+    base: colors.danger,
+    soft: colors.dangerSoft,
+    on: colors.onDanger
+  };
+  if (tone === "info") return {
+    base: colors.info,
+    soft: colors.infoSoft,
+    on: colors.onInfo
+  };
+  return {
+    base: colors.secondary,
+    soft: colors.secondarySoft,
+    on: colors.onSecondary
+  };
+}
+function renderTextContent(content, fallbackStyle) {
+  if (typeof content === "string") {
+    return /*#__PURE__*/_jsx(Text, {
+      style: fallbackStyle,
+      children: content
+    });
+  }
+  return content;
+}
+export function Alert({
+  title,
+  children,
+  tone = "info",
+  variant = "soft",
+  icon,
+  action,
+  dismissible = false,
+  animated = true,
+  animationDuration = 180,
+  onClose,
+  closeIcon,
+  style,
+  contentStyle,
+  titleStyle,
+  textStyle
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const [visible, setVisible] = React.useState(true);
+  const progress = useSharedValue(1);
+  const toneColors = getToneColors(tone, colors);
+  const isSolid = variant === "solid";
+  const backgroundColor = variant === "solid" ? toneColors.base : variant === "soft" ? toneColors.soft : colors.surface;
+  const foregroundColor = isSolid ? toneColors.on : toneColors.base;
+  const bodyColor = isSolid ? toneColors.on : colors.textMuted;
+  const borderColor = variant === "outline" ? toneColors.base : toneColors.base;
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.98 + progress.value * 0.02
+    }]
+  }));
+  const handleClose = () => {
+    if (dismissible && animated) {
+      progress.value = withTiming(0, {
+        duration: animationDuration
+      }, finished => {
+        if (finished) {
+          runOnJS(setVisible)(false);
+        }
+      });
+    } else if (dismissible) {
+      setVisible(false);
+    }
+    onClose?.();
+  };
+  const container = /*#__PURE__*/_jsxs(View, {
+    accessibilityRole: "alert",
+    style: [{
+      backgroundColor,
+      borderColor,
+      borderWidth: components.borderWidth.strong,
+      borderRadius: radii.xl,
+      padding: spacing.lg,
+      flexDirection: "row",
+      gap: spacing.md
+    }, style],
+    children: [renderIcon(icon, foregroundColor, 20), /*#__PURE__*/_jsxs(View, {
+      style: [{
+        flex: 1,
+        gap: spacing.xs
+      }, contentStyle],
+      children: [title ? renderTextContent(title, [{
+        color: isSolid ? toneColors.on : colors.text
+      }, titleStyle]) : null, children ? renderTextContent(children, [{
+        color: bodyColor
+      }, textStyle]) : null, action ? /*#__PURE__*/_jsxs(Pressable, {
+        accessibilityRole: "button",
+        onPress: action.onPress,
+        style: ({
+          pressed
+        }) => ({
+          alignSelf: "flex-start",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: spacing.xs,
+          marginTop: spacing.xs,
+          opacity: pressed ? 0.72 : 1
+        }),
+        children: [renderIcon(action.icon, foregroundColor, 14), /*#__PURE__*/_jsx(Text, {
+          variant: "labelSmall",
+          style: {
+            color: foregroundColor
+          },
+          children: action.label
+        })]
+      }) : null]
+    }), dismissible || onClose ? /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Close alert",
+      onPress: handleClose,
+      style: ({
+        pressed
+      }) => ({
+        width: 28,
+        height: 28,
+        borderRadius: 14,
+        alignItems: "center",
+        justifyContent: "center",
+        opacity: pressed ? 0.72 : 1
+      }),
+      children: closeIcon ? renderIcon(closeIcon, foregroundColor, 16) : /*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        style: {
+          color: foregroundColor
+        },
+        children: "x"
+      })
+    }) : null]
+  });
+  if (!visible) {
+    return null;
+  }
+  if (animated) {
+    return /*#__PURE__*/_jsx(Animated.View, {
+      style: animatedStyle,
+      children: container
+    });
+  }
+  return container;
+}
+//# sourceMappingURL=Alert.js.map

package/lib/module/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useTheme","renderIcon","Text","jsx","_jsx","jsxs","_jsxs","getToneColors","tone","colors","base","primary","soft","primarySoft","on","onPrimary","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","secondary","secondarySoft","onSecondary","renderTextContent","content","fallbackStyle","style","children","Alert","title","variant","icon","action","dismissible","animated","animationDuration","onClose","closeIcon","contentStyle","titleStyle","textStyle","components","radii","spacing","visible","setVisible","useState","progress","toneColors","isSolid","backgroundColor","surface","foregroundColor","bodyColor","textMuted","borderColor","animatedStyle","opacity","value","transform","scale","handleClose","duration","finished","container","accessibilityRole","borderWidth","strong","borderRadius","xl","padding","lg","flexDirection","gap","md","flex","xs","color","text","onPress","pressed","alignSelf","alignItems","marginTop","label","accessibilityLabel","width","height","justifyContent"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AlertDialog.js

@@ -0,0 +1,218 @@
+"use strict";
+
+import React, { useEffect, useState } from "react";
+import { Modal, Pressable, View } from "react-native";
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useTheme } from "../theme/index.js";
+import { renderIcon } from "./types.js";
+import { Button } from "./Button.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getToneColor(tone, colors) {
+  if (tone === "primary") return colors.primary;
+  if (tone === "success") return colors.success;
+  if (tone === "warning") return colors.warning;
+  if (tone === "danger") return colors.danger;
+  if (tone === "info") return colors.info;
+  return colors.secondary;
+}
+function renderDialogText(content, variant, color, style) {
+  if (typeof content === "string") {
+    return /*#__PURE__*/_jsx(Text, {
+      variant: variant,
+      color: color,
+      style: style,
+      children: content
+    });
+  }
+  return content;
+}
+export function AlertDialog({
+  visible,
+  title,
+  description,
+  children,
+  tone = "primary",
+  icon,
+  closeIcon,
+  confirmText = "Confirm",
+  cancelText = "Cancel",
+  onConfirm,
+  onCancel,
+  onClose,
+  confirmLoading = false,
+  confirmDisabled = false,
+  cancelDisabled = false,
+  dismissOnBackdropPress = true,
+  animated = true,
+  animationDuration = 180,
+  modalProps,
+  overlayStyle,
+  style,
+  contentStyle,
+  titleStyle,
+  descriptionStyle
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const [mounted, setMounted] = useState(visible);
+  const progress = useSharedValue(visible ? 1 : 0);
+  const toneColor = getToneColor(tone, colors);
+  useEffect(() => {
+    if (visible) {
+      setMounted(true);
+    }
+    if (!animated) {
+      if (!visible) {
+        setMounted(false);
+      }
+      return;
+    }
+    progress.value = withTiming(visible ? 1 : 0, {
+      duration: animationDuration
+    }, finished => {
+      if (finished && !visible) {
+        runOnJS(setMounted)(false);
+      }
+    });
+  }, [animated, animationDuration, progress, visible]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.96 + progress.value * 0.04
+    }, {
+      translateY: 12 * (1 - progress.value)
+    }]
+  }));
+  if (!mounted) {
+    return null;
+  }
+  const requestClose = () => {
+    onClose?.();
+  };
+  const handleBackdropPress = () => {
+    if (dismissOnBackdropPress) {
+      requestClose();
+    }
+  };
+  const dialog = /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: "100%",
+      maxWidth: 420,
+      backgroundColor: colors.surface,
+      borderRadius: radii.xxl,
+      borderWidth: components.borderWidth.strong,
+      borderColor: colors.border,
+      padding: spacing.lg,
+      gap: spacing.lg
+    }, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: "row",
+        gap: spacing.md,
+        alignItems: "flex-start"
+      },
+      children: [icon ? /*#__PURE__*/_jsx(View, {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: radii.lg,
+          backgroundColor: colors.backgroundMuted,
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: renderIcon(icon, toneColor, 22)
+      }) : null, /*#__PURE__*/_jsxs(View, {
+        style: [{
+          flex: 1,
+          gap: spacing.xs
+        }, contentStyle],
+        children: [title ? renderDialogText(title, "title", "text", titleStyle) : null, description ? renderDialogText(description, "bodySmall", "textMuted", descriptionStyle) : null]
+      }), onClose ? /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: "Close dialog",
+        onPress: requestClose,
+        style: ({
+          pressed
+        }) => ({
+          width: 32,
+          height: 32,
+          borderRadius: 16,
+          alignItems: "center",
+          justifyContent: "center",
+          opacity: pressed ? 0.72 : 1
+        }),
+        children: closeIcon ? renderIcon(closeIcon, colors.textMuted, 18) : /*#__PURE__*/_jsx(Text, {
+          variant: "label",
+          color: "textMuted",
+          children: "x"
+        })
+      }) : null]
+    }), children ? /*#__PURE__*/_jsx(View, {
+      children: children
+    }) : null, onCancel || onConfirm ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        gap: spacing.sm
+      },
+      children: [onCancel ? /*#__PURE__*/_jsx(Button, {
+        variant: "outline",
+        tone: "secondary",
+        size: "sm",
+        disabled: cancelDisabled,
+        onPress: onCancel,
+        children: cancelText
+      }) : null, onConfirm ? /*#__PURE__*/_jsx(Button, {
+        variant: "filled",
+        tone: tone,
+        size: "sm",
+        loading: confirmLoading,
+        disabled: confirmDisabled,
+        onPress: onConfirm,
+        children: confirmText
+      }) : null]
+    }) : null]
+  });
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: mounted,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    hardwareAccelerated: true,
+    onRequestClose: requestClose,
+    ...modalProps,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [{
+        flex: 1,
+        backgroundColor: colors.overlay,
+        padding: spacing.xl,
+        alignItems: "center",
+        justifyContent: "center"
+      }, overlayStyle],
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        style: {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        },
+        onPress: handleBackdropPress
+      }), animated ? /*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          width: "100%",
+          maxWidth: 420
+        }, animatedStyle],
+        children: dialog
+      }) : dialog]
+    })
+  });
+}
+//# sourceMappingURL=AlertDialog.js.map

package/lib/module/components/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Modal","Pressable","View","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useTheme","renderIcon","Button","Text","jsx","_jsx","jsxs","_jsxs","getToneColor","tone","colors","primary","success","warning","danger","info","secondary","renderDialogText","content","variant","color","style","children","AlertDialog","visible","title","description","icon","closeIcon","confirmText","cancelText","onConfirm","onCancel","onClose","confirmLoading","confirmDisabled","cancelDisabled","dismissOnBackdropPress","animated","animationDuration","modalProps","overlayStyle","contentStyle","titleStyle","descriptionStyle","components","radii","spacing","mounted","setMounted","progress","toneColor","value","duration","finished","animatedStyle","opacity","transform","scale","translateY","requestClose","handleBackdropPress","dialog","width","maxWidth","backgroundColor","surface","borderRadius","xxl","borderWidth","strong","borderColor","border","padding","lg","gap","flexDirection","md","alignItems","height","backgroundMuted","justifyContent","flex","xs","accessibilityRole","accessibilityLabel","onPress","pressed","textMuted","sm","size","disabled","loading","transparent","animationType","statusBarTranslucent","navigationBarTranslucent","hardwareAccelerated","onRequestClose","overlay","xl","position","top","right","bottom","left"],"sourceRoot":"../../../src","sources":["components/AlertDialog.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,KAAK,EACLC,SAAS,EACTC,IAAI,QAKC,cAAc;AACrB,OAAOC,QAAQ,IACbC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,UAAU,QAAyB,YAAS;AACrD,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwC9B,SAASC,YAAYA,CACnBC,IAAqB,EACrBC,MAA6C,EAC7C;EACA,IAAID,IAAI,KAAK,SAAS,EAAE,OAAOC,MAAM,CAACC,OAAO;EAC7C,IAAIF,IAAI,KAAK,SAAS,EAAE,OAAOC,MAAM,CAACE,OAAO;EAC7C,IAAIH,IAAI,KAAK,SAAS,EAAE,OAAOC,MAAM,CAACG,OAAO;EAC7C,IAAIJ,IAAI,KAAK,QAAQ,EAAE,OAAOC,MAAM,CAACI,MAAM;EAC3C,IAAIL,IAAI,KAAK,MAAM,EAAE,OAAOC,MAAM,CAACK,IAAI;EACvC,OAAOL,MAAM,CAACM,SAAS;AACzB;AAEA,SAASC,gBAAgBA,CACvBC,OAAwB,EACxBC,OAAqD,EACrDC,KAAiD,EACjDC,KAA4B,EAC5B;EACA,IAAI,OAAOH,OAAO,KAAK,QAAQ,EAAE;IAC/B,oBACEb,IAAA,CAACF,IAAI;MAACgB,OAAO,EAAEA,OAAQ;MAACC,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEA,KAAM;MAAAC,QAAA,EAChDJ;IAAO,CACJ,CAAC;EAEX;EAEA,OAAOA,OAAO;AAChB;AAEA,OAAO,SAASK,WAAWA,CAAC;EAC1BC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXJ,QAAQ;EACRb,IAAI,GAAG,SAAS;EAChBkB,IAAI;EACJC,SAAS;EACTC,WAAW,GAAG,SAAS;EACvBC,UAAU,GAAG,QAAQ;EACrBC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,cAAc,GAAG,KAAK;EACtBC,eAAe,GAAG,KAAK;EACvBC,cAAc,GAAG,KAAK;EACtBC,sBAAsB,GAAG,IAAI;EAC7BC,QAAQ,GAAG,IAAI;EACfC,iBAAiB,GAAG,GAAG;EACvBC,UAAU;EACVC,YAAY;EACZpB,KAAK;EACLqB,YAAY;EACZC,UAAU;EACVC;AACgB,CAAC,EAAE;EACnB,MAAM;IAAElC,MAAM;IAAEmC,UAAU;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG/C,QAAQ,CAAC,CAAC;EACzD,MAAM,CAACgD,OAAO,EAAEC,UAAU,CAAC,GAAG1D,QAAQ,CAACiC,OAAO,CAAC;EAC/C,MAAM0B,QAAQ,GAAGpD,cAAc,CAAC0B,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;EAChD,MAAM2B,SAAS,GAAG3C,YAAY,CAACC,IAAI,EAAEC,MAAM,CAAC;EAE5CpB,SAAS,CAAC,MAAM;IACd,IAAIkC,OAAO,EAAE;MACXyB,UAAU,CAAC,IAAI,CAAC;IAClB;IAEA,IAAI,CAACX,QAAQ,EAAE;MACb,IAAI,CAACd,OAAO,EAAE;QACZyB,UAAU,CAAC,KAAK,CAAC;MACnB;MACA;IACF;IAEAC,QAAQ,CAACE,KAAK,GAAGrD,UAAU,CACzByB,OAAO,GAAG,CAAC,GAAG,CAAC,EACf;MAAE6B,QAAQ,EAAEd;IAAkB,CAAC,EAC9Be,QAAQ,IAAK;MACZ,IAAIA,QAAQ,IAAI,CAAC9B,OAAO,EAAE;QACxB5B,OAAO,CAACqD,UAAU,CAAC,CAAC,KAAK,CAAC;MAC5B;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAACX,QAAQ,EAAEC,iBAAiB,EAAEW,QAAQ,EAAE1B,OAAO,CAAC,CAAC;EAEpD,MAAM+B,aAAa,GAAG1D,gBAAgB,CAAC,OAAO;IAC5C2D,OAAO,EAAEN,QAAQ,CAACE,KAAK;IACvBK,SAAS,EAAE,CACT;MAAEC,KAAK,EAAE,IAAI,GAAGR,QAAQ,CAACE,KAAK,GAAG;IAAK,CAAC,EACvC;MAAEO,UAAU,EAAE,EAAE,IAAI,CAAC,GAAGT,QAAQ,CAACE,KAAK;IAAE,CAAC;EAE7C,CAAC,CAAC,CAAC;EAEH,IAAI,CAACJ,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMY,YAAY,GAAGA,CAAA,KAAM;IACzB3B,OAAO,GAAG,CAAC;EACb,CAAC;EAED,MAAM4B,mBAAmB,GAAGA,CAAA,KAAM;IAChC,IAAIxB,sBAAsB,EAAE;MAC1BuB,YAAY,CAAC,CAAC;IAChB;EACF,CAAC;EAED,MAAME,MAAM,gBACVvD,KAAA,CAACb,IAAI;IACH2B,KAAK,EAAE,CACL;MACE0C,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAEvD,MAAM,CAACwD,OAAO;MAC/BC,YAAY,EAAErB,KAAK,CAACsB,GAAG;MACvBC,WAAW,EAAExB,UAAU,CAACwB,WAAW,CAACC,MAAM;MAC1CC,WAAW,EAAE7D,MAAM,CAAC8D,MAAM;MAC1BC,OAAO,EAAE1B,OAAO,CAAC2B,EAAE;MACnBC,GAAG,EAAE5B,OAAO,CAAC2B;IACf,CAAC,EACDrD,KAAK,CACL;IAAAC,QAAA,gBAEFf,KAAA,CAACb,IAAI;MACH2B,KAAK,EAAE;QACLuD,aAAa,EAAE,KAAK;QACpBD,GAAG,EAAE5B,OAAO,CAAC8B,EAAE;QACfC,UAAU,EAAE;MACd,CAAE;MAAAxD,QAAA,GAEDK,IAAI,gBACHtB,IAAA,CAACX,IAAI;QACH2B,KAAK,EAAE;UACL0C,KAAK,EAAE,EAAE;UACTgB,MAAM,EAAE,EAAE;UACVZ,YAAY,EAAErB,KAAK,CAAC4B,EAAE;UACtBT,eAAe,EAAEvD,MAAM,CAACsE,eAAe;UACvCF,UAAU,EAAE,QAAQ;UACpBG,cAAc,EAAE;QAClB,CAAE;QAAA3D,QAAA,EAEDrB,UAAU,CAAC0B,IAAI,EAAEwB,SAAS,EAAE,EAAE;MAAC,CAC5B,CAAC,GACL,IAAI,eAER5C,KAAA,CAACb,IAAI;QAAC2B,KAAK,EAAE,CAAC;UAAE6D,IAAI,EAAE,CAAC;UAAEP,GAAG,EAAE5B,OAAO,CAACoC;QAAG,CAAC,EAAEzC,YAAY,CAAE;QAAApB,QAAA,GACvDG,KAAK,GAAGR,gBAAgB,CAACQ,KAAK,EAAE,OAAO,EAAE,MAAM,EAAEkB,UAAU,CAAC,GAAG,IAAI,EACnEjB,WAAW,GACRT,gBAAgB,CACdS,WAAW,EACX,WAAW,EACX,WAAW,EACXkB,gBACF,CAAC,GACD,IAAI;MAAA,CACJ,CAAC,EAENX,OAAO,gBACN5B,IAAA,CAACZ,SAAS;QACR2F,iBAAiB,EAAC,QAAQ;QAC1BC,kBAAkB,EAAC,cAAc;QACjCC,OAAO,EAAE1B,YAAa;QACtBvC,KAAK,EAAEA,CAAC;UAAEkE;QAAQ,CAAC,MAAM;UACvBxB,KAAK,EAAE,EAAE;UACTgB,MAAM,EAAE,EAAE;UACVZ,YAAY,EAAE,EAAE;UAChBW,UAAU,EAAE,QAAQ;UACpBG,cAAc,EAAE,QAAQ;UACxBzB,OAAO,EAAE+B,OAAO,GAAG,IAAI,GAAG;QAC5B,CAAC,CAAE;QAAAjE,QAAA,EAEFM,SAAS,GACR3B,UAAU,CAAC2B,SAAS,EAAElB,MAAM,CAAC8E,SAAS,EAAE,EAAE,CAAC,gBAE3CnF,IAAA,CAACF,IAAI;UAACgB,OAAO,EAAC,OAAO;UAACC,KAAK,EAAC,WAAW;UAAAE,QAAA,EAAC;QAExC,CAAM;MACP,CACQ,CAAC,GACV,IAAI;IAAA,CACJ,CAAC,EAENA,QAAQ,gBAAGjB,IAAA,CAACX,IAAI;MAAA4B,QAAA,EAAEA;IAAQ,CAAO,CAAC,GAAG,IAAI,EAEzCU,QAAQ,IAAID,SAAS,gBACpBxB,KAAA,CAACb,IAAI;MACH2B,KAAK,EAAE;QACLuD,aAAa,EAAE,KAAK;QACpBK,cAAc,EAAE,UAAU;QAC1BN,GAAG,EAAE5B,OAAO,CAAC0C;MACf,CAAE;MAAAnE,QAAA,GAEDU,QAAQ,gBACP3B,IAAA,CAACH,MAAM;QACLiB,OAAO,EAAC,SAAS;QACjBV,IAAI,EAAC,WAAW;QAChBiF,IAAI,EAAC,IAAI;QACTC,QAAQ,EAAEvD,cAAe;QACzBkD,OAAO,EAAEtD,QAAS;QAAAV,QAAA,EAEjBQ;MAAU,CACL,CAAC,GACP,IAAI,EAEPC,SAAS,gBACR1B,IAAA,CAACH,MAAM;QACLiB,OAAO,EAAC,QAAQ;QAChBV,IAAI,EAAEA,IAAK;QACXiF,IAAI,EAAC,IAAI;QACTE,OAAO,EAAE1D,cAAe;QACxByD,QAAQ,EAAExD,eAAgB;QAC1BmD,OAAO,EAAEvD,SAAU;QAAAT,QAAA,EAElBO;MAAW,CACN,CAAC,GACP,IAAI;IAAA,CACJ,CAAC,GACL,IAAI;EAAA,CACJ,CACP;EAED,oBACExB,IAAA,CAACb,KAAK;IACJgC,OAAO,EAAEwB,OAAQ;IACjB6C,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,oBAAoB;IACpBC,wBAAwB;IACxBC,mBAAmB;IACnBC,cAAc,EAAEtC,YAAa;IAAA,GACzBpB,UAAU;IAAAlB,QAAA,eAEdf,KAAA,CAACb,IAAI;MACH2B,KAAK,EAAE,CACL;QACE6D,IAAI,EAAE,CAAC;QACPjB,eAAe,EAAEvD,MAAM,CAACyF,OAAO;QAC/B1B,OAAO,EAAE1B,OAAO,CAACqD,EAAE;QACnBtB,UAAU,EAAE,QAAQ;QACpBG,cAAc,EAAE;MAClB,CAAC,EACDxC,YAAY,CACZ;MAAAnB,QAAA,gBAEFjB,IAAA,CAACZ,SAAS;QACR2F,iBAAiB,EAAC,QAAQ;QAC1B/D,KAAK,EAAE;UACLgF,QAAQ,EAAE,UAAU;UACpBC,GAAG,EAAE,CAAC;UACNC,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE,CAAC;UACTC,IAAI,EAAE;QACR,CAAE;QACFnB,OAAO,EAAEzB;MAAoB,CAC9B,CAAC,EAEDvB,QAAQ,gBACPjC,IAAA,CAACV,QAAQ,CAACD,IAAI;QACZ2B,KAAK,EAAE,CACL;UACE0C,KAAK,EAAE,MAAM;UACbC,QAAQ,EAAE;QACZ,CAAC,EACDT,aAAa,CACb;QAAAjC,QAAA,EAEDwC;MAAM,CACM,CAAC,GAEhBA,MACD;IAAA,CACG;EAAC,CACF,CAAC;AAEZ","ignoreList":[]}