panelui-native 0.1.0

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

@@ -0,0 +1,84 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { CheckIcon } from "../../icons/index.js";
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const checkboxVariants = tv({
+  slots: {
+    row: 'flex-row items-center gap-2.5',
+    box: 'h-5 w-5 items-center justify-center rounded-md border border-input bg-background',
+    fill: 'absolute inset-0 items-center justify-center rounded-md bg-primary',
+    label: 'text-sm text-foreground'
+  },
+  variants: {
+    disabled: {
+      true: {
+        row: 'opacity-50'
+      }
+    }
+  }
+});
+export const Checkbox = /*#__PURE__*/forwardRef(({
+  className,
+  checked,
+  onCheckedChange,
+  disabled,
+  label
+}, ref) => {
+  const progress = useSharedValue(checked ? 1 : 0);
+  const slots = checkboxVariants({
+    disabled: !!disabled
+  });
+  const checkColor = useCSSVariable('--primary-foreground');
+  useEffect(() => {
+    progress.value = checked ? withSpring(1, {
+      damping: 15,
+      stiffness: 300,
+      mass: 0.5
+    }) : withTiming(0, {
+      duration: 120
+    });
+  }, [checked, progress]);
+  const fillStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: 0.6 + progress.value * 0.4
+    }]
+  }));
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked,
+      disabled: !!disabled
+    },
+    accessibilityLabel: label,
+    disabled: disabled,
+    onPress: () => onCheckedChange?.(!checked),
+    hitSlop: 8,
+    className: slots.row({
+      className
+    }),
+    children: [/*#__PURE__*/_jsx(View, {
+      className: slots.box(),
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: fillStyle,
+        className: slots.fill(),
+        children: /*#__PURE__*/_jsx(CheckIcon, {
+          size: 12,
+          color: typeof checkColor === 'string' ? checkColor : '#fff'
+        })
+      })
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      className: slots.label(),
+      children: label
+    }) : null]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","tv","useCSSVariable","CheckIcon","Text","jsx","_jsx","jsxs","_jsxs","checkboxVariants","slots","row","box","fill","label","variants","disabled","true","Checkbox","className","checked","onCheckedChange","ref","progress","checkColor","value","damping","stiffness","mass","duration","fillStyle","opacity","transform","scale","accessibilityRole","accessibilityState","accessibilityLabel","onPress","hitSlop","children","style","size","color","displayName"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+"use strict";
+
+import { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { FadeIn, FadeOut, ZoomIn } from 'react-native-reanimated';
+import { Portal } from "../../primitives/portal.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DialogContext = /*#__PURE__*/createContext(null);
+function useDialog(component) {
+  const context = useContext(DialogContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <Dialog>`);
+  }
+  return context;
+}
+function DialogRoot({
+  children,
+  open,
+  onOpenChange,
+  defaultOpen = false
+}) {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = open !== undefined;
+  const resolvedOpen = isControlled ? open : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+  const context = useMemo(() => ({
+    open: resolvedOpen,
+    setOpen
+  }), [resolvedOpen, setOpen]);
+  return /*#__PURE__*/_jsx(DialogContext.Provider, {
+    value: context,
+    children: children
+  });
+}
+/** Wraps its child and opens the dialog on press. */
+function DialogTrigger({
+  children
+}) {
+  const {
+    setOpen
+  } = useDialog('Dialog.Trigger');
+  if (! /*#__PURE__*/isValidElement(children)) return children;
+  return /*#__PURE__*/cloneElement(children, {
+    onPress: (...args) => {
+      children.props.onPress?.(...args);
+      setOpen(true);
+    }
+  });
+}
+function DialogContent({
+  className,
+  dismissible = true,
+  children,
+  ...props
+}) {
+  const {
+    open,
+    setOpen
+  } = useDialog('Dialog.Content');
+  if (!open) return null;
+  return /*#__PURE__*/_jsx(Portal, {
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      entering: FadeIn.duration(150),
+      exiting: FadeOut.duration(150),
+      className: "absolute inset-0 items-center justify-center p-6",
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        accessibilityLabel: "Close dialog",
+        className: "absolute inset-0 bg-black/50",
+        onPress: dismissible ? () => setOpen(false) : undefined
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        entering: ZoomIn.springify().damping(18).stiffness(250).mass(0.6),
+        exiting: FadeOut.duration(120),
+        accessibilityViewIsModal: true,
+        className: cn('w-full max-w-sm gap-1.5 rounded-2xl border border-border bg-popover p-5 shadow-lg', className),
+        ...props,
+        children: children
+      })]
+    })
+  });
+}
+const DialogTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  size: "lg",
+  weight: "semibold",
+  className: cn('text-popover-foreground', className),
+  ...props
+}));
+DialogTitle.displayName = 'Dialog.Title';
+const DialogDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Text, {
+  ref: ref,
+  size: "sm",
+  muted: true,
+  className: className,
+  ...props
+}));
+DialogDescription.displayName = 'Dialog.Description';
+function DialogFooter({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('mt-4 flex-row items-center justify-end gap-2', className),
+    ...props
+  });
+}
+/** Wraps its child and closes the dialog on press. */
+function DialogClose({
+  children
+}) {
+  const {
+    setOpen
+  } = useDialog('Dialog.Close');
+  if (! /*#__PURE__*/isValidElement(children)) return children;
+  return /*#__PURE__*/cloneElement(children, {
+    onPress: (...args) => {
+      children.props.onPress?.(...args);
+      setOpen(false);
+    }
+  });
+}
+export const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Footer: DialogFooter,
+  Close: DialogClose
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cloneElement","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","View","Animated","FadeIn","FadeOut","ZoomIn","Portal","Text","cn","jsx","_jsx","jsxs","_jsxs","DialogContext","useDialog","component","context","Error","DialogRoot","children","open","onOpenChange","defaultOpen","internalOpen","setInternalOpen","isControlled","undefined","resolvedOpen","setOpen","next","Provider","value","DialogTrigger","onPress","args","props","DialogContent","className","dismissible","entering","duration","exiting","accessibilityLabel","springify","damping","stiffness","mass","accessibilityViewIsModal","DialogTitle","ref","size","weight","displayName","DialogDescription","muted","DialogFooter","DialogClose","Dialog","Object","assign","Trigger","Content","Title","Description","Footer","Close"],"sourceRoot":"../../../../src","sources":["components/dialog/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+import { forwardRef, useCallback, useState } from 'react';
+import { TextInput, View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const inputVariants = tv({
+  slots: {
+    container: 'w-full gap-1.5',
+    field: 'h-11 w-full rounded-lg border border-input bg-background px-3 text-base text-foreground',
+    label: 'text-sm font-medium text-foreground',
+    description: 'text-sm text-muted-foreground',
+    error: 'text-sm text-destructive'
+  },
+  variants: {
+    focused: {
+      true: {
+        field: 'border-ring'
+      }
+    },
+    invalid: {
+      true: {
+        field: 'border-destructive/40'
+      }
+    },
+    disabled: {
+      true: {
+        field: 'opacity-[0.64]'
+      }
+    }
+  }
+});
+export const Input = /*#__PURE__*/forwardRef(({
+  className,
+  containerClassName,
+  label,
+  description,
+  errorMessage,
+  disabled,
+  onFocus,
+  onBlur,
+  ...props
+}, ref) => {
+  const [focused, setFocused] = useState(false);
+  const placeholderColor = useCSSVariable('--muted-foreground');
+  const slots = inputVariants({
+    focused,
+    invalid: !!errorMessage,
+    disabled: !!disabled
+  });
+  const handleFocus = useCallback(event => {
+    setFocused(true);
+    onFocus?.(event);
+  }, [onFocus]);
+  const handleBlur = useCallback(event => {
+    setFocused(false);
+    onBlur?.(event);
+  }, [onBlur]);
+  return /*#__PURE__*/_jsxs(View, {
+    className: slots.container({
+      className: containerClassName
+    }),
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      className: slots.label(),
+      children: label
+    }) : null, /*#__PURE__*/_jsx(TextInput, {
+      ref: ref,
+      editable: !disabled,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      accessibilityLabel: label,
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      className: slots.field({
+        className
+      }),
+      placeholderTextColor: typeof placeholderColor === 'string' ? placeholderColor : undefined,
+      ...props
+    }), errorMessage ? /*#__PURE__*/_jsx(Text, {
+      className: slots.error(),
+      children: errorMessage
+    }) : description ? /*#__PURE__*/_jsx(Text, {
+      className: slots.description(),
+      children: description
+    }) : null]
+  });
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useState","TextInput","View","tv","useCSSVariable","Text","jsx","_jsx","jsxs","_jsxs","inputVariants","slots","container","field","label","description","error","variants","focused","true","invalid","disabled","Input","className","containerClassName","errorMessage","onFocus","onBlur","props","ref","setFocused","placeholderColor","handleFocus","event","handleBlur","children","editable","accessibilityLabel","accessibilityState","placeholderTextColor","undefined","displayName"],"sourceRoot":"../../../../src","sources":["components/input/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/radio-group/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { createContext, forwardRef, useContext, useEffect, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { cn } from "../../utils/cn.js";
+import { Text } from "../../primitives/text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RadioGroupContext = /*#__PURE__*/createContext(null);
+const RadioGroupRoot = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  onValueChange,
+  disabled,
+  children,
+  ...props
+}, ref) => {
+  const context = useMemo(() => ({
+    value,
+    onValueChange,
+    disabled
+  }), [value, onValueChange, disabled]);
+  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      accessibilityRole: "radiogroup",
+      className: cn('gap-3', className),
+      ...props,
+      children: children
+    })
+  });
+});
+RadioGroupRoot.displayName = 'RadioGroup';
+const RadioGroupItem = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  label,
+  disabled: itemDisabled,
+  children
+}, ref) => {
+  const context = useContext(RadioGroupContext);
+  if (!context) {
+    throw new Error('RadioGroup.Item must be used within a <RadioGroup>');
+  }
+  const selected = context.value === value;
+  const disabled = itemDisabled || context.disabled;
+  const progress = useSharedValue(selected ? 1 : 0);
+  useEffect(() => {
+    progress.value = selected ? withSpring(1, {
+      damping: 15,
+      stiffness: 300,
+      mass: 0.5
+    }) : withTiming(0, {
+      duration: 120
+    });
+  }, [selected, progress]);
+  const dotStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      scale: progress.value
+    }]
+  }));
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      selected,
+      disabled: !!disabled
+    },
+    accessibilityLabel: label,
+    disabled: disabled,
+    onPress: () => context.onValueChange(value),
+    hitSlop: 8,
+    className: cn('flex-row items-center gap-2.5', disabled && 'opacity-50', className),
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "h-5 w-5 items-center justify-center rounded-full border border-input bg-background",
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: dotStyle,
+        className: "h-2.5 w-2.5 rounded-full bg-primary"
+      })
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      className: "text-sm text-foreground",
+      children: label
+    }) : children]
+  });
+});
+RadioGroupItem.displayName = 'RadioGroup.Item';
+export const RadioGroup = Object.assign(RadioGroupRoot, {
+  Item: RadioGroupItem
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useMemo","Pressable","View","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","cn","Text","jsx","_jsx","jsxs","_jsxs","RadioGroupContext","RadioGroupRoot","className","value","onValueChange","disabled","children","props","ref","context","Provider","accessibilityRole","displayName","RadioGroupItem","label","itemDisabled","Error","selected","progress","damping","stiffness","mass","duration","dotStyle","opacity","transform","scale","accessibilityState","accessibilityLabel","onPress","hitSlop","style","RadioGroup","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/radio-group/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,147 @@
+"use strict";
+
+import { Children, createContext, isValidElement, useContext, useMemo, useState } from 'react';
+import { Pressable, ScrollView, View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { CheckIcon, ChevronDownIcon } from "../../icons/index.js";
+import { Text } from "../../primitives/text.js";
+import { BottomSheet } from "../bottom-sheet/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const selectVariants = tv({
+  slots: {
+    trigger: 'h-11 w-full flex-row items-center justify-between rounded-lg border border-input bg-background px-3',
+    triggerLabel: 'text-base text-foreground',
+    placeholder: 'text-base text-muted-foreground',
+    item: 'flex-row items-center justify-between rounded-lg px-3 py-3.5',
+    itemLabel: 'text-base text-foreground'
+  },
+  variants: {
+    selected: {
+      true: {
+        item: 'bg-accent',
+        itemLabel: 'font-medium'
+      }
+    },
+    disabled: {
+      true: {
+        trigger: 'opacity-50'
+      }
+    }
+  }
+});
+const SelectContext = /*#__PURE__*/createContext(null);
+/** Declarative option. Rendered inside the picker sheet. */
+function SelectItem({
+  value,
+  label
+}) {
+  const context = useContext(SelectContext);
+  if (!context) {
+    throw new Error('Select.Item must be used within a <Select>');
+  }
+  const selected = context.value === value;
+  const {
+    item,
+    itemLabel
+  } = selectVariants({
+    selected
+  });
+  const checkColor = useCSSVariable('--muted-foreground');
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      selected
+    },
+    onPress: () => context.onSelect(value),
+    className: item(),
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: itemLabel(),
+      children: label
+    }), selected ? /*#__PURE__*/_jsx(CheckIcon, {
+      size: 16,
+      color: typeof checkColor === 'string' ? checkColor : '#737373'
+    }) : null]
+  });
+}
+function SelectRoot({
+  className,
+  value,
+  onValueChange,
+  placeholder = 'Select an option',
+  title,
+  disabled,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const selectedLabel = useMemo(() => {
+    let label;
+    Children.forEach(children, child => {
+      if (/*#__PURE__*/isValidElement(child) && child.props.value === value) {
+        label = child.props.label;
+      }
+    });
+    return label;
+  }, [children, value]);
+  const context = useMemo(() => ({
+    value,
+    onSelect: next => {
+      onValueChange(next);
+      setOpen(false);
+    }
+  }), [value, onValueChange]);
+  const {
+    trigger,
+    triggerLabel,
+    placeholder: placeholderSlot
+  } = selectVariants({
+    disabled: !!disabled
+  });
+  const chevronColor = useCSSVariable('--muted-foreground');
+  return /*#__PURE__*/_jsxs(SelectContext.Provider, {
+    value: context,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: !!disabled,
+        expanded: open
+      },
+      disabled: disabled,
+      onPress: () => setOpen(true),
+      className: trigger({
+        className
+      }),
+      children: [selectedLabel ? /*#__PURE__*/_jsx(Text, {
+        className: triggerLabel(),
+        children: selectedLabel
+      }) : /*#__PURE__*/_jsx(Text, {
+        className: placeholderSlot(),
+        children: placeholder
+      }), /*#__PURE__*/_jsx(ChevronDownIcon, {
+        color: typeof chevronColor === 'string' ? chevronColor : '#737373'
+      })]
+    }), /*#__PURE__*/_jsx(BottomSheet, {
+      open: open,
+      onOpenChange: setOpen,
+      children: /*#__PURE__*/_jsxs(BottomSheet.Content, {
+        children: [title ? /*#__PURE__*/_jsx(Text, {
+          size: "lg",
+          weight: "semibold",
+          className: "mb-2 px-3",
+          children: title
+        }) : null, /*#__PURE__*/_jsx(ScrollView, {
+          bounces: false,
+          className: "max-h-96",
+          children: /*#__PURE__*/_jsx(View, {
+            className: "gap-1 pb-2",
+            children: children
+          })
+        })]
+      })
+    })]
+  });
+}
+export const Select = Object.assign(SelectRoot, {
+  Item: SelectItem
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","isValidElement","useContext","useMemo","useState","Pressable","ScrollView","View","tv","useCSSVariable","CheckIcon","ChevronDownIcon","Text","BottomSheet","jsx","_jsx","jsxs","_jsxs","selectVariants","slots","trigger","triggerLabel","placeholder","item","itemLabel","variants","selected","true","disabled","SelectContext","SelectItem","value","label","context","Error","checkColor","accessibilityRole","accessibilityState","onPress","onSelect","className","children","size","color","SelectRoot","onValueChange","title","open","setOpen","selectedLabel","forEach","child","props","next","placeholderSlot","chevronColor","Provider","expanded","onOpenChange","Content","weight","bounces","Select","Object","assign","Item"],"sourceRoot":"../../../../src","sources":["components/select/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+import { memo, useEffect } from 'react';
+import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Pulsing placeholder. Opacity animation runs on the UI thread. */
+export const Skeleton = /*#__PURE__*/memo(function Skeleton({
+  className
+}) {
+  const opacity = useSharedValue(1);
+  useEffect(() => {
+    opacity.value = withRepeat(withTiming(0.45, {
+      duration: 700
+    }), -1, true);
+    return () => cancelAnimation(opacity);
+  }, [opacity]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: animatedStyle,
+    className: cn('rounded-md bg-foreground/8', className)
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","Animated","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","cn","jsx","_jsx","Skeleton","className","opacity","value","duration","animatedStyle","View","style"],"sourceRoot":"../../../../src","sources":["components/skeleton/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,SAAS,QAAQ,OAAO;AACvC,OAAOC,QAAQ,IACbC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,EAAE,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpC;AACA,OAAO,MAAMC,QAAQ,gBAAGX,IAAI,CAAC,SAASW,QAAQA,CAAC;EAAEC;AAAyB,CAAC,EAAE;EAC3E,MAAMC,OAAO,GAAGR,cAAc,CAAC,CAAC,CAAC;EAEjCJ,SAAS,CAAC,MAAM;IACdY,OAAO,CAACC,KAAK,GAAGR,UAAU,CAACC,UAAU,CAAC,IAAI,EAAE;MAAEQ,QAAQ,EAAE;IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;IACzE,OAAO,MAAMZ,eAAe,CAACU,OAAO,CAAC;EACvC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMG,aAAa,GAAGZ,gBAAgB,CAAC,OAAO;IAC5CS,OAAO,EAAEA,OAAO,CAACC;EACnB,CAAC,CAAC,CAAC;EAEH,oBACEJ,IAAA,CAACR,QAAQ,CAACe,IAAI;IACZC,KAAK,EAAEF,aAAc;IACrBJ,SAAS,EAAEJ,EAAE,CAAC,4BAA4B,EAAEI,SAAS;EAAE,CACxD,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}