@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1,175 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { createRadio } from '@gluestack-ui/core/radio/creator';
+import { Text, View, Platform, Pressable } from 'react-native';
+import { withStyleContext, tva, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { cssInterop } from 'nativewind';
+import { UIIcon, PrimitiveIcon } from '@gluestack-ui/core/icon/creator';
+
+const SCOPE = "Radio";
+const UIRadio = createRadio({
+  Root: Platform.OS === "web" ? withStyleContext(View, SCOPE) : withStyleContext(Pressable, SCOPE),
+  Group: View,
+  Icon: UIIcon,
+  Indicator: View,
+  Label: Text
+});
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const radioStyle = tva({
+  base: "group/radio flex-row justify-start items-center web:cursor-pointer data-[disabled=true]:web:cursor-not-allowed",
+  variants: {
+    size: {
+      sm: "gap-1.5",
+      md: "gap-2",
+      lg: "gap-2"
+    }
+  }
+});
+const radioGroupStyle = tva({
+  base: "gap-2"
+});
+const radioIconStyle = tva({
+  base: "rounded-full justify-center items-center text-primary-800 fill-primary-800",
+  parentVariants: {
+    size: {
+      sm: "h-[9px] w-[9px]",
+      md: "h-3 w-3",
+      lg: "h-4 w-4"
+    }
+  }
+});
+const radioIndicatorStyle = tva({
+  base: "justify-center items-center bg-transparent border-outline-400 border-2 rounded-full data-[focus-visible=true]:web:outline-2 data-[focus-visible=true]:web:outline-primary-700 data-[focus-visible=true]:web:outline data-[checked=true]:border-primary-600 data-[checked=true]:bg-transparent data-[hover=true]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[checked=true]:bg-transparent data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-400 data-[active=true]:bg-transparent data-[active=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[checked=true]:border-outline-400 data-[disabled=true]:data-[checked=true]:bg-transparent data-[disabled=true]:data-[invalid=true]:border-error-400",
+  parentVariants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    }
+  }
+});
+const radioLabelStyle = tva({
+  base: "text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-600 data-[hover=true]:data-[disabled=true]:data-[checked=true]:text-typography-900 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none",
+  parentVariants: {
+    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 Radio = React.forwardRef(
+  function Radio2({ className, size = "md", ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      UIRadio,
+      {
+        className: radioStyle({ class: className, size }),
+        ...props,
+        ref,
+        context: { size }
+      }
+    );
+  }
+);
+const RadioGroup = React.forwardRef(function RadioGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UIRadio.Group,
+    {
+      className: radioGroupStyle({ class: className }),
+      ...props,
+      ref
+    }
+  );
+});
+const RadioIndicator = React.forwardRef(function RadioIndicator2({ className, ...props }, ref) {
+  const { size } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIRadio.Indicator,
+    {
+      className: radioIndicatorStyle({
+        parentVariants: { size },
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const RadioLabel = React.forwardRef(function RadioLabel2({ className, ...props }, ref) {
+  const { size } = useStyleContext(SCOPE);
+  return /* @__PURE__ */ jsx(
+    UIRadio.Label,
+    {
+      className: radioLabelStyle({
+        parentVariants: { size },
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const RadioIcon = React.forwardRef(function RadioIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext(SCOPE);
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UIRadio.Icon,
+      {
+        ref,
+        ...props,
+        className: radioIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if ((props.height !== void 0 || props.width !== void 0) && size === void 0) {
+    return /* @__PURE__ */ jsx(
+      UIRadio.Icon,
+      {
+        ref,
+        ...props,
+        className: radioIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UIRadio.Icon,
+    {
+      ...props,
+      className: radioIconStyle({
+        parentVariants: {
+          size: parentSize
+        },
+        size,
+        class: className
+      }),
+      ref
+    }
+  );
+});
+Radio.displayName = "Radio";
+RadioGroup.displayName = "RadioGroup";
+RadioIndicator.displayName = "RadioIndicator";
+RadioLabel.displayName = "RadioLabel";
+RadioIcon.displayName = "RadioIcon";
+
+export { Radio, RadioGroup, RadioIcon, RadioIndicator, RadioLabel };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/radio/index.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createRadio } from '@gluestack-ui/core/radio/creator';\nimport { Pressable, View, Platform, 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 { cssInterop } from 'nativewind';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\n\nconst SCOPE = 'Radio';\n\nconst UIRadio = createRadio({\n  Root: (Platform.OS === 'web'\n    ? withStyleContext(View, SCOPE)\n    : withStyleContext(Pressable, SCOPE)) as ReturnType<\n    typeof withStyleContext<typeof Pressable>\n  >,\n  Group: View,\n  Icon: UIIcon,\n  Indicator: View,\n  Label: Text,\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 radioStyle = tva({\n  base: 'group/radio flex-row justify-start items-center web:cursor-pointer data-[disabled=true]:web:cursor-not-allowed',\n  variants: {\n    size: {\n      sm: 'gap-1.5',\n      md: 'gap-2',\n      lg: 'gap-2',\n    },\n  },\n});\n\nconst radioGroupStyle = tva({\n  base: 'gap-2',\n});\n\nconst radioIconStyle = tva({\n  base: 'rounded-full justify-center items-center text-primary-800 fill-primary-800',\n\n  parentVariants: {\n    size: {\n      sm: 'h-[9px] w-[9px]',\n      md: 'h-3 w-3',\n      lg: 'h-4 w-4',\n    },\n  },\n});\n\nconst radioIndicatorStyle = tva({\n  base: 'justify-center items-center bg-transparent border-outline-400 border-2 rounded-full data-[focus-visible=true]:web:outline-2 data-[focus-visible=true]:web:outline-primary-700 data-[focus-visible=true]:web:outline data-[checked=true]:border-primary-600 data-[checked=true]:bg-transparent data-[hover=true]:border-outline-500 data-[hover=true]:bg-transparent data-[hover=true]:data-[checked=true]:bg-transparent data-[hover=true]:data-[checked=true]:border-primary-700 data-[hover=true]:data-[invalid=true]:border-error-700 data-[hover=true]:data-[disabled=true]:opacity-40 data-[hover=true]:data-[disabled=true]:border-outline-400 data-[hover=true]:data-[disabled=true]:data-[invalid=true]:border-error-400 data-[active=true]:bg-transparent data-[active=true]:border-primary-800 data-[invalid=true]:border-error-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[checked=true]:border-outline-400 data-[disabled=true]:data-[checked=true]:bg-transparent data-[disabled=true]:data-[invalid=true]:border-error-400',\n  parentVariants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5',\n      lg: 'h-6 w-6',\n    },\n  },\n});\n\nconst radioLabelStyle = tva({\n  base: 'text-typography-600 data-[checked=true]:text-typography-900 data-[hover=true]:text-typography-900 data-[hover=true]:data-[disabled=true]:text-typography-600 data-[hover=true]:data-[disabled=true]:data-[checked=true]:text-typography-900 data-[active=true]:text-typography-900 data-[active=true]:data-[checked=true]:text-typography-900 data-[disabled=true]:opacity-40 web:select-none',\n  parentVariants: {\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 IRadioProps = Omit<React.ComponentProps<typeof UIRadio>, 'context'> &\n  VariantProps<typeof radioStyle>;\nconst Radio = React.forwardRef<React.ComponentRef<typeof UIRadio>, IRadioProps>(\n  function Radio({ className, size = 'md', ...props }, ref) {\n    return (\n      <UIRadio\n        className={radioStyle({ class: className, size })}\n        {...props}\n        ref={ref}\n        context={{ size }}\n      />\n    );\n  }\n);\n\nexport type IRadioGroupProps = React.ComponentProps<typeof UIRadio.Group> &\n  VariantProps<typeof radioGroupStyle>;\nconst RadioGroup = React.forwardRef<\n  React.ComponentRef<typeof UIRadio.Group>,\n  IRadioGroupProps\n>(function RadioGroup({ className, ...props }, ref) {\n  return (\n    <UIRadio.Group\n      className={radioGroupStyle({ class: className })}\n      {...props}\n      ref={ref}\n    />\n  );\n});\n\nexport type IRadioIndicatorProps = React.ComponentProps<typeof UIRadio.Indicator> &\n  VariantProps<typeof radioIndicatorStyle>;\nconst RadioIndicator = React.forwardRef<\n  React.ComponentRef<typeof UIRadio.Indicator>,\n  IRadioIndicatorProps\n>(function RadioIndicator({ className, ...props }, ref) {\n  const { size } = useStyleContext(SCOPE);\n  return (\n    <UIRadio.Indicator\n      className={radioIndicatorStyle({\n        parentVariants: { size },\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type IRadioLabelProps = React.ComponentProps<typeof UIRadio.Label> &\n  VariantProps<typeof radioIndicatorStyle>;\nconst RadioLabel = React.forwardRef<\n  React.ComponentRef<typeof UIRadio.Label>,\n  IRadioLabelProps\n>(function RadioLabel({ className, ...props }, ref) {\n  const { size } = useStyleContext(SCOPE);\n  return (\n    <UIRadio.Label\n      className={radioLabelStyle({\n        parentVariants: { size },\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type IRadioIconProps = React.ComponentProps<typeof UIRadio.Icon> &\n  VariantProps<typeof radioIconStyle> & {\n    height?: number;\n    width?: number;\n  };\nconst RadioIcon = React.forwardRef<\n  React.ComponentRef<typeof UIRadio.Icon>,\n  IRadioIconProps\n>(function RadioIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext(SCOPE);\n\n  if (typeof size === 'number') {\n    return (\n      <UIRadio.Icon\n        ref={ref}\n        {...props}\n        className={radioIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    (props.height !== undefined || props.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UIRadio.Icon\n        ref={ref}\n        {...props}\n        className={radioIconStyle({ class: className })}\n      />\n    );\n  }\n\n  return (\n    <UIRadio.Icon\n      {...props}\n      className={radioIconStyle({\n        parentVariants: {\n          size: parentSize,\n        },\n        size,\n        class: className,\n      })}\n      ref={ref}\n    />\n  );\n});\n\nRadio.displayName = 'Radio';\nRadioGroup.displayName = 'RadioGroup';\nRadioIndicator.displayName = 'RadioIndicator';\nRadioLabel.displayName = 'RadioLabel';\nRadioIcon.displayName = 'RadioIcon';\n\nexport { Radio, RadioGroup, RadioIndicator, RadioLabel, RadioIcon };\n"],"names":["Radio","RadioGroup","RadioIndicator","RadioLabel","RadioIcon"],"mappings":"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"}

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

@@ -0,0 +1,206 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var nativewindUtils = require('@gluestack-ui/utils/nativewind-utils');
+var creator$1 = require('@gluestack-ui/core/icon/creator');
+var creator = require('@gluestack-ui/core/select/creator');
+var nativewind = require('nativewind');
+var selectActionsheet = require('./select-actionsheet.cjs');
+var reactNative = require('react-native');
+
+const SelectTriggerWrapper = React.forwardRef(function SelectTriggerWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { ...props, ref });
+});
+const selectIconStyle = nativewindUtils.tva({
+  base: "text-background-500 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 selectStyle = nativewindUtils.tva({
+  base: ""
+});
+const selectTriggerStyle = nativewindUtils.tva({
+  base: "border border-background-300 rounded flex-row items-center overflow-hidden data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[hover=true]:border-background-300",
+  variants: {
+    size: {
+      xl: "h-12",
+      lg: "h-11",
+      md: "h-10",
+      sm: "h-9"
+    },
+    variant: {
+      underlined: "border-0 border-b rounded-none data-[hover=true]:border-primary-700 data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_-1px_0_0] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700",
+      outline: "data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:data-[hover=true]:web:shadow-primary-600 data-[invalid=true]:web:shadow-[inset_0_0_0_1px] data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700 data-[invalid=true]:data-[hover=true]:border-error-700",
+      rounded: "rounded-full data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700"
+    }
+  }
+});
+const selectInputStyle = nativewindUtils.tva({
+  base: "px-3 placeholder:text-typography-500 web:w-full h-full text-typography-900 pointer-events-none web:outline-none ios:leading-[0px] py-0",
+  parentVariants: {
+    size: {
+      xl: "text-xl",
+      lg: "text-lg",
+      md: "text-base",
+      sm: "text-sm"
+    },
+    variant: {
+      underlined: "px-0",
+      outline: "",
+      rounded: "px-4"
+    }
+  }
+});
+const UISelect = creator.createSelect(
+  {
+    Root: reactNative.View,
+    Trigger: nativewindUtils.withStyleContext(SelectTriggerWrapper),
+    Input: reactNative.TextInput,
+    Icon: creator$1.UIIcon
+  },
+  {
+    Portal: selectActionsheet.Actionsheet,
+    Backdrop: selectActionsheet.ActionsheetBackdrop,
+    Content: selectActionsheet.ActionsheetContent,
+    DragIndicator: selectActionsheet.ActionsheetDragIndicator,
+    DragIndicatorWrapper: selectActionsheet.ActionsheetDragIndicatorWrapper,
+    Item: selectActionsheet.ActionsheetItem,
+    ItemText: selectActionsheet.ActionsheetItemText,
+    ScrollView: selectActionsheet.ActionsheetScrollView,
+    VirtualizedList: selectActionsheet.ActionsheetVirtualizedList,
+    FlatList: selectActionsheet.ActionsheetFlatList,
+    SectionList: selectActionsheet.ActionsheetSectionList,
+    SectionHeaderText: selectActionsheet.ActionsheetSectionHeaderText
+  }
+);
+nativewind.cssInterop(UISelect, { className: "style" });
+nativewind.cssInterop(UISelect.Input, {
+  className: { target: "style", nativeStyleToProp: { textAlign: true } }
+});
+nativewind.cssInterop(SelectTriggerWrapper, { className: "style" });
+nativewind.cssInterop(creator$1.PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const Select = React.forwardRef(function Select2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UISelect,
+    {
+      className: selectStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const SelectTrigger = React.forwardRef(function SelectTrigger2({ className, size = "md", variant = "outline", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UISelect.Trigger,
+    {
+      className: selectTriggerStyle({
+        class: className,
+        size,
+        variant
+      }),
+      ref,
+      context: { size, variant },
+      ...props
+    }
+  );
+});
+const SelectInput = React.forwardRef(function SelectInput2({ className, ...props }, ref) {
+  const { size: parentSize, variant: parentVariant } = nativewindUtils.useStyleContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UISelect.Input,
+    {
+      className: selectInputStyle({
+        class: className,
+        parentVariants: {
+          size: parentSize,
+          variant: parentVariant
+        }
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const SelectIcon = React.forwardRef(function SelectIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = nativewindUtils.useStyleContext();
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UISelect.Icon,
+      {
+        ref,
+        ...props,
+        className: selectIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if (
+    //@ts-expect-error : web only
+    (props?.height !== void 0 || props?.width !== void 0) && size === void 0
+  ) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      UISelect.Icon,
+      {
+        ref,
+        ...props,
+        className: selectIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UISelect.Icon,
+    {
+      className: selectIconStyle({
+        class: className,
+        size,
+        parentVariants: {
+          size: parentSize
+        }
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+Select.displayName = "Select";
+SelectTrigger.displayName = "SelectTrigger";
+SelectInput.displayName = "SelectInput";
+SelectIcon.displayName = "SelectIcon";
+UISelect.Portal;
+UISelect.Backdrop;
+UISelect.Content;
+UISelect.DragIndicator;
+UISelect.DragIndicatorWrapper;
+UISelect.Item;
+UISelect.ScrollView;
+UISelect.VirtualizedList;
+UISelect.FlatList;
+UISelect.SectionList;
+UISelect.SectionHeaderText;
+
+exports.Select = Select;
+exports.SelectIcon = SelectIcon;
+exports.SelectInput = SelectInput;
+exports.SelectTrigger = SelectTrigger;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../../../apps/mobile/src/ui/select/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { createSelect } from '@gluestack-ui/core/select/creator';\nimport { cssInterop } from 'nativewind';\nimport {\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} from './select-actionsheet';\nimport { Pressable, View, TextInput } from 'react-native';\n\nconst SelectTriggerWrapper = React.forwardRef<\n  React.ComponentRef<typeof Pressable>,\n  React.ComponentProps<typeof Pressable>\n>(function SelectTriggerWrapper({ ...props }, ref) {\n  return <Pressable {...props} ref={ref} />;\n});\n\nconst selectIconStyle = tva({\n  base: 'text-background-500 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 selectStyle = tva({\n  base: '',\n});\n\nconst selectTriggerStyle = tva({\n  base: 'border border-background-300 rounded flex-row items-center overflow-hidden data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[hover=true]:border-background-300',\n  variants: {\n    size: {\n      xl: 'h-12',\n      lg: 'h-11',\n      md: 'h-10',\n      sm: 'h-9',\n    },\n    variant: {\n      underlined:\n        'border-0 border-b rounded-none data-[hover=true]:border-primary-700 data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_-1px_0_0] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',\n      outline:\n        'data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:data-[hover=true]:web:shadow-primary-600 data-[invalid=true]:web:shadow-[inset_0_0_0_1px] data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700 data-[invalid=true]:data-[hover=true]:border-error-700',\n      rounded:\n        'rounded-full data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',\n    },\n  },\n});\n\nconst selectInputStyle = tva({\n  base: 'px-3 placeholder:text-typography-500 web:w-full h-full text-typography-900 pointer-events-none web:outline-none ios:leading-[0px] py-0',\n  parentVariants: {\n    size: {\n      xl: 'text-xl',\n      lg: 'text-lg',\n      md: 'text-base',\n      sm: 'text-sm',\n    },\n    variant: {\n      underlined: 'px-0',\n      outline: '',\n      rounded: 'px-4',\n    },\n  },\n});\n\nconst UISelect = createSelect(\n  {\n    Root: View,\n    Trigger: withStyleContext(SelectTriggerWrapper),\n    Input: TextInput,\n    Icon: UIIcon,\n  },\n  {\n    Portal: Actionsheet,\n    Backdrop: ActionsheetBackdrop,\n    Content: ActionsheetContent,\n    DragIndicator: ActionsheetDragIndicator,\n    DragIndicatorWrapper: ActionsheetDragIndicatorWrapper,\n    Item: ActionsheetItem,\n    ItemText: ActionsheetItemText,\n    ScrollView: ActionsheetScrollView,\n    VirtualizedList: ActionsheetVirtualizedList,\n    FlatList: ActionsheetFlatList,\n    SectionList: ActionsheetSectionList,\n    SectionHeaderText: ActionsheetSectionHeaderText,\n  }\n);\n\ncssInterop(UISelect, { className: 'style' });\ncssInterop(UISelect.Input, {\n  className: { target: 'style', nativeStyleToProp: { textAlign: true } },\n});\ncssInterop(SelectTriggerWrapper, { 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\nexport type ISelectProps = VariantProps<typeof selectStyle> &\n  React.ComponentProps<typeof UISelect> & { className?: string };\n\nconst Select = React.forwardRef<\n  React.ComponentRef<typeof UISelect>,\n  ISelectProps\n>(function Select({ className, ...props }, ref) {\n  return (\n    <UISelect\n      className={selectStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectTriggerProps = VariantProps<typeof selectTriggerStyle> &\n  React.ComponentProps<typeof UISelect.Trigger> & { className?: string };\n\nconst SelectTrigger = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Trigger>,\n  ISelectTriggerProps\n>(function SelectTrigger(\n  { className, size = 'md', variant = 'outline', ...props },\n  ref\n) {\n  return (\n    <UISelect.Trigger\n      className={selectTriggerStyle({\n        class: className,\n        size,\n        variant,\n      })}\n      ref={ref}\n      context={{ size, variant }}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectInputProps = VariantProps<typeof selectInputStyle> &\n  React.ComponentProps<typeof UISelect.Input> & { className?: string };\n\nconst SelectInput = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Input>,\n  ISelectInputProps\n>(function SelectInput({ className, ...props }, ref) {\n  const { size: parentSize, variant: parentVariant } = useStyleContext();\n  return (\n    <UISelect.Input\n      className={selectInputStyle({\n        class: className,\n        parentVariants: {\n          size: parentSize,\n          variant: parentVariant,\n        },\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectIcon = VariantProps<typeof selectIconStyle> &\n  React.ComponentProps<typeof UISelect.Icon> & { className?: string };\n\nconst SelectIcon = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Icon>,\n  ISelectIcon\n>(function SelectIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext();\n  if (typeof size === 'number') {\n    return (\n      <UISelect.Icon\n        ref={ref}\n        {...props}\n        className={selectIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    //@ts-expect-error : web only\n    (props?.height !== undefined || props?.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UISelect.Icon\n        ref={ref}\n        {...props}\n        className={selectIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UISelect.Icon\n      className={selectIconStyle({\n        class: className,\n        size,\n        parentVariants: {\n          size: parentSize,\n        },\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nSelect.displayName = 'Select';\nSelectTrigger.displayName = 'SelectTrigger';\nSelectInput.displayName = 'SelectInput';\nSelectIcon.displayName = 'SelectIcon';\n\n// Actionsheet Components\nconst SelectPortal = UISelect.Portal;\nconst SelectBackdrop = UISelect.Backdrop;\nconst SelectContent = UISelect.Content;\nconst SelectDragIndicator = UISelect.DragIndicator;\nconst SelectDragIndicatorWrapper = UISelect.DragIndicatorWrapper;\nconst SelectItem = UISelect.Item;\nconst SelectScrollView = UISelect.ScrollView;\nconst SelectVirtualizedList = UISelect.VirtualizedList;\nconst SelectFlatList = UISelect.FlatList;\nconst SelectSectionList = UISelect.SectionList;\nconst SelectSectionHeaderText = UISelect.SectionHeaderText;\n\nexport {\n  Select,\n  SelectTrigger,\n  SelectInput,\n  SelectIcon,\n  SelectPortal,\n  SelectBackdrop,\n  SelectContent,\n  SelectDragIndicator,\n  SelectDragIndicatorWrapper,\n  SelectItem,\n  SelectScrollView,\n  SelectVirtualizedList,\n  SelectFlatList,\n  SelectSectionList,\n  SelectSectionHeaderText,\n};\n"],"names":["SelectTriggerWrapper","jsx","Pressable","tva","createSelect","View","withStyleContext","TextInput","UIIcon","Actionsheet","ActionsheetBackdrop","ActionsheetContent","ActionsheetDragIndicator","ActionsheetDragIndicatorWrapper","ActionsheetItem","ActionsheetItemText","ActionsheetScrollView","ActionsheetVirtualizedList","ActionsheetFlatList","ActionsheetSectionList","ActionsheetSectionHeaderText","cssInterop","PrimitiveIcon","Select","SelectTrigger","SelectInput","useStyleContext","SelectIcon"],"mappings":"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"}

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

@@ -0,0 +1,201 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { tva, withStyleContext, useStyleContext } from '@gluestack-ui/utils/nativewind-utils';
+import { UIIcon, PrimitiveIcon } from '@gluestack-ui/core/icon/creator';
+import { createSelect } from '@gluestack-ui/core/select/creator';
+import { cssInterop } from 'nativewind';
+import { ActionsheetSectionHeaderText, ActionsheetSectionList, ActionsheetFlatList, ActionsheetVirtualizedList, ActionsheetScrollView, ActionsheetItemText, ActionsheetItem, ActionsheetDragIndicatorWrapper, ActionsheetDragIndicator, ActionsheetContent, ActionsheetBackdrop, Actionsheet } from './select-actionsheet.js';
+import { Pressable, TextInput, View } from 'react-native';
+
+const SelectTriggerWrapper = React.forwardRef(function SelectTriggerWrapper2({ ...props }, ref) {
+  return /* @__PURE__ */ jsx(Pressable, { ...props, ref });
+});
+const selectIconStyle = tva({
+  base: "text-background-500 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 selectStyle = tva({
+  base: ""
+});
+const selectTriggerStyle = tva({
+  base: "border border-background-300 rounded flex-row items-center overflow-hidden data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[hover=true]:border-background-300",
+  variants: {
+    size: {
+      xl: "h-12",
+      lg: "h-11",
+      md: "h-10",
+      sm: "h-9"
+    },
+    variant: {
+      underlined: "border-0 border-b rounded-none data-[hover=true]:border-primary-700 data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_-1px_0_0] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700",
+      outline: "data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:data-[hover=true]:web:shadow-primary-600 data-[invalid=true]:web:shadow-[inset_0_0_0_1px] data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700 data-[invalid=true]:data-[hover=true]:border-error-700",
+      rounded: "rounded-full data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700"
+    }
+  }
+});
+const selectInputStyle = tva({
+  base: "px-3 placeholder:text-typography-500 web:w-full h-full text-typography-900 pointer-events-none web:outline-none ios:leading-[0px] py-0",
+  parentVariants: {
+    size: {
+      xl: "text-xl",
+      lg: "text-lg",
+      md: "text-base",
+      sm: "text-sm"
+    },
+    variant: {
+      underlined: "px-0",
+      outline: "",
+      rounded: "px-4"
+    }
+  }
+});
+const UISelect = createSelect(
+  {
+    Root: View,
+    Trigger: withStyleContext(SelectTriggerWrapper),
+    Input: TextInput,
+    Icon: UIIcon
+  },
+  {
+    Portal: Actionsheet,
+    Backdrop: ActionsheetBackdrop,
+    Content: ActionsheetContent,
+    DragIndicator: ActionsheetDragIndicator,
+    DragIndicatorWrapper: ActionsheetDragIndicatorWrapper,
+    Item: ActionsheetItem,
+    ItemText: ActionsheetItemText,
+    ScrollView: ActionsheetScrollView,
+    VirtualizedList: ActionsheetVirtualizedList,
+    FlatList: ActionsheetFlatList,
+    SectionList: ActionsheetSectionList,
+    SectionHeaderText: ActionsheetSectionHeaderText
+  }
+);
+cssInterop(UISelect, { className: "style" });
+cssInterop(UISelect.Input, {
+  className: { target: "style", nativeStyleToProp: { textAlign: true } }
+});
+cssInterop(SelectTriggerWrapper, { className: "style" });
+cssInterop(PrimitiveIcon, {
+  className: {
+    target: "style",
+    nativeStyleToProp: {
+      height: true,
+      width: true,
+      fill: true,
+      color: "classNameColor",
+      stroke: true
+    }
+  }
+});
+const Select = React.forwardRef(function Select2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UISelect,
+    {
+      className: selectStyle({
+        class: className
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const SelectTrigger = React.forwardRef(function SelectTrigger2({ className, size = "md", variant = "outline", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    UISelect.Trigger,
+    {
+      className: selectTriggerStyle({
+        class: className,
+        size,
+        variant
+      }),
+      ref,
+      context: { size, variant },
+      ...props
+    }
+  );
+});
+const SelectInput = React.forwardRef(function SelectInput2({ className, ...props }, ref) {
+  const { size: parentSize, variant: parentVariant } = useStyleContext();
+  return /* @__PURE__ */ jsx(
+    UISelect.Input,
+    {
+      className: selectInputStyle({
+        class: className,
+        parentVariants: {
+          size: parentSize,
+          variant: parentVariant
+        }
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+const SelectIcon = React.forwardRef(function SelectIcon2({ className, size, ...props }, ref) {
+  const { size: parentSize } = useStyleContext();
+  if (typeof size === "number") {
+    return /* @__PURE__ */ jsx(
+      UISelect.Icon,
+      {
+        ref,
+        ...props,
+        className: selectIconStyle({ class: className }),
+        size
+      }
+    );
+  } else if (
+    //@ts-expect-error : web only
+    (props?.height !== void 0 || props?.width !== void 0) && size === void 0
+  ) {
+    return /* @__PURE__ */ jsx(
+      UISelect.Icon,
+      {
+        ref,
+        ...props,
+        className: selectIconStyle({ class: className })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    UISelect.Icon,
+    {
+      className: selectIconStyle({
+        class: className,
+        size,
+        parentVariants: {
+          size: parentSize
+        }
+      }),
+      ref,
+      ...props
+    }
+  );
+});
+Select.displayName = "Select";
+SelectTrigger.displayName = "SelectTrigger";
+SelectInput.displayName = "SelectInput";
+SelectIcon.displayName = "SelectIcon";
+UISelect.Portal;
+UISelect.Backdrop;
+UISelect.Content;
+UISelect.DragIndicator;
+UISelect.DragIndicatorWrapper;
+UISelect.Item;
+UISelect.ScrollView;
+UISelect.VirtualizedList;
+UISelect.FlatList;
+UISelect.SectionList;
+UISelect.SectionHeaderText;
+
+export { Select, SelectIcon, SelectInput, SelectTrigger };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../../apps/mobile/src/ui/select/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { tva } from '@gluestack-ui/utils/nativewind-utils';\nimport { PrimitiveIcon, UIIcon } from '@gluestack-ui/core/icon/creator';\nimport {\n  withStyleContext,\n  useStyleContext,\n} from '@gluestack-ui/utils/nativewind-utils';\nimport type { VariantProps } from '@gluestack-ui/utils/nativewind-utils';\nimport { createSelect } from '@gluestack-ui/core/select/creator';\nimport { cssInterop } from 'nativewind';\nimport {\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} from './select-actionsheet';\nimport { Pressable, View, TextInput } from 'react-native';\n\nconst SelectTriggerWrapper = React.forwardRef<\n  React.ComponentRef<typeof Pressable>,\n  React.ComponentProps<typeof Pressable>\n>(function SelectTriggerWrapper({ ...props }, ref) {\n  return <Pressable {...props} ref={ref} />;\n});\n\nconst selectIconStyle = tva({\n  base: 'text-background-500 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 selectStyle = tva({\n  base: '',\n});\n\nconst selectTriggerStyle = tva({\n  base: 'border border-background-300 rounded flex-row items-center overflow-hidden data-[hover=true]:border-outline-400 data-[focus=true]:border-primary-700 data-[disabled=true]:opacity-40 data-[disabled=true]:data-[hover=true]:border-background-300',\n  variants: {\n    size: {\n      xl: 'h-12',\n      lg: 'h-11',\n      md: 'h-10',\n      sm: 'h-9',\n    },\n    variant: {\n      underlined:\n        'border-0 border-b rounded-none data-[hover=true]:border-primary-700 data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_-1px_0_0] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',\n      outline:\n        'data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:data-[hover=true]:web:shadow-primary-600 data-[invalid=true]:web:shadow-[inset_0_0_0_1px] data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700 data-[invalid=true]:data-[hover=true]:border-error-700',\n      rounded:\n        'rounded-full data-[focus=true]:border-primary-700 data-[focus=true]:web:shadow-[inset_0_0_0_1px] data-[focus=true]:web:shadow-primary-700 data-[invalid=true]:border-error-700 data-[invalid=true]:web:shadow-error-700',\n    },\n  },\n});\n\nconst selectInputStyle = tva({\n  base: 'px-3 placeholder:text-typography-500 web:w-full h-full text-typography-900 pointer-events-none web:outline-none ios:leading-[0px] py-0',\n  parentVariants: {\n    size: {\n      xl: 'text-xl',\n      lg: 'text-lg',\n      md: 'text-base',\n      sm: 'text-sm',\n    },\n    variant: {\n      underlined: 'px-0',\n      outline: '',\n      rounded: 'px-4',\n    },\n  },\n});\n\nconst UISelect = createSelect(\n  {\n    Root: View,\n    Trigger: withStyleContext(SelectTriggerWrapper),\n    Input: TextInput,\n    Icon: UIIcon,\n  },\n  {\n    Portal: Actionsheet,\n    Backdrop: ActionsheetBackdrop,\n    Content: ActionsheetContent,\n    DragIndicator: ActionsheetDragIndicator,\n    DragIndicatorWrapper: ActionsheetDragIndicatorWrapper,\n    Item: ActionsheetItem,\n    ItemText: ActionsheetItemText,\n    ScrollView: ActionsheetScrollView,\n    VirtualizedList: ActionsheetVirtualizedList,\n    FlatList: ActionsheetFlatList,\n    SectionList: ActionsheetSectionList,\n    SectionHeaderText: ActionsheetSectionHeaderText,\n  }\n);\n\ncssInterop(UISelect, { className: 'style' });\ncssInterop(UISelect.Input, {\n  className: { target: 'style', nativeStyleToProp: { textAlign: true } },\n});\ncssInterop(SelectTriggerWrapper, { 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\nexport type ISelectProps = VariantProps<typeof selectStyle> &\n  React.ComponentProps<typeof UISelect> & { className?: string };\n\nconst Select = React.forwardRef<\n  React.ComponentRef<typeof UISelect>,\n  ISelectProps\n>(function Select({ className, ...props }, ref) {\n  return (\n    <UISelect\n      className={selectStyle({\n        class: className,\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectTriggerProps = VariantProps<typeof selectTriggerStyle> &\n  React.ComponentProps<typeof UISelect.Trigger> & { className?: string };\n\nconst SelectTrigger = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Trigger>,\n  ISelectTriggerProps\n>(function SelectTrigger(\n  { className, size = 'md', variant = 'outline', ...props },\n  ref\n) {\n  return (\n    <UISelect.Trigger\n      className={selectTriggerStyle({\n        class: className,\n        size,\n        variant,\n      })}\n      ref={ref}\n      context={{ size, variant }}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectInputProps = VariantProps<typeof selectInputStyle> &\n  React.ComponentProps<typeof UISelect.Input> & { className?: string };\n\nconst SelectInput = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Input>,\n  ISelectInputProps\n>(function SelectInput({ className, ...props }, ref) {\n  const { size: parentSize, variant: parentVariant } = useStyleContext();\n  return (\n    <UISelect.Input\n      className={selectInputStyle({\n        class: className,\n        parentVariants: {\n          size: parentSize,\n          variant: parentVariant,\n        },\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport type ISelectIcon = VariantProps<typeof selectIconStyle> &\n  React.ComponentProps<typeof UISelect.Icon> & { className?: string };\n\nconst SelectIcon = React.forwardRef<\n  React.ComponentRef<typeof UISelect.Icon>,\n  ISelectIcon\n>(function SelectIcon({ className, size, ...props }, ref) {\n  const { size: parentSize } = useStyleContext();\n  if (typeof size === 'number') {\n    return (\n      <UISelect.Icon\n        ref={ref}\n        {...props}\n        className={selectIconStyle({ class: className })}\n        size={size}\n      />\n    );\n  } else if (\n    //@ts-expect-error : web only\n    (props?.height !== undefined || props?.width !== undefined) &&\n    size === undefined\n  ) {\n    return (\n      <UISelect.Icon\n        ref={ref}\n        {...props}\n        className={selectIconStyle({ class: className })}\n      />\n    );\n  }\n  return (\n    <UISelect.Icon\n      className={selectIconStyle({\n        class: className,\n        size,\n        parentVariants: {\n          size: parentSize,\n        },\n      })}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nSelect.displayName = 'Select';\nSelectTrigger.displayName = 'SelectTrigger';\nSelectInput.displayName = 'SelectInput';\nSelectIcon.displayName = 'SelectIcon';\n\n// Actionsheet Components\nconst SelectPortal = UISelect.Portal;\nconst SelectBackdrop = UISelect.Backdrop;\nconst SelectContent = UISelect.Content;\nconst SelectDragIndicator = UISelect.DragIndicator;\nconst SelectDragIndicatorWrapper = UISelect.DragIndicatorWrapper;\nconst SelectItem = UISelect.Item;\nconst SelectScrollView = UISelect.ScrollView;\nconst SelectVirtualizedList = UISelect.VirtualizedList;\nconst SelectFlatList = UISelect.FlatList;\nconst SelectSectionList = UISelect.SectionList;\nconst SelectSectionHeaderText = UISelect.SectionHeaderText;\n\nexport {\n  Select,\n  SelectTrigger,\n  SelectInput,\n  SelectIcon,\n  SelectPortal,\n  SelectBackdrop,\n  SelectContent,\n  SelectDragIndicator,\n  SelectDragIndicatorWrapper,\n  SelectItem,\n  SelectScrollView,\n  SelectVirtualizedList,\n  SelectFlatList,\n  SelectSectionList,\n  SelectSectionHeaderText,\n};\n"],"names":["SelectTriggerWrapper","Select","SelectTrigger","SelectInput","SelectIcon"],"mappings":"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"}