@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,196 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { createToastHook } from '@gluestack-ui/core/toast/creator';
+import { View, AccessibilityInfo, Text } from 'react-native';
+import { tva, withStyleContext, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import { Motion, AnimatePresence } from '@legendapp/motion';
+
+const MotionView = Motion.View;
+createToastHook(MotionView, AnimatePresence);
+const SCOPE = "TOAST";
+cssInterop(MotionView, { className: "style" });
+const toastStyle = tva({
+  base: "p-4 m-1 rounded-md gap-1 web:pointer-events-auto shadow-hard-5 border-outline-100",
+  variants: {
+    action: {
+      error: "bg-error-800",
+      warning: "bg-warning-700",
+      success: "bg-success-700",
+      info: "bg-info-700",
+      muted: "bg-background-800"
+    },
+    variant: {
+      solid: "",
+      outline: "border bg-background-0"
+    }
+  }
+});
+const toastTitleStyle = tva({
+  base: "text-typography-0 font-medium font-body tracking-md text-left",
+  variants: {
+    isTruncated: {
+      true: ""
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    }
+  },
+  parentVariants: {
+    variant: {
+      solid: "",
+      outline: ""
+    },
+    action: {
+      error: "",
+      warning: "",
+      success: "",
+      info: "",
+      muted: ""
+    }
+  },
+  parentCompoundVariants: [
+    {
+      variant: "outline",
+      action: "error",
+      class: "text-error-800"
+    },
+    {
+      variant: "outline",
+      action: "warning",
+      class: "text-warning-800"
+    },
+    {
+      variant: "outline",
+      action: "success",
+      class: "text-success-800"
+    },
+    {
+      variant: "outline",
+      action: "info",
+      class: "text-info-800"
+    },
+    {
+      variant: "outline",
+      action: "muted",
+      class: "text-background-800"
+    }
+  ]
+});
+const toastDescriptionStyle = tva({
+  base: "font-normal font-body tracking-md text-left",
+  variants: {
+    isTruncated: {
+      true: ""
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    }
+  },
+  parentVariants: {
+    variant: {
+      solid: "text-typography-50",
+      outline: "text-typography-900"
+    }
+  }
+});
+const Root = withStyleContext(View, SCOPE);
+const Toast = React.forwardRef(
+  function Toast2({ className, variant = "solid", action = "muted", ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Root,
+      {
+        ref,
+        className: toastStyle({ variant, action, class: className }),
+        context: { variant, action },
+        ...props
+      }
+    );
+  }
+);
+const ToastTitle = React.forwardRef(function ToastTitle2({ className, size = "md", children, ...props }, ref) {
+  const { variant: parentVariant, action: parentAction } = useStyleContext(SCOPE);
+  React.useEffect(() => {
+    AccessibilityInfo.announceForAccessibility(children);
+  }, [children]);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...props,
+      ref,
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      role: "alert",
+      className: toastTitleStyle({
+        size,
+        class: className,
+        parentVariants: {
+          variant: parentVariant,
+          action: parentAction
+        }
+      }),
+      children
+    }
+  );
+});
+const ToastDescription = React.forwardRef(function ToastDescription2({ className, size = "md", ...props }, ref) {
+  const { variant: parentVariant } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ref,
+      ...props,
+      className: toastDescriptionStyle({
+        size,
+        class: className,
+        parentVariants: {
+          variant: parentVariant
+        }
+      })
+    }
+  );
+});
+Toast.displayName = "Toast";
+ToastTitle.displayName = "ToastTitle";
+ToastDescription.displayName = "ToastDescription";
+
+export { Toast, ToastDescription, ToastTitle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/toast/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createToastHook } from '@gluestack-ui/core/toast/creator';\nimport { AccessibilityInfo, Text, View, ViewStyle } from 'react-native';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport {\n  Motion,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nconst useToast = createToastHook(MotionView, AnimatePresence);\nconst SCOPE = 'TOAST';\n\ncssInterop(MotionView, { className: 'style' });\n\nconst toastStyle = tva({\n  base: 'p-4 m-1 rounded-md gap-1 web:pointer-events-auto shadow-hard-5 border-outline-100',\n  variants: {\n    action: {\n      error: 'bg-error-800',\n      warning: 'bg-warning-700',\n      success: 'bg-success-700',\n      info: 'bg-info-700',\n      muted: 'bg-background-800',\n    },\n\n    variant: {\n      solid: '',\n      outline: 'border bg-background-0',\n    },\n  },\n});\n\nconst toastTitleStyle = tva({\n  base: 'text-typography-0 font-medium font-body tracking-md text-left',\n  variants: {\n    isTruncated: {\n      true: '',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n  },\n  parentVariants: {\n    variant: {\n      solid: '',\n      outline: '',\n    },\n    action: {\n      error: '',\n      warning: '',\n      success: '',\n      info: '',\n      muted: '',\n    },\n  },\n  parentCompoundVariants: [\n    {\n      variant: 'outline',\n      action: 'error',\n      class: 'text-error-800',\n    },\n    {\n      variant: 'outline',\n      action: 'warning',\n      class: 'text-warning-800',\n    },\n    {\n      variant: 'outline',\n      action: 'success',\n      class: 'text-success-800',\n    },\n    {\n      variant: 'outline',\n      action: 'info',\n      class: 'text-info-800',\n    },\n    {\n      variant: 'outline',\n      action: 'muted',\n      class: 'text-background-800',\n    },\n  ],\n});\n\nconst toastDescriptionStyle = tva({\n  base: 'font-normal font-body tracking-md text-left',\n  variants: {\n    isTruncated: {\n      true: '',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n  },\n  parentVariants: {\n    variant: {\n      solid: 'text-typography-50',\n      outline: 'text-typography-900',\n    },\n  },\n});\n\nconst Root = withStyleContext(View, SCOPE);\nexport type IToastProps = React.ComponentProps<typeof Root> & {\n  className?: string;\n} & VariantProps<typeof toastStyle>;\n\nconst Toast = React.forwardRef<React.ComponentRef<typeof Root>, IToastProps>(\n  function Toast(\n    { className, variant = 'solid', action = 'muted', ...props },\n    ref\n  ) {\n    return (\n      <Root\n        ref={ref}\n        className={toastStyle({ variant, action, class: className })}\n        context={{ variant, action }}\n        {...props}\n      />\n    );\n  }\n);\n\nexport type IToastTitleProps = React.ComponentProps<typeof Text> & {\n  className?: string;\n} & VariantProps<typeof toastTitleStyle>;\n\nconst ToastTitle = React.forwardRef<\n  React.ComponentRef<typeof Text>,\n  IToastTitleProps\n>(function ToastTitle({ className, size = 'md', children, ...props }, ref) {\n  const { variant: parentVariant, action: parentAction } =\n    useStyleContext(SCOPE);\n  React.useEffect(() => {\n    // Issue from react-native side\n    // Hack for now, will fix this later\n    AccessibilityInfo.announceForAccessibility(children as string);\n  }, [children]);\n\n  return (\n    <Text\n      {...props}\n      ref={ref}\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      role=\"alert\"\n      className={toastTitleStyle({\n        size,\n        class: className,\n        parentVariants: {\n          variant: parentVariant,\n          action: parentAction,\n        },\n      })}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport type IToastDescriptionProps = React.ComponentProps<typeof Text> & {\n  className?: string;\n} & VariantProps<typeof toastDescriptionStyle>;\n\nconst ToastDescription = React.forwardRef<\n  React.ComponentRef<typeof Text>,\n  IToastDescriptionProps\n>(function ToastDescription({ className, size = 'md', ...props }, ref) {\n  const { variant: parentVariant } = useStyleContext(SCOPE);\n  return (\n    <Text\n      ref={ref}\n      {...props}\n      className={toastDescriptionStyle({\n        size,\n        class: className,\n        parentVariants: {\n          variant: parentVariant,\n        },\n      })}\n    />\n  );\n});\n\nToast.displayName = 'Toast';\nToastTitle.displayName = 'ToastTitle';\nToastDescription.displayName = 'ToastDescription';\n\nexport { useToast, Toast, ToastTitle, ToastDescription };\n"],"names":["Toast","ToastTitle","ToastDescription"],"mappings":"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"}

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

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/tooltip/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var motion = require('@legendapp/motion');
+var nativewind = require('nativewind');
+
+const MotionView = motion.Motion.View;
+const UITooltip = creator.createTooltip({
+  Root: nativewindUtils.withStyleContext(reactNative.View),
+  Content: MotionView,
+  Text: reactNative.Text,
+  AnimatePresence: motion.AnimatePresence
+});
+nativewind.cssInterop(MotionView, { className: "style" });
+const tooltipStyle = nativewindUtils.tva({
+  base: "w-full h-full web:pointer-events-none"
+});
+const tooltipContentStyle = nativewindUtils.tva({
+  base: "py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto"
+});
+const tooltipTextStyle = nativewindUtils.tva({
+  base: "font-normal tracking-normal web:select-none text-xs text-typography-50",
+  variants: {
+    isTruncated: {
+      true: "line-clamp-1 truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    }
+  }
+});
+const Tooltip = React.forwardRef(function Tooltip2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UITooltip,
+    {
+      ref,
+      className: tooltipStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TooltipContent = React.forwardRef(function TooltipContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UITooltip.Content,
+    {
+      ref,
+      ...props,
+      className: tooltipContentStyle({
+        class: className
+      }),
+      pointerEvents: "auto"
+    }
+  );
+});
+const TooltipText = React.forwardRef(function TooltipText2({ size, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UITooltip.Text,
+    {
+      ref,
+      className: tooltipTextStyle({ size, class: className }),
+      ...props
+    }
+  );
+});
+Tooltip.displayName = "Tooltip";
+TooltipContent.displayName = "TooltipContent";
+TooltipText.displayName = "TooltipText";
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipText = TooltipText;
+exports.UITooltip = UITooltip;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/tooltip/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createTooltip } from '@gluestack-ui/core/tooltip/creator';\nimport { View, Text, ViewStyle } from 'react-native';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  Motion,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport { cssInterop } from 'nativewind';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nexport const UITooltip = createTooltip({\n  Root: withStyleContext(View),\n  Content: MotionView,\n  Text: Text,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(MotionView, { className: 'style' });\n\nconst tooltipStyle = tva({\n  base: 'w-full h-full web:pointer-events-none',\n});\n\nconst tooltipContentStyle = tva({\n  base: 'py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto',\n});\n\nconst tooltipTextStyle = tva({\n  base: 'font-normal tracking-normal web:select-none text-xs text-typography-50',\n\n  variants: {\n    isTruncated: {\n      true: 'line-clamp-1 truncate',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow-500',\n    },\n  },\n});\n\nexport type ITooltipProps = React.ComponentProps<typeof UITooltip> &\n  VariantProps<typeof tooltipStyle> & { className?: string };\nexport type ITooltipContentProps = React.ComponentProps<typeof UITooltip.Content> &\n  VariantProps<typeof tooltipContentStyle> & { className?: string };\nexport type ITooltipTextProps = React.ComponentProps<typeof UITooltip.Text> &\n  VariantProps<typeof tooltipTextStyle> & { className?: string };\n\nconst Tooltip = React.forwardRef<\n  React.ComponentRef<typeof UITooltip>,\n  ITooltipProps\n>(function Tooltip({ className, ...props }, ref) {\n  return (\n    <UITooltip\n      ref={ref}\n      className={tooltipStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof UITooltip.Content>,\n  ITooltipContentProps & { className?: string }\n>(function TooltipContent({ className, ...props }, ref) {\n  return (\n    <UITooltip.Content\n      ref={ref}\n      {...props}\n      className={tooltipContentStyle({\n        class: className,\n      })}\n      pointerEvents=\"auto\"\n    />\n  );\n});\n\nconst TooltipText = React.forwardRef<\n  React.ComponentRef<typeof UITooltip.Text>,\n  ITooltipTextProps & { className?: string }\n>(function TooltipText({ size, className, ...props }, ref) {\n  return (\n    <UITooltip.Text\n      ref={ref}\n      className={tooltipTextStyle({ size, class: className })}\n      {...props}\n    />\n  );\n});\n\nTooltip.displayName = 'Tooltip';\nTooltipContent.displayName = 'TooltipContent';\nTooltipText.displayName = 'TooltipText';\n\nexport { Tooltip, TooltipContent, TooltipText };\n"],"names":["Motion","createTooltip","withStyleContext","View","Text","AnimatePresence","cssInterop","tva","Tooltip","jsx","TooltipContent","TooltipText"],"mappings":"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"}

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

@@ -0,0 +1,100 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { createTooltip } from '@gluestack-ui/core/tooltip/creator';
+import { Text, View } from 'react-native';
+import { withStyleContext, tva } from '@gluestack-ui/utils/nativewind-utils';
+import { Motion, AnimatePresence } from '@legendapp/motion';
+import { cssInterop } from 'nativewind';
+
+const MotionView = Motion.View;
+const UITooltip = createTooltip({
+  Root: withStyleContext(View),
+  Content: MotionView,
+  Text,
+  AnimatePresence
+});
+cssInterop(MotionView, { className: "style" });
+const tooltipStyle = tva({
+  base: "w-full h-full web:pointer-events-none"
+});
+const tooltipContentStyle = tva({
+  base: "py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto"
+});
+const tooltipTextStyle = tva({
+  base: "font-normal tracking-normal web:select-none text-xs text-typography-50",
+  variants: {
+    isTruncated: {
+      true: "line-clamp-1 truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    }
+  }
+});
+const Tooltip = React.forwardRef(function Tooltip2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UITooltip,
+    {
+      ref,
+      className: tooltipStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const TooltipContent = React.forwardRef(function TooltipContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UITooltip.Content,
+    {
+      ref,
+      ...props,
+      className: tooltipContentStyle({
+        class: className
+      }),
+      pointerEvents: "auto"
+    }
+  );
+});
+const TooltipText = React.forwardRef(function TooltipText2({ size, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UITooltip.Text,
+    {
+      ref,
+      className: tooltipTextStyle({ size, class: className }),
+      ...props
+    }
+  );
+});
+Tooltip.displayName = "Tooltip";
+TooltipContent.displayName = "TooltipContent";
+TooltipText.displayName = "TooltipText";
+
+export { Tooltip, TooltipContent, TooltipText, UITooltip };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/tooltip/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createTooltip } from '@gluestack-ui/core/tooltip/creator';\nimport { View, Text, ViewStyle } from 'react-native';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  Motion,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport { cssInterop } from 'nativewind';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nexport const UITooltip = createTooltip({\n  Root: withStyleContext(View),\n  Content: MotionView,\n  Text: Text,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(MotionView, { className: 'style' });\n\nconst tooltipStyle = tva({\n  base: 'w-full h-full web:pointer-events-none',\n});\n\nconst tooltipContentStyle = tva({\n  base: 'py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto',\n});\n\nconst tooltipTextStyle = tva({\n  base: 'font-normal tracking-normal web:select-none text-xs text-typography-50',\n\n  variants: {\n    isTruncated: {\n      true: 'line-clamp-1 truncate',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow-500',\n    },\n  },\n});\n\nexport type ITooltipProps = React.ComponentProps<typeof UITooltip> &\n  VariantProps<typeof tooltipStyle> & { className?: string };\nexport type ITooltipContentProps = React.ComponentProps<typeof UITooltip.Content> &\n  VariantProps<typeof tooltipContentStyle> & { className?: string };\nexport type ITooltipTextProps = React.ComponentProps<typeof UITooltip.Text> &\n  VariantProps<typeof tooltipTextStyle> & { className?: string };\n\nconst Tooltip = React.forwardRef<\n  React.ComponentRef<typeof UITooltip>,\n  ITooltipProps\n>(function Tooltip({ className, ...props }, ref) {\n  return (\n    <UITooltip\n      ref={ref}\n      className={tooltipStyle({ class: className })}\n      {...props}\n    />\n  );\n});\n\nconst TooltipContent = React.forwardRef<\n  React.ComponentRef<typeof UITooltip.Content>,\n  ITooltipContentProps & { className?: string }\n>(function TooltipContent({ className, ...props }, ref) {\n  return (\n    <UITooltip.Content\n      ref={ref}\n      {...props}\n      className={tooltipContentStyle({\n        class: className,\n      })}\n      pointerEvents=\"auto\"\n    />\n  );\n});\n\nconst TooltipText = React.forwardRef<\n  React.ComponentRef<typeof UITooltip.Text>,\n  ITooltipTextProps & { className?: string }\n>(function TooltipText({ size, className, ...props }, ref) {\n  return (\n    <UITooltip.Text\n      ref={ref}\n      className={tooltipTextStyle({ size, class: className })}\n      {...props}\n    />\n  );\n});\n\nTooltip.displayName = 'Tooltip';\nTooltipContent.displayName = 'TooltipContent';\nTooltipText.displayName = 'TooltipText';\n\nexport { Tooltip, TooltipContent, TooltipText };\n"],"names":["Tooltip","TooltipContent","TooltipText"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var styles = require('./styles.cjs');
+
+const VStack = React.forwardRef(
+  function VStack2({ className, space, reversed, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        className: styles.vstackStyle({
+          space,
+          reversed,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+VStack.displayName = "VStack";
+
+exports.VStack = VStack;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/vstack/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View } from 'react-native';\n\nimport { vstackStyle } from './styles';\n\nexport type IVStackProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof vstackStyle>;\n\nconst VStack = React.forwardRef<React.ComponentRef<typeof View>, IVStackProps>(\n  function VStack({ className, space, reversed, ...props }, ref) {\n    return (\n      <View\n        className={vstackStyle({\n          space,\n          reversed: reversed as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nVStack.displayName = 'VStack';\n\nexport { VStack };\n"],"names":["VStack","jsx","View","vstackStyle"],"mappings":";;;;;;;AASA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,SAASA,QAAO,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,IAAA,uBACEC,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACC,WAAWC,kBAAA,CAAY;AAAA,UACrB,KAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

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

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { View } from 'react-native';
+import { vstackStyle } from './styles.js';
+
+const VStack = React.forwardRef(
+  function VStack2({ className, space, reversed, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        className: vstackStyle({
+          space,
+          reversed,
+          class: className
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+VStack.displayName = "VStack";
+
+export { VStack };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/vstack/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { View } from 'react-native';\n\nimport { vstackStyle } from './styles';\n\nexport type IVStackProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof vstackStyle>;\n\nconst VStack = React.forwardRef<React.ComponentRef<typeof View>, IVStackProps>(\n  function VStack({ className, space, reversed, ...props }, ref) {\n    return (\n      <View\n        className={vstackStyle({\n          space,\n          reversed: reversed as boolean,\n          class: className,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nVStack.displayName = 'VStack';\n\nexport { VStack };\n"],"names":["VStack"],"mappings":";;;;;AASA,MAAM,SAAS,KAAA,CAAM,UAAA;AAAA,EACnB,SAASA,QAAO,EAAE,SAAA,EAAW,OAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,WAAA,CAAY;AAAA,UACrB,KAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,QACA,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/apps/mobile/src/ui/vstack/styles.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const baseStyle = nativewindUtils.isWeb ? "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none" : "";
+const vstackStyle = nativewindUtils.tva({
+  base: `flex-col ${baseStyle}`,
+  variants: {
+    space: {
+      "xs": "gap-1",
+      "sm": "gap-2",
+      "md": "gap-3",
+      "lg": "gap-4",
+      "xl": "gap-5",
+      "2xl": "gap-6",
+      "3xl": "gap-7",
+      "4xl": "gap-8"
+    },
+    reversed: {
+      true: "flex-col-reverse"
+    }
+  }
+});
+
+exports.vstackStyle = vstackStyle;
+//# sourceMappingURL=styles.cjs.map

package/apps/mobile/src/ui/vstack/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/vstack/styles.tsx"],"sourcesContent":["import { isWeb } from '@gluestack-ui/utils/nativewind-utils';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\n\nconst baseStyle = isWeb\n  ? 'flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none'\n  : '';\n\nexport const vstackStyle = tva({\n  base: `flex-col ${baseStyle}`,\n  variants: {\n    space: {\n      'xs': 'gap-1',\n      'sm': 'gap-2',\n      'md': 'gap-3',\n      'lg': 'gap-4',\n      'xl': 'gap-5',\n      '2xl': 'gap-6',\n      '3xl': 'gap-7',\n      '4xl': 'gap-8',\n    },\n    reversed: {\n      true: 'flex-col-reverse',\n    },\n  },\n});\n"],"names":["isWeb","tva"],"mappings":";;;;AAGA,MAAM,SAAA,GAAYA,wBACd,oIAAA,GACA,EAAA;AAEG,MAAM,cAAcC,mBAAA,CAAI;AAAA,EAC7B,IAAA,EAAM,YAAY,SAAS,CAAA,CAAA;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;;;;"}

package/apps/mobile/src/ui/vstack/styles.js

@@ -0,0 +1,24 @@
+import { tva, isWeb } from '@gluestack-ui/utils/nativewind-utils';
+
+const baseStyle = isWeb ? "flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none" : "";
+const vstackStyle = tva({
+  base: `flex-col ${baseStyle}`,
+  variants: {
+    space: {
+      "xs": "gap-1",
+      "sm": "gap-2",
+      "md": "gap-3",
+      "lg": "gap-4",
+      "xl": "gap-5",
+      "2xl": "gap-6",
+      "3xl": "gap-7",
+      "4xl": "gap-8"
+    },
+    reversed: {
+      true: "flex-col-reverse"
+    }
+  }
+});
+
+export { vstackStyle };
+//# sourceMappingURL=styles.js.map

package/apps/mobile/src/ui/vstack/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../apps/mobile/src/ui/vstack/styles.tsx"],"sourcesContent":["import { isWeb } from '@gluestack-ui/utils/nativewind-utils';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\n\nconst baseStyle = isWeb\n  ? 'flex flex-col relative z-0 box-border border-0 list-none min-w-0 min-h-0 bg-transparent items-stretch m-0 p-0 text-decoration-none'\n  : '';\n\nexport const vstackStyle = tva({\n  base: `flex-col ${baseStyle}`,\n  variants: {\n    space: {\n      'xs': 'gap-1',\n      'sm': 'gap-2',\n      'md': 'gap-3',\n      'lg': 'gap-4',\n      'xl': 'gap-5',\n      '2xl': 'gap-6',\n      '3xl': 'gap-7',\n      '4xl': 'gap-8',\n    },\n    reversed: {\n      true: 'flex-col-reverse',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAGA,MAAM,SAAA,GAAY,QACd,oIAAA,GACA,EAAA;AAEG,MAAM,cAAc,GAAA,CAAI;AAAA,EAC7B,IAAA,EAAM,YAAY,SAAS,CAAA,CAAA;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,IAAA,EAAM,OAAA;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC;;;;"}