@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/alert-dialog/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createAlertDialog } from '@gluestack-ui/core/alert-dialog/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\n\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  Motion,\n  AnimatePresence,\n  createMotionAnimatedComponent,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport { View, Pressable, ScrollView, ViewStyle } from 'react-native';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\nconst SCOPE = 'ALERT_DIALOG';\n\nconst RootComponent = withStyleContext(View, SCOPE);\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\n\nconst AnimatedPressable = createMotionAnimatedComponent(\n  Pressable\n) as React.ComponentType<IAnimatedPressableProps>;\n\nconst UIAccessibleAlertDialog = createAlertDialog({\n  Root: RootComponent,\n  Body: ScrollView,\n  Content: MotionView,\n  CloseButton: Pressable,\n  Header: View,\n  Footer: View,\n  Backdrop: AnimatedPressable,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(MotionView, { className: 'style' });\ncssInterop(AnimatedPressable, { className: 'style' });\n\nconst alertDialogStyle = tva({\n  base: 'group/modal w-full h-full justify-center items-center web:pointer-events-none',\n  parentVariants: {\n    size: {\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      full: '',\n    },\n  },\n});\n\nconst alertDialogContentStyle = tva({\n  base: 'bg-background-0 rounded-lg overflow-hidden border border-outline-100 p-6',\n  parentVariants: {\n    size: {\n      xs: 'w-[60%] max-w-[360px]',\n      sm: 'w-[70%] max-w-[420px]',\n      md: 'w-[80%] max-w-[510px]',\n      lg: 'w-[90%] max-w-[640px]',\n      full: 'w-full',\n    },\n  },\n});\n\nconst alertDialogCloseButtonStyle = tva({\n  base: 'group/alert-dialog-close-button z-10 rounded-sm p-2 data-[focus-visible=true]:bg-background-100 web:cursor-pointer outline-0',\n});\n\nconst alertDialogHeaderStyle = tva({\n  base: 'justify-between items-center flex-row',\n});\n\nconst alertDialogFooterStyle = tva({\n  base: 'flex-row justify-end items-center gap-3',\n});\n\nconst alertDialogBodyStyle = tva({ base: '' });\n\nconst alertDialogBackdropStyle = tva({\n  base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default',\n});\n\nexport type IAlertDialogProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog\n> &\n  VariantProps<typeof alertDialogStyle>;\n\nexport type IAlertDialogContentProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.Content\n> &\n  VariantProps<typeof alertDialogContentStyle> & { className?: string };\n\nexport type IAlertDialogCloseButtonProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.CloseButton\n> &\n  VariantProps<typeof alertDialogCloseButtonStyle>;\n\nexport type IAlertDialogHeaderProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.Header\n> &\n  VariantProps<typeof alertDialogHeaderStyle>;\n\nexport type IAlertDialogFooterProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.Footer\n> &\n  VariantProps<typeof alertDialogFooterStyle>;\n\nexport type IAlertDialogBodyProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.Body\n> &\n  VariantProps<typeof alertDialogBodyStyle>;\n\nexport type IAlertDialogBackdropProps = React.ComponentPropsWithoutRef<\n  typeof UIAccessibleAlertDialog.Backdrop\n> &\n  VariantProps<typeof alertDialogBackdropStyle> & { className?: string };\n\nconst AlertDialog = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog>,\n  IAlertDialogProps\n>(function AlertDialog({ className, size = 'md', ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog\n      ref={ref}\n      {...props}\n      className={alertDialogStyle({ class: className })}\n      context={{ size }}\n      pointerEvents=\"box-none\"\n    />\n  );\n});\n\nconst AlertDialogContent = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.Content>,\n  IAlertDialogContentProps\n>(function AlertDialogContent({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIAccessibleAlertDialog.Content\n      pointerEvents=\"auto\"\n      ref={ref}\n      initial={{\n        scale: 0.9,\n        opacity: 0,\n      }}\n      animate={{\n        scale: 1,\n        opacity: 1,\n      }}\n      exit={{\n        scale: 0.9,\n        opacity: 0,\n      }}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        opacity: {\n          type: 'timing',\n          duration: 250,\n        },\n      }}\n      {...props}\n      className={alertDialogContentStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n    />\n  );\n});\n\nconst AlertDialogCloseButton = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.CloseButton>,\n  IAlertDialogCloseButtonProps\n>(function AlertDialogCloseButton({ className, ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog.CloseButton\n      ref={ref}\n      {...props}\n      className={alertDialogCloseButtonStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst AlertDialogHeader = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.Header>,\n  IAlertDialogHeaderProps\n>(function AlertDialogHeader({ className, ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog.Header\n      ref={ref}\n      {...props}\n      className={alertDialogHeaderStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst AlertDialogFooter = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.Footer>,\n  IAlertDialogFooterProps\n>(function AlertDialogFooter({ className, ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog.Footer\n      ref={ref}\n      {...props}\n      className={alertDialogFooterStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst AlertDialogBody = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.Body>,\n  IAlertDialogBodyProps\n>(function AlertDialogBody({ className, ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog.Body\n      ref={ref}\n      {...props}\n      className={alertDialogBodyStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nconst AlertDialogBackdrop = React.forwardRef<\n  React.ComponentRef<typeof UIAccessibleAlertDialog.Backdrop>,\n  IAlertDialogBackdropProps\n>(function AlertDialogBackdrop({ className, ...props }, ref) {\n  return (\n    <UIAccessibleAlertDialog.Backdrop\n      ref={ref}\n      initial={{\n        opacity: 0,\n      }}\n      animate={{\n        opacity: 0.5,\n      }}\n      exit={{\n        opacity: 0,\n      }}\n      transition={{\n        type: 'spring',\n        damping: 18,\n        stiffness: 250,\n        opacity: {\n          type: 'timing',\n          duration: 250,\n        },\n      }}\n      {...props}\n      className={alertDialogBackdropStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nAlertDialog.displayName = 'AlertDialog';\nAlertDialogContent.displayName = 'AlertDialogContent';\nAlertDialogCloseButton.displayName = 'AlertDialogCloseButton';\nAlertDialogHeader.displayName = 'AlertDialogHeader';\nAlertDialogFooter.displayName = 'AlertDialogFooter';\nAlertDialogBody.displayName = 'AlertDialogBody';\nAlertDialogBackdrop.displayName = 'AlertDialogBackdrop';\n\nexport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogCloseButton,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogBody,\n  AlertDialogBackdrop,\n};\n"],"names":["AlertDialog","AlertDialogContent","AlertDialogCloseButton","AlertDialogHeader","AlertDialogFooter","AlertDialogBody","AlertDialogBackdrop"],"mappings":"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"}

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

@@ -0,0 +1,132 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/avatar/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+const SCOPE = "AVATAR";
+const UIAvatar = creator.createAvatar({
+  Root: nativewindUtils.withStyleContext(reactNative.View, SCOPE),
+  Badge: reactNative.View,
+  Group: reactNative.View,
+  Image: reactNative.Image,
+  FallbackText: reactNative.Text
+});
+const avatarStyle = nativewindUtils.tva({
+  base: "rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5",
+  variants: {
+    size: {
+      "xs": "w-6 h-6",
+      "sm": "w-8 h-8",
+      "md": "w-12 h-12",
+      "lg": "w-16 h-16",
+      "xl": "w-24 h-24",
+      "2xl": "w-32 h-32"
+    }
+  }
+});
+const avatarFallbackTextStyle = nativewindUtils.tva({
+  base: "text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default",
+  parentVariants: {
+    size: {
+      "xs": "text-2xs",
+      "sm": "text-xs",
+      "md": "text-base",
+      "lg": "text-xl",
+      "xl": "text-3xl",
+      "2xl": "text-5xl"
+    }
+  }
+});
+const avatarGroupStyle = nativewindUtils.tva({
+  base: "group/avatar-group flex-row-reverse relative avatar-group"
+});
+const avatarBadgeStyle = nativewindUtils.tva({
+  base: "w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2",
+  parentVariants: {
+    size: {
+      "xs": "w-2 h-2",
+      "sm": "w-2 h-2",
+      "md": "w-3 h-3",
+      "lg": "w-4 h-4",
+      "xl": "w-6 h-6",
+      "2xl": "w-8 h-8"
+    }
+  }
+});
+const avatarImageStyle = nativewindUtils.tva({
+  base: "h-full w-full rounded-full absolute"
+});
+React.forwardRef(function Avatar2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAvatar,
+    {
+      ref,
+      ...props,
+      className: avatarStyle({ size, class: className }),
+      context: { size }
+    }
+  );
+});
+React.forwardRef(function AvatarBadge2({ className, size, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAvatar.Badge,
+    {
+      ref,
+      ...props,
+      className: avatarBadgeStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      })
+    }
+  );
+});
+React.forwardRef(function AvatarFallbackText2({ className, size, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAvatar.FallbackText,
+    {
+      ref,
+      ...props,
+      className: avatarFallbackTextStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      })
+    }
+  );
+});
+React.forwardRef(function AvatarImage2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAvatar.Image,
+    {
+      ref,
+      ...props,
+      className: avatarImageStyle({
+        class: className
+      }),
+      style: reactNative.Platform.OS === "web" ? { height: "revert-layer", width: "revert-layer" } : void 0
+    }
+  );
+});
+React.forwardRef(function AvatarGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAvatar.Group,
+    {
+      ref,
+      ...props,
+      className: avatarGroupStyle({
+        class: className
+      })
+    }
+  );
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/avatar/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createAvatar } from '@gluestack-ui/core/avatar/creator';\n\nimport { View, Text, Image, Platform } from 'react-native';\n\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nconst SCOPE = 'AVATAR';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst UIAvatar = createAvatar({\n  Root: withStyleContext(View, SCOPE),\n  Badge: View,\n  Group: View,\n  Image: Image,\n  FallbackText: Text,\n});\n\nconst avatarStyle = tva({\n  base: 'rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5',\n  variants: {\n    size: {\n      'xs': 'w-6 h-6',\n      'sm': 'w-8 h-8',\n      'md': 'w-12 h-12',\n      'lg': 'w-16 h-16',\n      'xl': 'w-24 h-24',\n      '2xl': 'w-32 h-32',\n    },\n  },\n});\n\nconst avatarFallbackTextStyle = tva({\n  base: 'text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default',\n\n  parentVariants: {\n    size: {\n      'xs': 'text-2xs',\n      'sm': 'text-xs',\n      'md': 'text-base',\n      'lg': 'text-xl',\n      'xl': 'text-3xl',\n      '2xl': 'text-5xl',\n    },\n  },\n});\n\nconst avatarGroupStyle = tva({\n  base: 'group/avatar-group flex-row-reverse relative avatar-group',\n});\n\nconst avatarBadgeStyle = tva({\n  base: 'w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2',\n  parentVariants: {\n    size: {\n      'xs': 'w-2 h-2',\n      'sm': 'w-2 h-2',\n      'md': 'w-3 h-3',\n      'lg': 'w-4 h-4',\n      'xl': 'w-6 h-6',\n      '2xl': 'w-8 h-8',\n    },\n  },\n});\n\nconst avatarImageStyle = tva({\n  base: 'h-full w-full rounded-full absolute',\n});\n\nexport type IAvatarProps = Omit<\n  React.ComponentPropsWithoutRef<typeof UIAvatar>,\n  'context'\n> &\n  VariantProps<typeof avatarStyle>;\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar>,\n  IAvatarProps\n>(function Avatar({ className, size = 'md', ...props }, ref) {\n  return (\n    <UIAvatar\n      ref={ref}\n      {...props}\n      className={avatarStyle({ size, class: className })}\n      context={{ size }}\n    />\n  );\n});\n\nexport type IAvatarBadgeProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Badge> &\n  VariantProps<typeof avatarBadgeStyle>;\n\nconst AvatarBadge = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Badge>,\n  IAvatarBadgeProps\n>(function AvatarBadge({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIAvatar.Badge\n      ref={ref}\n      {...props}\n      className={avatarBadgeStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IAvatarFallbackTextProps = React.ComponentPropsWithoutRef<\n  typeof UIAvatar.FallbackText\n> &\n  VariantProps<typeof avatarFallbackTextStyle>;\nconst AvatarFallbackText = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.FallbackText>,\n  IAvatarFallbackTextProps\n>(function AvatarFallbackText({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIAvatar.FallbackText\n      ref={ref}\n      {...props}\n      className={avatarFallbackTextStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IAvatarImageProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Image> &\n  VariantProps<typeof avatarImageStyle>;\n\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Image>,\n  IAvatarImageProps\n>(function AvatarImage({ className, ...props }, ref) {\n  return (\n    <UIAvatar.Image\n      ref={ref}\n      {...props}\n      className={avatarImageStyle({\n        class: className,\n      })}\n      // @ts-expect-error : This is a workaround to fix the issue with the image style on web.\n      style={\n        Platform.OS === 'web'\n          ? { height: 'revert-layer', width: 'revert-layer' }\n          : undefined\n      }\n    />\n  );\n});\n\nexport type IAvatarGroupProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Group> &\n  VariantProps<typeof avatarGroupStyle>;\n\nconst AvatarGroup = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Group>,\n  IAvatarGroupProps\n>(function AvatarGroup({ className, ...props }, ref) {\n  return (\n    <UIAvatar.Group\n      ref={ref}\n      {...props}\n      className={avatarGroupStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nexport { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };\n"],"names":["createAvatar","withStyleContext","View","Image","Text","tva","Avatar","jsx","AvatarBadge","useStyleContext","AvatarFallbackText","AvatarImage","Platform","AvatarGroup"],"mappings":"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"}

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

@@ -0,0 +1,130 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { createAvatar } from '@gluestack-ui/core/avatar/creator';
+import { Text, Image, View, Platform } from 'react-native';
+import { withStyleContext, tva, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+
+const SCOPE = "AVATAR";
+const UIAvatar = createAvatar({
+  Root: withStyleContext(View, SCOPE),
+  Badge: View,
+  Group: View,
+  Image,
+  FallbackText: Text
+});
+const avatarStyle = tva({
+  base: "rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5",
+  variants: {
+    size: {
+      "xs": "w-6 h-6",
+      "sm": "w-8 h-8",
+      "md": "w-12 h-12",
+      "lg": "w-16 h-16",
+      "xl": "w-24 h-24",
+      "2xl": "w-32 h-32"
+    }
+  }
+});
+const avatarFallbackTextStyle = tva({
+  base: "text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default",
+  parentVariants: {
+    size: {
+      "xs": "text-2xs",
+      "sm": "text-xs",
+      "md": "text-base",
+      "lg": "text-xl",
+      "xl": "text-3xl",
+      "2xl": "text-5xl"
+    }
+  }
+});
+const avatarGroupStyle = tva({
+  base: "group/avatar-group flex-row-reverse relative avatar-group"
+});
+const avatarBadgeStyle = tva({
+  base: "w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2",
+  parentVariants: {
+    size: {
+      "xs": "w-2 h-2",
+      "sm": "w-2 h-2",
+      "md": "w-3 h-3",
+      "lg": "w-4 h-4",
+      "xl": "w-6 h-6",
+      "2xl": "w-8 h-8"
+    }
+  }
+});
+const avatarImageStyle = tva({
+  base: "h-full w-full rounded-full absolute"
+});
+React.forwardRef(function Avatar2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIAvatar,
+    {
+      ref,
+      ...props,
+      className: avatarStyle({ size, class: className }),
+      context: { size }
+    }
+  );
+});
+React.forwardRef(function AvatarBadge2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIAvatar.Badge,
+    {
+      ref,
+      ...props,
+      className: avatarBadgeStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      })
+    }
+  );
+});
+React.forwardRef(function AvatarFallbackText2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIAvatar.FallbackText,
+    {
+      ref,
+      ...props,
+      className: avatarFallbackTextStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      })
+    }
+  );
+});
+React.forwardRef(function AvatarImage2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIAvatar.Image,
+    {
+      ref,
+      ...props,
+      className: avatarImageStyle({
+        class: className
+      }),
+      style: Platform.OS === "web" ? { height: "revert-layer", width: "revert-layer" } : void 0
+    }
+  );
+});
+React.forwardRef(function AvatarGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIAvatar.Group,
+    {
+      ref,
+      ...props,
+      className: avatarGroupStyle({
+        class: className
+      })
+    }
+  );
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/avatar/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createAvatar } from '@gluestack-ui/core/avatar/creator';\n\nimport { View, Text, Image, Platform } from 'react-native';\n\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nconst SCOPE = 'AVATAR';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nconst UIAvatar = createAvatar({\n  Root: withStyleContext(View, SCOPE),\n  Badge: View,\n  Group: View,\n  Image: Image,\n  FallbackText: Text,\n});\n\nconst avatarStyle = tva({\n  base: 'rounded-full justify-center items-center relative bg-primary-600 group-[.avatar-group]/avatar-group:-ml-2.5',\n  variants: {\n    size: {\n      'xs': 'w-6 h-6',\n      'sm': 'w-8 h-8',\n      'md': 'w-12 h-12',\n      'lg': 'w-16 h-16',\n      'xl': 'w-24 h-24',\n      '2xl': 'w-32 h-32',\n    },\n  },\n});\n\nconst avatarFallbackTextStyle = tva({\n  base: 'text-typography-0 font-semibold overflow-hidden text-transform:uppercase web:cursor-default',\n\n  parentVariants: {\n    size: {\n      'xs': 'text-2xs',\n      'sm': 'text-xs',\n      'md': 'text-base',\n      'lg': 'text-xl',\n      'xl': 'text-3xl',\n      '2xl': 'text-5xl',\n    },\n  },\n});\n\nconst avatarGroupStyle = tva({\n  base: 'group/avatar-group flex-row-reverse relative avatar-group',\n});\n\nconst avatarBadgeStyle = tva({\n  base: 'w-5 h-5 bg-success-500 rounded-full absolute right-0 bottom-0 border-background-0 border-2',\n  parentVariants: {\n    size: {\n      'xs': 'w-2 h-2',\n      'sm': 'w-2 h-2',\n      'md': 'w-3 h-3',\n      'lg': 'w-4 h-4',\n      'xl': 'w-6 h-6',\n      '2xl': 'w-8 h-8',\n    },\n  },\n});\n\nconst avatarImageStyle = tva({\n  base: 'h-full w-full rounded-full absolute',\n});\n\nexport type IAvatarProps = Omit<\n  React.ComponentPropsWithoutRef<typeof UIAvatar>,\n  'context'\n> &\n  VariantProps<typeof avatarStyle>;\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar>,\n  IAvatarProps\n>(function Avatar({ className, size = 'md', ...props }, ref) {\n  return (\n    <UIAvatar\n      ref={ref}\n      {...props}\n      className={avatarStyle({ size, class: className })}\n      context={{ size }}\n    />\n  );\n});\n\nexport type IAvatarBadgeProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Badge> &\n  VariantProps<typeof avatarBadgeStyle>;\n\nconst AvatarBadge = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Badge>,\n  IAvatarBadgeProps\n>(function AvatarBadge({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIAvatar.Badge\n      ref={ref}\n      {...props}\n      className={avatarBadgeStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IAvatarFallbackTextProps = React.ComponentPropsWithoutRef<\n  typeof UIAvatar.FallbackText\n> &\n  VariantProps<typeof avatarFallbackTextStyle>;\nconst AvatarFallbackText = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.FallbackText>,\n  IAvatarFallbackTextProps\n>(function AvatarFallbackText({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIAvatar.FallbackText\n      ref={ref}\n      {...props}\n      className={avatarFallbackTextStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IAvatarImageProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Image> &\n  VariantProps<typeof avatarImageStyle>;\n\nconst AvatarImage = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Image>,\n  IAvatarImageProps\n>(function AvatarImage({ className, ...props }, ref) {\n  return (\n    <UIAvatar.Image\n      ref={ref}\n      {...props}\n      className={avatarImageStyle({\n        class: className,\n      })}\n      // @ts-expect-error : This is a workaround to fix the issue with the image style on web.\n      style={\n        Platform.OS === 'web'\n          ? { height: 'revert-layer', width: 'revert-layer' }\n          : undefined\n      }\n    />\n  );\n});\n\nexport type IAvatarGroupProps = React.ComponentPropsWithoutRef<typeof UIAvatar.Group> &\n  VariantProps<typeof avatarGroupStyle>;\n\nconst AvatarGroup = React.forwardRef<\n  React.ComponentRef<typeof UIAvatar.Group>,\n  IAvatarGroupProps\n>(function AvatarGroup({ className, ...props }, ref) {\n  return (\n    <UIAvatar.Group\n      ref={ref}\n      {...props}\n      className={avatarGroupStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nexport { Avatar, AvatarBadge, AvatarFallbackText, AvatarImage, AvatarGroup };\n"],"names":["Avatar","AvatarBadge","AvatarFallbackText","AvatarImage","AvatarGroup"],"mappings":"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"}

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

@@ -0,0 +1,164 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var creator = require('@gluestack-ui/core/icon/creator');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var nativewind = require('nativewind');
+
+const SCOPE = "BADGE";
+nativewindUtils.tva({
+  base: "flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1",
+  variants: {
+    action: {
+      error: "bg-background-error border-error-300",
+      warning: "bg-background-warning border-warning-300",
+      success: "bg-background-success border-success-300",
+      info: "bg-background-info border-info-300",
+      muted: "bg-background-muted border-background-300"
+    },
+    variant: {
+      solid: "",
+      outline: "border"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  }
+});
+const badgeTextStyle = nativewindUtils.tva({
+  base: "text-typography-700 font-body font-normal tracking-normal uppercase",
+  parentVariants: {
+    action: {
+      error: "text-error-600",
+      warning: "text-warning-600",
+      success: "text-success-600",
+      info: "text-info-600",
+      muted: "text-background-800"
+    },
+    size: {
+      sm: "text-2xs",
+      md: "text-xs",
+      lg: "text-sm"
+    }
+  },
+  variants: {
+    isTruncated: {
+      true: "web:truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    }
+  }
+});
+const badgeIconStyle = nativewindUtils.tva({
+  base: "fill-none",
+  parentVariants: {
+    action: {
+      error: "text-error-600",
+      warning: "text-warning-600",
+      success: "text-success-600",
+      info: "text-info-600",
+      muted: "text-background-800"
+    },
+    size: {
+      sm: "h-3 w-3",
+      md: "h-3.5 w-3.5",
+      lg: "h-4 w-4"
+    }
+  }
+});
+nativewindUtils.withStyleContext(reactNative.View, SCOPE);
+nativewind.cssInterop(creator.PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const BadgeText = React.forwardRef(function BadgeText2({ children, className, size, ...props }, ref) {
+  const { size: parentSize, action: parentAction } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Text,
+    {
+      ref,
+      className: badgeTextStyle({
+        parentVariants: {
+          size: parentSize,
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      children
+    }
+  );
+});
+const BadgeIcon = React.forwardRef(function BadgeIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize, action: parentAction } = nativewindUtils.useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      creator.UIIcon,
+      {
+        ref,
+        ...props,
+        className: badgeIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props?.height !== void 0 || props?.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      creator.UIIcon,
+      {
+        ref,
+        ...props,
+        className: badgeIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    creator.UIIcon,
+    {
+      className: badgeIconStyle({
+        parentVariants: {
+          size: parentSize,
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+BadgeText.displayName = "BadgeText";
+BadgeIcon.displayName = "BadgeIcon";
+
+exports.BadgeIcon = BadgeIcon;
+exports.BadgeText = BadgeText;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/badge/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { Text, View } from 'react-native';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/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';\n\nimport { Svg } from 'react-native-svg';\nconst SCOPE = 'BADGE';\n\nconst badgeStyle = tva({\n  base: 'flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1',\n  variants: {\n    action: {\n      error: 'bg-background-error border-error-300',\n      warning: 'bg-background-warning border-warning-300',\n      success: 'bg-background-success border-success-300',\n      info: 'bg-background-info border-info-300',\n      muted: 'bg-background-muted border-background-300',\n    },\n    variant: {\n      solid: '',\n      outline: 'border',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n});\n\nconst badgeTextStyle = tva({\n  base: 'text-typography-700 font-body font-normal tracking-normal uppercase',\n\n  parentVariants: {\n    action: {\n      error: 'text-error-600',\n      warning: 'text-warning-600',\n      success: 'text-success-600',\n      info: 'text-info-600',\n      muted: 'text-background-800',\n    },\n    size: {\n      sm: 'text-2xs',\n      md: 'text-xs',\n      lg: 'text-sm',\n    },\n  },\n  variants: {\n    isTruncated: {\n      true: 'web:truncate',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\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\nconst badgeIconStyle = tva({\n  base: 'fill-none',\n  parentVariants: {\n    action: {\n      error: 'text-error-600',\n      warning: 'text-warning-600',\n      success: 'text-success-600',\n      info: 'text-info-600',\n      muted: 'text-background-800',\n    },\n    size: {\n      sm: 'h-3 w-3',\n      md: 'h-3.5 w-3.5',\n      lg: 'h-4 w-4',\n    },\n  },\n});\n\nconst ContextView = withStyleContext(View, SCOPE);\n\ncssInterop(PrimitiveIcon, {\n  className: {\n    target: 'style',\n    nativeStyleToProp: {\n      height: true,\n      width: true,\n      fill: true,\n      color: 'classNameColor',\n      stroke: true,\n    },\n  },\n});\n\nexport type IBadgeProps = React.ComponentPropsWithoutRef<typeof ContextView> &\n  VariantProps<typeof badgeStyle>;\nfunction Badge({\n  children,\n  action = 'muted',\n  variant = 'solid',\n  size = 'md',\n  className,\n  ...props\n}: { className?: string } & IBadgeProps) {\n  return (\n    <ContextView\n      className={badgeStyle({ action, variant, class: className })}\n      {...props}\n      context={{\n        action,\n        variant,\n        size,\n      }}\n    >\n      {children}\n    </ContextView>\n  );\n}\n\nexport type IBadgeTextProps = React.ComponentPropsWithoutRef<typeof Text> &\n  VariantProps<typeof badgeTextStyle>;\n\nconst BadgeText = React.forwardRef<\n  React.ComponentRef<typeof Text>,\n  IBadgeTextProps\n>(function BadgeText({ children, className, size, ...props }, ref) {\n  const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);\n  return (\n    <Text\n      ref={ref}\n      className={badgeTextStyle({\n        parentVariants: {\n          size: parentSize,\n          action: parentAction,\n        },\n        size,\n        class: className,\n      })}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport type IBadgeIconProps = React.ComponentPropsWithoutRef<typeof PrimitiveIcon> &\n  VariantProps<typeof badgeIconStyle>;\n\nconst BadgeIcon = React.forwardRef<\n  React.ComponentRef<typeof Svg>,\n  IBadgeIconProps\n>(function BadgeIcon({ className, size, ...props }, ref) {\n  const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UIIcon\n        ref={ref}\n        {...props}\n        className={badgeIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props?.height !== undefined || props?.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIIcon\n        ref={ref}\n        {...props}\n        className={badgeIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UIIcon\n      className={badgeIconStyle({\n        parentVariants: {\n          size: parentSize,\n          action: parentAction,\n        },\n        size,\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nBadge.displayName = 'Badge';\nBadgeText.displayName = 'BadgeText';\nBadgeIcon.displayName = 'BadgeIcon';\n\nexport { Badge, BadgeIcon, BadgeText };\n"],"names":["tva","withStyleContext","View","cssInterop","PrimitiveIcon","BadgeText","useStyleContext","jsx","Text","BadgeIcon","UIIcon"],"mappings":"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"}

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

@@ -0,0 +1,161 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { View, Text } from 'react-native';
+import { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';
+import { tva, withStyleContext, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+
+const SCOPE = "BADGE";
+tva({
+  base: "flex-row items-center rounded-sm data-[disabled=true]:opacity-50 px-2 py-1",
+  variants: {
+    action: {
+      error: "bg-background-error border-error-300",
+      warning: "bg-background-warning border-warning-300",
+      success: "bg-background-success border-success-300",
+      info: "bg-background-info border-info-300",
+      muted: "bg-background-muted border-background-300"
+    },
+    variant: {
+      solid: "",
+      outline: "border"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  }
+});
+const badgeTextStyle = tva({
+  base: "text-typography-700 font-body font-normal tracking-normal uppercase",
+  parentVariants: {
+    action: {
+      error: "text-error-600",
+      warning: "text-warning-600",
+      success: "text-success-600",
+      info: "text-info-600",
+      muted: "text-background-800"
+    },
+    size: {
+      sm: "text-2xs",
+      md: "text-xs",
+      lg: "text-sm"
+    }
+  },
+  variants: {
+    isTruncated: {
+      true: "web:truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    }
+  }
+});
+const badgeIconStyle = tva({
+  base: "fill-none",
+  parentVariants: {
+    action: {
+      error: "text-error-600",
+      warning: "text-warning-600",
+      success: "text-success-600",
+      info: "text-info-600",
+      muted: "text-background-800"
+    },
+    size: {
+      sm: "h-3 w-3",
+      md: "h-3.5 w-3.5",
+      lg: "h-4 w-4"
+    }
+  }
+});
+withStyleContext(View, SCOPE);
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const BadgeText = React.forwardRef(function BadgeText2({ children, className, size, ...props }, ref) {
+  const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ref,
+      className: badgeTextStyle({
+        parentVariants: {
+          size: parentSize,
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      children
+    }
+  );
+});
+const BadgeIcon = React.forwardRef(function BadgeIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize, action: parentAction } = useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UIIcon,
+      {
+        ref,
+        ...props,
+        className: badgeIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props?.height !== void 0 || props?.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsx(
+      UIIcon,
+      {
+        ref,
+        ...props,
+        className: badgeIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UIIcon,
+    {
+      className: badgeIconStyle({
+        parentVariants: {
+          size: parentSize,
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+BadgeText.displayName = "BadgeText";
+BadgeIcon.displayName = "BadgeIcon";
+
+export { BadgeIcon, BadgeText };
+//# sourceMappingURL=index.js.map