react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useRef","useState","TextInput","BoxView","useComponentDefaultProps","createStyles","getSize","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","theme","size","radius","error","disabled","spacing","getSpacing","root","flexDirection","alignItems","gap","input","width","height","borderRadius","fn","borderWidth","borderColor","colors","red","colorScheme","dark","gray","backgroundColor","white","fontSize","fontSizes","textAlign","color","black","opacity","inputFocused","primaryColor","primaryBgColor","defaultProps","length","mask","type","PinInput","props","ref","value","controlledValue","defaultValue","onChange","onComplete","style","inputStyle","others","uncontrolledValue","setUncontrolledValue","focusedIndex","setFocusedIndex","undefined","inputRefs","styles","sx","name","handleChange","text","index","isValid","test","pastedText","slice","newValue","padEnd","nextIndex","Math","min","current","focus","replace","newValueArray","split","join","handleKeyPress","e","nativeEvent","key","currentValue","charAt","children","Array","from","_","inputValue","displayValue","el","onChangeText","onKeyPress","onFocus","onBlur","maxLength","keyboardType","editable","selectTextOnFocus","displayName"],"sourceRoot":"../../../../src","sources":["components/PinInput/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,157 @@
+"use strict";
+
+import React, { forwardRef, useState, useRef } from 'react';
+import { View, TouchableWithoutFeedback, Animated } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Portal } from "../Portal/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  position: 'bottom',
+  width: 260,
+  radius: 'md',
+  shadow: 'md',
+  withArrow: false,
+  arrowSize: 7,
+  arrowOffset: 5,
+  closeOnClickOutside: true,
+  closeOnEscape: true,
+  zIndex: 1000
+};
+const PopoverContext = /*#__PURE__*/React.createContext(null);
+const usePopoverContext = () => {
+  const ctx = React.useContext(PopoverContext);
+  if (!ctx) {
+    throw new Error('Popover components must be used within Popover');
+  }
+  return ctx;
+};
+const PopoverTarget = ({
+  children
+}) => {
+  const {
+    setOpened,
+    targetRef,
+    setDropdownPosition
+  } = usePopoverContext();
+  const handlePress = () => {
+    if (targetRef.current) {
+      targetRef.current.measureInWindow((x, y, width, height) => {
+        setDropdownPosition({
+          top: y + height + 8,
+          left: x,
+          width
+        });
+      });
+    }
+    setOpened(true);
+  };
+  return /*#__PURE__*/React.cloneElement(children, {
+    ref: targetRef,
+    onPress: handlePress
+  });
+};
+const PopoverDropdown = ({
+  children,
+  style,
+  ...others
+}) => {
+  const {
+    opened,
+    setOpened,
+    dropdownPosition
+  } = usePopoverContext();
+  const opacity = useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    if (opened) {
+      Animated.timing(opacity, {
+        toValue: 1,
+        duration: 150,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [opened, opacity]);
+  if (!opened) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: () => setOpened(false),
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [{
+            position: 'absolute',
+            top: dropdownPosition.top,
+            left: dropdownPosition.left,
+            opacity
+          }, style],
+          ...others,
+          children: children
+        })
+      })
+    })
+  });
+};
+export const Popover = Object.assign(/*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    position,
+    width,
+    radius,
+    shadow,
+    withArrow,
+    arrowSize,
+    arrowOffset,
+    closeOnClickOutside,
+    closeOnEscape,
+    opened: controlledOpened,
+    onChange,
+    zIndex,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Popover', defaultProps, props);
+  const [opened, setOpened] = useState(false);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const targetRef = useRef(null);
+  const isControlled = controlledOpened !== undefined;
+  const isOpened = isControlled ? controlledOpened : opened;
+  const handleSetOpened = value => {
+    if (!isControlled) {
+      setOpened(value);
+    }
+    onChange?.(value);
+  };
+  const contextValue = {
+    opened: isOpened,
+    setOpened: handleSetOpened,
+    targetRef,
+    dropdownPosition,
+    setDropdownPosition
+  };
+  return /*#__PURE__*/_jsx(PopoverContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(BoxView, {
+      ref: ref,
+      ...others,
+      children: children
+    })
+  });
+}), {
+  Target: PopoverTarget,
+  Dropdown: PopoverDropdown
+});
+Popover.displayName = 'Popover';
+PopoverTarget.displayName = 'Popover.Target';
+PopoverDropdown.displayName = 'Popover.Dropdown';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useRef","View","TouchableWithoutFeedback","Animated","BoxView","Portal","useComponentDefaultProps","jsx","_jsx","defaultProps","position","width","radius","shadow","withArrow","arrowSize","arrowOffset","closeOnClickOutside","closeOnEscape","zIndex","PopoverContext","createContext","usePopoverContext","ctx","useContext","Error","PopoverTarget","children","setOpened","targetRef","setDropdownPosition","handlePress","current","measureInWindow","x","y","height","top","left","cloneElement","ref","onPress","PopoverDropdown","style","others","opened","dropdownPosition","opacity","Value","useEffect","timing","toValue","duration","useNativeDriver","start","right","bottom","Popover","Object","assign","props","controlledOpened","onChange","isControlled","undefined","isOpened","handleSetOpened","value","contextValue","Provider","Target","Dropdown","displayName"],"sourceRoot":"../../../../src","sources":["components/Popover/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { createContext, useContext, useState, useCallback } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PortalContext = /*#__PURE__*/createContext(null);
+export const PortalProvider = ({
+  children
+}) => {
+  const [portals, setPortals] = useState(new Map());
+  const nextKey = React.useRef(0);
+  const mount = useCallback(child => {
+    const key = nextKey.current++;
+    setPortals(prev => {
+      const next = new Map(prev);
+      next.set(key, child);
+      return next;
+    });
+    return key;
+  }, []);
+  const unmount = useCallback(key => {
+    setPortals(prev => {
+      const next = new Map(prev);
+      next.delete(key);
+      return next;
+    });
+  }, []);
+  return /*#__PURE__*/_jsxs(PortalContext.Provider, {
+    value: {
+      mount,
+      unmount
+    },
+    children: [children, /*#__PURE__*/_jsx(View, {
+      style: StyleSheet.absoluteFill,
+      pointerEvents: "box-none",
+      children: Array.from(portals.entries()).map(([key, child]) => /*#__PURE__*/_jsx(React.Fragment, {
+        children: child
+      }, key))
+    })]
+  });
+};
+export const Portal = ({
+  children
+}) => {
+  const context = useContext(PortalContext);
+  const [, setKey] = useState(null);
+  React.useEffect(() => {
+    if (!context) {
+      console.warn('Portal used without PortalProvider');
+      return;
+    }
+    const portalKey = context.mount(children);
+    setKey(portalKey);
+    return () => {
+      context.unmount(portalKey);
+    };
+  }, [children, context]);
+  return null;
+};
+Portal.displayName = 'Portal';
+PortalProvider.displayName = 'PortalProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useState","useCallback","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","PortalContext","PortalProvider","children","portals","setPortals","Map","nextKey","useRef","mount","child","key","current","prev","next","set","unmount","delete","Provider","value","style","absoluteFill","pointerEvents","Array","from","entries","map","Fragment","Portal","context","setKey","useEffect","console","warn","portalKey","displayName"],"sourceRoot":"../../../../src","sources":["components/Portal/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAC/E,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOhD,MAAMC,aAAa,gBAAGV,aAAa,CAA4B,IAAI,CAAC;AAMpE,OAAO,MAAMW,cAA6C,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC7E,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAA+B,IAAIa,GAAG,CAAC,CAAC,CAAC;EAC/E,MAAMC,OAAO,GAAGjB,KAAK,CAACkB,MAAM,CAAC,CAAC,CAAC;EAE/B,MAAMC,KAAK,GAAGf,WAAW,CAAEgB,KAAsB,IAAK;IACpD,MAAMC,GAAG,GAAGJ,OAAO,CAACK,OAAO,EAAE;IAC7BP,UAAU,CAAEQ,IAAI,IAAK;MACnB,MAAMC,IAAI,GAAG,IAAIR,GAAG,CAACO,IAAI,CAAC;MAC1BC,IAAI,CAACC,GAAG,CAACJ,GAAG,EAAED,KAAK,CAAC;MACpB,OAAOI,IAAI;IACb,CAAC,CAAC;IACF,OAAOH,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,OAAO,GAAGtB,WAAW,CAAEiB,GAAW,IAAK;IAC3CN,UAAU,CAAEQ,IAAI,IAAK;MACnB,MAAMC,IAAI,GAAG,IAAIR,GAAG,CAACO,IAAI,CAAC;MAC1BC,IAAI,CAACG,MAAM,CAACN,GAAG,CAAC;MAChB,OAAOG,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEd,KAAA,CAACC,aAAa,CAACiB,QAAQ;IAACC,KAAK,EAAE;MAAEV,KAAK;MAAEO;IAAQ,CAAE;IAAAb,QAAA,GAC/CA,QAAQ,eACTL,IAAA,CAACH,IAAI;MAACyB,KAAK,EAAExB,UAAU,CAACyB,YAAa;MAACC,aAAa,EAAC,UAAU;MAAAnB,QAAA,EAC3DoB,KAAK,CAACC,IAAI,CAACpB,OAAO,CAACqB,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAACf,GAAG,EAAED,KAAK,CAAC,kBAC9CZ,IAAA,CAACR,KAAK,CAACqC,QAAQ;QAAAxB,QAAA,EAAYO;MAAK,GAAXC,GAA4B,CAClD;IAAC,CACE,CAAC;EAAA,CACe,CAAC;AAE7B,CAAC;AAMD,OAAO,MAAMiB,MAA6B,GAAGA,CAAC;EAAEzB;AAAS,CAAC,KAAK;EAC7D,MAAM0B,OAAO,GAAGrC,UAAU,CAACS,aAAa,CAAC;EACzC,MAAM,GAAG6B,MAAM,CAAC,GAAGrC,QAAQ,CAAgB,IAAI,CAAC;EAEhDH,KAAK,CAACyC,SAAS,CAAC,MAAM;IACpB,IAAI,CAACF,OAAO,EAAE;MACZG,OAAO,CAACC,IAAI,CAAC,oCAAoC,CAAC;MAClD;IACF;IAEA,MAAMC,SAAS,GAAGL,OAAO,CAACpB,KAAK,CAACN,QAAQ,CAAC;IACzC2B,MAAM,CAACI,SAAS,CAAC;IAEjB,OAAO,MAAM;MACXL,OAAO,CAACb,OAAO,CAACkB,SAAS,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAAC/B,QAAQ,EAAE0B,OAAO,CAAC,CAAC;EAEvB,OAAO,IAAI;AACb,CAAC;AAEDD,MAAM,CAACO,WAAW,GAAG,QAAQ;AAC7BjC,cAAc,CAACiC,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+import { forwardRef, useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { BoxView } from "../BoxView/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 } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(3),
+  sm: rem(5),
+  md: rem(8),
+  lg: rem(12),
+  xl: rem(16)
+};
+const useStyles = createStyles((theme, {
+  color,
+  radius,
+  size,
+  striped
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeValue = typeof size === 'number' ? rem(size) : sizes[size] || sizes.md;
+  return {
+    root: {
+      height: sizeValue,
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[2],
+      borderRadius: theme.fn.radius(radius),
+      overflow: 'hidden'
+    },
+    bar: {
+      height: '100%',
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      ...(striped && {
+        backgroundImage: `linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)`,
+        backgroundSize: `${sizeValue} ${sizeValue}`
+      })
+    },
+    section: {
+      height: '100%'
+    }
+  };
+});
+const defaultProps = {
+  value: 0,
+  color: 'blue',
+  size: 'md',
+  radius: 'sm',
+  striped: false,
+  animate: false
+};
+export const Progress = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value,
+    color,
+    size,
+    radius,
+    striped,
+    animate,
+    sections,
+    style,
+    ...others
+  } = useComponentDefaultProps('Progress', defaultProps, props);
+  const animatedValue = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(animatedValue, {
+      toValue: value || 0,
+      duration: 300,
+      useNativeDriver: false
+    }).start();
+  }, [value, animatedValue]);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    color,
+    radius,
+    size,
+    striped
+  }, {
+    name: 'Progress'
+  });
+  const renderSections = () => {
+    if (!sections || sections.length === 0) {
+      return /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.bar, {
+          width: animatedValue.interpolate({
+            inputRange: [0, 100],
+            outputRange: ['0%', '100%']
+          })
+        }]
+      });
+    }
+    return sections.map((section, index) => {
+      const sectionColors = theme.colors[section.color] || theme.colors[theme.primaryColor];
+      return /*#__PURE__*/_jsx(BoxView, {
+        style: [styles.section, {
+          width: `${section.value}%`,
+          backgroundColor: sectionColors?.[6] || sectionColors?.[5] || theme.primaryBgColor
+        }]
+      }, index);
+    });
+  };
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: sections && sections.length > 0 ? /*#__PURE__*/_jsx(BoxView, {
+      style: {
+        flexDirection: 'row',
+        height: '100%'
+      },
+      children: renderSections()
+    }) : renderSections()
+  });
+});
+Progress.displayName = 'Progress';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useRef","Animated","BoxView","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","theme","color","radius","size","striped","colors","primaryColor","sizeValue","root","height","backgroundColor","colorScheme","dark","gray","borderRadius","fn","overflow","bar","primaryBgColor","backgroundImage","backgroundSize","section","defaultProps","value","animate","Progress","props","ref","sections","style","others","animatedValue","Value","current","timing","toValue","duration","useNativeDriver","start","styles","sx","name","renderSections","length","View","width","interpolate","inputRange","outputRange","map","index","sectionColors","children","flexDirection","displayName"],"sourceRoot":"../../../../src","sources":["components/Progress/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,130 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Pressable, 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: rem(14),
+  sm: rem(18),
+  md: rem(22),
+  lg: rem(28),
+  xl: rem(36)
+};
+const useStyles = createStyles((theme, {
+  size,
+  color,
+  disabled
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const radioSize = sizes[size] || sizes.md;
+  const innerSize = radioSize * 0.5;
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      opacity: disabled ? 0.5 : 1
+    },
+    radio: {
+      width: radioSize,
+      height: radioSize,
+      borderRadius: radioSize / 2,
+      borderWidth: 2,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4],
+      backgroundColor: 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    checked: {
+      borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    inner: {
+      width: rem(innerSize),
+      height: rem(innerSize),
+      borderRadius: rem(innerSize / 2),
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    label: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+      marginLeft: theme.spacing.sm,
+      flex: 1
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  color: 'blue',
+  checked: false,
+  disabled: false
+};
+export const Radio = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    label,
+    size,
+    color,
+    value,
+    checked,
+    onChange,
+    disabled,
+    style,
+    wrapperStyle,
+    ...others
+  } = useComponentDefaultProps('Radio', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    color,
+    disabled
+  }, {
+    name: 'Radio'
+  });
+  const scaleAnim = useRef(new Animated.Value(checked ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.spring(scaleAnim, {
+      toValue: checked ? 1 : 0,
+      useNativeDriver: true,
+      tension: 100,
+      friction: 7
+    }).start();
+  }, [checked, scaleAnim]);
+  const handlePress = () => {
+    if (!disabled && value !== undefined) {
+      onChange?.(value);
+    }
+  };
+  const radioContent = /*#__PURE__*/_jsx(BoxView, {
+    style: sx(styles.radio, checked && styles.checked, style),
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.inner, {
+        transform: [{
+          scale: scaleAnim
+        }],
+        opacity: scaleAnim
+      }]
+    })
+  });
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    onPress: handlePress,
+    disabled: disabled,
+    style: sx(styles.root, wrapperStyle),
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked
+    },
+    ...others,
+    children: [radioContent, label && /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    })]
+  });
+});
+Radio.displayName = 'Radio';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","Pressable","Animated","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","sm","md","lg","xl","useStyles","theme","size","color","disabled","colors","primaryColor","radioSize","innerSize","root","flexDirection","alignItems","opacity","radio","width","height","borderRadius","borderWidth","borderColor","colorScheme","dark","gray","backgroundColor","justifyContent","checked","primaryBgColor","inner","label","fontSize","fontSizes","black","marginLeft","spacing","flex","defaultProps","Radio","props","ref","value","onChange","style","wrapperStyle","others","styles","sx","name","scaleAnim","Value","current","spring","toValue","useNativeDriver","tension","friction","start","handlePress","undefined","radioContent","children","View","transform","scale","onPress","accessibilityRole","accessibilityState","displayName"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,146 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { TouchableOpacity } 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 } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(14),
+  sm: rem(18),
+  md: rem(24),
+  lg: rem(32),
+  xl: rem(40)
+};
+const useStyles = createStyles((theme, {
+  color,
+  emptyColor
+}, {
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const emptyColors = theme.colors[emptyColor] || theme.colors.gray;
+  const sizeValue = sizes[size] || sizes.md;
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    symbolWrapper: {
+      marginHorizontal: rem(2)
+    },
+    symbol: {
+      fontSize: sizeValue,
+      lineHeight: sizeValue
+    },
+    symbolFilled: {
+      color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    symbolEmpty: {
+      color: emptyColors?.[3] || emptyColors?.[2] || theme.colors.gray?.[3]
+    },
+    symbolHovered: {
+      opacity: 0.6
+    }
+  };
+});
+const defaultProps = {
+  count: 5,
+  size: 'md',
+  color: 'yellow',
+  emptyColor: 'gray',
+  fractions: 1,
+  readOnly: false,
+  highlightSelectedOnly: false
+};
+const StarSymbol = ({
+  filled
+}) => {
+  return /*#__PURE__*/_jsx(Text, {
+    children: filled ? '★' : '☆'
+  });
+};
+export const Rating = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    count,
+    size,
+    color,
+    emptyColor,
+    symbol,
+    emptySymbol,
+    fractions,
+    readOnly,
+    highlightSelectedOnly,
+    style,
+    ...others
+  } = useComponentDefaultProps('Rating', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    emptyColor,
+    readOnly
+  }, {
+    name: 'Rating',
+    size
+  });
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? 0);
+  const [hoveredValue, setHoveredValue] = useState(-1);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const handleClick = index => {
+    if (readOnly) return;
+    const newValue = index + 1;
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  const renderSymbol = index => {
+    const currentValue = hoveredValue >= 0 && !highlightSelectedOnly ? hoveredValue : value;
+    const isActive = index < currentValue;
+
+    // For fractional ratings, calculate fill percentage
+    const fillPercentage = index < Math.floor(currentValue) ? 1 : index === Math.floor(currentValue) ? currentValue % 1 : 0;
+    const isHovered = hoveredValue >= 0 && index <= hoveredValue;
+    const symbolContent = symbol || /*#__PURE__*/_jsx(StarSymbol, {
+      filled: isActive
+    });
+    const emptySymbolContent = emptySymbol || /*#__PURE__*/_jsx(StarSymbol, {
+      filled: false
+    });
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => handleClick(index),
+      onPressIn: () => !readOnly && setHoveredValue(index),
+      onPressOut: () => !readOnly && setHoveredValue(-1),
+      disabled: readOnly,
+      style: styles.symbolWrapper,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(BoxView, {
+        children: fillPercentage > 0 ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.symbol, styles.symbolFilled, isHovered && !highlightSelectedOnly && styles.symbolHovered],
+          children: symbolContent
+        }) : /*#__PURE__*/_jsx(Text, {
+          style: [styles.symbol, styles.symbolEmpty, isHovered && !highlightSelectedOnly && styles.symbolHovered],
+          children: emptySymbolContent
+        })
+      })
+    }, index);
+  };
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: Array.from({
+      length: count
+    }, (_, index) => renderSymbol(index))
+  });
+});
+Rating.displayName = 'Rating';
+//# sourceMappingURL=index.js.map