@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,406 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { H4 } from '@expo/html-elements';
+import { createActionsheet } from '@gluestack-ui/core/actionsheet/creator';
+import { Pressable, SectionList, FlatList, VirtualizedList, ScrollView, View, Text } from 'react-native';
+import { UIIcon, PrimitiveIcon } from '@gluestack-ui/core/icon/creator';
+import { tva } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import { Motion, createMotionAnimatedComponent, AnimatePresence } from '@legendapp/motion';
+
+const ItemWrapper = React.forwardRef(function ItemWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(Pressable, { ...props, ref });
+});
+const MotionView = Motion.View;
+const AnimatedPressable = createMotionAnimatedComponent(
+  Pressable
+);
+const UIActionsheet = createActionsheet({
+  Root: View,
+  Content: MotionView,
+  Item: ItemWrapper,
+  ItemText: Text,
+  DragIndicator: View,
+  IndicatorWrapper: View,
+  Backdrop: AnimatedPressable,
+  ScrollView,
+  VirtualizedList,
+  FlatList,
+  SectionList,
+  SectionHeaderText: H4,
+  Icon: UIIcon,
+  AnimatePresence
+});
+cssInterop(UIActionsheet, { className: "style" });
+cssInterop(UIActionsheet.Content, { className: "style" });
+cssInterop(ItemWrapper, { className: "style" });
+cssInterop(UIActionsheet.ItemText, { className: "style" });
+cssInterop(UIActionsheet.DragIndicator, { className: "style" });
+cssInterop(UIActionsheet.DragIndicatorWrapper, { className: "style" });
+cssInterop(UIActionsheet.Backdrop, { className: "style" });
+cssInterop(UIActionsheet.ScrollView, {
+  className: "style",
+  contentContainerClassName: "contentContainerStyle",
+  indicatorClassName: "indicatorStyle"
+});
+cssInterop(UIActionsheet.VirtualizedList, {
+  className: "style",
+  ListFooterComponentClassName: "ListFooterComponentStyle",
+  ListHeaderComponentClassName: "ListHeaderComponentStyle",
+  contentContainerClassName: "contentContainerStyle",
+  indicatorClassName: "indicatorStyle"
+});
+cssInterop(UIActionsheet.FlatList, {
+  className: "style",
+  ListFooterComponentClassName: "ListFooterComponentStyle",
+  ListHeaderComponentClassName: "ListHeaderComponentStyle",
+  columnWrapperClassName: "columnWrapperStyle",
+  contentContainerClassName: "contentContainerStyle",
+  indicatorClassName: "indicatorStyle"
+});
+cssInterop(UIActionsheet.SectionList, { className: "style" });
+cssInterop(UIActionsheet.SectionHeaderText, { className: "style" });
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const actionsheetStyle = tva({ base: "w-full h-full web:pointer-events-none" });
+const actionsheetContentStyle = tva({
+  base: "items-center rounded-tl-3xl rounded-tr-3xl p-5 pt-2 bg-background-0 web:pointer-events-auto web:select-none shadow-hard-5 border border-b-0 border-outline-100 pb-safe"
+});
+const actionsheetItemStyle = tva({
+  base: "w-full flex-row items-center p-3 rounded-sm data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-auto data-[disabled=true]:web:cursor-not-allowed hover:bg-background-50 active:bg-background-100 data-[focus=true]:bg-background-100 web:data-[focus-visible=true]:bg-background-100 web:data-[focus-visible=true]:outline-indicator-primary gap-2"
+});
+const actionsheetItemTextStyle = tva({
+  base: "text-typography-700 font-normal font-body",
+  variants: {
+    isTruncated: {
+      true: ""
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    }
+  }
+});
+const actionsheetDragIndicatorStyle = tva({
+  base: "w-16 h-1 bg-background-400 rounded-full"
+});
+const actionsheetDragIndicatorWrapperStyle = tva({
+  base: "w-full py-1 items-center"
+});
+const actionsheetBackdropStyle = tva({
+  base: "absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default web:pointer-events-auto"
+});
+const actionsheetScrollViewStyle = tva({
+  base: "w-full h-auto"
+});
+const actionsheetVirtualizedListStyle = tva({
+  base: "w-full h-auto"
+});
+const actionsheetFlatListStyle = tva({
+  base: "w-full h-auto"
+});
+const actionsheetSectionListStyle = tva({
+  base: "w-full h-auto"
+});
+const actionsheetSectionHeaderTextStyle = tva({
+  base: "leading-5 font-bold font-heading my-0 text-typography-500 p-3 uppercase",
+  variants: {
+    isTruncated: {
+      true: ""
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "5xl": "text-5xl",
+      "4xl": "text-4xl",
+      "3xl": "text-3xl",
+      "2xl": "text-2xl",
+      "xl": "text-xl",
+      "lg": "text-lg",
+      "md": "text-base",
+      "sm": "text-sm",
+      "xs": "text-xs"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow500"
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+const actionsheetIconStyle = tva({
+  base: "text-background-500 fill-none",
+  variants: {
+    size: {
+      "2xs": "h-3 w-3",
+      "xs": "h-3.5 w-3.5",
+      "sm": "h-4 w-4",
+      "md": "w-[18px] h-[18px]",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
+    }
+  }
+});
+React.forwardRef(function Actionsheet2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet,
+    {
+      className: actionsheetStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Content,
+    {
+      className: actionsheetContentStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Item,
+    {
+      className: actionsheetItemStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetItemText2({
+  isTruncated,
+  bold,
+  underline,
+  strikeThrough,
+  size = "sm",
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.ItemText,
+    {
+      className: actionsheetItemTextStyle({
+        class: className,
+        isTruncated: Boolean(isTruncated),
+        bold: Boolean(bold),
+        underline: Boolean(underline),
+        strikeThrough: Boolean(strikeThrough),
+        size
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetDragIndicator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.DragIndicator,
+    {
+      className: actionsheetDragIndicatorStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetDragIndicatorWrapper2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.DragIndicatorWrapper,
+    {
+      className: actionsheetDragIndicatorWrapperStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetBackdrop2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Backdrop,
+    {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 0.5
+      },
+      exit: {
+        opacity: 0
+      },
+      ...props,
+      className: actionsheetBackdropStyle({
+        class: className
+      }),
+      ref
+    }
+  );
+});
+React.forwardRef(function ActionsheetScrollView2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.ScrollView,
+    {
+      className: actionsheetScrollViewStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetVirtualizedList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.VirtualizedList,
+    {
+      className: actionsheetVirtualizedListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetFlatList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.FlatList,
+    {
+      className: actionsheetFlatListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetSectionList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.SectionList,
+    {
+      className: actionsheetSectionListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetSectionHeaderText2({
+  className,
+  isTruncated,
+  bold,
+  underline,
+  strikeThrough,
+  size,
+  sub,
+  italic,
+  highlight,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.SectionHeaderText,
+    {
+      className: actionsheetSectionHeaderTextStyle({
+        class: className,
+        isTruncated: Boolean(isTruncated),
+        bold: Boolean(bold),
+        underline: Boolean(underline),
+        strikeThrough: Boolean(strikeThrough),
+        size,
+        sub: Boolean(sub),
+        italic: Boolean(italic),
+        highlight: Boolean(highlight)
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetIcon2({ className, size = "sm", ...props }, ref) {
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UIActionsheet.Icon,
+      {
+        ref,
+        ...props,
+        className: actionsheetIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsx(
+      UIActionsheet.Icon,
+      {
+        ref,
+        ...props,
+        className: actionsheetIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Icon,
+    {
+      className: actionsheetIconStyle({
+        class: className,
+        size
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+
+export { UIActionsheet };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/actionsheet/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { H4 } from '@expo/html-elements';\nimport { createActionsheet } from '@gluestack-ui/core/actionsheet/creator';\nimport {\n  Pressable,\n  View,\n  Text,\n  ScrollView,\n  VirtualizedList,\n  FlatList,\n  SectionList,\n  PressableProps,\n  ViewStyle,\n} from 'react-native';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport {\n  Motion,\n  AnimatePresence,\n  createMotionAnimatedComponent,\n  MotionComponentProps,\n} from '@legendapp/motion';\n\nconst ItemWrapper = React.forwardRef<\n  React.ComponentRef<typeof Pressable>,\n  PressableProps\n>(function ItemWrapper({ ...props }, ref) {\n  return <Pressable {...props} ref={ref} />;\n});\n\nexport type IMotionViewProps = React.ComponentProps<typeof View> &\n  MotionComponentProps<typeof View, ViewStyle, unknown, unknown, unknown>;\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nexport type IAnimatedPressableProps = React.ComponentProps<typeof Pressable> &\n  MotionComponentProps<typeof Pressable, ViewStyle, unknown, unknown, unknown>;\n\nconst AnimatedPressable = createMotionAnimatedComponent(\n  Pressable\n) as React.ComponentType<IAnimatedPressableProps>;\n\nexport const UIActionsheet = createActionsheet({\n  Root: View,\n  Content: MotionView,\n  Item: ItemWrapper,\n  ItemText: Text,\n  DragIndicator: View,\n  IndicatorWrapper: View,\n  Backdrop: AnimatedPressable,\n  ScrollView: ScrollView,\n  VirtualizedList: VirtualizedList,\n  FlatList: FlatList,\n  SectionList: SectionList,\n  SectionHeaderText: H4,\n  Icon: UIIcon,\n  AnimatePresence: AnimatePresence,\n});\n\ncssInterop(UIActionsheet, { className: 'style' });\ncssInterop(UIActionsheet.Content, { className: 'style' });\ncssInterop(ItemWrapper, { className: 'style' });\ncssInterop(UIActionsheet.ItemText, { className: 'style' });\ncssInterop(UIActionsheet.DragIndicator, { className: 'style' });\ncssInterop(UIActionsheet.DragIndicatorWrapper, { className: 'style' });\ncssInterop(UIActionsheet.Backdrop, { className: 'style' });\ncssInterop(UIActionsheet.ScrollView, {\n  className: 'style',\n  contentContainerClassName: 'contentContainerStyle',\n  indicatorClassName: 'indicatorStyle',\n});\ncssInterop(UIActionsheet.VirtualizedList, {\n  className: 'style',\n  ListFooterComponentClassName: 'ListFooterComponentStyle',\n  ListHeaderComponentClassName: 'ListHeaderComponentStyle',\n  contentContainerClassName: 'contentContainerStyle',\n  indicatorClassName: 'indicatorStyle',\n});\ncssInterop(UIActionsheet.FlatList, {\n  className: 'style',\n  ListFooterComponentClassName: 'ListFooterComponentStyle',\n  ListHeaderComponentClassName: 'ListHeaderComponentStyle',\n  columnWrapperClassName: 'columnWrapperStyle',\n  contentContainerClassName: 'contentContainerStyle',\n  indicatorClassName: 'indicatorStyle',\n});\ncssInterop(UIActionsheet.SectionList, { className: 'style' });\ncssInterop(UIActionsheet.SectionHeaderText, { className: 'style' });\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 actionsheetStyle = tva({ base: 'w-full h-full web:pointer-events-none' });\n\nconst actionsheetContentStyle = tva({\n  base: 'items-center rounded-tl-3xl rounded-tr-3xl p-5 pt-2 bg-background-0 web:pointer-events-auto web:select-none shadow-hard-5 border border-b-0 border-outline-100 pb-safe',\n});\n\nconst actionsheetItemStyle = tva({\n  base: 'w-full flex-row items-center p-3 rounded-sm data-[disabled=true]:opacity-40 data-[disabled=true]:web:pointer-events-auto data-[disabled=true]:web:cursor-not-allowed hover:bg-background-50 active:bg-background-100 data-[focus=true]:bg-background-100 web:data-[focus-visible=true]:bg-background-100 web:data-[focus-visible=true]:outline-indicator-primary gap-2',\n});\n\nconst actionsheetItemTextStyle = tva({\n  base: 'text-typography-700 font-normal font-body',\n  variants: {\n    isTruncated: {\n      true: '',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n  },\n});\n\nconst actionsheetDragIndicatorStyle = tva({\n  base: 'w-16 h-1 bg-background-400 rounded-full',\n});\n\nconst actionsheetDragIndicatorWrapperStyle = tva({\n  base: 'w-full py-1 items-center',\n});\n\nconst actionsheetBackdropStyle = tva({\n  base: 'absolute left-0 top-0 right-0 bottom-0 bg-background-dark web:cursor-default web:pointer-events-auto',\n});\n\nconst actionsheetScrollViewStyle = tva({\n  base: 'w-full h-auto',\n});\n\nconst actionsheetVirtualizedListStyle = tva({\n  base: 'w-full h-auto',\n});\n\nconst actionsheetFlatListStyle = tva({\n  base: 'w-full h-auto',\n});\n\nconst actionsheetSectionListStyle = tva({\n  base: 'w-full h-auto',\n});\n\nconst actionsheetSectionHeaderTextStyle = tva({\n  base: 'leading-5 font-bold font-heading my-0 text-typography-500 p-3 uppercase',\n  variants: {\n    isTruncated: {\n      true: '',\n    },\n    bold: {\n      true: 'font-bold',\n    },\n    underline: {\n      true: 'underline',\n    },\n    strikeThrough: {\n      true: 'line-through',\n    },\n    size: {\n      '5xl': 'text-5xl',\n      '4xl': 'text-4xl',\n      '3xl': 'text-3xl',\n      '2xl': 'text-2xl',\n      'xl': 'text-xl',\n      'lg': 'text-lg',\n      'md': 'text-base',\n      'sm': 'text-sm',\n      'xs': 'text-xs',\n    },\n\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow500',\n    },\n  },\n  defaultVariants: {\n    size: 'xs',\n  },\n});\n\nconst actionsheetIconStyle = tva({\n  base: 'text-background-500 fill-none',\n  variants: {\n    size: {\n      '2xs': 'h-3 w-3',\n      'xs': 'h-3.5 w-3.5',\n      'sm': 'h-4 w-4',\n      'md': 'w-[18px] h-[18px]',\n      'lg': 'h-5 w-5',\n      'xl': 'h-6 w-6',\n    },\n  },\n});\n\nexport type IActionsheetProps = VariantProps<typeof actionsheetStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet>;\n\nexport type IActionsheetContentProps = VariantProps<typeof actionsheetContentStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.Content> & {\n    className?: string;\n  };\n\nexport type IActionsheetItemProps = VariantProps<typeof actionsheetItemStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.Item>;\n\nexport type IActionsheetItemTextProps = VariantProps<typeof actionsheetItemTextStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.ItemText>;\n\nexport type IActionsheetDragIndicatorProps = VariantProps<\n  typeof actionsheetDragIndicatorStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.DragIndicator>;\n\nexport type IActionsheetDragIndicatorWrapperProps = VariantProps<\n  typeof actionsheetDragIndicatorWrapperStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.DragIndicatorWrapper>;\n\nexport type IActionsheetBackdropProps = VariantProps<typeof actionsheetBackdropStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.Backdrop> & {\n    className?: string;\n  };\n\nexport type IActionsheetScrollViewProps = VariantProps<\n  typeof actionsheetScrollViewStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.ScrollView>;\n\nexport type IActionsheetVirtualizedListProps = VariantProps<\n  typeof actionsheetVirtualizedListStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.VirtualizedList>;\n\nexport type IActionsheetFlatListProps = VariantProps<typeof actionsheetFlatListStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.FlatList>;\n\nexport type IActionsheetSectionListProps = VariantProps<\n  typeof actionsheetSectionListStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.SectionList>;\n\nexport type IActionsheetSectionHeaderTextProps = VariantProps<\n  typeof actionsheetSectionHeaderTextStyle\n> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.SectionHeaderText>;\n\nexport type IActionsheetIconProps = VariantProps<typeof actionsheetIconStyle> &\n  React.ComponentPropsWithoutRef<typeof UIActionsheet.Icon> & {\n    className?: string;\n    as?: React.ElementType;\n    height?: number;\n    width?: number;\n  };\n\nconst Actionsheet = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet>,\n  IActionsheetProps\n>(function Actionsheet({ className, ...props }, ref) {\n  return (\n    <UIActionsheet\n      className={actionsheetStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetContent = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.Content>,\n  IActionsheetContentProps\n>(function ActionsheetContent({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.Content\n      className={actionsheetContentStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetItem = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.Item>,\n  IActionsheetItemProps\n>(function ActionsheetItem({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.Item\n      className={actionsheetItemStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetItemText = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.ItemText>,\n  IActionsheetItemTextProps\n>(function ActionsheetItemText(\n  {\n    isTruncated,\n    bold,\n    underline,\n    strikeThrough,\n    size = 'sm',\n    className,\n    ...props\n  },\n  ref\n) {\n  return (\n    <UIActionsheet.ItemText\n      className={actionsheetItemTextStyle({\n        class: className,\n        isTruncated: Boolean(isTruncated),\n        bold: Boolean(bold),\n        underline: Boolean(underline),\n        strikeThrough: Boolean(strikeThrough),\n        size,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetDragIndicator = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.DragIndicator>,\n  IActionsheetDragIndicatorProps\n>(function ActionsheetDragIndicator({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.DragIndicator\n      className={actionsheetDragIndicatorStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetDragIndicatorWrapper = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.DragIndicatorWrapper>,\n  IActionsheetDragIndicatorWrapperProps\n>(function ActionsheetDragIndicatorWrapper({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.DragIndicatorWrapper\n      className={actionsheetDragIndicatorWrapperStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetBackdrop = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.Backdrop>,\n  IActionsheetBackdropProps\n>(function ActionsheetBackdrop({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.Backdrop\n      initial={{\n        opacity: 0,\n      }}\n      animate={{\n        opacity: 0.5,\n      }}\n      exit={{\n        opacity: 0,\n      }}\n      {...props}\n      className={actionsheetBackdropStyle({\n        class: className,\n      })}\n      ref={ref}\n    />\n  );\n});\n\nconst ActionsheetScrollView = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.ScrollView>,\n  IActionsheetScrollViewProps\n>(function ActionsheetScrollView({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.ScrollView\n      className={actionsheetScrollViewStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetVirtualizedList = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.VirtualizedList>,\n  IActionsheetVirtualizedListProps\n>(function ActionsheetVirtualizedList({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.VirtualizedList\n      className={actionsheetVirtualizedListStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetFlatList = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.FlatList>,\n  IActionsheetFlatListProps\n>(function ActionsheetFlatList({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.FlatList\n      className={actionsheetFlatListStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetSectionList = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.SectionList>,\n  IActionsheetSectionListProps\n>(function ActionsheetSectionList({ className, ...props }, ref) {\n  return (\n    <UIActionsheet.SectionList\n      className={actionsheetSectionListStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetSectionHeaderText = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.SectionHeaderText>,\n  IActionsheetSectionHeaderTextProps\n>(function ActionsheetSectionHeaderText(\n  {\n    className,\n    isTruncated,\n    bold,\n    underline,\n    strikeThrough,\n    size,\n    sub,\n    italic,\n    highlight,\n    ...props\n  },\n  ref\n) {\n  return (\n    <UIActionsheet.SectionHeaderText\n      className={actionsheetSectionHeaderTextStyle({\n        class: className,\n        isTruncated: Boolean(isTruncated),\n        bold: Boolean(bold),\n        underline: Boolean(underline),\n        strikeThrough: Boolean(strikeThrough),\n        size,\n        sub: Boolean(sub),\n        italic: Boolean(italic),\n        highlight: Boolean(highlight),\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst ActionsheetIcon = React.forwardRef<\n  React.ComponentRef<typeof UIActionsheet.Icon>,\n  IActionsheetIconProps\n>(function ActionsheetIcon({ className, size = 'sm', ...props }, ref) {\n  if (typeof size === 'number') {\n    return (\n      <UIActionsheet.Icon\n        ref={ref}\n        {...props}\n        className={actionsheetIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIActionsheet.Icon\n        ref={ref}\n        {...props}\n        className={actionsheetIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UIActionsheet.Icon\n      className={actionsheetIconStyle({\n        class: className,\n        size,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport {\n  Actionsheet,\n  ActionsheetContent,\n  ActionsheetItem,\n  ActionsheetItemText,\n  ActionsheetDragIndicator,\n  ActionsheetDragIndicatorWrapper,\n  ActionsheetBackdrop,\n  ActionsheetScrollView,\n  ActionsheetVirtualizedList,\n  ActionsheetFlatList,\n  ActionsheetSectionList,\n  ActionsheetSectionHeaderText,\n  ActionsheetIcon,\n};\n"],"names":["ItemWrapper","Actionsheet","ActionsheetContent","ActionsheetItem","ActionsheetItemText","ActionsheetDragIndicator","ActionsheetDragIndicatorWrapper","ActionsheetBackdrop","ActionsheetScrollView","ActionsheetVirtualizedList","ActionsheetFlatList","ActionsheetSectionList","ActionsheetSectionHeaderText","ActionsheetIcon"],"mappings":"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"}

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

@@ -0,0 +1,208 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var creator = require('@gluestack-ui/core/alert/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var React = require('react');
+var nativewind = require('nativewind');
+var creator$1 = require('@gluestack-ui/core/icon/creator');
+
+const SCOPE = "ALERT";
+const alertStyle = nativewindUtils.tva({
+  base: "items-center py-3 px-4 rounded-md flex-row gap-2 border-outline-100",
+  variants: {
+    action: {
+      error: "bg-background-error",
+      warning: "bg-background-warning",
+      success: "bg-background-success",
+      info: "bg-background-info",
+      muted: "bg-background-muted"
+    },
+    variant: {
+      solid: "",
+      outline: "border bg-background-0"
+    }
+  }
+});
+const alertTextStyle = nativewindUtils.tva({
+  base: "font-normal font-body",
+  variants: {
+    isTruncated: {
+      true: "web:truncate"
+    },
+    bold: {
+      true: "font-bold"
+    },
+    underline: {
+      true: "underline"
+    },
+    strikeThrough: {
+      true: "line-through"
+    },
+    size: {
+      "2xs": "text-2xs",
+      "xs": "text-xs",
+      "sm": "text-sm",
+      "md": "text-base",
+      "lg": "text-lg",
+      "xl": "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl",
+      "5xl": "text-5xl",
+      "6xl": "text-6xl"
+    },
+    sub: {
+      true: "text-xs"
+    },
+    italic: {
+      true: "italic"
+    },
+    highlight: {
+      true: "bg-yellow-500"
+    }
+  },
+  parentVariants: {
+    action: {
+      error: "text-error-800",
+      warning: "text-warning-800",
+      success: "text-success-800",
+      info: "text-info-800",
+      muted: "text-background-800"
+    }
+  }
+});
+const alertIconStyle = nativewindUtils.tva({
+  base: "fill-none",
+  variants: {
+    size: {
+      "2xs": "h-3 w-3",
+      "xs": "h-3.5 w-3.5",
+      "sm": "h-4 w-4",
+      "md": "h-[18px] w-[18px]",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
+    }
+  },
+  parentVariants: {
+    action: {
+      error: "text-error-800",
+      warning: "text-warning-800",
+      success: "text-success-800",
+      info: "text-info-800",
+      muted: "text-background-800"
+    }
+  }
+});
+const UIAlert = creator.createAlert({
+  Root: nativewindUtils.withStyleContext(reactNative.View, SCOPE),
+  Text: reactNative.Text,
+  Icon: creator$1.UIIcon
+});
+nativewind.cssInterop(creator$1.PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const Alert = React.forwardRef(
+  function Alert2({ className, variant = "solid", action = "muted", ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIAlert,
+      {
+        className: alertStyle({ action, variant, class: className }),
+        context: { variant, action },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+const AlertText = React.forwardRef(function AlertText2({
+  className,
+  isTruncated,
+  bold,
+  underline,
+  strikeThrough,
+  size = "md",
+  sub,
+  italic,
+  highlight,
+  ...props
+}, ref) {
+  const { action: parentAction } = nativewindUtils.useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAlert.Text,
+    {
+      className: alertTextStyle({
+        isTruncated,
+        bold,
+        underline,
+        strikeThrough,
+        size,
+        sub,
+        italic,
+        highlight,
+        class: className,
+        parentVariants: {
+          action: parentAction
+        }
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+const AlertIcon = React.forwardRef(function AlertIcon2({ className, size = "md", ...props }, ref) {
+  const { action: parentAction } = nativewindUtils.useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIAlert.Icon,
+      {
+        ref,
+        ...props,
+        className: alertIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIAlert.Icon,
+      {
+        ref,
+        ...props,
+        className: alertIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIAlert.Icon,
+    {
+      className: alertIconStyle({
+        parentVariants: {
+          action: parentAction
+        },
+        size,
+        class: className
+      }),
+      ...props,
+      ref
+    }
+  );
+});
+Alert.displayName = "Alert";
+AlertText.displayName = "AlertText";
+AlertIcon.displayName = "AlertIcon";
+
+exports.Alert = Alert;
+exports.AlertIcon = AlertIcon;
+exports.AlertText = AlertText;
+exports.UIAlert = UIAlert;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/alert/index.tsx"],"sourcesContent":["'use client';\nimport { createAlert } from '@gluestack-ui/core/alert/creator';\nimport { View, Text } from 'react-native';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport React from 'react';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\n\nconst SCOPE = 'ALERT';\n\nconst alertStyle = tva({\n  base: 'items-center py-3 px-4 rounded-md flex-row gap-2 border-outline-100',\n\n  variants: {\n    action: {\n      error: 'bg-background-error',\n      warning: 'bg-background-warning',\n      success: 'bg-background-success',\n      info: 'bg-background-info',\n      muted: 'bg-background-muted',\n    },\n\n    variant: {\n      solid: '',\n      outline: 'border bg-background-0',\n    },\n  },\n});\n\nconst alertTextStyle = tva({\n  base: 'font-normal font-body',\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    size: {\n      '2xs': 'text-2xs',\n      'xs': 'text-xs',\n      'sm': 'text-sm',\n      'md': 'text-base',\n      'lg': 'text-lg',\n      'xl': 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n    },\n    sub: {\n      true: 'text-xs',\n    },\n    italic: {\n      true: 'italic',\n    },\n    highlight: {\n      true: 'bg-yellow-500',\n    },\n  },\n  parentVariants: {\n    action: {\n      error: 'text-error-800',\n      warning: 'text-warning-800',\n      success: 'text-success-800',\n      info: 'text-info-800',\n      muted: 'text-background-800',\n    },\n  },\n});\n\nconst alertIconStyle = tva({\n  base: 'fill-none',\n  variants: {\n    size: {\n      '2xs': 'h-3 w-3',\n      'xs': 'h-3.5 w-3.5',\n      'sm': 'h-4 w-4',\n      'md': 'h-[18px] w-[18px]',\n      'lg': 'h-5 w-5',\n      'xl': 'h-6 w-6',\n    },\n  },\n  parentVariants: {\n    action: {\n      error: 'text-error-800',\n      warning: 'text-warning-800',\n      success: 'text-success-800',\n      info: 'text-info-800',\n      muted: 'text-background-800',\n    },\n  },\n});\n\nexport const UIAlert = createAlert({\n  Root: withStyleContext(View, SCOPE),\n  Text: Text,\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\nexport type IAlertProps = Omit<\n  React.ComponentPropsWithoutRef<typeof UIAlert>,\n  'context'\n> &\n  VariantProps<typeof alertStyle>;\n\nconst Alert = React.forwardRef<React.ComponentRef<typeof UIAlert>, IAlertProps>(\n  function Alert(\n    { className, variant = 'solid', action = 'muted', ...props },\n    ref\n  ) {\n    return (\n      <UIAlert\n        className={alertStyle({ action, variant, class: className })}\n        context={{ variant, action }}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nexport type IAlertTextProps = React.ComponentPropsWithoutRef<typeof UIAlert.Text> &\n  VariantProps<typeof alertTextStyle>;\n\nconst AlertText = React.forwardRef<\n  React.ComponentRef<typeof UIAlert.Text>,\n  IAlertTextProps\n>(function AlertText(\n  {\n    className,\n    isTruncated,\n    bold,\n    underline,\n    strikeThrough,\n    size = 'md',\n    sub,\n    italic,\n    highlight,\n    ...props\n  },\n  ref\n) {\n  const { action: parentAction } = useStyleContext(SCOPE);\n  return (\n    <UIAlert.Text\n      className={alertTextStyle({\n        isTruncated,\n        bold,\n        underline,\n        strikeThrough,\n        size,\n        sub,\n        italic,\n        highlight,\n        class: className,\n        parentVariants: {\n          action: parentAction,\n        },\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type IAlertIconProps = React.ComponentPropsWithoutRef<typeof UIAlert.Icon> &\n  VariantProps<typeof alertIconStyle> & {\n    height?: number;\n    width?: number;\n  };\n\nconst AlertIcon = React.forwardRef<\n  React.ComponentRef<typeof UIAlert.Icon>,\n  IAlertIconProps\n>(function AlertIcon({ className, size = 'md', ...props }, ref) {\n  const { action: parentAction } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UIAlert.Icon\n        ref={ref}\n        {...props}\n        className={alertIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIAlert.Icon\n        ref={ref}\n        {...props}\n        className={alertIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UIAlert.Icon\n      className={alertIconStyle({\n        parentVariants: {\n          action: parentAction,\n        },\n        size,\n        class: className,\n      })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nAlert.displayName = 'Alert';\nAlertText.displayName = 'AlertText';\nAlertIcon.displayName = 'AlertIcon';\n\nexport { Alert, AlertText, AlertIcon };\n"],"names":["tva","createAlert","withStyleContext","View","Text","UIIcon","cssInterop","PrimitiveIcon","Alert","jsx","AlertText","useStyleContext","AlertIcon"],"mappings":"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"}