@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,184 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useContext } from 'react';
+import { createInput } from '@gluestack-ui/core/input/creator';
+import { TextInput, Pressable, View } from 'react-native';
+import { useStyleContext, withStyleContext, tva } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import { UIIcon, PrimitiveIcon } from '@gluestack-ui/core/icon/creator';
+
+const SCOPE = "INPUT";
+const AddonContext = React.createContext({
+  hasLeft: false,
+  hasRight: false
+});
+const UIInput = createInput({
+  Root: withStyleContext(View, SCOPE),
+  Icon: UIIcon,
+  Slot: Pressable,
+  Input: TextInput
+});
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const inputStyle = tva({
+  base: "border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center",
+  variants: {
+    size: {
+      xl: "h-12",
+      lg: "h-11",
+      md: "h-10",
+      sm: "h-9"
+    },
+    variant: {
+      underlined: "rounded-none border-b data-[invalid=true]:border-b-2 data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700",
+      outline: "rounded border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error",
+      rounded: "rounded-full border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error"
+    }
+  }
+});
+const inputIconStyle = tva({
+  base: "justify-center items-center text-typography-400 fill-none",
+  parentVariants: {
+    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"
+    }
+  }
+});
+const inputSlotStyle = tva({
+  base: "justify-center items-center web:disabled:cursor-not-allowed"
+});
+const inputFieldStyle = tva({
+  base: "flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed",
+  parentVariants: {
+    variant: {
+      underlined: "web:outline-0 web:outline-none px-0",
+      outline: "web:outline-0 web:outline-none",
+      rounded: "web:outline-0 web:outline-none px-4"
+    },
+    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 Input = React.forwardRef(
+  function Input2({ className, variant = "outline", size = "md", style, ...props }, ref) {
+    const { hasLeft, hasRight } = useContext(AddonContext);
+    const addonStyle = {};
+    if (hasLeft) {
+      addonStyle.borderTopLeftRadius = 0;
+      addonStyle.borderBottomLeftRadius = 0;
+      addonStyle.borderLeftWidth = 0;
+    }
+    if (hasRight) {
+      addonStyle.borderTopRightRadius = 0;
+      addonStyle.borderBottomRightRadius = 0;
+      addonStyle.borderRightWidth = 0;
+    }
+    return /* @__PURE__ */ jsx(
+      UIInput,
+      {
+        ref,
+        ...props,
+        className: inputStyle({ variant, size, class: className }),
+        context: { variant, size },
+        style: [style, addonStyle]
+      }
+    );
+  }
+);
+const InputIcon = React.forwardRef(function InputIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UIInput.Icon,
+      {
+        ref,
+        ...props,
+        className: inputIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsx(
+      UIInput.Icon,
+      {
+        ref,
+        ...props,
+        className: inputIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UIInput.Icon,
+    {
+      ref,
+      ...props,
+      className: inputIconStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        class: className
+      })
+    }
+  );
+});
+const InputSlot = React.forwardRef(function InputSlot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIInput.Slot,
+    {
+      ref,
+      ...props,
+      className: inputSlotStyle({
+        class: className
+      })
+    }
+  );
+});
+const InputField = React.forwardRef(function InputField2({ className, ...props }, ref) {
+  const { variant: parentVariant, size: parentSize } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIInput.Input,
+    {
+      ref,
+      ...props,
+      className: inputFieldStyle({
+        parentVariants: {
+          variant: parentVariant,
+          size: parentSize
+        },
+        class: className
+      })
+    }
+  );
+});
+Input.displayName = "Input";
+InputIcon.displayName = "InputIcon";
+InputSlot.displayName = "InputSlot";
+InputField.displayName = "InputField";
+
+export { AddonContext, Input, InputField, InputIcon, InputSlot };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/input/index.tsx"],"sourcesContent":["'use client';\nimport React, { useContext } from 'react';\nimport { createInput } from '@gluestack-ui/core/input/creator';\nimport { View, Pressable, TextInput } from 'react-native';\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';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\n\nconst SCOPE = 'INPUT';\n\nexport const AddonContext = React.createContext<{ hasLeft: boolean; hasRight: boolean }>({\n  hasLeft: false,\n  hasRight: false,\n});\n\nconst UIInput = createInput({\n  Root: withStyleContext(View, SCOPE),\n  Icon: UIIcon,\n  Slot: Pressable,\n  Input: TextInput,\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 inputStyle = tva({\n  base: 'border-background-300 flex-row overflow-hidden content-center data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[focus=true]:hover:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:hover:border-background-300 items-center',\n\n  variants: {\n    size: {\n      xl: 'h-12',\n      lg: 'h-11',\n      md: 'h-10',\n      sm: 'h-9',\n    },\n\n    variant: {\n      underlined:\n        'rounded-none border-b data-[invalid=true]:border-b-2 data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700',\n\n      outline:\n        'rounded border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',\n\n      rounded:\n        'rounded-full border data-[invalid=true]:border-error-700 data-[invalid=true]:hover:border-error-700 data-[invalid=true]:data-[focus=true]:border-error-700 data-[invalid=true]:data-[focus=true]:hover:border-error-700 data-[invalid=true]:data-[disabled=true]:hover:border-error-700 data-[focus=true]:web:ring-1 data-[focus=true]:web:ring-inset data-[focus=true]:web:ring-indicator-primary data-[invalid=true]:web:ring-1 data-[invalid=true]:web:ring-inset data-[invalid=true]:web:ring-indicator-error data-[invalid=true]:data-[focus=true]:hover:web:ring-1 data-[invalid=true]:data-[focus=true]:hover:web:ring-inset data-[invalid=true]:data-[focus=true]:hover:web:ring-indicator-error data-[invalid=true]:data-[disabled=true]:hover:web:ring-1 data-[invalid=true]:data-[disabled=true]:hover:web:ring-inset data-[invalid=true]:data-[disabled=true]:hover:web:ring-indicator-error',\n    },\n  },\n});\n\nconst inputIconStyle = tva({\n  base: 'justify-center items-center text-typography-400 fill-none',\n  parentVariants: {\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});\n\nconst inputSlotStyle = tva({\n  base: 'justify-center items-center web:disabled:cursor-not-allowed',\n});\n\nconst inputFieldStyle = tva({\n  base: 'flex-1 text-typography-900 py-0 px-3 placeholder:text-typography-500 h-full ios:leading-[0px] web:cursor-text web:data-[disabled=true]:cursor-not-allowed',\n\n  parentVariants: {\n    variant: {\n      underlined: 'web:outline-0 web:outline-none px-0',\n      outline: 'web:outline-0 web:outline-none',\n      rounded: 'web:outline-0 web:outline-none px-4',\n    },\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\nexport type IInputProps = React.ComponentProps<typeof UIInput> &\n  VariantProps<typeof inputStyle> & { className?: string };\nconst Input = React.forwardRef<React.ComponentRef<typeof UIInput>, IInputProps>(\n  function Input(\n    { className, variant = 'outline', size = 'md', style, ...props },\n    ref\n  ) {\n    const { hasLeft, hasRight } = useContext(AddonContext);\n\n    const addonStyle: Record<string, any> = {};\n    if (hasLeft) {\n      addonStyle.borderTopLeftRadius = 0;\n      addonStyle.borderBottomLeftRadius = 0;\n      addonStyle.borderLeftWidth = 0;\n    }\n    if (hasRight) {\n      addonStyle.borderTopRightRadius = 0;\n      addonStyle.borderBottomRightRadius = 0;\n      addonStyle.borderRightWidth = 0;\n    }\n\n    return (\n      <UIInput\n        ref={ref}\n        {...props}\n        className={inputStyle({ variant, size, class: className })}\n        context={{ variant, size }}\n        style={[style, addonStyle]}\n      />\n    );\n  }\n);\n\nexport type IInputIconProps = React.ComponentProps<typeof UIInput.Icon> &\n  VariantProps<typeof inputIconStyle> & {\n    className?: string;\n    height?: number;\n    width?: number;\n  };\n\nconst InputIcon = React.forwardRef<\n  React.ComponentRef<typeof UIInput.Icon>,\n  IInputIconProps\n>(function InputIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UIInput.Icon\n        ref={ref}\n        {...props}\n        className={inputIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIInput.Icon\n        ref={ref}\n        {...props}\n        className={inputIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UIInput.Icon\n      ref={ref}\n      {...props}\n      className={inputIconStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IInputSlotProps = React.ComponentProps<typeof UIInput.Slot> &\n  VariantProps<typeof inputSlotStyle> & { className?: string };\n\nconst InputSlot = React.forwardRef<\n  React.ComponentRef<typeof UIInput.Slot>,\n  IInputSlotProps\n>(function InputSlot({ className, ...props }, ref) {\n  return (\n    <UIInput.Slot\n      ref={ref}\n      {...props}\n      className={inputSlotStyle({\n        class: className,\n      })}\n    />\n  );\n});\n\nexport type IInputFieldProps = React.ComponentProps<typeof UIInput.Input> &\n  VariantProps<typeof inputFieldStyle> & { className?: string };\n\nconst InputField = React.forwardRef<\n  React.ComponentRef<typeof UIInput.Input>,\n  IInputFieldProps\n>(function InputField({ className, ...props }, ref) {\n  const { variant: parentVariant, size: parentSize } = useStyleContext(SCOPE);\n\n  return (\n    <UIInput.Input\n      ref={ref}\n      {...props}\n      className={inputFieldStyle({\n        parentVariants: {\n          variant: parentVariant,\n          size: parentSize,\n        },\n        class: className,\n      })}\n    />\n  );\n});\n\nInput.displayName = 'Input';\nInputIcon.displayName = 'InputIcon';\nInputSlot.displayName = 'InputSlot';\nInputField.displayName = 'InputField';\n\nexport { Input, InputField, InputIcon, InputSlot };\n"],"names":["Input","InputIcon","InputSlot","InputField"],"mappings":"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"}

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

@@ -0,0 +1,89 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var creator = require('@gluestack-ui/core/link/creator');
+var reactNative = require('react-native');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var nativewind = require('nativewind');
+var React = require('react');
+
+const UILink = creator.createLink({
+  Root: nativewindUtils.withStyleContext(reactNative.Pressable),
+  Text: reactNative.Text
+});
+nativewind.cssInterop(UILink, { className: "style" });
+nativewind.cssInterop(UILink.Text, { className: "style" });
+const linkStyle = nativewindUtils.tva({
+  base: "group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 "
+});
+const linkTextStyle = nativewindUtils.tva({
+  base: "underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word",
+  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"
+    }
+  }
+});
+const Link = React.forwardRef(
+  function Link2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UILink,
+      {
+        ref,
+        ...props,
+        className: linkStyle({ class: className })
+      }
+    );
+  }
+);
+const LinkText = React.forwardRef(function LinkText2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UILink.Text,
+    {
+      ref,
+      ...props,
+      className: linkTextStyle({
+        class: className,
+        size
+      })
+    }
+  );
+});
+Link.displayName = "Link";
+LinkText.displayName = "LinkText";
+
+exports.Link = Link;
+exports.LinkText = LinkText;
+exports.UILink = UILink;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/link/index.tsx"],"sourcesContent":["'use client';\nimport { createLink } from '@gluestack-ui/core/link/creator';\nimport { Pressable } from 'react-native';\nimport { Text } from 'react-native';\n\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nimport React from 'react';\nexport const UILink = createLink({\n  Root: withStyleContext(Pressable),\n  Text: Text,\n});\n\ncssInterop(UILink, { className: 'style' });\ncssInterop(UILink.Text, { className: 'style' });\n\nconst linkStyle = tva({\n  base: 'group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 ',\n});\n\nconst linkTextStyle = tva({\n  base: 'underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word',\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});\n\nexport type ILinkProps = React.ComponentProps<typeof UILink> &\n  VariantProps<typeof linkStyle> & { className?: string };\n\nconst Link = React.forwardRef<React.ComponentRef<typeof UILink>, ILinkProps>(\n  function Link({ className, ...props }, ref) {\n    return (\n      <UILink\n        ref={ref}\n        {...props}\n        className={linkStyle({ class: className })}\n      />\n    );\n  }\n);\n\nexport type ILinkTextProps = React.ComponentProps<typeof UILink.Text> &\n  VariantProps<typeof linkTextStyle> & { className?: string };\n\nconst LinkText = React.forwardRef<\n  React.ComponentRef<typeof UILink.Text>,\n  ILinkTextProps\n>(function LinkText({ className, size = 'md', ...props }, ref) {\n  return (\n    <UILink.Text\n      ref={ref}\n      {...props}\n      className={linkTextStyle({\n        class: className,\n        size,\n      })}\n    />\n  );\n});\n\nLink.displayName = 'Link';\nLinkText.displayName = 'LinkText';\n\nexport { Link, LinkText };\n"],"names":["createLink","withStyleContext","Pressable","Text","cssInterop","tva","Link","jsx","LinkText"],"mappings":";;;;;;;;;AAWO,MAAM,SAASA,kBAAA,CAAW;AAAA,EAC/B,IAAA,EAAMC,iCAAiBC,qBAAS,CAAA;AAAA,QAChCC;AACF,CAAC;AAEDC,qBAAA,CAAW,MAAA,EAAQ,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AACzCA,qBAAA,CAAW,MAAA,CAAO,IAAA,EAAM,EAAE,SAAA,EAAW,SAAS,CAAA;AAE9C,MAAM,YAAYC,mBAAA,CAAI;AAAA,EACpB,IAAA,EAAM;AACR,CAAC,CAAA;AAED,MAAM,gBAAgBA,mBAAA,CAAI;AAAA,EACxB,IAAA,EAAM,uXAAA;AAAA,EAEN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,GAAA,EAAK;AAAA,MACH,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC,CAAA;AAKD,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACjB,SAASC,KAAAA,CAAK,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,EAAK;AAC1C,IAAA,uBACEC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,SAAA,CAAU,EAAE,KAAA,EAAO,WAAW;AAAA;AAAA,KAC3C;AAAA,EAEJ;AACF;AAKA,MAAM,QAAA,GAAW,KAAA,CAAM,UAAA,CAGrB,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,EAAA,uBACED,cAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,aAAA,CAAc;AAAA,QACvB,KAAA,EAAO,SAAA;AAAA,QACP;AAAA,OACD;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;AACnB,QAAA,CAAS,WAAA,GAAc,UAAA;;;;;;"}

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

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { createLink } from '@gluestack-ui/core/link/creator';
+import { Text, Pressable } from 'react-native';
+import { withStyleContext, tva } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import React from 'react';
+
+const UILink = createLink({
+  Root: withStyleContext(Pressable),
+  Text
+});
+cssInterop(UILink, { className: "style" });
+cssInterop(UILink.Text, { className: "style" });
+const linkStyle = tva({
+  base: "group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 "
+});
+const linkTextStyle = tva({
+  base: "underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word",
+  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"
+    }
+  }
+});
+const Link = React.forwardRef(
+  function Link2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      UILink,
+      {
+        ref,
+        ...props,
+        className: linkStyle({ class: className })
+      }
+    );
+  }
+);
+const LinkText = React.forwardRef(function LinkText2({ className, size = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UILink.Text,
+    {
+      ref,
+      ...props,
+      className: linkTextStyle({
+        class: className,
+        size
+      })
+    }
+  );
+});
+Link.displayName = "Link";
+LinkText.displayName = "LinkText";
+
+export { Link, LinkText, UILink };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/link/index.tsx"],"sourcesContent":["'use client';\nimport { createLink } from '@gluestack-ui/core/link/creator';\nimport { Pressable } from 'react-native';\nimport { Text } from 'react-native';\n\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { withStyleContext } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\n\nimport React from 'react';\nexport const UILink = createLink({\n  Root: withStyleContext(Pressable),\n  Text: Text,\n});\n\ncssInterop(UILink, { className: 'style' });\ncssInterop(UILink.Text, { className: 'style' });\n\nconst linkStyle = tva({\n  base: 'group/link web:outline-0 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:ring-2 data-[focus-visible=true]:web:ring-indicator-primary data-[focus-visible=true]:web:outline-0 data-[disabled=true]:opacity-4 ',\n});\n\nconst linkTextStyle = tva({\n  base: 'underline text-info-700 data-[hover=true]:text-info-600 data-[hover=true]:no-underline data-[active=true]:text-info-700 font-normal font-body web:font-sans web:tracking-sm web:my-0 web:bg-transparent web:border-0 web:box-border web:display-inline web:list-none web:margin-0 web:padding-0 web:position-relative web:text-start web:whitespace-pre-wrap web:word-wrap-break-word',\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});\n\nexport type ILinkProps = React.ComponentProps<typeof UILink> &\n  VariantProps<typeof linkStyle> & { className?: string };\n\nconst Link = React.forwardRef<React.ComponentRef<typeof UILink>, ILinkProps>(\n  function Link({ className, ...props }, ref) {\n    return (\n      <UILink\n        ref={ref}\n        {...props}\n        className={linkStyle({ class: className })}\n      />\n    );\n  }\n);\n\nexport type ILinkTextProps = React.ComponentProps<typeof UILink.Text> &\n  VariantProps<typeof linkTextStyle> & { className?: string };\n\nconst LinkText = React.forwardRef<\n  React.ComponentRef<typeof UILink.Text>,\n  ILinkTextProps\n>(function LinkText({ className, size = 'md', ...props }, ref) {\n  return (\n    <UILink.Text\n      ref={ref}\n      {...props}\n      className={linkTextStyle({\n        class: className,\n        size,\n      })}\n    />\n  );\n});\n\nLink.displayName = 'Link';\nLinkText.displayName = 'LinkText';\n\nexport { Link, LinkText };\n"],"names":["Link","LinkText"],"mappings":";;;;;;;AAWO,MAAM,SAAS,UAAA,CAAW;AAAA,EAC/B,IAAA,EAAM,iBAAiB,SAAS,CAAA;AAAA,EAChC;AACF,CAAC;AAED,UAAA,CAAW,MAAA,EAAQ,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AACzC,UAAA,CAAW,MAAA,CAAO,IAAA,EAAM,EAAE,SAAA,EAAW,SAAS,CAAA;AAE9C,MAAM,YAAY,GAAA,CAAI;AAAA,EACpB,IAAA,EAAM;AACR,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAA,CAAI;AAAA,EACxB,IAAA,EAAM,uXAAA;AAAA,EAEN,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,WAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO,UAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,GAAA,EAAK;AAAA,MACH,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAC,CAAA;AAKD,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACjB,SAASA,KAAAA,CAAK,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,EAAK;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,SAAA,EAAW,SAAA,CAAU,EAAE,KAAA,EAAO,WAAW;AAAA;AAAA,KAC3C;AAAA,EAEJ;AACF;AAKA,MAAM,QAAA,GAAW,KAAA,CAAM,UAAA,CAGrB,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC7D,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,aAAA,CAAc;AAAA,QACvB,KAAA,EAAO,SAAA;AAAA,QACP;AAAA,OACD;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;AACnB,QAAA,CAAS,WAAA,GAAc,UAAA;;;;"}

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

@@ -0,0 +1,181 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var creator = require('@gluestack-ui/core/menu/creator');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var nativewind = require('nativewind');
+var reactNative = require('react-native');
+var motion = require('@legendapp/motion');
+
+const MotionView = motion.Motion.View;
+const menuStyle = nativewindUtils.tva({
+  base: "rounded-md bg-background-0 border border-outline-100 p-1 shadow-hard-5"
+});
+const menuItemStyle = nativewindUtils.tva({
+  base: "min-w-[200px] p-3 flex-row items-center rounded data-[hover=true]:bg-background-50 data-[active=true]:bg-background-100 data-[focus=true]:bg-background-50 data-[focus=true]:web:outline-none data-[focus=true]:web:outline-0 data-[disabled=true]:opacity-40 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:outline-2 data-[focus-visible=true]:web:outline-primary-700 data-[focus-visible=true]:web:outline data-[focus-visible=true]:web:cursor-pointer data-[disabled=true]:data-[focus=true]:bg-transparent"
+});
+const menuBackdropStyle = nativewindUtils.tva({
+  base: "absolute top-0 bottom-0 left-0 right-0 web:cursor-default"
+  // add this classnames if you want to give background color to backdrop
+  // opacity-50 bg-background-500,
+});
+const menuSeparatorStyle = nativewindUtils.tva({
+  base: "bg-background-200 h-px w-full"
+});
+const menuItemLabelStyle = nativewindUtils.tva({
+  base: "text-typography-700 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"
+    }
+  }
+});
+const BackdropPressable = React.forwardRef(function BackdropPressable2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      ref,
+      className: menuBackdropStyle({
+        class: className
+      }),
+      ...props
+    }
+  );
+});
+const Item = React.forwardRef(function Item2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.Pressable,
+    {
+      ref,
+      className: menuItemStyle({
+        class: className
+      }),
+      ...props
+    }
+  );
+});
+const Separator = React.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.View,
+    {
+      ref,
+      className: menuSeparatorStyle({ class: className }),
+      ...props
+    }
+  );
+});
+const UIMenu = creator.createMenu({
+  Root: MotionView,
+  Item,
+  Label: reactNative.Text,
+  Backdrop: BackdropPressable,
+  AnimatePresence: motion.AnimatePresence,
+  Separator
+});
+nativewind.cssInterop(MotionView, { className: "style" });
+const Menu = React.forwardRef(
+  function Menu2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UIMenu,
+      {
+        ref,
+        initial: {
+          opacity: 0,
+          scale: 0.8
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        exit: {
+          opacity: 0,
+          scale: 0.8
+        },
+        transition: {
+          type: "timing",
+          duration: 100
+        },
+        className: menuStyle({
+          class: className
+        }),
+        ...props
+      }
+    );
+  }
+);
+const MenuItem = UIMenu.Item;
+const MenuItemLabel = React.forwardRef(function MenuItemLabel2({
+  className,
+  isTruncated,
+  bold,
+  underline,
+  strikeThrough,
+  size = "md",
+  sub,
+  italic,
+  highlight,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UIMenu.ItemLabel,
+    {
+      ref,
+      className: menuItemLabelStyle({
+        isTruncated,
+        bold,
+        underline,
+        strikeThrough,
+        size,
+        sub,
+        italic,
+        highlight,
+        class: className
+      }),
+      ...props
+    }
+  );
+});
+const MenuSeparator = UIMenu.Separator;
+Menu.displayName = "Menu";
+MenuItem.displayName = "MenuItem";
+MenuItemLabel.displayName = "MenuItemLabel";
+MenuSeparator.displayName = "MenuSeparator";
+
+exports.Menu = Menu;
+exports.MenuItem = MenuItem;
+exports.MenuItemLabel = MenuItemLabel;
+exports.MenuSeparator = MenuSeparator;
+exports.UIMenu = UIMenu;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/menu/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createMenu } from '@gluestack-ui/core/menu/creator';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { cssInterop } from 'nativewind';\nimport { Pressable, Text, View, ViewStyle } from 'react-native';\nimport {\n  Motion,\n  AnimatePresence,\n  MotionComponentProps,\n} from '@legendapp/motion';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { IAnimatedPressableProps, IMotionViewProps } from '../';\n\n\nconst MotionView = Motion.View as React.ComponentType<IMotionViewProps>;\n\nconst menuStyle = tva({\n  base: 'rounded-md bg-background-0 border border-outline-100 p-1 shadow-hard-5',\n});\n\nconst menuItemStyle = tva({\n  base: 'min-w-[200px] p-3 flex-row items-center rounded data-[hover=true]:bg-background-50 data-[active=true]:bg-background-100 data-[focus=true]:bg-background-50 data-[focus=true]:web:outline-none data-[focus=true]:web:outline-0 data-[disabled=true]:opacity-40 data-[disabled=true]:web:cursor-not-allowed data-[focus-visible=true]:web:outline-2 data-[focus-visible=true]:web:outline-primary-700 data-[focus-visible=true]:web:outline data-[focus-visible=true]:web:cursor-pointer data-[disabled=true]:data-[focus=true]:bg-transparent',\n});\n\nconst menuBackdropStyle = tva({\n  base: 'absolute top-0 bottom-0 left-0 right-0 web:cursor-default',\n  // add this classnames if you want to give background color to backdrop\n  // opacity-50 bg-background-500,\n});\n\nconst menuSeparatorStyle = tva({\n  base: 'bg-background-200 h-px w-full',\n});\n\nconst menuItemLabelStyle = tva({\n  base: 'text-typography-700 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});\n\nconst BackdropPressable = React.forwardRef<\n  React.ComponentRef<typeof Pressable>,\n  React.ComponentPropsWithoutRef<typeof Pressable> &\n    VariantProps<typeof menuBackdropStyle>\n>(function BackdropPressable({ className, ...props }, ref) {\n  return (\n    <Pressable\n      ref={ref}\n      className={menuBackdropStyle({\n        class: className,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport type IMenuItemProps = VariantProps<typeof menuItemStyle> & {\n  className?: string;\n} & React.ComponentPropsWithoutRef<typeof Pressable>;\n\nconst Item = React.forwardRef<\n  React.ComponentRef<typeof Pressable>,\n  IMenuItemProps\n>(function Item({ className, ...props }, ref) {\n  return (\n    <Pressable\n      ref={ref}\n      className={menuItemStyle({\n        class: className,\n      })}\n      {...props}\n    />\n  );\n});\n\nconst Separator = React.forwardRef<\n  React.ComponentRef<typeof View>,\n  React.ComponentPropsWithoutRef<typeof View> &\n    VariantProps<typeof menuSeparatorStyle>\n>(function Separator({ className, ...props }, ref) {\n  return (\n    <View\n      ref={ref}\n      className={menuSeparatorStyle({ class: className })}\n      {...props}\n    />\n  );\n});\nexport const UIMenu = createMenu({\n  Root: MotionView,\n  Item: Item,\n  Label: Text,\n  Backdrop: BackdropPressable,\n  AnimatePresence: AnimatePresence,\n  Separator: Separator,\n});\n\ncssInterop(MotionView, { className: 'style' });\n\nexport type IMenuProps = React.ComponentProps<typeof UIMenu> &\n  VariantProps<typeof menuStyle> & { className?: string };\nexport type IMenuItemLabelProps = React.ComponentProps<typeof UIMenu.ItemLabel> &\n  VariantProps<typeof menuItemLabelStyle> & { className?: string };\n\nconst Menu = React.forwardRef<React.ComponentRef<typeof UIMenu>, IMenuProps>(\n  function Menu({ className, ...props }, ref) {\n    return (\n      <UIMenu\n        ref={ref}\n        initial={{\n          opacity: 0,\n          scale: 0.8,\n        }}\n        animate={{\n          opacity: 1,\n          scale: 1,\n        }}\n        exit={{\n          opacity: 0,\n          scale: 0.8,\n        }}\n        transition={{\n          type: 'timing',\n          duration: 100,\n        }}\n        className={menuStyle({\n          class: className,\n        })}\n        {...props}\n      />\n    );\n  }\n);\n\nconst MenuItem = UIMenu.Item;\n\nconst MenuItemLabel = React.forwardRef<\n  React.ComponentRef<typeof UIMenu.ItemLabel>,\n  IMenuItemLabelProps\n>(function MenuItemLabel(\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  return (\n    <UIMenu.ItemLabel\n      ref={ref}\n      className={menuItemLabelStyle({\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        class: className,\n      })}\n      {...props}\n    />\n  );\n});\n\nconst MenuSeparator = UIMenu.Separator;\n\nMenu.displayName = 'Menu';\nMenuItem.displayName = 'MenuItem';\nMenuItemLabel.displayName = 'MenuItemLabel';\nMenuSeparator.displayName = 'MenuSeparator';\nexport { Menu, MenuItem, MenuItemLabel, MenuSeparator };\n"],"names":["Motion","tva","BackdropPressable","jsx","Pressable","Item","Separator","View","createMenu","Text","AnimatePresence","cssInterop","Menu","MenuItemLabel"],"mappings":"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"}