@lmb-it/kitsconcerto-native 0.1.236

package/apps/mobile/src/ui/select/select-actionsheet.js

@@ -0,0 +1,391 @@
+import { jsx } from 'react/jsx-runtime';
+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 { withStyleContext, tva } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import { createMotionAnimatedComponent, Motion, AnimatePresence } from '@legendapp/motion';
+import React from 'react';
+
+const AnimatedPressable = createMotionAnimatedComponent(
+  Pressable
+);
+const MotionView = Motion.View;
+const UIActionsheet = createActionsheet({
+  Root: View,
+  Content: withStyleContext(MotionView),
+  Item: withStyleContext(Pressable),
+  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(UIActionsheet.Item, { 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-2 bg-background-0 web:pointer-events-auto web:select-none shadow-lg 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 data-[checked=true]:bg-background-100"
+});
+const actionsheetItemTextStyle = tva({
+  base: "text-typography-700 font-normal font-body tracking-md text-left mx-2",
+  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"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+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-typography-900",
+  variants: {
+    size: {
+      "2xs": "h-3 w-3",
+      "xs": "h-3.5 w-3.5",
+      "sm": "h-4 w-4",
+      "md": "w-4 h-4",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
+    }
+  }
+});
+const Actionsheet = React.forwardRef(function Actionsheet2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet,
+    {
+      className: actionsheetStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetContent = React.forwardRef(function ActionsheetContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Content,
+    {
+      className: actionsheetContentStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetItem = React.forwardRef(function ActionsheetItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Item,
+    {
+      className: actionsheetItemStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetItemText = React.forwardRef(function ActionsheetItemText2({ className, isTruncated, bold, underline, strikeThrough, size, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.ItemText,
+    {
+      className: actionsheetItemTextStyle({
+        class: className,
+        isTruncated,
+        bold,
+        underline,
+        strikeThrough,
+        size
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetDragIndicator = React.forwardRef(function ActionsheetDragIndicator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.DragIndicator,
+    {
+      className: actionsheetDragIndicatorStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetDragIndicatorWrapper = React.forwardRef(function ActionsheetDragIndicatorWrapper2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.DragIndicatorWrapper,
+    {
+      className: actionsheetDragIndicatorWrapperStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetBackdrop = 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
+    }
+  );
+});
+const ActionsheetScrollView = React.forwardRef(function ActionsheetScrollView2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.ScrollView,
+    {
+      className: actionsheetScrollViewStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetVirtualizedList = React.forwardRef(function ActionsheetVirtualizedList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.VirtualizedList,
+    {
+      className: actionsheetVirtualizedListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetFlatList = React.forwardRef(function ActionsheetFlatList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.FlatList,
+    {
+      className: actionsheetFlatListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetSectionList = React.forwardRef(function ActionsheetSectionList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.SectionList,
+    {
+      className: actionsheetSectionListStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const ActionsheetSectionHeaderText = 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,
+        bold,
+        underline,
+        strikeThrough,
+        size,
+        sub,
+        italic,
+        highlight
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+React.forwardRef(function ActionsheetIcon2({ className, as: AsComp, size = "sm", ...props }, ref) {
+  if (AsComp) {
+    return /* @__PURE__ */ jsx(
+      AsComp,
+      {
+        className: actionsheetIconStyle({
+          class: className,
+          size
+        }),
+        ref,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UIActionsheet.Icon,
+    {
+      className: actionsheetIconStyle({
+        class: className,
+        size
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+
+export { Actionsheet, ActionsheetBackdrop, ActionsheetContent, ActionsheetDragIndicator, ActionsheetDragIndicatorWrapper, ActionsheetFlatList, ActionsheetItem, ActionsheetItemText, ActionsheetScrollView, ActionsheetSectionHeaderText, ActionsheetSectionList, ActionsheetVirtualizedList, UIActionsheet };
+//# sourceMappingURL=select-actionsheet.js.map

package/apps/mobile/src/ui/select/select-actionsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-actionsheet.js","sources":["../../../../../../../../../apps/mobile/src/ui/select/select-actionsheet.tsx"],"sourcesContent":["'use client';\n\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  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 { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport {\n  Motion,\n  AnimatePresence,\n  createMotionAnimatedComponent,\n  MotionComponentProps,\n} from '@legendapp/motion';\n\nimport React from 'react';\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 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 const UIActionsheet = createActionsheet({\n  Root: View,\n  Content: withStyleContext(MotionView),\n  Item: withStyleContext(Pressable),\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(UIActionsheet.Item, { 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' });\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-2 bg-background-0 web:pointer-events-auto web:select-none shadow-lg 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 data-[checked=true]:bg-background-100',\n});\n\nconst actionsheetItemTextStyle = tva({\n  base: 'text-typography-700 font-normal font-body tracking-md text-left mx-2',\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  defaultVariants: {\n    size: 'md',\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-typography-900',\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-4 h-4',\n      'lg': 'h-5 w-5',\n      'xl': 'h-6 w-6',\n    },\n  },\n});\n\nexport type IActionsheetProps = VariantProps<typeof actionsheetStyle> &\n  React.ComponentProps<typeof UIActionsheet> & { className?: string };\n\nexport type IActionsheetContentProps = VariantProps<typeof actionsheetContentStyle> &\n  React.ComponentProps<typeof UIActionsheet.Content> & { className?: string };\n\nexport type IActionsheetItemProps = VariantProps<typeof actionsheetItemStyle> &\n  React.ComponentProps<typeof UIActionsheet.Item> & { className?: string };\n\nexport type IActionsheetItemTextProps = VariantProps<typeof actionsheetItemTextStyle> &\n  React.ComponentProps<typeof UIActionsheet.ItemText> & { className?: string };\n\nexport type IActionsheetDragIndicatorProps = VariantProps<\n  typeof actionsheetDragIndicatorStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.DragIndicator> & {\n    className?: string;\n  };\n\nexport type IActionsheetDragIndicatorWrapperProps = VariantProps<\n  typeof actionsheetDragIndicatorWrapperStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.DragIndicatorWrapper> & {\n    className?: string;\n  };\n\nexport type IActionsheetBackdropProps = VariantProps<typeof actionsheetBackdropStyle> &\n  React.ComponentProps<typeof UIActionsheet.Backdrop> & {\n    className?: string;\n  };\n\nexport type IActionsheetScrollViewProps = VariantProps<\n  typeof actionsheetScrollViewStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.ScrollView> & {\n    className?: string;\n  };\n\nexport type IActionsheetVirtualizedListProps = VariantProps<\n  typeof actionsheetVirtualizedListStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.VirtualizedList> & {\n    className?: string;\n  };\n\nexport type IActionsheetFlatListProps = VariantProps<typeof actionsheetFlatListStyle> &\n  React.ComponentProps<typeof UIActionsheet.FlatList> & {\n    className?: string;\n  };\n\nexport type IActionsheetSectionListProps = VariantProps<\n  typeof actionsheetSectionListStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.SectionList> & {\n    className?: string;\n  };\n\nexport type IActionsheetSectionHeaderTextProps = VariantProps<\n  typeof actionsheetSectionHeaderTextStyle\n> &\n  React.ComponentProps<typeof UIActionsheet.SectionHeaderText> & {\n    className?: string;\n  };\n\nexport type IActionsheetIconProps = VariantProps<typeof actionsheetIconStyle> &\n  React.ComponentProps<typeof UIActionsheet.Icon> & {\n    className?: string;\n    as?: React.ElementType;\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 & { className?: string }\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  { className, isTruncated, bold, underline, strikeThrough, size, ...props },\n  ref\n) {\n  return (\n    <UIActionsheet.ItemText\n      className={actionsheetItemTextStyle({\n        class: className,\n        isTruncated: isTruncated as boolean,\n        bold: bold as boolean,\n        underline: underline as boolean,\n        strikeThrough: strikeThrough as boolean,\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: isTruncated as boolean,\n        bold: bold as boolean,\n        underline: underline as boolean,\n        strikeThrough: strikeThrough as boolean,\n        size,\n        sub: sub as boolean,\n        italic: italic as boolean,\n        highlight: highlight as boolean,\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(\n  { className, as: AsComp, size = 'sm', ...props },\n  ref\n) {\n  if (AsComp) {\n    return (\n      <AsComp\n        className={actionsheetIconStyle({\n          class: className,\n          size,\n        })}\n        ref={ref}\n        {...props}\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":["Actionsheet","ActionsheetContent","ActionsheetItem","ActionsheetItemText","ActionsheetDragIndicator","ActionsheetDragIndicatorWrapper","ActionsheetBackdrop","ActionsheetScrollView","ActionsheetVirtualizedList","ActionsheetFlatList","ActionsheetSectionList","ActionsheetSectionHeaderText","ActionsheetIcon"],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var styles = require('./styles.cjs');
+
+const Skeleton = React.forwardRef(function Skeleton2({
+  className,
+  variant,
+  children,
+  startColor = "bg-background-200",
+  isLoaded = false,
+  speed = 2,
+  ...props
+}, ref) {
+  const pulseAnim = new reactNative.Animated.Value(1);
+  const customTimingFunction = reactNative.Easing.bezier(0.4, 0, 0.6, 1);
+  const fadeDuration = 0.6;
+  const animationDuration = fadeDuration * 1e4 / Number(speed);
+  const pulse = reactNative.Animated.sequence([
+    reactNative.Animated.timing(pulseAnim, {
+      toValue: 1,
+      // Start with opacity 1
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: reactNative.Platform.OS !== "web"
+    }),
+    reactNative.Animated.timing(pulseAnim, {
+      toValue: 0.75,
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: reactNative.Platform.OS !== "web"
+    }),
+    reactNative.Animated.timing(pulseAnim, {
+      toValue: 1,
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: reactNative.Platform.OS !== "web"
+    })
+  ]);
+  if (!isLoaded) {
+    reactNative.Animated.loop(pulse).start();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Animated.View,
+      {
+        style: { opacity: pulseAnim },
+        className: `${startColor} ${styles.skeletonStyle({
+          variant,
+          class: className
+        })}`,
+        ...props,
+        ref
+      }
+    );
+  } else {
+    reactNative.Animated.loop(pulse).stop();
+    return children;
+  }
+});
+const SkeletonText = React.forwardRef(function SkeletonText2({
+  className,
+  _lines,
+  isLoaded = false,
+  startColor = "bg-background-200",
+  gap = 2,
+  children,
+  ...props
+}, ref) {
+  if (!isLoaded) {
+    if (_lines) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.View,
+        {
+          className: `${styles.skeletonTextStyle({
+            gap
+          })}`,
+          ref,
+          children: Array.from({ length: _lines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            Skeleton,
+            {
+              className: `${startColor} ${styles.skeletonTextStyle({
+                class: className
+              })}`,
+              ...props
+            },
+            index
+          ))
+        }
+      );
+    } else {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Skeleton,
+        {
+          className: `${startColor} ${styles.skeletonTextStyle({
+            class: className
+          })}`,
+          ...props,
+          ref
+        }
+      );
+    }
+  } else {
+    return children;
+  }
+});
+Skeleton.displayName = "Skeleton";
+SkeletonText.displayName = "SkeletonText";
+
+exports.Skeleton = Skeleton;
+exports.SkeletonText = SkeletonText;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/skeleton/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { Animated, Easing, Platform, View } from 'react-native';\nimport { skeletonStyle, skeletonTextStyle } from './styles';\n\nexport type ISkeletonProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof skeletonStyle> & {\n    isLoaded?: boolean;\n    startColor?: string;\n    speed?: number | string;\n  };\n\nexport type ISkeletonTextProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof skeletonTextStyle> & {\n    _lines?: number;\n    isLoaded?: boolean;\n    startColor?: string;\n  };\n\nconst Skeleton = forwardRef<\n  React.ComponentRef<typeof Animated.View>,\n  ISkeletonProps\n>(function Skeleton(\n  {\n    className,\n    variant,\n    children,\n    startColor = 'bg-background-200',\n    isLoaded = false,\n    speed = 2,\n    ...props\n  },\n  ref\n) {\n  const pulseAnim = new Animated.Value(1);\n  const customTimingFunction = Easing.bezier(0.4, 0, 0.6, 1);\n  const fadeDuration = 0.6;\n  const animationDuration = (fadeDuration * 10000) / Number(speed); // Convert seconds to milliseconds\n\n  const pulse = Animated.sequence([\n    Animated.timing(pulseAnim, {\n      toValue: 1, // Start with opacity 1\n      duration: animationDuration / 2, // Third of the animation duration\n      easing: customTimingFunction,\n      useNativeDriver: Platform.OS !== 'web',\n    }),\n    Animated.timing(pulseAnim, {\n      toValue: 0.75,\n      duration: animationDuration / 2, // Third of the animation duration\n      easing: customTimingFunction,\n      useNativeDriver: Platform.OS !== 'web',\n    }),\n    Animated.timing(pulseAnim, {\n      toValue: 1,\n      duration: animationDuration / 2, // Third of the animation duration\n      easing: customTimingFunction,\n      useNativeDriver: Platform.OS !== 'web',\n    }),\n  ]);\n\n  if (!isLoaded) {\n    Animated.loop(pulse).start();\n    return (\n      <Animated.View\n        style={{ opacity: pulseAnim }}\n        className={`${startColor} ${skeletonStyle({\n          variant,\n          class: className,\n        })}`}\n        {...props}\n        ref={ref}\n      />\n    );\n  } else {\n    Animated.loop(pulse).stop();\n\n    return children;\n  }\n});\n\nconst SkeletonText = forwardRef<\n  React.ComponentRef<typeof View>,\n  ISkeletonTextProps\n>(function SkeletonText(\n  {\n    className,\n    _lines,\n    isLoaded = false,\n    startColor = 'bg-background-200',\n    gap = 2,\n    children,\n    ...props\n  },\n  ref\n) {\n  if (!isLoaded) {\n    if (_lines) {\n      return (\n        <View\n          className={`${skeletonTextStyle({\n            gap,\n          })}`}\n          ref={ref}\n        >\n          {Array.from({ length: _lines }).map((_, index) => (\n            <Skeleton\n              key={index}\n              className={`${startColor} ${skeletonTextStyle({\n                class: className,\n              })}`}\n              {...props}\n            />\n          ))}\n        </View>\n      );\n    } else {\n      return (\n        <Skeleton\n          className={`${startColor} ${skeletonTextStyle({\n            class: className,\n          })}`}\n          {...props}\n          ref={ref}\n        />\n      );\n    }\n  } else {\n    return children;\n  }\n});\n\nSkeleton.displayName = 'Skeleton';\nSkeletonText.displayName = 'SkeletonText';\n\nexport { Skeleton, SkeletonText };\n"],"names":["forwardRef","Skeleton","Animated","Easing","Platform","jsx","skeletonStyle","SkeletonText","View","skeletonTextStyle"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Animated, Easing, Platform, View } from 'react-native';
+import { skeletonStyle, skeletonTextStyle } from './styles.js';
+
+const Skeleton = forwardRef(function Skeleton2({
+  className,
+  variant,
+  children,
+  startColor = "bg-background-200",
+  isLoaded = false,
+  speed = 2,
+  ...props
+}, ref) {
+  const pulseAnim = new Animated.Value(1);
+  const customTimingFunction = Easing.bezier(0.4, 0, 0.6, 1);
+  const fadeDuration = 0.6;
+  const animationDuration = fadeDuration * 1e4 / Number(speed);
+  const pulse = Animated.sequence([
+    Animated.timing(pulseAnim, {
+      toValue: 1,
+      // Start with opacity 1
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: Platform.OS !== "web"
+    }),
+    Animated.timing(pulseAnim, {
+      toValue: 0.75,
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: Platform.OS !== "web"
+    }),
+    Animated.timing(pulseAnim, {
+      toValue: 1,
+      duration: animationDuration / 2,
+      // Third of the animation duration
+      easing: customTimingFunction,
+      useNativeDriver: Platform.OS !== "web"
+    })
+  ]);
+  if (!isLoaded) {
+    Animated.loop(pulse).start();
+    return /* @__PURE__ */ jsx(
+      Animated.View,
+      {
+        style: { opacity: pulseAnim },
+        className: `${startColor} ${skeletonStyle({
+          variant,
+          class: className
+        })}`,
+        ...props,
+        ref
+      }
+    );
+  } else {
+    Animated.loop(pulse).stop();
+    return children;
+  }
+});
+const SkeletonText = forwardRef(function SkeletonText2({
+  className,
+  _lines,
+  isLoaded = false,
+  startColor = "bg-background-200",
+  gap = 2,
+  children,
+  ...props
+}, ref) {
+  if (!isLoaded) {
+    if (_lines) {
+      return /* @__PURE__ */ jsx(
+        View,
+        {
+          className: `${skeletonTextStyle({
+            gap
+          })}`,
+          ref,
+          children: Array.from({ length: _lines }).map((_, index) => /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              className: `${startColor} ${skeletonTextStyle({
+                class: className
+              })}`,
+              ...props
+            },
+            index
+          ))
+        }
+      );
+    } else {
+      return /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: `${startColor} ${skeletonTextStyle({
+            class: className
+          })}`,
+          ...props,
+          ref
+        }
+      );
+    }
+  } else {
+    return children;
+  }
+});
+Skeleton.displayName = "Skeleton";
+SkeletonText.displayName = "SkeletonText";
+
+export { Skeleton, SkeletonText };
+//# sourceMappingURL=index.js.map