@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/popover/index.cjs

@@ -0,0 +1,251 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var motion = require('@legendapp/motion');
+var creator = require('@gluestack-ui/core/popover/creator');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var nativewind = require('nativewind');
+
+const AnimatedPressable = motion.createMotionAnimatedComponent(
+  reactNative.Pressable
+);
+const SCOPE = "POPOVER";
+const MotionView = motion.Motion.View;
+const UIPopover = creator.createPopover({
+  Root: nativewindUtils.withStyleContext(reactNative.View, SCOPE),
+  Arrow: MotionView,
+  Backdrop: AnimatedPressable,
+  Body: reactNative.ScrollView,
+  CloseButton: reactNative.Pressable,
+  Content: MotionView,
+  Footer: reactNative.View,
+  Header: reactNative.View,
+  AnimatePresence: motion.AnimatePresence
+});
+nativewind.cssInterop(MotionView, { className: "style" });
+nativewind.cssInterop(AnimatedPressable, { className: "style" });
+const popoverStyle = nativewindUtils.tva({
+  base: "group/popover w-full h-full justify-center items-center web:pointer-events-none",
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: "",
+      full: ""
+    }
+  }
+});
+const popoverArrowStyle = nativewindUtils.tva({
+  base: "bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100",
+  variants: {
+    placement: {
+      "top left": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "top": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "top right": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "bottom": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "bottom left": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "bottom right": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "left": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "left top": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "left bottom": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "right": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0",
+      "right top": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0",
+      "right bottom": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0"
+    }
+  }
+});
+const popoverBackdropStyle = nativewindUtils.tva({
+  base: "absolute left-0 top-0 right-0 bottom-0 web:cursor-default"
+});
+const popoverCloseButtonStyle = nativewindUtils.tva({
+  base: "group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer"
+});
+const popoverContentStyle = nativewindUtils.tva({
+  base: "bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full",
+  parentVariants: {
+    size: {
+      xs: "max-w-[360px] p-3.5",
+      sm: "max-w-[420px] p-4",
+      md: "max-w-[510px] p-[18px]",
+      lg: "max-w-[640px] p-5",
+      full: "p-6"
+    }
+  }
+});
+const popoverHeaderStyle = nativewindUtils.tva({
+  base: "flex-row justify-between items-center"
+});
+const popoverBodyStyle = nativewindUtils.tva({
+  base: ""
+});
+const popoverFooterStyle = nativewindUtils.tva({
+  base: "flex-row justify-between items-center"
+});
+const Popover = React.forwardRef(function Popover2({ className, size = "md", placement = "bottom", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover,
+    {
+      ref,
+      placement,
+      ...props,
+      className: popoverStyle({ size, class: className }),
+      context: { size, placement },
+      pointerEvents: "box-none"
+    }
+  );
+});
+const PopoverContent = React.forwardRef(function PopoverContent2({ className, size, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Content,
+    {
+      ref,
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 250,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      ...props,
+      className: popoverContentStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      }),
+      pointerEvents: "auto"
+    }
+  );
+});
+const PopoverArrow = React.forwardRef(function PopoverArrow2({ className, ...props }, ref) {
+  const { placement } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Arrow,
+    {
+      ref,
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 250,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      ...props,
+      className: popoverArrowStyle({
+        class: className,
+        placement
+      })
+    }
+  );
+});
+const PopoverBackdrop = React.forwardRef(function PopoverBackdrop2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Backdrop,
+    {
+      ref,
+      ...props,
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 0.1
+      },
+      exit: {
+        opacity: 0
+      },
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 450,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      className: popoverBackdropStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverBody = React.forwardRef(function PopoverBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Body,
+    {
+      ref,
+      ...props,
+      className: popoverBodyStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverCloseButton = React.forwardRef(function PopoverCloseButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.CloseButton,
+    {
+      ref,
+      ...props,
+      className: popoverCloseButtonStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverFooter = React.forwardRef(function PopoverFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Footer,
+    {
+      ref,
+      ...props,
+      className: popoverFooterStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverHeader = React.forwardRef(function PopoverHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPopover.Header,
+    {
+      ref,
+      ...props,
+      className: popoverHeaderStyle({
+        class: className
+      })
+    }
+  );
+});
+Popover.displayName = "Popover";
+PopoverArrow.displayName = "PopoverArrow";
+PopoverBackdrop.displayName = "PopoverBackdrop";
+PopoverContent.displayName = "PopoverContent";
+PopoverHeader.displayName = "PopoverHeader";
+PopoverFooter.displayName = "PopoverFooter";
+PopoverBody.displayName = "PopoverBody";
+PopoverCloseButton.displayName = "PopoverCloseButton";
+
+exports.Popover = Popover;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverBackdrop = PopoverBackdrop;
+exports.PopoverBody = PopoverBody;
+exports.PopoverCloseButton = PopoverCloseButton;
+exports.PopoverContent = PopoverContent;
+exports.PopoverFooter = PopoverFooter;
+exports.PopoverHeader = PopoverHeader;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/popover/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/popover/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { View, Pressable, ScrollView, ViewStyle } from 'react-native';\nimport {\n  Motion,\n  createMotionAnimatedComponent,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport { createPopover } from '@gluestack-ui/core/popover/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\nconst AnimatedPressable = createMotionAnimatedComponent(\n  Pressable\n) as React.ComponentType<IAnimatedPressableProps>;\n\nconst SCOPE = 'POPOVER';\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nconst UIPopover = createPopover({\n  Root: withStyleContext(View, SCOPE),\n  Arrow: MotionView,\n  Backdrop: AnimatedPressable,\n  Body: ScrollView,\n  CloseButton: Pressable,\n  Content: MotionView,\n  Footer: View,\n  Header: View,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(MotionView, { className: 'style' });\ncssInterop(AnimatedPressable, { className: 'style' });\n\nconst popoverStyle = tva({\n  base: 'group/popover w-full h-full justify-center items-center web:pointer-events-none',\n  variants: {\n    size: {\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      full: '',\n    },\n  },\n});\n\nconst popoverArrowStyle = tva({\n  base: 'bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100',\n  variants: {\n    placement: {\n      'top left':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'top':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'top right':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'bottom':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'bottom left':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'bottom right':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'left':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'left top':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'left bottom':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'right':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n      'right top':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n      'right bottom':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n    },\n  },\n});\n\nconst popoverBackdropStyle = tva({\n  base: 'absolute left-0 top-0 right-0 bottom-0 web:cursor-default',\n});\n\nconst popoverCloseButtonStyle = tva({\n  base: 'group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer',\n});\n\nconst popoverContentStyle = tva({\n  base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full',\n  parentVariants: {\n    size: {\n      xs: 'max-w-[360px] p-3.5',\n      sm: 'max-w-[420px] p-4',\n      md: 'max-w-[510px] p-[18px]',\n      lg: 'max-w-[640px] p-5',\n      full: 'p-6',\n    },\n  },\n});\n\nconst popoverHeaderStyle = tva({\n  base: 'flex-row justify-between items-center',\n});\n\nconst popoverBodyStyle = tva({\n  base: '',\n});\n\nconst popoverFooterStyle = tva({\n  base: 'flex-row justify-between items-center',\n});\n\nexport type IPopoverProps = React.ComponentProps<typeof UIPopover> &\n  VariantProps<typeof popoverStyle> & { className?: string };\n\nexport type IPopoverArrowProps = React.ComponentProps<typeof UIPopover.Arrow> &\n  VariantProps<typeof popoverArrowStyle> & { className?: string };\n\nexport type IPopoverContentProps = React.ComponentProps<typeof UIPopover.Content> &\n  VariantProps<typeof popoverContentStyle> & { className?: string };\n\nexport type IPopoverHeaderProps = React.ComponentProps<typeof UIPopover.Header> &\n  VariantProps<typeof popoverHeaderStyle> & { className?: string };\n\nexport type IPopoverFooterProps = React.ComponentProps<typeof UIPopover.Footer> &\n  VariantProps<typeof popoverFooterStyle> & { className?: string };\n\nexport type IPopoverBodyProps = React.ComponentProps<typeof UIPopover.Body> &\n  VariantProps<typeof popoverBodyStyle> & { className?: string };\n\nexport type IPopoverBackdropProps = React.ComponentProps<typeof UIPopover.Backdrop> &\n  VariantProps<typeof popoverBackdropStyle> & { className?: string };\n\nexport type IPopoverCloseButtonProps = React.ComponentProps<\n  typeof UIPopover.CloseButton\n> &\n  VariantProps<typeof popoverCloseButtonStyle> & { className?: string };\n\nconst Popover = React.forwardRef<\n  React.ComponentRef<typeof UIPopover>,\n  IPopoverProps\n>(function Popover(\n  { className, size = 'md', placement = 'bottom', ...props },\n  ref\n) {\n  return (\n    <UIPopover\n      ref={ref}\n      placement={placement}\n      {...props}\n      className={popoverStyle({ size, class: className })}\n      context={{ size, placement }}\n      pointerEvents=\"box-none\"\n    />\n  );\n});\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Content>,\n  IPopoverContentProps\n>(function PopoverContent({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIPopover.Content\n      ref={ref}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      {...props}\n      className={popoverContentStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n      pointerEvents=\"auto\"\n    />\n  );\n});\n\nconst PopoverArrow = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Arrow>,\n  IPopoverArrowProps\n>(function PopoverArrow({ className, ...props }, ref) {\n  const { placement } = useStyleContext(SCOPE);\n  return (\n    <UIPopover.Arrow\n      ref={ref}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      {...props}\n      className={popoverArrowStyle({\n        class: className,\n        placement,\n      })}\n    />\n  );\n});\n\nconst PopoverBackdrop = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Backdrop>,\n  IPopoverBackdropProps\n>(function PopoverBackdrop({ className, ...props }, ref) {\n  return (\n    <UIPopover.Backdrop\n      ref={ref}\n      {...props}\n      initial={{\n        opacity: 0,\n      }}\n      animate={{\n        opacity: 0.1,\n      }}\n      exit={{\n        opacity: 0,\n      }}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 450,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      className={popoverBackdropStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverBody = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Body>,\n  IPopoverBodyProps\n>(function PopoverBody({ className, ...props }, ref) {\n  return (\n    <UIPopover.Body\n      ref={ref}\n      {...props}\n      className={popoverBodyStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverCloseButton = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.CloseButton>,\n  IPopoverCloseButtonProps\n>(function PopoverCloseButton({ className, ...props }, ref) {\n  return (\n    <UIPopover.CloseButton\n      ref={ref}\n      {...props}\n      className={popoverCloseButtonStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverFooter = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Footer>,\n  IPopoverFooterProps\n>(function PopoverFooter({ className, ...props }, ref) {\n  return (\n    <UIPopover.Footer\n      ref={ref}\n      {...props}\n      className={popoverFooterStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverHeader = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Header>,\n  IPopoverHeaderProps\n>(function PopoverHeader({ className, ...props }, ref) {\n  return (\n    <UIPopover.Header\n      ref={ref}\n      {...props}\n      className={popoverHeaderStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nPopover.displayName = 'Popover';\nPopoverArrow.displayName = 'PopoverArrow';\nPopoverBackdrop.displayName = 'PopoverBackdrop';\nPopoverContent.displayName = 'PopoverContent';\nPopoverHeader.displayName = 'PopoverHeader';\nPopoverFooter.displayName = 'PopoverFooter';\nPopoverBody.displayName = 'PopoverBody';\nPopoverCloseButton.displayName = 'PopoverCloseButton';\n\nexport {\n  Popover,\n  PopoverBackdrop,\n  PopoverArrow,\n  PopoverCloseButton,\n  PopoverFooter,\n  PopoverHeader,\n  PopoverBody,\n  PopoverContent,\n};\n"],"names":["createMotionAnimatedComponent","Pressable","Motion","createPopover","withStyleContext","View","ScrollView","AnimatePresence","cssInterop","tva","Popover","jsx","PopoverContent","useStyleContext","PopoverArrow","PopoverBackdrop","PopoverBody","PopoverCloseButton","PopoverFooter","PopoverHeader"],"mappings":"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"}

package/apps/mobile/src/ui/popover/index.js

@@ -0,0 +1,242 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Pressable, View, ScrollView } from 'react-native';
+import { createMotionAnimatedComponent, Motion, AnimatePresence } from '@legendapp/motion';
+import { createPopover } from '@gluestack-ui/core/popover/creator';
+import { withStyleContext, tva, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+
+const AnimatedPressable = createMotionAnimatedComponent(
+  Pressable
+);
+const SCOPE = "POPOVER";
+const MotionView = Motion.View;
+const UIPopover = createPopover({
+  Root: withStyleContext(View, SCOPE),
+  Arrow: MotionView,
+  Backdrop: AnimatedPressable,
+  Body: ScrollView,
+  CloseButton: Pressable,
+  Content: MotionView,
+  Footer: View,
+  Header: View,
+  AnimatePresence
+});
+cssInterop(MotionView, { className: "style" });
+cssInterop(AnimatedPressable, { className: "style" });
+const popoverStyle = tva({
+  base: "group/popover w-full h-full justify-center items-center web:pointer-events-none",
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: "",
+      full: ""
+    }
+  }
+});
+const popoverArrowStyle = tva({
+  base: "bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100",
+  variants: {
+    placement: {
+      "top left": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "top": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "top right": "data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0",
+      "bottom": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "bottom left": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "bottom right": "data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0",
+      "left": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "left top": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "left bottom": "data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0",
+      "right": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0",
+      "right top": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0",
+      "right bottom": "data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0"
+    }
+  }
+});
+const popoverBackdropStyle = tva({
+  base: "absolute left-0 top-0 right-0 bottom-0 web:cursor-default"
+});
+const popoverCloseButtonStyle = tva({
+  base: "group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer"
+});
+const popoverContentStyle = tva({
+  base: "bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full",
+  parentVariants: {
+    size: {
+      xs: "max-w-[360px] p-3.5",
+      sm: "max-w-[420px] p-4",
+      md: "max-w-[510px] p-[18px]",
+      lg: "max-w-[640px] p-5",
+      full: "p-6"
+    }
+  }
+});
+const popoverHeaderStyle = tva({
+  base: "flex-row justify-between items-center"
+});
+const popoverBodyStyle = tva({
+  base: ""
+});
+const popoverFooterStyle = tva({
+  base: "flex-row justify-between items-center"
+});
+const Popover = React.forwardRef(function Popover2({ className, size = "md", placement = "bottom", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover,
+    {
+      ref,
+      placement,
+      ...props,
+      className: popoverStyle({ size, class: className }),
+      context: { size, placement },
+      pointerEvents: "box-none"
+    }
+  );
+});
+const PopoverContent = React.forwardRef(function PopoverContent2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIPopover.Content,
+    {
+      ref,
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 250,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      ...props,
+      className: popoverContentStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      }),
+      pointerEvents: "auto"
+    }
+  );
+});
+const PopoverArrow = React.forwardRef(function PopoverArrow2({ className, ...props }, ref) {
+  const { placement } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIPopover.Arrow,
+    {
+      ref,
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 250,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      ...props,
+      className: popoverArrowStyle({
+        class: className,
+        placement
+      })
+    }
+  );
+});
+const PopoverBackdrop = React.forwardRef(function PopoverBackdrop2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover.Backdrop,
+    {
+      ref,
+      ...props,
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 0.1
+      },
+      exit: {
+        opacity: 0
+      },
+      transition: {
+        type: "spring",
+        damping: 18,
+        stiffness: 450,
+        mass: 0.9,
+        opacity: {
+          type: "timing",
+          duration: 50,
+          delay: 50
+        }
+      },
+      className: popoverBackdropStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverBody = React.forwardRef(function PopoverBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover.Body,
+    {
+      ref,
+      ...props,
+      className: popoverBodyStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverCloseButton = React.forwardRef(function PopoverCloseButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover.CloseButton,
+    {
+      ref,
+      ...props,
+      className: popoverCloseButtonStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverFooter = React.forwardRef(function PopoverFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover.Footer,
+    {
+      ref,
+      ...props,
+      className: popoverFooterStyle({
+        class: className
+      })
+    }
+  );
+});
+const PopoverHeader = React.forwardRef(function PopoverHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIPopover.Header,
+    {
+      ref,
+      ...props,
+      className: popoverHeaderStyle({
+        class: className
+      })
+    }
+  );
+});
+Popover.displayName = "Popover";
+PopoverArrow.displayName = "PopoverArrow";
+PopoverBackdrop.displayName = "PopoverBackdrop";
+PopoverContent.displayName = "PopoverContent";
+PopoverHeader.displayName = "PopoverHeader";
+PopoverFooter.displayName = "PopoverFooter";
+PopoverBody.displayName = "PopoverBody";
+PopoverCloseButton.displayName = "PopoverCloseButton";
+
+export { Popover, PopoverArrow, PopoverBackdrop, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/popover/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { View, Pressable, ScrollView, ViewStyle } from 'react-native';\nimport {\n  Motion,\n  createMotionAnimatedComponent,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport { createPopover } from '@gluestack-ui/core/popover/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\nconst AnimatedPressable = createMotionAnimatedComponent(\n  Pressable\n) as React.ComponentType<IAnimatedPressableProps>;\n\nconst SCOPE = 'POPOVER';\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nconst UIPopover = createPopover({\n  Root: withStyleContext(View, SCOPE),\n  Arrow: MotionView,\n  Backdrop: AnimatedPressable,\n  Body: ScrollView,\n  CloseButton: Pressable,\n  Content: MotionView,\n  Footer: View,\n  Header: View,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(MotionView, { className: 'style' });\ncssInterop(AnimatedPressable, { className: 'style' });\n\nconst popoverStyle = tva({\n  base: 'group/popover w-full h-full justify-center items-center web:pointer-events-none',\n  variants: {\n    size: {\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      full: '',\n    },\n  },\n});\n\nconst popoverArrowStyle = tva({\n  base: 'bg-background-0 z-[1] border absolute overflow-hidden h-3.5 w-3.5 border-outline-100',\n  variants: {\n    placement: {\n      'top left':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'top':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'top right':\n        'data-[flip=false]:border-t-0 data-[flip=false]:border-l-0 data-[flip=true]:border-b-0 data-[flip=true]:border-r-0',\n      'bottom':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'bottom left':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'bottom right':\n        'data-[flip=false]:border-b-0 data-[flip=false]:border-r-0 data-[flip=true]:border-t-0 data-[flip=true]:border-l-0',\n      'left':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'left top':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'left bottom':\n        'data-[flip=false]:border-l-0 data-[flip=false]:border-b-0 data-[flip=true]:border-r-0 data-[flip=true]:border-t-0',\n      'right':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n      'right top':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n      'right bottom':\n        'data-[flip=false]:border-r-0 data-[flip=false]:border-t-0 data-[flip=true]:border-l-0 data-[flip=true]:border-b-0',\n    },\n  },\n});\n\nconst popoverBackdropStyle = tva({\n  base: 'absolute left-0 top-0 right-0 bottom-0 web:cursor-default',\n});\n\nconst popoverCloseButtonStyle = tva({\n  base: 'group/popover-close-button z-[1] rounded-sm data-[focus-visible=true]:web:bg-background-100 web:outline-0 web:cursor-pointer',\n});\n\nconst popoverContentStyle = tva({\n  base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 w-full',\n  parentVariants: {\n    size: {\n      xs: 'max-w-[360px] p-3.5',\n      sm: 'max-w-[420px] p-4',\n      md: 'max-w-[510px] p-[18px]',\n      lg: 'max-w-[640px] p-5',\n      full: 'p-6',\n    },\n  },\n});\n\nconst popoverHeaderStyle = tva({\n  base: 'flex-row justify-between items-center',\n});\n\nconst popoverBodyStyle = tva({\n  base: '',\n});\n\nconst popoverFooterStyle = tva({\n  base: 'flex-row justify-between items-center',\n});\n\nexport type IPopoverProps = React.ComponentProps<typeof UIPopover> &\n  VariantProps<typeof popoverStyle> & { className?: string };\n\nexport type IPopoverArrowProps = React.ComponentProps<typeof UIPopover.Arrow> &\n  VariantProps<typeof popoverArrowStyle> & { className?: string };\n\nexport type IPopoverContentProps = React.ComponentProps<typeof UIPopover.Content> &\n  VariantProps<typeof popoverContentStyle> & { className?: string };\n\nexport type IPopoverHeaderProps = React.ComponentProps<typeof UIPopover.Header> &\n  VariantProps<typeof popoverHeaderStyle> & { className?: string };\n\nexport type IPopoverFooterProps = React.ComponentProps<typeof UIPopover.Footer> &\n  VariantProps<typeof popoverFooterStyle> & { className?: string };\n\nexport type IPopoverBodyProps = React.ComponentProps<typeof UIPopover.Body> &\n  VariantProps<typeof popoverBodyStyle> & { className?: string };\n\nexport type IPopoverBackdropProps = React.ComponentProps<typeof UIPopover.Backdrop> &\n  VariantProps<typeof popoverBackdropStyle> & { className?: string };\n\nexport type IPopoverCloseButtonProps = React.ComponentProps<\n  typeof UIPopover.CloseButton\n> &\n  VariantProps<typeof popoverCloseButtonStyle> & { className?: string };\n\nconst Popover = React.forwardRef<\n  React.ComponentRef<typeof UIPopover>,\n  IPopoverProps\n>(function Popover(\n  { className, size = 'md', placement = 'bottom', ...props },\n  ref\n) {\n  return (\n    <UIPopover\n      ref={ref}\n      placement={placement}\n      {...props}\n      className={popoverStyle({ size, class: className })}\n      context={{ size, placement }}\n      pointerEvents=\"box-none\"\n    />\n  );\n});\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Content>,\n  IPopoverContentProps\n>(function PopoverContent({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIPopover.Content\n      ref={ref}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      {...props}\n      className={popoverContentStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n      pointerEvents=\"auto\"\n    />\n  );\n});\n\nconst PopoverArrow = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Arrow>,\n  IPopoverArrowProps\n>(function PopoverArrow({ className, ...props }, ref) {\n  const { placement } = useStyleContext(SCOPE);\n  return (\n    <UIPopover.Arrow\n      ref={ref}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      {...props}\n      className={popoverArrowStyle({\n        class: className,\n        placement,\n      })}\n    />\n  );\n});\n\nconst PopoverBackdrop = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Backdrop>,\n  IPopoverBackdropProps\n>(function PopoverBackdrop({ className, ...props }, ref) {\n  return (\n    <UIPopover.Backdrop\n      ref={ref}\n      {...props}\n      initial={{\n        opacity: 0,\n      }}\n      animate={{\n        opacity: 0.1,\n      }}\n      exit={{\n        opacity: 0,\n      }}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 450,\n        mass: 0.9,\n        opacity: {\n          type: 'timing',\n          duration: 50,\n          delay: 50,\n        },\n      }}\n      className={popoverBackdropStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverBody = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Body>,\n  IPopoverBodyProps\n>(function PopoverBody({ className, ...props }, ref) {\n  return (\n    <UIPopover.Body\n      ref={ref}\n      {...props}\n      className={popoverBodyStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverCloseButton = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.CloseButton>,\n  IPopoverCloseButtonProps\n>(function PopoverCloseButton({ className, ...props }, ref) {\n  return (\n    <UIPopover.CloseButton\n      ref={ref}\n      {...props}\n      className={popoverCloseButtonStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverFooter = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Footer>,\n  IPopoverFooterProps\n>(function PopoverFooter({ className, ...props }, ref) {\n  return (\n    <UIPopover.Footer\n      ref={ref}\n      {...props}\n      className={popoverFooterStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst PopoverHeader = React.forwardRef<\n  React.ComponentRef<typeof UIPopover.Header>,\n  IPopoverHeaderProps\n>(function PopoverHeader({ className, ...props }, ref) {\n  return (\n    <UIPopover.Header\n      ref={ref}\n      {...props}\n      className={popoverHeaderStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nPopover.displayName = 'Popover';\nPopoverArrow.displayName = 'PopoverArrow';\nPopoverBackdrop.displayName = 'PopoverBackdrop';\nPopoverContent.displayName = 'PopoverContent';\nPopoverHeader.displayName = 'PopoverHeader';\nPopoverFooter.displayName = 'PopoverFooter';\nPopoverBody.displayName = 'PopoverBody';\nPopoverCloseButton.displayName = 'PopoverCloseButton';\n\nexport {\n  Popover,\n  PopoverBackdrop,\n  PopoverArrow,\n  PopoverCloseButton,\n  PopoverFooter,\n  PopoverHeader,\n  PopoverBody,\n  PopoverContent,\n};\n"],"names":["Popover","PopoverContent","PopoverArrow","PopoverBackdrop","PopoverBody","PopoverCloseButton","PopoverFooter","PopoverHeader"],"mappings":"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"}

package/apps/mobile/src/ui/portal/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/overlay/creator');
+var nativewind = require('nativewind');
+
+nativewind.cssInterop(creator.Overlay, { className: "style" });
+const Portal = React.forwardRef(function Portal2({ ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(creator.Overlay, { ...props, ref });
+});
+Portal.displayName = "Portal";
+
+exports.Portal = Portal;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/portal/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/portal/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Overlay } from '@gluestack-ui/core/overlay/creator';\nimport { cssInterop } from 'nativewind';\n\ncssInterop(Overlay, { className: 'style' });\n\nconst Portal = React.forwardRef<\n  React.ComponentRef<typeof Overlay>,\n  React.ComponentProps<typeof Overlay>\n>(function Portal({ ...props }, ref) {\n  return <Overlay {...props} ref={ref} />;\n});\n\nPortal.displayName = 'Portal';\n\nexport { Portal };\n"],"names":["cssInterop","Overlay","Portal","jsx"],"mappings":";;;;;;;AAKAA,qBAAA,CAAWC,eAAA,EAAS,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAE1C,MAAM,MAAA,GAAS,MAAM,UAAA,CAGnB,SAASC,QAAO,EAAE,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACnC,EAAA,uBAAOC,cAAA,CAACF,eAAA,EAAA,EAAS,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACvC,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/apps/mobile/src/ui/portal/index.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Overlay } from '@gluestack-ui/core/overlay/creator';
+import { cssInterop } from 'nativewind';
+
+cssInterop(Overlay, { className: "style" });
+const Portal = React.forwardRef(function Portal2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(Overlay, { ...props, ref });
+});
+Portal.displayName = "Portal";
+
+export { Portal };
+//# sourceMappingURL=index.js.map

package/apps/mobile/src/ui/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/portal/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Overlay } from '@gluestack-ui/core/overlay/creator';\nimport { cssInterop } from 'nativewind';\n\ncssInterop(Overlay, { className: 'style' });\n\nconst Portal = React.forwardRef<\n  React.ComponentRef<typeof Overlay>,\n  React.ComponentProps<typeof Overlay>\n>(function Portal({ ...props }, ref) {\n  return <Overlay {...props} ref={ref} />;\n});\n\nPortal.displayName = 'Portal';\n\nexport { Portal };\n"],"names":["Portal"],"mappings":";;;;;AAKA,UAAA,CAAW,OAAA,EAAS,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAE1C,MAAM,MAAA,GAAS,MAAM,UAAA,CAGnB,SAASA,QAAO,EAAE,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACnC,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACvC,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/apps/mobile/src/ui/pressable/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/pressable/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const UIPressable = creator.createPressable({
+  Root: nativewindUtils.withStyleContext(reactNative.Pressable)
+});
+const pressableStyle = nativewindUtils.tva({
+  base: "data-[focus-visible=true]:outline-none data-[focus-visible=true]:ring-indicator-info data-[focus-visible=true]:ring-2 data-[disabled=true]:opacity-40"
+});
+const Pressable = React.forwardRef(function Pressable2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIPressable,
+    {
+      ...props,
+      ref,
+      className: pressableStyle({
+        class: className
+      })
+    }
+  );
+});
+Pressable.displayName = "Pressable";
+
+exports.Pressable = Pressable;
+//# sourceMappingURL=index.cjs.map

package/apps/mobile/src/ui/pressable/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/pressable/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createPressable } from '@gluestack-ui/core/pressable/creator';\nimport { Pressable as RNPressable } from 'react-native';\n\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst UIPressable = createPressable({\n  Root: withStyleContext(RNPressable),\n});\n\nconst pressableStyle = tva({\n  base: 'data-[focus-visible=true]:outline-none data-[focus-visible=true]:ring-indicator-info data-[focus-visible=true]:ring-2 data-[disabled=true]:opacity-40',\n});\n\nexport type IPressableProps = Omit<\n  React.ComponentProps<typeof UIPressable>,\n  'context'\n> &\n  VariantProps<typeof pressableStyle>;\nconst Pressable = React.forwardRef<\n  React.ComponentRef<typeof UIPressable>,\n  IPressableProps\n>(function Pressable({ className, ...props }, ref) {\n  return (\n    <UIPressable\n      {...props}\n      ref={ref}\n      className={pressableStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nPressable.displayName = 'Pressable';\nexport { Pressable };\n"],"names":["createPressable","withStyleContext","RNPressable","tva","Pressable","jsx"],"mappings":";;;;;;;;AASA,MAAM,cAAcA,uBAAA,CAAgB;AAAA,EAClC,IAAA,EAAMC,iCAAiBC,qBAAW;AACpC,CAAC,CAAA;AAED,MAAM,iBAAiBC,mBAAA,CAAI;AAAA,EACzB,IAAA,EAAM;AACR,CAAC,CAAA;AAOD,MAAM,SAAA,GAAY,KAAA,CAAM,UAAA,CAGtB,SAASC,UAAAA,CAAU,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACjD,EAAA,uBACEC,cAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MACA,WAAW,cAAA,CAAe;AAAA,QACxB,KAAA,EAAO;AAAA,OACR;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}