@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["BadgeText","BadgeIcon"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+require('react/jsx-runtime');
+var GorhomBottomSheet = require('@gorhom/bottom-sheet');
+require('react-native');
+require('@gluestack-ui/utils/aria');
+var React = require('react');
+var nativewind = require('nativewind');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+
+nativewindUtils.tva({
+  base: "absolute inset-0 flex-1 touch-none select-none bg-black opacity-0"
+});
+nativewindUtils.tva({
+  base: "mt-2"
+});
+nativewindUtils.tva({
+  base: ""
+});
+nativewindUtils.tva({
+  base: "py-1 w-full items-center rounded-t-lg "
+});
+nativewindUtils.tva({
+  base: "p-3 flex-row items-center rounded-sm w-full disabled:opacity-0.4 web:pointer-events-auto disabled:cursor-not-allowed hover:bg-background-50 active:bg-background-100 focus:bg-background-100 web:focus-visible:bg-background-100"
+});
+React.createContext({
+  visible: false,
+  bottomSheetRef: { current: null },
+  handleClose: () => {
+  },
+  handleOpen: () => {
+  }
+});
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetBackdrop, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetHandle, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetView, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetTextInput, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetScrollView, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetFlatList, { className: "style" });
+nativewind.cssInterop(GorhomBottomSheet.BottomSheetSectionList, { className: "style" });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/bottomsheet/index.tsx"],"sourcesContent":["import GorhomBottomSheet, {\n  BottomSheetBackdrop as GorhomBottomSheetBackdrop,\n  BottomSheetView as GorhomBottomSheetView,\n  BottomSheetHandle,\n  BottomSheetTextInput as GorhomBottomSheetInput,\n  BottomSheetScrollView as GorhomBottomSheetScrollView,\n  BottomSheetFlatList as GorhomBottomSheetFlatList,\n  BottomSheetSectionList as GorhomBottomSheetSectionList,\n} from '@gorhom/bottom-sheet';\nimport { Platform } from 'react-native';\nimport type { PressableProps, TextProps } from 'react-native';\nimport { FocusScope } from '@gluestack-ui/utils/aria';\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Pressable, Text } from 'react-native';\nimport { cssInterop } from 'nativewind';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\n\nconst bottomSheetBackdropStyle = tva({\n  base: 'absolute inset-0 flex-1 touch-none select-none bg-black opacity-0',\n});\n\nconst bottomSheetContentStyle = tva({\n  base: 'mt-2',\n});\nconst bottomSheetTriggerStyle = tva({\n  base: '',\n});\n\nconst bottomSheetIndicatorStyle = tva({\n  base: 'py-1 w-full items-center rounded-t-lg ',\n});\n\nconst bottomSheetItemStyle = tva({\n  base: 'p-3 flex-row items-center rounded-sm w-full disabled:opacity-0.4 web:pointer-events-auto disabled:cursor-not-allowed hover:bg-background-50 active:bg-background-100 focus:bg-background-100 web:focus-visible:bg-background-100',\n});\n\nconst BottomSheetContext = createContext<{\n  visible: boolean;\n  bottomSheetRef: React.RefObject<GorhomBottomSheet>;\n  handleClose: () => void;\n  handleOpen: () => void;\n}>({\n  visible: false,\n  bottomSheetRef: { current: null },\n  handleClose: () => {},\n  handleOpen: () => {},\n});\n\nexport type IBottomSheetProps = React.ComponentProps<typeof GorhomBottomSheet>;\nexport const BottomSheet = ({\n  snapToIndex = 1,\n  onOpen,\n  onClose,\n  ...props\n}: {\n  snapToIndex?: number;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onClose?: () => void;\n}) => {\n  const bottomSheetRef = useRef<GorhomBottomSheet>(null);\n\n  const [visible, setVisible] = useState(false);\n\n  const handleOpen = useCallback(() => {\n    bottomSheetRef.current?.snapToIndex(snapToIndex);\n    setVisible(true);\n    onOpen && onOpen();\n  }, [onOpen, snapToIndex]);\n\n  const handleClose = useCallback(() => {\n    bottomSheetRef.current?.close();\n    setVisible(false);\n    onClose && onClose();\n  }, [onClose]);\n\n  return (\n    <BottomSheetContext.Provider\n      value={{\n        visible,\n        bottomSheetRef,\n        handleClose,\n        handleOpen,\n      }}\n    >\n      {props.children}\n    </BottomSheetContext.Provider>\n  );\n};\n\nexport const BottomSheetPortal = ({\n  snapPoints,\n  handleComponent: DragIndicator,\n  backdropComponent: BackDrop,\n  ...props\n}: Partial<IBottomSheetProps> & {\n  defaultIsOpen?: boolean;\n  snapToIndex?: number;\n  snapPoints: string[];\n}) => {\n  const { bottomSheetRef, handleClose } = useContext(BottomSheetContext);\n\n  const handleSheetChanges = useCallback(\n    (index: number) => {\n      if (index === 0 || index === -1) {\n        handleClose();\n      }\n    },\n    [handleClose]\n  );\n\n  return (\n    <GorhomBottomSheet\n      ref={bottomSheetRef}\n      snapPoints={snapPoints}\n      index={-1}\n      backdropComponent={BackDrop}\n      onChange={handleSheetChanges}\n      handleComponent={DragIndicator}\n      enablePanDownToClose={true}\n      {...props}\n    >\n      {props.children}\n    </GorhomBottomSheet>\n  );\n};\n\nexport const BottomSheetTrigger = ({\n  className,\n  ...props\n}: PressableProps & { className?: string }) => {\n  const { handleOpen } = useContext(BottomSheetContext);\n  return (\n    <Pressable\n      onPress={(e) => {\n        props.onPress && props.onPress(e);\n        handleOpen();\n      }}\n      {...props}\n      className={bottomSheetTriggerStyle({\n        className: className,\n      })}\n    >\n      {props.children}\n    </Pressable>\n  );\n};\nexport type IBottomSheetBackdrop = React.ComponentProps<\n  typeof GorhomBottomSheetBackdrop\n>;\n\nexport const BottomSheetBackdrop = ({\n  disappearsOnIndex = -1,\n  appearsOnIndex = 1,\n  className,\n  ...props\n}: Partial<IBottomSheetBackdrop> & { className?: string }) => {\n  return (\n    <GorhomBottomSheetBackdrop\n      // @ts-ignore\n      className={bottomSheetBackdropStyle({\n        className: className,\n      })}\n      disappearsOnIndex={disappearsOnIndex}\n      appearsOnIndex={appearsOnIndex}\n      {...props}\n    />\n  );\n};\n\ncssInterop(GorhomBottomSheetBackdrop, { className: 'style' });\n\nexport type IBottomSheetDragIndicator = React.ComponentProps<typeof BottomSheetHandle>;\n\nexport const BottomSheetDragIndicator = ({\n  children,\n  className,\n  ...props\n}: Partial<IBottomSheetDragIndicator> & { className?: string }) => {\n  return (\n    <BottomSheetHandle\n      {...props}\n      // @ts-ignore\n      className={bottomSheetIndicatorStyle({\n        className: className,\n      })}\n    >\n      {children}\n    </BottomSheetHandle>\n  );\n};\n\ncssInterop(BottomSheetHandle, { className: 'style' });\n\nexport type IBottomSheetContent = React.ComponentProps<typeof GorhomBottomSheetView>;\n\nexport const BottomSheetContent = ({ ...props }: IBottomSheetContent) => {\n  const { handleClose, visible } = useContext(BottomSheetContext);\n  const keyDownHandlers = useMemo(() => {\n    return Platform.OS === 'web'\n      ? {\n          onKeyDown: (e: React.KeyboardEvent) => {\n            if (e.key === 'Escape') {\n              e.preventDefault();\n              handleClose();\n              return;\n            }\n          },\n        }\n      : {};\n  }, [handleClose]);\n\n  if (Platform.OS === 'web')\n    return (\n      <GorhomBottomSheetView\n        {...props}\n        // @ts-ignore\n        {...keyDownHandlers}\n        className={bottomSheetContentStyle({\n          className: props.className,\n        })}\n      >\n        {visible && (\n          <FocusScope contain={visible} autoFocus={true} restoreFocus={true}>\n            {props.children}\n          </FocusScope>\n        )}\n      </GorhomBottomSheetView>\n    );\n\n  return (\n    <GorhomBottomSheetView\n      {...props}\n      // @ts-ignore\n      {...keyDownHandlers}\n      className={bottomSheetContentStyle({\n        className: props.className,\n      })}\n    >\n      {props.children}\n    </GorhomBottomSheetView>\n  );\n};\n\ncssInterop(GorhomBottomSheetView, { className: 'style' });\n\nexport const BottomSheetItem = ({\n  children,\n  className,\n  closeOnSelect = true,\n  ...props\n}: PressableProps & {\n  closeOnSelect?: boolean;\n}) => {\n  const { handleClose } = useContext(BottomSheetContext);\n  return (\n    <Pressable\n      {...props}\n      className={bottomSheetItemStyle({\n        className: className,\n      })}\n      onPress={(e) => {\n        if (closeOnSelect) {\n          handleClose();\n        }\n        props.onPress && props.onPress(e);\n      }}\n      role=\"button\"\n    >\n      {children}\n    </Pressable>\n  );\n};\n\nexport const BottomSheetItemText = ({ ...props }: TextProps) => {\n  return <Text {...props} />;\n};\n\nexport const BottomSheetScrollView = GorhomBottomSheetScrollView;\nexport const BottomSheetFlatList = GorhomBottomSheetFlatList;\nexport const BottomSheetSectionList = GorhomBottomSheetSectionList;\nexport const BottomSheetTextInput = GorhomBottomSheetInput;\n\ncssInterop(GorhomBottomSheetInput, { className: 'style' });\ncssInterop(GorhomBottomSheetScrollView, { className: 'style' });\ncssInterop(GorhomBottomSheetFlatList, { className: 'style' });\ncssInterop(GorhomBottomSheetSectionList, { className: 'style' });\n"],"names":["tva","createContext","cssInterop","GorhomBottomSheetBackdrop","BottomSheetHandle","GorhomBottomSheetView","GorhomBottomSheetInput","GorhomBottomSheetScrollView","GorhomBottomSheetFlatList","GorhomBottomSheetSectionList"],"mappings":";;;;;;;;;;AAwBiCA,mBAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AACR,CAAC;AAE+BA,mBAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAC+BA,mBAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEiCA,mBAAA,CAAI;AAAA,EACpC,IAAA,EAAM;AACR,CAAC;AAE4BA,mBAAA,CAAI;AAAA,EAC/B,IAAA,EAAM;AACR,CAAC;AAE0BC,mBAAA,CAKxB;AAAA,EACD,OAAA,EAAS,KAAA;AAAA,EACT,cAAA,EAAgB,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,EAChC,aAAa,MAAM;AAAA,EAAC,CAAA;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC;AA4HDC,qBAAA,CAAWC,qCAAA,EAA2B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAsB5DD,qBAAA,CAAWE,mCAAA,EAAmB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAoDpDF,qBAAA,CAAWG,iCAAA,EAAuB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAuCxDH,qBAAA,CAAWI,sCAAA,EAAwB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AACzDJ,qBAAA,CAAWK,uCAAA,EAA6B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAC9DL,qBAAA,CAAWM,qCAAA,EAA2B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAC5DN,qBAAA,CAAWO,wCAAA,EAA8B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;;"}

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

@@ -0,0 +1,39 @@
+import 'react/jsx-runtime';
+import { BottomSheetBackdrop, BottomSheetHandle, BottomSheetView, BottomSheetTextInput, BottomSheetScrollView, BottomSheetFlatList, BottomSheetSectionList } from '@gorhom/bottom-sheet';
+import 'react-native';
+import '@gluestack-ui/utils/aria';
+import { createContext } from 'react';
+import { cssInterop } from 'nativewind';
+import { tva } from '@gluestack-ui/utils/nativewind-utils';
+
+tva({
+  base: "absolute inset-0 flex-1 touch-none select-none bg-black opacity-0"
+});
+tva({
+  base: "mt-2"
+});
+tva({
+  base: ""
+});
+tva({
+  base: "py-1 w-full items-center rounded-t-lg "
+});
+tva({
+  base: "p-3 flex-row items-center rounded-sm w-full disabled:opacity-0.4 web:pointer-events-auto disabled:cursor-not-allowed hover:bg-background-50 active:bg-background-100 focus:bg-background-100 web:focus-visible:bg-background-100"
+});
+createContext({
+  visible: false,
+  bottomSheetRef: { current: null },
+  handleClose: () => {
+  },
+  handleOpen: () => {
+  }
+});
+cssInterop(BottomSheetBackdrop, { className: "style" });
+cssInterop(BottomSheetHandle, { className: "style" });
+cssInterop(BottomSheetView, { className: "style" });
+cssInterop(BottomSheetTextInput, { className: "style" });
+cssInterop(BottomSheetScrollView, { className: "style" });
+cssInterop(BottomSheetFlatList, { className: "style" });
+cssInterop(BottomSheetSectionList, { className: "style" });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/bottomsheet/index.tsx"],"sourcesContent":["import GorhomBottomSheet, {\n  BottomSheetBackdrop as GorhomBottomSheetBackdrop,\n  BottomSheetView as GorhomBottomSheetView,\n  BottomSheetHandle,\n  BottomSheetTextInput as GorhomBottomSheetInput,\n  BottomSheetScrollView as GorhomBottomSheetScrollView,\n  BottomSheetFlatList as GorhomBottomSheetFlatList,\n  BottomSheetSectionList as GorhomBottomSheetSectionList,\n} from '@gorhom/bottom-sheet';\nimport { Platform } from 'react-native';\nimport type { PressableProps, TextProps } from 'react-native';\nimport { FocusScope } from '@gluestack-ui/utils/aria';\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Pressable, Text } from 'react-native';\nimport { cssInterop } from 'nativewind';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\n\nconst bottomSheetBackdropStyle = tva({\n  base: 'absolute inset-0 flex-1 touch-none select-none bg-black opacity-0',\n});\n\nconst bottomSheetContentStyle = tva({\n  base: 'mt-2',\n});\nconst bottomSheetTriggerStyle = tva({\n  base: '',\n});\n\nconst bottomSheetIndicatorStyle = tva({\n  base: 'py-1 w-full items-center rounded-t-lg ',\n});\n\nconst bottomSheetItemStyle = tva({\n  base: 'p-3 flex-row items-center rounded-sm w-full disabled:opacity-0.4 web:pointer-events-auto disabled:cursor-not-allowed hover:bg-background-50 active:bg-background-100 focus:bg-background-100 web:focus-visible:bg-background-100',\n});\n\nconst BottomSheetContext = createContext<{\n  visible: boolean;\n  bottomSheetRef: React.RefObject<GorhomBottomSheet>;\n  handleClose: () => void;\n  handleOpen: () => void;\n}>({\n  visible: false,\n  bottomSheetRef: { current: null },\n  handleClose: () => {},\n  handleOpen: () => {},\n});\n\nexport type IBottomSheetProps = React.ComponentProps<typeof GorhomBottomSheet>;\nexport const BottomSheet = ({\n  snapToIndex = 1,\n  onOpen,\n  onClose,\n  ...props\n}: {\n  snapToIndex?: number;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onClose?: () => void;\n}) => {\n  const bottomSheetRef = useRef<GorhomBottomSheet>(null);\n\n  const [visible, setVisible] = useState(false);\n\n  const handleOpen = useCallback(() => {\n    bottomSheetRef.current?.snapToIndex(snapToIndex);\n    setVisible(true);\n    onOpen && onOpen();\n  }, [onOpen, snapToIndex]);\n\n  const handleClose = useCallback(() => {\n    bottomSheetRef.current?.close();\n    setVisible(false);\n    onClose && onClose();\n  }, [onClose]);\n\n  return (\n    <BottomSheetContext.Provider\n      value={{\n        visible,\n        bottomSheetRef,\n        handleClose,\n        handleOpen,\n      }}\n    >\n      {props.children}\n    </BottomSheetContext.Provider>\n  );\n};\n\nexport const BottomSheetPortal = ({\n  snapPoints,\n  handleComponent: DragIndicator,\n  backdropComponent: BackDrop,\n  ...props\n}: Partial<IBottomSheetProps> & {\n  defaultIsOpen?: boolean;\n  snapToIndex?: number;\n  snapPoints: string[];\n}) => {\n  const { bottomSheetRef, handleClose } = useContext(BottomSheetContext);\n\n  const handleSheetChanges = useCallback(\n    (index: number) => {\n      if (index === 0 || index === -1) {\n        handleClose();\n      }\n    },\n    [handleClose]\n  );\n\n  return (\n    <GorhomBottomSheet\n      ref={bottomSheetRef}\n      snapPoints={snapPoints}\n      index={-1}\n      backdropComponent={BackDrop}\n      onChange={handleSheetChanges}\n      handleComponent={DragIndicator}\n      enablePanDownToClose={true}\n      {...props}\n    >\n      {props.children}\n    </GorhomBottomSheet>\n  );\n};\n\nexport const BottomSheetTrigger = ({\n  className,\n  ...props\n}: PressableProps & { className?: string }) => {\n  const { handleOpen } = useContext(BottomSheetContext);\n  return (\n    <Pressable\n      onPress={(e) => {\n        props.onPress && props.onPress(e);\n        handleOpen();\n      }}\n      {...props}\n      className={bottomSheetTriggerStyle({\n        className: className,\n      })}\n    >\n      {props.children}\n    </Pressable>\n  );\n};\nexport type IBottomSheetBackdrop = React.ComponentProps<\n  typeof GorhomBottomSheetBackdrop\n>;\n\nexport const BottomSheetBackdrop = ({\n  disappearsOnIndex = -1,\n  appearsOnIndex = 1,\n  className,\n  ...props\n}: Partial<IBottomSheetBackdrop> & { className?: string }) => {\n  return (\n    <GorhomBottomSheetBackdrop\n      // @ts-ignore\n      className={bottomSheetBackdropStyle({\n        className: className,\n      })}\n      disappearsOnIndex={disappearsOnIndex}\n      appearsOnIndex={appearsOnIndex}\n      {...props}\n    />\n  );\n};\n\ncssInterop(GorhomBottomSheetBackdrop, { className: 'style' });\n\nexport type IBottomSheetDragIndicator = React.ComponentProps<typeof BottomSheetHandle>;\n\nexport const BottomSheetDragIndicator = ({\n  children,\n  className,\n  ...props\n}: Partial<IBottomSheetDragIndicator> & { className?: string }) => {\n  return (\n    <BottomSheetHandle\n      {...props}\n      // @ts-ignore\n      className={bottomSheetIndicatorStyle({\n        className: className,\n      })}\n    >\n      {children}\n    </BottomSheetHandle>\n  );\n};\n\ncssInterop(BottomSheetHandle, { className: 'style' });\n\nexport type IBottomSheetContent = React.ComponentProps<typeof GorhomBottomSheetView>;\n\nexport const BottomSheetContent = ({ ...props }: IBottomSheetContent) => {\n  const { handleClose, visible } = useContext(BottomSheetContext);\n  const keyDownHandlers = useMemo(() => {\n    return Platform.OS === 'web'\n      ? {\n          onKeyDown: (e: React.KeyboardEvent) => {\n            if (e.key === 'Escape') {\n              e.preventDefault();\n              handleClose();\n              return;\n            }\n          },\n        }\n      : {};\n  }, [handleClose]);\n\n  if (Platform.OS === 'web')\n    return (\n      <GorhomBottomSheetView\n        {...props}\n        // @ts-ignore\n        {...keyDownHandlers}\n        className={bottomSheetContentStyle({\n          className: props.className,\n        })}\n      >\n        {visible && (\n          <FocusScope contain={visible} autoFocus={true} restoreFocus={true}>\n            {props.children}\n          </FocusScope>\n        )}\n      </GorhomBottomSheetView>\n    );\n\n  return (\n    <GorhomBottomSheetView\n      {...props}\n      // @ts-ignore\n      {...keyDownHandlers}\n      className={bottomSheetContentStyle({\n        className: props.className,\n      })}\n    >\n      {props.children}\n    </GorhomBottomSheetView>\n  );\n};\n\ncssInterop(GorhomBottomSheetView, { className: 'style' });\n\nexport const BottomSheetItem = ({\n  children,\n  className,\n  closeOnSelect = true,\n  ...props\n}: PressableProps & {\n  closeOnSelect?: boolean;\n}) => {\n  const { handleClose } = useContext(BottomSheetContext);\n  return (\n    <Pressable\n      {...props}\n      className={bottomSheetItemStyle({\n        className: className,\n      })}\n      onPress={(e) => {\n        if (closeOnSelect) {\n          handleClose();\n        }\n        props.onPress && props.onPress(e);\n      }}\n      role=\"button\"\n    >\n      {children}\n    </Pressable>\n  );\n};\n\nexport const BottomSheetItemText = ({ ...props }: TextProps) => {\n  return <Text {...props} />;\n};\n\nexport const BottomSheetScrollView = GorhomBottomSheetScrollView;\nexport const BottomSheetFlatList = GorhomBottomSheetFlatList;\nexport const BottomSheetSectionList = GorhomBottomSheetSectionList;\nexport const BottomSheetTextInput = GorhomBottomSheetInput;\n\ncssInterop(GorhomBottomSheetInput, { className: 'style' });\ncssInterop(GorhomBottomSheetScrollView, { className: 'style' });\ncssInterop(GorhomBottomSheetFlatList, { className: 'style' });\ncssInterop(GorhomBottomSheetSectionList, { className: 'style' });\n"],"names":["GorhomBottomSheetBackdrop","GorhomBottomSheetView","GorhomBottomSheetInput","GorhomBottomSheetScrollView","GorhomBottomSheetFlatList","GorhomBottomSheetSectionList"],"mappings":";;;;;;;;AAwBiC,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AACR,CAAC;AAE+B,GAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAC+B,GAAA,CAAI;AAAA,EAClC,IAAA,EAAM;AACR,CAAC;AAEiC,GAAA,CAAI;AAAA,EACpC,IAAA,EAAM;AACR,CAAC;AAE4B,GAAA,CAAI;AAAA,EAC/B,IAAA,EAAM;AACR,CAAC;AAE0B,aAAA,CAKxB;AAAA,EACD,OAAA,EAAS,KAAA;AAAA,EACT,cAAA,EAAgB,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,EAChC,aAAa,MAAM;AAAA,EAAC,CAAA;AAAA,EACpB,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC;AA4HD,UAAA,CAAWA,mBAAA,EAA2B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAsB5D,UAAA,CAAW,iBAAA,EAAmB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAoDpD,UAAA,CAAWC,eAAA,EAAuB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAuCxD,UAAA,CAAWC,oBAAA,EAAwB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AACzD,UAAA,CAAWC,qBAAA,EAA6B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAC9D,UAAA,CAAWC,mBAAA,EAA2B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAC5D,UAAA,CAAWC,sBAAA,EAA8B,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/box/index.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\n\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { boxStyle } from './styles';\n\nexport type IBoxProps = ViewProps &\n  VariantProps<typeof boxStyle> & { className?: string };\n\nconst Box = React.forwardRef<React.ComponentRef<typeof View>, IBoxProps>(\n  function Box({ className, ...props }, ref) {\n    return (\n      <View ref={ref} {...props} className={boxStyle({ class: className })} />\n    );\n  }\n);\n\nBox.displayName = 'Box';\nexport { Box };\n"],"names":["Box","jsx","View","boxStyle"],"mappings":";;;;;;;AASA,MAAM,MAAM,KAAA,CAAM,UAAA;AAAA,EAChB,SAASA,IAAAA,CAAI,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,EAAK;AACzC,IAAA,uBACEC,cAAA,CAACC,gBAAA,EAAA,EAAK,GAAA,EAAW,GAAG,KAAA,EAAO,SAAA,EAAWC,eAAA,CAAS,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,CAAA;AAAA,EAE1E;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/box/index.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\n\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { boxStyle } from './styles';\n\nexport type IBoxProps = ViewProps &\n  VariantProps<typeof boxStyle> & { className?: string };\n\nconst Box = React.forwardRef<React.ComponentRef<typeof View>, IBoxProps>(\n  function Box({ className, ...props }, ref) {\n    return (\n      <View ref={ref} {...props} className={boxStyle({ class: className })} />\n    );\n  }\n);\n\nBox.displayName = 'Box';\nexport { Box };\n"],"names":["Box"],"mappings":";;;;;AASA,MAAM,MAAM,KAAA,CAAM,UAAA;AAAA,EAChB,SAASA,IAAAA,CAAI,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,EAAK;AACzC,IAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAW,GAAG,KAAA,EAAO,SAAA,EAAW,QAAA,CAAS,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,CAAA;AAAA,EAE1E;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;;;;"}

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

@@ -0,0 +1,11 @@
+'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 boxStyle = nativewindUtils.tva({
+  base: baseStyle
+});
+
+exports.boxStyle = boxStyle;
+//# sourceMappingURL=styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/box/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } 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 boxStyle = tva({\n  base: baseStyle,\n});\n"],"names":["isWeb","tva"],"mappings":";;;;AAGA,MAAM,SAAA,GAAYA,wBACd,oIAAA,GACA,EAAA;AAEG,MAAM,WAAWC,mBAAA,CAAI;AAAA,EAC1B,IAAA,EAAM;AACR,CAAC;;;;"}

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

@@ -0,0 +1,9 @@
+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 boxStyle = tva({
+  base: baseStyle
+});
+
+export { boxStyle };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../apps/mobile/src/ui/box/styles.tsx"],"sourcesContent":["import { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { isWeb } 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 boxStyle = tva({\n  base: baseStyle,\n});\n"],"names":[],"mappings":";;AAGA,MAAM,SAAA,GAAY,QACd,oIAAA,GACA,EAAA;AAEG,MAAM,WAAW,GAAA,CAAI;AAAA,EAC1B,IAAA,EAAM;AACR,CAAC;;;;"}

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

@@ -0,0 +1,348 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/button/creator');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var nativewind = require('nativewind');
+var reactNative = require('react-native');
+var creator$1 = require('@gluestack-ui/core/icon/creator');
+
+const SCOPE = "BUTTON";
+const Root = nativewindUtils.withStyleContext(reactNative.Pressable, SCOPE);
+const UIButton = creator.createButton({
+  Root,
+  Text: reactNative.Text,
+  Group: reactNative.View,
+  Spinner: reactNative.ActivityIndicator,
+  Icon: creator$1.UIIcon
+});
+nativewind.cssInterop(creator$1.PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const buttonStyle = nativewindUtils.tva({
+  base: "group/button rounded bg-primary-500 flex-row items-center justify-center data-[focus-visible=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[disabled=true]:opacity-40 gap-2",
+  variants: {
+    action: {
+      primary: "bg-primary-500 data-[hover=true]:bg-primary-600 data-[active=true]:bg-primary-700 border-primary-300 data-[hover=true]:border-primary-400 data-[active=true]:border-primary-500 data-[focus-visible=true]:web:ring-indicator-info",
+      secondary: "bg-secondary-500 border-secondary-300 data-[hover=true]:bg-secondary-600 data-[hover=true]:border-secondary-400 data-[active=true]:bg-secondary-700 data-[active=true]:border-secondary-700 data-[focus-visible=true]:web:ring-indicator-info",
+      positive: "bg-success-500 border-success-300 data-[hover=true]:bg-success-600 data-[hover=true]:border-success-400 data-[active=true]:bg-success-700 data-[active=true]:border-success-500 data-[focus-visible=true]:web:ring-indicator-info",
+      negative: "bg-error-500 border-error-300 data-[hover=true]:bg-error-600 data-[hover=true]:border-error-400 data-[active=true]:bg-error-700 data-[active=true]:border-error-500 data-[focus-visible=true]:web:ring-indicator-info",
+      default: "bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent"
+    },
+    variant: {
+      link: "px-0",
+      outline: "bg-transparent border data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent",
+      solid: ""
+    },
+    size: {
+      xs: "px-3.5 h-8",
+      sm: "px-4 h-9",
+      md: "px-5 h-10",
+      lg: "px-6 h-11",
+      xl: "px-7 h-12"
+    }
+  },
+  compoundVariants: [
+    {
+      action: "primary",
+      variant: "link",
+      class: "px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent"
+    },
+    {
+      action: "secondary",
+      variant: "link",
+      class: "px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent"
+    },
+    {
+      action: "positive",
+      variant: "link",
+      class: "px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent"
+    },
+    {
+      action: "negative",
+      variant: "link",
+      class: "px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent"
+    },
+    {
+      action: "primary",
+      variant: "outline",
+      class: "bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent"
+    },
+    {
+      action: "secondary",
+      variant: "outline",
+      class: "bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent"
+    },
+    {
+      action: "positive",
+      variant: "outline",
+      class: "bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent"
+    },
+    {
+      action: "negative",
+      variant: "outline",
+      class: "bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent"
+    }
+  ]
+});
+const buttonTextStyle = nativewindUtils.tva({
+  base: "text-typography-0 font-semibold web:select-none",
+  parentVariants: {
+    action: {
+      primary: "text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700",
+      secondary: "text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700",
+      positive: "text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700",
+      negative: "text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700"
+    },
+    variant: {
+      link: "data-[hover=true]:underline data-[active=true]:underline",
+      outline: "",
+      solid: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    }
+  },
+  parentCompoundVariants: [
+    {
+      variant: "solid",
+      action: "primary",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    {
+      variant: "solid",
+      action: "secondary",
+      class: "text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800"
+    },
+    {
+      variant: "solid",
+      action: "positive",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    {
+      variant: "solid",
+      action: "negative",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    {
+      variant: "outline",
+      action: "primary",
+      class: "text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500"
+    },
+    {
+      variant: "outline",
+      action: "secondary",
+      class: "text-typography-500 data-[hover=true]:text-primary-600 data-[active=true]:text-typography-700"
+    },
+    {
+      variant: "outline",
+      action: "positive",
+      class: "text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500"
+    },
+    {
+      variant: "outline",
+      action: "negative",
+      class: "text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500"
+    }
+  ]
+});
+const buttonIconStyle = nativewindUtils.tva({
+  base: "fill-none",
+  parentVariants: {
+    variant: {
+      link: "data-[hover=true]:underline data-[active=true]:underline",
+      outline: "",
+      solid: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    size: {
+      xs: "h-3.5 w-3.5",
+      sm: "h-4 w-4",
+      md: "h-[18px] w-[18px]",
+      lg: "h-[18px] w-[18px]",
+      xl: "h-5 w-5"
+    },
+    action: {
+      primary: "text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700",
+      secondary: "text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700",
+      positive: "text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700",
+      negative: "text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700"
+    }
+  },
+  parentCompoundVariants: [
+    {
+      variant: "solid",
+      action: "primary",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    {
+      variant: "solid",
+      action: "secondary",
+      class: "text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800"
+    },
+    {
+      variant: "solid",
+      action: "positive",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    },
+    {
+      variant: "solid",
+      action: "negative",
+      class: "text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0"
+    }
+  ]
+});
+const buttonGroupStyle = nativewindUtils.tva({
+  base: "",
+  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"
+    },
+    isAttached: {
+      true: "gap-0"
+    },
+    flexDirection: {
+      "row": "flex-row",
+      "column": "flex-col",
+      "row-reverse": "flex-row-reverse",
+      "column-reverse": "flex-col-reverse"
+    }
+  }
+});
+const Button = React.forwardRef(
+  ({ className, variant = "solid", size = "md", action = "primary", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIButton,
+      {
+        ref,
+        ...props,
+        className: buttonStyle({ variant, size, action, class: className }),
+        context: { variant, size, action }
+      }
+    );
+  }
+);
+const ButtonText = React.forwardRef(({ className, variant, size, action, ...props }, ref) => {
+  const {
+    variant: parentVariant,
+    size: parentSize,
+    action: parentAction
+  } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIButton.Text,
+    {
+      ref,
+      ...props,
+      className: buttonTextStyle({
+        parentVariants: {
+          variant: parentVariant,
+          size: parentSize,
+          action: parentAction
+        },
+        variant,
+        size,
+        action,
+        class: className
+      })
+    }
+  );
+});
+const ButtonSpinner = UIButton.Spinner;
+const ButtonIcon = React.forwardRef(({ className, size, ...props }, ref) => {
+  const {
+    variant: parentVariant,
+    size: parentSize,
+    action: parentAction
+  } = nativewindUtils.useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIButton.Icon,
+      {
+        ref,
+        ...props,
+        className: buttonIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIButton.Icon,
+      {
+        ref,
+        ...props,
+        className: buttonIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIButton.Icon,
+    {
+      ...props,
+      className: buttonIconStyle({
+        parentVariants: {
+          size: parentSize,
+          variant: parentVariant,
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ref
+    }
+  );
+});
+const ButtonGroup = React.forwardRef(
+  ({
+    className,
+    space = "md",
+    isAttached = false,
+    flexDirection = "column",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIButton.Group,
+      {
+        className: buttonGroupStyle({
+          class: className,
+          space,
+          isAttached,
+          flexDirection
+        }),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+ButtonText.displayName = "ButtonText";
+ButtonSpinner.displayName = "ButtonSpinner";
+ButtonIcon.displayName = "ButtonIcon";
+ButtonGroup.displayName = "ButtonGroup";
+
+exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
+exports.ButtonIcon = ButtonIcon;
+exports.ButtonSpinner = ButtonSpinner;
+exports.ButtonText = ButtonText;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/button/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createButton } from '@gluestack-ui/core/button/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 { ActivityIndicator, Pressable, Text, View } from 'react-native';\nimport type { VariantProps } from 'tailwind-variants';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\n\nconst SCOPE = 'BUTTON';\n\nconst Root = withStyleContext(Pressable, SCOPE);\n\nconst UIButton = createButton({\n  Root: Root,\n  Text,\n  Group: View,\n  Spinner: ActivityIndicator,\n  Icon: UIIcon,\n});\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\nconst buttonStyle = tva({\n  base: 'group/button rounded bg-primary-500 flex-row items-center justify-center data-[focus-visible=true]:web:outline-none data-[focus-visible=true]:web:ring-2 data-[disabled=true]:opacity-40 gap-2',\n  variants: {\n    action: {\n      primary:\n        'bg-primary-500 data-[hover=true]:bg-primary-600 data-[active=true]:bg-primary-700 border-primary-300 data-[hover=true]:border-primary-400 data-[active=true]:border-primary-500 data-[focus-visible=true]:web:ring-indicator-info',\n      secondary:\n        'bg-secondary-500 border-secondary-300 data-[hover=true]:bg-secondary-600 data-[hover=true]:border-secondary-400 data-[active=true]:bg-secondary-700 data-[active=true]:border-secondary-700 data-[focus-visible=true]:web:ring-indicator-info',\n      positive:\n        'bg-success-500 border-success-300 data-[hover=true]:bg-success-600 data-[hover=true]:border-success-400 data-[active=true]:bg-success-700 data-[active=true]:border-success-500 data-[focus-visible=true]:web:ring-indicator-info',\n      negative:\n        'bg-error-500 border-error-300 data-[hover=true]:bg-error-600 data-[hover=true]:border-error-400 data-[active=true]:bg-error-700 data-[active=true]:border-error-500 data-[focus-visible=true]:web:ring-indicator-info',\n      default:\n        'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n    },\n    variant: {\n      link: 'px-0',\n      outline:\n        'bg-transparent border data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n      solid: '',\n    },\n\n    size: {\n      xs: 'px-3.5 h-8',\n      sm: 'px-4 h-9',\n      md: 'px-5 h-10',\n      lg: 'px-6 h-11',\n      xl: 'px-7 h-12',\n    },\n  },\n  compoundVariants: [\n    {\n      action: 'primary',\n      variant: 'link',\n      class:\n        'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'secondary',\n      variant: 'link',\n      class:\n        'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'positive',\n      variant: 'link',\n      class:\n        'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'negative',\n      variant: 'link',\n      class:\n        'px-0 bg-transparent data-[hover=true]:bg-transparent data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'primary',\n      variant: 'outline',\n      class:\n        'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'secondary',\n      variant: 'outline',\n      class:\n        'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'positive',\n      variant: 'outline',\n      class:\n        'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n    },\n    {\n      action: 'negative',\n      variant: 'outline',\n      class:\n        'bg-transparent data-[hover=true]:bg-background-50 data-[active=true]:bg-transparent',\n    },\n  ],\n});\n\nconst buttonTextStyle = tva({\n  base: 'text-typography-0 font-semibold web:select-none',\n  parentVariants: {\n    action: {\n      primary:\n        'text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700',\n      secondary:\n        'text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700',\n      positive:\n        'text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700',\n      negative:\n        'text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700',\n    },\n    variant: {\n      link: 'data-[hover=true]:underline data-[active=true]:underline',\n      outline: '',\n      solid:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n    },\n  },\n  parentCompoundVariants: [\n    {\n      variant: 'solid',\n      action: 'primary',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    {\n      variant: 'solid',\n      action: 'secondary',\n      class:\n        'text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800',\n    },\n    {\n      variant: 'solid',\n      action: 'positive',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    {\n      variant: 'solid',\n      action: 'negative',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    {\n      variant: 'outline',\n      action: 'primary',\n      class:\n        'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',\n    },\n    {\n      variant: 'outline',\n      action: 'secondary',\n      class:\n        'text-typography-500 data-[hover=true]:text-primary-600 data-[active=true]:text-typography-700',\n    },\n    {\n      variant: 'outline',\n      action: 'positive',\n      class:\n        'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',\n    },\n    {\n      variant: 'outline',\n      action: 'negative',\n      class:\n        'text-primary-500 data-[hover=true]:text-primary-500 data-[active=true]:text-primary-500',\n    },\n  ],\n});\n\nconst buttonIconStyle = tva({\n  base: 'fill-none',\n  parentVariants: {\n    variant: {\n      link: 'data-[hover=true]:underline data-[active=true]:underline',\n      outline: '',\n      solid:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    size: {\n      xs: 'h-3.5 w-3.5',\n      sm: 'h-4 w-4',\n      md: 'h-[18px] w-[18px]',\n      lg: 'h-[18px] w-[18px]',\n      xl: 'h-5 w-5',\n    },\n    action: {\n      primary:\n        'text-primary-600 data-[hover=true]:text-primary-600 data-[active=true]:text-primary-700',\n      secondary:\n        'text-typography-500 data-[hover=true]:text-typography-600 data-[active=true]:text-typography-700',\n      positive:\n        'text-success-600 data-[hover=true]:text-success-600 data-[active=true]:text-success-700',\n\n      negative:\n        'text-error-600 data-[hover=true]:text-error-600 data-[active=true]:text-error-700',\n    },\n  },\n  parentCompoundVariants: [\n    {\n      variant: 'solid',\n      action: 'primary',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    {\n      variant: 'solid',\n      action: 'secondary',\n      class:\n        'text-typography-800 data-[hover=true]:text-typography-800 data-[active=true]:text-typography-800',\n    },\n    {\n      variant: 'solid',\n      action: 'positive',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n    {\n      variant: 'solid',\n      action: 'negative',\n      class:\n        'text-typography-0 data-[hover=true]:text-typography-0 data-[active=true]:text-typography-0',\n    },\n  ],\n});\n\nconst buttonGroupStyle = tva({\n  base: '',\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    isAttached: {\n      true: 'gap-0',\n    },\n    flexDirection: {\n      'row': 'flex-row',\n      'column': 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n  },\n});\n\nexport type IButtonProps = Omit<\n  React.ComponentPropsWithoutRef<typeof UIButton>,\n  'context'\n> &\n  VariantProps<typeof buttonStyle> & { className?: string };\n\nconst Button = React.forwardRef<\n  React.ElementRef<typeof UIButton>,\n  IButtonProps\n>(\n  (\n    { className, variant = 'solid', size = 'md', action = 'primary', ...props },\n    ref\n  ) => {\n    return (\n      <UIButton\n        ref={ref}\n        {...props}\n        className={buttonStyle({ variant, size, action, class: className })}\n        context={{ variant, size, action }}\n      />\n    );\n  }\n);\n\nexport type IButtonTextProps = React.ComponentPropsWithoutRef<typeof UIButton.Text> &\n  VariantProps<typeof buttonTextStyle> & { className?: string };\n\nconst ButtonText = React.forwardRef<\n  React.ElementRef<typeof UIButton.Text>,\n  IButtonTextProps\n>(({ className, variant, size, action, ...props }, ref) => {\n  const {\n    variant: parentVariant,\n    size: parentSize,\n    action: parentAction,\n  } = useStyleContext(SCOPE);\n\n  return (\n    <UIButton.Text\n      ref={ref}\n      {...props}\n      className={buttonTextStyle({\n        parentVariants: {\n          variant: parentVariant,\n          size: parentSize,\n          action: parentAction,\n        },\n        variant: variant as 'link' | 'outline' | 'solid' | undefined,\n        size,\n        action: action as\n          | 'primary'\n          | 'secondary'\n          | 'positive'\n          | 'negative'\n          | undefined,\n        class: className,\n      })}\n    />\n  );\n});\n\nconst ButtonSpinner = UIButton.Spinner;\n\nexport type IButtonIcon = React.ComponentPropsWithoutRef<typeof UIButton.Icon> &\n  VariantProps<typeof buttonIconStyle> & {\n    className?: string | undefined;\n    as?: React.ElementType;\n    height?: number;\n    width?: number;\n  };\n\nconst ButtonIcon = React.forwardRef<\n  React.ElementRef<typeof UIButton.Icon>,\n  IButtonIcon\n>(({ className, size, ...props }, ref) => {\n  const {\n    variant: parentVariant,\n    size: parentSize,\n    action: parentAction,\n  } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UIButton.Icon\n        ref={ref}\n        {...props}\n        className={buttonIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIButton.Icon\n        ref={ref}\n        {...props}\n        className={buttonIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UIButton.Icon\n      {...props}\n      className={buttonIconStyle({\n        parentVariants: {\n          size: parentSize,\n          variant: parentVariant,\n          action: parentAction,\n        },\n        size,\n        class: className,\n      })}\n      ref={ref}\n    />\n  );\n});\n\nexport type IButtonGroupProps = React.ComponentPropsWithoutRef<typeof UIButton.Group> &\n  VariantProps<typeof buttonGroupStyle>;\n\nconst ButtonGroup = React.forwardRef<\n  React.ElementRef<typeof UIButton.Group>,\n  IButtonGroupProps\n>(\n  (\n    {\n      className,\n      space = 'md',\n      isAttached = false,\n      flexDirection = 'column',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <UIButton.Group\n        className={buttonGroupStyle({\n          class: className,\n          space,\n          isAttached: isAttached as boolean,\n          flexDirection: flexDirection as any,\n        })}\n        {...props}\n        ref={ref}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\nButtonText.displayName = 'ButtonText';\nButtonSpinner.displayName = 'ButtonSpinner';\nButtonIcon.displayName = 'ButtonIcon';\nButtonGroup.displayName = 'ButtonGroup';\n\nexport { Button, ButtonText, ButtonSpinner, ButtonIcon, ButtonGroup };\n"],"names":["withStyleContext","Pressable","createButton","Text","View","ActivityIndicator","UIIcon","cssInterop","PrimitiveIcon","tva","jsx","useStyleContext"],"mappings":"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"}