react-native-mantine 0.1.15 → 0.3.0

package/lib/module/components/Rating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","TouchableOpacity","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","theme","color","emptyColor","size","colors","primaryColor","emptyColors","gray","sizeValue","root","flexDirection","alignItems","symbolWrapper","marginHorizontal","symbol","fontSize","lineHeight","symbolFilled","primaryBgColor","symbolEmpty","symbolHovered","opacity","defaultProps","count","fractions","readOnly","highlightSelectedOnly","StarSymbol","filled","children","Rating","props","ref","value","controlledValue","defaultValue","onChange","emptySymbol","style","others","styles","sx","name","uncontrolledValue","setUncontrolledValue","hoveredValue","setHoveredValue","undefined","handleClick","index","newValue","renderSymbol","currentValue","isActive","fillPercentage","Math","floor","isHovered","symbolContent","emptySymbolContent","onPress","onPressIn","onPressOut","disabled","activeOpacity","Array","from","length","_","displayName"],"sourceRoot":"../../../../src","sources":["components/Rating/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RingProgress/index.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { View } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps, useTheme } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+
+/**
+ * NOTE: This is a simplified version of RingProgress.
+ * For full SVG-based circular progress, install react-native-svg:
+ * yarn add react-native-svg
+ *
+ * This version uses View-based rendering with transform rotation.
+ * For production use, consider implementing with react-native-svg.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  size,
+  thickness,
+  rootColor
+}) => ({
+  root: {
+    width: size,
+    height: size,
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  track: {
+    position: 'absolute',
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    borderWidth: thickness,
+    borderColor: rootColor
+  },
+  label: {
+    position: 'absolute',
+    fontSize: rem(14),
+    fontWeight: '600',
+    color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+  },
+  // Simplified progress representation
+  progressContainer: {
+    position: 'absolute',
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    overflow: 'hidden'
+  }
+}));
+const defaultProps = {
+  size: 120,
+  thickness: 12,
+  roundCaps: false
+};
+export const RingProgress = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    sections,
+    size,
+    thickness,
+    label,
+    rootColor: customRootColor,
+    roundCaps,
+    style,
+    ...others
+  } = useComponentDefaultProps('RingProgress', defaultProps, props);
+  const theme = useTheme();
+  const rootColor = customRootColor || (theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[2]);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    thickness,
+    rootColor
+  }, {
+    name: 'RingProgress'
+  });
+
+  // Calculate total value and normalize sections
+  const normalizedSections = sections.map(section => ({
+    ...section,
+    percentage: section.value / 100 * 100
+  }));
+
+  // Render simplified ring using borders and transforms
+  // Note: This is a basic implementation. For full SVG support, use react-native-svg
+  const renderSections = () => {
+    let currentAngle = 0;
+    return normalizedSections.map((section, index) => {
+      const colors = theme.colors[section.color] || theme.colors[theme.primaryColor];
+      const sectionColor = colors?.[6] || colors?.[5] || theme.primaryBgColor;
+      const angle = section.percentage / 100 * 360;
+      const rotation = currentAngle;
+      currentAngle += angle;
+
+      // Simplified representation - just show colored arcs
+      // This is a placeholder implementation
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          width: size,
+          height: size,
+          borderRadius: size / 2,
+          borderWidth: thickness,
+          borderColor: 'transparent',
+          borderTopColor: sectionColor,
+          transform: [{
+            rotate: `${rotation}deg`
+          }]
+        }
+      }, index);
+    });
+  };
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.track
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.progressContainer,
+      children: renderSections()
+    }), label && (typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute'
+      },
+      children: label
+    }))]
+  });
+});
+RingProgress.displayName = 'RingProgress';
+
+/**
+ * USAGE NOTE:
+ * This is a simplified implementation of RingProgress.
+ * For production-quality circular progress with accurate rendering,
+ * install react-native-svg and implement using SVG circles with
+ * stroke-dasharray and stroke-dashoffset.
+ *
+ * Example with react-native-svg:
+ * ```tsx
+ * import Svg, { Circle } from 'react-native-svg';
+ *
+ * const circumference = 2 * Math.PI * radius;
+ * const strokeDashoffset = circumference - (percentage / 100) * circumference;
+ *
+ * <Svg width={size} height={size}>
+ *   <Circle
+ *     cx={size / 2}
+ *     cy={size / 2}
+ *     r={radius}
+ *     stroke={color}
+ *     strokeWidth={thickness}
+ *     strokeDasharray={circumference}
+ *     strokeDashoffset={strokeDashoffset}
+ *     fill="none"
+ *   />
+ * </Svg>
+ * ```
+ */
+//# sourceMappingURL=index.js.map

package/lib/module/components/RingProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","View","BoxView","Text","useComponentDefaultProps","useTheme","createStyles","rem","jsx","_jsx","jsxs","_jsxs","useStyles","theme","size","thickness","rootColor","root","width","height","position","alignItems","justifyContent","track","borderRadius","borderWidth","borderColor","label","fontSize","fontWeight","color","colorScheme","colors","dark","black","progressContainer","overflow","defaultProps","roundCaps","RingProgress","props","ref","sections","customRootColor","style","others","gray","styles","sx","name","normalizedSections","map","section","percentage","value","renderSections","currentAngle","index","primaryColor","sectionColor","primaryBgColor","angle","rotation","borderTopColor","transform","rotate","children","displayName"],"sourceRoot":"../../../../src","sources":["components/RingProgress/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SegmentedControl/index.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { TouchableOpacity, Animated } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: {
+    fontSize: rem(10),
+    padding: rem(4),
+    height: rem(24)
+  },
+  sm: {
+    fontSize: rem(12),
+    padding: rem(6),
+    height: rem(28)
+  },
+  md: {
+    fontSize: rem(14),
+    padding: rem(8),
+    height: rem(32)
+  },
+  lg: {
+    fontSize: rem(16),
+    padding: rem(10),
+    height: rem(38)
+  },
+  xl: {
+    fontSize: rem(18),
+    padding: rem(12),
+    height: rem(44)
+  }
+};
+const useStyles = createStyles((theme, {
+  radius,
+  disabled,
+  orientation,
+  fullWidth
+}, {
+  size
+}) => {
+  const sizeStyles = sizes[size] || sizes.md;
+  return {
+    root: {
+      position: 'relative',
+      flexDirection: orientation === 'horizontal' ? 'row' : 'column',
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1],
+      borderRadius: theme.fn.radius(radius),
+      padding: rem(4),
+      opacity: disabled ? 0.5 : 1,
+      ...(fullWidth && {
+        width: '100%'
+      })
+    },
+    indicator: {
+      position: 'absolute',
+      backgroundColor: theme.white,
+      borderRadius: theme.fn.radius(radius),
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.05,
+      shadowRadius: 1,
+      elevation: 1,
+      ...(theme.colorScheme === 'dark' && {
+        backgroundColor: theme.colors.dark?.[5]
+      })
+    },
+    segment: {
+      flex: 1,
+      paddingHorizontal: sizeStyles.padding,
+      paddingVertical: sizeStyles.padding,
+      minHeight: sizeStyles.height,
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: theme.fn.radius(radius),
+      zIndex: 1
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '500',
+      textAlign: 'center'
+    },
+    activeLabel: {
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black
+    },
+    inactiveLabel: {
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[1] : theme.colors.gray?.[7]
+    },
+    disabledLabel: {
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[3] : theme.colors.gray?.[5]
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  color: 'blue',
+  radius: 'sm',
+  disabled: false,
+  orientation: 'horizontal',
+  fullWidth: false,
+  transitionDuration: 200
+};
+export const SegmentedControl = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    data,
+    size,
+    color,
+    radius,
+    disabled,
+    orientation,
+    fullWidth,
+    transitionDuration,
+    style,
+    ...others
+  } = useComponentDefaultProps('SegmentedControl', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    disabled,
+    orientation,
+    fullWidth
+  }, {
+    name: 'SegmentedControl',
+    size
+  });
+
+  // Normalize data to SegmentedControlItem[]
+  const normalizedData = data.map(item => typeof item === 'string' ? {
+    label: item,
+    value: item,
+    disabled: false
+  } : item);
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? normalizedData[0]?.value ?? '');
+  const [segmentLayouts, setSegmentLayouts] = useState([]);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const activeIndex = normalizedData.findIndex(item => item.value === value);
+  const indicatorPosition = useRef(new Animated.Value(0)).current;
+  const indicatorSize = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (segmentLayouts[activeIndex]) {
+      const layout = segmentLayouts[activeIndex];
+      Animated.parallel([Animated.timing(indicatorPosition, {
+        toValue: orientation === 'horizontal' ? layout.x : layout.y,
+        duration: transitionDuration,
+        useNativeDriver: false
+      }), Animated.timing(indicatorSize, {
+        toValue: orientation === 'horizontal' ? layout.width : layout.height,
+        duration: transitionDuration,
+        useNativeDriver: false
+      })]).start();
+    }
+  }, [activeIndex, segmentLayouts, orientation, transitionDuration, indicatorPosition, indicatorSize]);
+  const handleSegmentLayout = (index, event) => {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setSegmentLayouts(prev => {
+      const newLayouts = [...prev];
+      newLayouts[index] = {
+        x,
+        y,
+        width,
+        height
+      };
+      return newLayouts;
+    });
+  };
+  const handlePress = item => {
+    if (disabled || item.disabled) return;
+    if (controlledValue === undefined) {
+      setUncontrolledValue(item.value);
+    }
+    onChange?.(item.value);
+  };
+  const indicatorStyle = {
+    [orientation === 'horizontal' ? 'left' : 'top']: indicatorPosition,
+    [orientation === 'horizontal' ? 'width' : 'height']: indicatorSize,
+    [orientation === 'horizontal' ? 'height' : 'width']: '100%'
+  };
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [segmentLayouts.length === normalizedData.length && /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.indicator, indicatorStyle]
+    }), normalizedData.map((item, index) => {
+      const isActive = item.value === value;
+      const isDisabled = disabled || item.disabled;
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.segment,
+        onPress: () => handlePress(item),
+        disabled: isDisabled,
+        activeOpacity: 0.7,
+        onLayout: event => handleSegmentLayout(index, event),
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, isActive ? styles.activeLabel : styles.inactiveLabel, isDisabled && styles.disabledLabel],
+          children: item.label
+        })
+      }, item.value);
+    })]
+  });
+});
+SegmentedControl.displayName = 'SegmentedControl';
+//# sourceMappingURL=index.js.map

package/lib/module/components/SegmentedControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useRef","useEffect","TouchableOpacity","Animated","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","fontSize","padding","height","sm","md","lg","xl","useStyles","theme","radius","disabled","orientation","fullWidth","size","sizeStyles","root","position","flexDirection","backgroundColor","colorScheme","colors","dark","gray","borderRadius","fn","opacity","width","indicator","white","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","segment","flex","paddingHorizontal","paddingVertical","minHeight","justifyContent","alignItems","zIndex","label","fontWeight","textAlign","activeLabel","color","black","inactiveLabel","disabledLabel","defaultProps","transitionDuration","SegmentedControl","props","ref","value","controlledValue","defaultValue","onChange","data","style","others","styles","sx","name","normalizedData","map","item","uncontrolledValue","setUncontrolledValue","segmentLayouts","setSegmentLayouts","undefined","activeIndex","findIndex","indicatorPosition","Value","current","indicatorSize","layout","parallel","timing","toValue","x","y","duration","useNativeDriver","start","handleSegmentLayout","index","event","nativeEvent","prev","newLayouts","handlePress","indicatorStyle","children","length","View","isActive","isDisabled","onPress","activeOpacity","onLayout","displayName"],"sourceRoot":"../../../../src","sources":["components/SegmentedControl/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Select/index.js

@@ -0,0 +1,239 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { Modal, ScrollView, TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { TextInput } from "../TextInput/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  color
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  return {
+    modalOverlay: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      justifyContent: 'flex-end'
+    },
+    modalContent: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[7] : theme.white,
+      borderTopLeftRadius: theme.radius.lg,
+      borderTopRightRadius: theme.radius.lg,
+      maxHeight: '80%'
+    },
+    searchContainer: {
+      padding: theme.spacing.md,
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[2]
+    },
+    listContainer: {
+      paddingVertical: rem(8)
+    },
+    item: {
+      paddingVertical: rem(12),
+      paddingHorizontal: theme.spacing.md,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    itemSelected: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : colors?.[0] || (theme.colors.gray || [])[0]
+    },
+    itemDisabled: {
+      opacity: 0.4
+    },
+    itemText: {
+      fontSize: rem(14),
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black
+    },
+    itemTextSelected: {
+      fontWeight: '600',
+      color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    groupLabel: {
+      paddingVertical: rem(8),
+      paddingHorizontal: theme.spacing.md,
+      fontSize: rem(12),
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6],
+      textTransform: 'uppercase'
+    },
+    emptyState: {
+      padding: theme.spacing.xl,
+      alignItems: 'center'
+    },
+    emptyText: {
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[2] : (theme.colors.gray || [])[6]
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  radius: 'sm',
+  color: 'blue',
+  disabled: false,
+  searchable: false,
+  clearable: false,
+  maxDropdownHeight: 400,
+  searchPlaceholder: 'Search...',
+  clearButtonLabel: 'Clear'
+};
+const normalizeData = data => {
+  return data.map(item => typeof item === 'string' ? {
+    value: item,
+    label: item
+  } : item);
+};
+export const Select = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    data,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    placeholder,
+    label,
+    description,
+    error,
+    size,
+    radius,
+    color,
+    disabled,
+    searchable,
+    searchPlaceholder,
+    clearable,
+    clearButtonLabel,
+    maxDropdownHeight,
+    icon,
+    rightSection,
+    style,
+    ...others
+  } = useComponentDefaultProps('Select', defaultProps, props);
+  const [opened, setOpened] = useState(false);
+  const [searchQuery, setSearchQuery] = useState('');
+  const [value, setValue] = useState(defaultValue || '');
+  const {
+    styles
+  } = useStyles({
+    color,
+    size
+  }, {
+    name: 'Select'
+  });
+  const isControlled = controlledValue !== undefined;
+  const currentValue = isControlled ? controlledValue : value;
+  const normalizedData = normalizeData(data);
+  const selectedItem = normalizedData.find(item => item.value === currentValue);
+  const filteredData = searchable ? normalizedData.filter(item => item.label.toLowerCase().includes(searchQuery.toLowerCase())) : normalizedData;
+  const handleSelect = itemValue => {
+    if (!isControlled) {
+      setValue(itemValue);
+    }
+    onChange?.(itemValue);
+    setOpened(false);
+    setSearchQuery('');
+  };
+  const handleClear = () => {
+    if (!isControlled) {
+      setValue('');
+    }
+    onChange?.('');
+  };
+  const groupedData = {};
+  let ungroupedItems = [];
+  filteredData.forEach(item => {
+    if (item.group) {
+      if (!groupedData[item.group]) {
+        groupedData[item.group] = [];
+      }
+      groupedData[item.group].push(item);
+    } else {
+      ungroupedItems.push(item);
+    }
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      ref: ref,
+      label: label,
+      description: description,
+      error: error,
+      size: size,
+      radius: radius,
+      icon: icon,
+      rightSection: rightSection,
+      value: selectedItem?.label || '',
+      placeholder: placeholder,
+      editable: !disabled,
+      onPress: () => !disabled && setOpened(true),
+      style: style,
+      ...others
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: opened,
+      transparent: true,
+      animationType: "slide",
+      onRequestClose: () => setOpened(false),
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 1,
+        style: styles.modalOverlay,
+        onPress: () => setOpened(false),
+        children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+          activeOpacity: 1,
+          style: styles.modalContent,
+          children: [searchable && /*#__PURE__*/_jsx(BoxView, {
+            style: styles.searchContainer,
+            children: /*#__PURE__*/_jsx(TextInput, {
+              placeholder: searchPlaceholder,
+              value: searchQuery,
+              onChange: e => setSearchQuery(e.nativeEvent.text),
+              autoFocus: true
+            })
+          }), /*#__PURE__*/_jsxs(ScrollView, {
+            style: {
+              maxHeight: maxDropdownHeight
+            },
+            contentContainerStyle: styles.listContainer,
+            children: [clearable && currentValue && /*#__PURE__*/_jsx(TouchableOpacity, {
+              style: styles.item,
+              onPress: handleClear,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.itemText,
+                children: clearButtonLabel
+              })
+            }), ungroupedItems.map(item => /*#__PURE__*/_jsx(TouchableOpacity, {
+              style: [styles.item, currentValue === item.value && styles.itemSelected, item.disabled && styles.itemDisabled],
+              onPress: () => !item.disabled && handleSelect(item.value),
+              disabled: item.disabled,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: [styles.itemText, currentValue === item.value && styles.itemTextSelected],
+                children: item.label
+              })
+            }, item.value)), Object.keys(groupedData).map(group => /*#__PURE__*/_jsxs(React.Fragment, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.groupLabel,
+                children: group
+              }), (groupedData[group] || []).map(item => /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: [styles.item, currentValue === item.value && styles.itemSelected, item.disabled && styles.itemDisabled],
+                onPress: () => !item.disabled && handleSelect(item.value),
+                disabled: item.disabled,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: [styles.itemText, currentValue === item.value && styles.itemTextSelected],
+                  children: item.label
+                })
+              }, item.value))]
+            }, group)), filteredData.length === 0 && /*#__PURE__*/_jsx(BoxView, {
+              style: styles.emptyState,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.emptyText,
+                children: "No options found"
+              })
+            })]
+          })]
+        })
+      })
+    })]
+  });
+});
+Select.displayName = 'Select';
+//# sourceMappingURL=index.js.map