@masumdev/rn-ui 0.1.7 → 0.2.0

package/lib/commonjs/components/Checkbox.js

@@ -8,11 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _index = require("../theme/index.js");
+var _haptics = require("../utils/haptics.js");
 var _types = require("./types.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Pure SVG/Vector checkmark to avoid external dependencies
 function CheckIcon({
   color
 }) {
@@ -35,13 +35,16 @@ function Checkbox({
   onCheckedChange,
   disabled = false,
   invalid = false,
+  glass = false,
+  haptic = true,
   style,
   icon,
   ...props
 }) {
   const {
     colors,
-    components
+    components,
+    isDark
   } = (0, _index.useTheme)();
   const progress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
   _react.default.useEffect(() => {
@@ -52,10 +55,12 @@ function Checkbox({
   }, [checked, progress]);
   const handlePress = () => {
     if (!disabled && onCheckedChange) {
+      if (haptic) (0, _haptics.triggerHaptic)("selection");
       onCheckedChange(!checked);
     }
   };
-  const borderColor = invalid ? colors.danger : checked ? colors.primary : colors.border;
+  const glassBg = isDark ? "rgba(15, 27, 45, 0.60)" : "rgba(255, 255, 255, 0.75)";
+  const borderColor = invalid ? colors.danger : checked ? colors.primary : glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border;
   const overlayStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: progress.value,
     transform: [{
@@ -73,12 +78,12 @@ function Checkbox({
     style: ({
       pressed
     }) => [{
-      width: 18,
-      height: 18,
-      borderRadius: 4,
+      width: 20,
+      height: 20,
+      borderRadius: 5,
       borderWidth: components.borderWidth.focus,
       borderColor,
-      backgroundColor: colors.transparent,
+      backgroundColor: glass ? glassBg : colors.transparent,
       justifyContent: "center",
       alignItems: "center",
       overflow: "hidden",

package/lib/commonjs/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CheckIcon","color","jsx","View","style","width","height","borderLeftWidth","borderBottomWidth","borderColor","transform","rotate","marginTop","Checkbox","checked","onCheckedChange","disabled","invalid","icon","props","colors","components","useTheme","progress","useSharedValue","React","useEffect","value","withSpring","damping","stiffness","handlePress","danger","primary","border","overlayStyle","useAnimatedStyle","opacity","scale","Pressable","accessibilityRole","accessibilityState","onPress","pressed","borderRadius","borderWidth","focus","backgroundColor","transparent","justifyContent","alignItems","overflow","children","position","top","left","right","bottom","renderIcon","onPrimary"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_haptics","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CheckIcon","color","jsx","View","style","width","height","borderLeftWidth","borderBottomWidth","borderColor","transform","rotate","marginTop","Checkbox","checked","onCheckedChange","disabled","invalid","glass","haptic","icon","props","colors","components","isDark","useTheme","progress","useSharedValue","React","useEffect","value","withSpring","damping","stiffness","handlePress","triggerHaptic","glassBg","danger","primary","border","overlayStyle","useAnimatedStyle","opacity","scale","Pressable","accessibilityRole","accessibilityState","onPress","pressed","borderRadius","borderWidth","focus","backgroundColor","transparent","justifyContent","alignItems","overflow","children","position","top","left","right","bottom","renderIcon","onPrimary"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Collapsible.js

@@ -10,6 +10,7 @@ exports.useCollapsible = useCollapsible;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _haptics = require("../utils/haptics.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -61,11 +62,15 @@ function CollapsibleTrigger({
   const {
     toggle
   } = useCollapsible();
+  const handlePress = () => {
+    (0, _haptics.triggerHaptic)("selection");
+    toggle();
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: toggle,
+    onPress: handlePress,
     style: style,
     ...props,
-    children: children
+    children: typeof children === "function" ? children() : children
   });
 }
 function CollapsibleContent({
@@ -76,46 +81,52 @@ function CollapsibleContent({
   const {
     open
   } = useCollapsible();
-  const [measuredHeight, setMeasuredHeight] = _react.default.useState(0);
-  const heightAnim = (0, _reactNativeReanimated.useSharedValue)(open ? measuredHeight : 0);
-
-  // Track if we have completed our first height layout measurement
-  const hasMeasured = measuredHeight > 0;
+  const [contentHeight, setContentHeight] = _react.default.useState(0);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(open ? 1 : 0);
   _react.default.useEffect(() => {
-    if (hasMeasured) {
-      heightAnim.value = (0, _reactNativeReanimated.withTiming)(open ? measuredHeight : 0, {
-        duration: 220
-      });
-    } else {
-      // Set initial value immediately without animating during initial layout
-      heightAnim.value = open ? measuredHeight : 0;
-    }
-  }, [open, measuredHeight, hasMeasured, heightAnim]);
+    progress.value = (0, _reactNativeReanimated.withTiming)(open ? 1 : 0, {
+      duration: 220,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.quad)
+    });
+  }, [open, progress]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: progress.value * contentHeight,
+    opacity: progress.value
+  }));
   const handleLayout = e => {
-    const {
-      height
-    } = e.nativeEvent.layout;
-    if (height > 0 && height !== measuredHeight) {
-      setMeasuredHeight(height);
+    const h = e.nativeEvent.layout.height;
+    if (h > 0 && Math.abs(h - contentHeight) > 1) {
+      setContentHeight(h);
     }
   };
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    height: hasMeasured ? heightAnim.value : open ? undefined : 0,
-    opacity: hasMeasured ? Math.min(1, heightAnim.value / Math.max(1, measuredHeight)) : open ? 1 : 0
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    pointerEvents: open ? "auto" : "none",
-    style: [{
+  const childContent = typeof children === "function" ? children() : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
       overflow: "hidden"
-    }, animatedStyle, style],
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [style, {
+        position: "absolute",
+        opacity: 0,
+        top: -9999,
+        left: 0,
+        right: 0,
+        zIndex: -1
+      }],
       onLayout: handleLayout,
-      style: {
-        width: "100%"
-      },
-      children: children
-    })
+      pointerEvents: "none",
+      children: childContent
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      pointerEvents: open ? "auto" : "none",
+      style: [{
+        overflow: "hidden"
+      }, animatedStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: style,
+        ...props,
+        children: childContent
+      })
+    })]
   });
 }
 //# sourceMappingURL=Collapsible.js.map

package/lib/commonjs/components/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollapsibleContext","React","createContext","useCollapsible","context","useContext","Error","Collapsible","open","controlledOpen","defaultOpen","onOpenChange","children","style","props","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","undefined","toggle","useCallback","nextOpen","jsx","Provider","value","View","CollapsibleTrigger","Pressable","onPress","CollapsibleContent","measuredHeight","setMeasuredHeight","heightAnim","useSharedValue","hasMeasured","useEffect","withTiming","duration","handleLayout","height","nativeEvent","layout","animatedStyle","useAnimatedStyle","opacity","Math","min","max","pointerEvents","overflow","onLayout","width"],"sourceRoot":"../../../src","sources":["components/Collapsible.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_haptics","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollapsibleContext","React","createContext","useCollapsible","context","useContext","Error","Collapsible","open","controlledOpen","defaultOpen","onOpenChange","children","style","props","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","undefined","toggle","useCallback","nextOpen","jsx","Provider","value","View","CollapsibleTrigger","handlePress","triggerHaptic","Pressable","onPress","CollapsibleContent","contentHeight","setContentHeight","progress","useSharedValue","useEffect","withTiming","duration","easing","Easing","out","quad","animatedStyle","useAnimatedStyle","height","opacity","handleLayout","h","nativeEvent","layout","Math","abs","childContent","jsxs","overflow","position","top","left","right","zIndex","onLayout","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Collapsible.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Combobox.js

@@ -14,6 +14,8 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _index = require("../theme/index.js");
+var _index2 = require("../utils/index.js");
+var _haptics = require("../utils/haptics.js");
 var _Text = require("./Text.js");
 var _types = require("./types.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -32,6 +34,8 @@ function Combobox({
   onValueChange,
   open: controlledOpen,
   onOpenChange,
+  glass = false,
+  haptic = true,
   children
 }) {
   const {
@@ -65,7 +69,7 @@ function Combobox({
       onValueChange(nextVal);
     }
   }, [controlledValue, onValueChange]);
-  const measureTrigger = _react.default.useCallback(() => {
+  const measureTrigger = _react.default.useCallback(callback => {
     triggerRef.current?.measureInWindow((x, y, width, height) => {
       if (width > 0 && height > 0) {
         setTriggerLayout({
@@ -74,6 +78,7 @@ function Combobox({
           width,
           height
         });
+        callback?.();
       }
     });
   }, []);
@@ -88,6 +93,8 @@ function Combobox({
       triggerRef,
       triggerLayout,
       measureTrigger,
+      glass,
+      haptic,
       colors
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -98,8 +105,6 @@ function Combobox({
     })
   });
 }
-
-// Chevron pure arrow down icon
 function ChevronDownIcon({
   color
 }) {
@@ -113,17 +118,39 @@ function ChevronDownIcon({
       transform: [{
         rotate: "45deg"
       }],
-      marginTop: -3,
-      marginRight: 4
+      marginTop: -3
     }
   });
 }
+function ClearIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    style: {
+      color,
+      fontSize: 14,
+      fontWeight: "600",
+      lineHeight: 14
+    },
+    children: "\u2715"
+  });
+}
+const comboboxHeights = {
+  sm: 36,
+  md: 44,
+  lg: 52
+};
 function ComboboxInput({
   placeholder = "Select option...",
+  size = "md",
+  variant = "outline",
+  glass = false,
+  haptic = true,
   style,
   inputStyle,
   disabled = false,
-  chevronIcon
+  chevronIcon,
+  searchIcon
 }) {
   const {
     inputValue,
@@ -138,20 +165,29 @@ function ComboboxInput({
     components,
     radii,
     spacing,
-    typography
+    typography,
+    isDark
   } = (0, _index.useTheme)();
   const handleFocus = () => {
     if (!disabled) {
-      measureTrigger();
-      setOpen(true);
+      if (haptic) (0, _haptics.triggerHaptic)("light");
+      measureTrigger(() => setOpen(true));
     }
   };
   const handlePress = () => {
     if (!disabled) {
-      measureTrigger();
-      setOpen(!open);
+      if (haptic) (0, _haptics.triggerHaptic)("light");
+      measureTrigger(() => setOpen(!open));
     }
   };
+  const handleClear = () => {
+    if (haptic) (0, _haptics.triggerHaptic)("light");
+    setInputValue("");
+  };
+  const glassBg = isDark ? "rgba(15, 27, 45, 0.70)" : "rgba(255, 255, 255, 0.85)";
+  const triggerBg = disabled ? (0, _index2.withAlpha)(colors.input, 0.55) : glass ? glassBg : variant === "filled" ? colors.surface : variant === "soft" ? (0, _index2.withAlpha)(colors.primary, 0.08) : colors.input;
+  const borderColor = disabled ? colors.border : open ? colors.primary : glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border;
+  const containerHeight = comboboxHeights[size];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
     ref: triggerRef,
     onPress: handlePress,
@@ -159,30 +195,41 @@ function ComboboxInput({
     style: [{
       flexDirection: "row",
       alignItems: "center",
-      height: 40,
-      borderWidth: components.borderWidth.strong,
-      borderColor: colors.border,
+      height: containerHeight,
+      borderWidth: open ? components.borderWidth.focus : components.borderWidth.strong,
+      borderColor,
       borderRadius: radii.lg,
-      backgroundColor: colors.input,
+      backgroundColor: triggerBg,
       paddingHorizontal: spacing.md,
       width: "100%",
-      opacity: disabled ? 0.5 : 1
+      gap: spacing.sm,
+      opacity: disabled ? 0.56 : 1
     }, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    children: [searchIcon ? (0, _types.renderIcon)(searchIcon, colors.textMuted, 16) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
       editable: !disabled,
       placeholder: placeholder,
-      placeholderTextColor: colors.textMuted,
+      placeholderTextColor: colors.placeholder,
       value: inputValue,
-      onChangeText: setInputValue,
+      onChangeText: val => {
+        setInputValue(val);
+        if (!open) setOpen(true);
+      },
       onFocus: handleFocus,
       pointerEvents: disabled ? "none" : "auto",
       style: [{
         flex: 1,
-        ...typography.bodySmall,
+        ...typography.body,
+        fontSize: size === "sm" ? 13 : 15,
         color: colors.text,
         padding: 0,
         height: "100%"
       }, inputStyle]
+    }), !!inputValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: handleClear,
+      hitSlop: 8,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearIcon, {
+        color: colors.textMuted
+      })
     }), chevronIcon ? (0, _types.renderIcon)(chevronIcon, colors.textMuted, 16) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronDownIcon, {
       color: colors.textMuted
     })]
@@ -198,11 +245,14 @@ function ComboboxContent({
     open,
     setOpen,
     triggerLayout,
-    colors
+    colors,
+    glass
   } = useCombobox();
   const {
     components,
-    radii
+    radii,
+    spacing,
+    isDark
   } = (0, _index.useTheme)();
   const progress = (0, _reactNativeReanimated.useSharedValue)(open ? 1 : 0);
   _react.default.useEffect(() => {
@@ -214,24 +264,25 @@ function ComboboxContent({
     height: SCREEN_HEIGHT
   } = _reactNative.Dimensions.get("window");
   const spaceBelow = SCREEN_HEIGHT - (triggerLayout.pageY + triggerLayout.height);
-  const dropdownMaxHeight = 220;
+  const dropdownMaxHeight = 240;
   const renderAbove = spaceBelow < dropdownMaxHeight + 40;
   const positionStyle = renderAbove ? {
     bottom: SCREEN_HEIGHT - triggerLayout.pageY + 6
   } : {
-    top: triggerLayout.pageY + triggerLayout.height + 6
+    top: triggerLayout.pageY + triggerLayout.height + 4
   };
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: progress.value,
     transform: [{
-      translateY: (renderAbove ? 8 : -8) * (1 - progress.value)
+      translateY: (renderAbove ? 6 : -6) * (1 - progress.value)
     }]
   }));
-  if (!open) return null;
+  const glassBg = isDark ? "rgba(15, 27, 45, 0.70)" : "rgba(255, 255, 255, 0.85)";
+  if (!open || triggerLayout.width === 0) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
     transparent: true,
     visible: open,
-    animationType: "none",
+    animationType: "fade",
     statusBarTranslucent: true,
     navigationBarTranslucent: true,
     hardwareAccelerated: true,
@@ -245,12 +296,21 @@ function ComboboxContent({
         position: "absolute",
         left: triggerLayout.pageX,
         width: triggerLayout.width,
-        backgroundColor: colors.surface,
+        backgroundColor: glass ? glassBg : colors.surface,
         borderWidth: components.borderWidth.strong,
-        borderColor: colors.border,
-        borderRadius: radii.lg,
+        borderColor: glass ? isDark ? "rgba(248, 250, 252, 0.20)" : "rgba(15, 23, 42, 0.14)" : colors.border,
+        borderRadius: radii.xl,
         maxHeight: dropdownMaxHeight,
-        overflow: "hidden"
+        padding: spacing.xs,
+        overflow: "hidden",
+        elevation: 8,
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.18,
+        shadowRadius: 12
       }, animatedStyle, positionStyle, style],
       children: children
     })]
@@ -260,19 +320,20 @@ function ComboboxList({
   children,
   style
 }) {
-  const {
-    spacing
-  } = (0, _index.useTheme)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    nestedScrollEnabled: true,
     keyboardShouldPersistTaps: "handled",
     style: [{
-      flex: 1,
-      padding: spacing.xs
+      flex: 1
     }, style],
-    children: children
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        gap: 2
+      },
+      children: children
+    })
   });
 }
-// Chevron checkmark for selected indicator
 function CheckIcon({
   color
 }) {
@@ -286,7 +347,7 @@ function CheckIcon({
       transform: [{
         rotate: "-45deg"
       }],
-      marginRight: 6
+      marginRight: 4
     }
   });
 }
@@ -303,6 +364,7 @@ function ComboboxItem({
     setOpen,
     inputValue,
     setInputValue,
+    haptic,
     colors
   } = useCombobox();
   const {
@@ -310,13 +372,12 @@ function ComboboxItem({
     spacing,
     typography
   } = (0, _index.useTheme)();
-
-  // Automatic filter matching
   if (inputValue && !label.toLowerCase().includes(inputValue.toLowerCase())) {
     return null;
   }
   const isSelected = selectedValue === value;
   const handlePress = () => {
+    if (haptic) (0, _haptics.triggerHaptic)("selection");
     onValueChange(value);
     setInputValue(label);
     setOpen(false);
@@ -326,22 +387,23 @@ function ComboboxItem({
     style: ({
       pressed
     }) => [{
+      minHeight: 40,
       flexDirection: "row",
       alignItems: "center",
-      paddingVertical: spacing.sm + 1,
+      paddingVertical: spacing.xs,
       paddingHorizontal: spacing.md,
-      borderRadius: radii.md,
-      backgroundColor: isSelected ? colors.surfaceMuted : pressed ? colors.surfaceMuted : colors.transparent,
+      borderRadius: radii.lg,
+      backgroundColor: isSelected ? colors.primarySoft : pressed ? colors.backgroundMuted : colors.transparent,
       justifyContent: "space-between"
     }, style],
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
       style: {
-        ...typography.bodySmall,
-        color: colors.text,
-        fontWeight: isSelected ? "500" : "400"
+        ...typography.body,
+        color: isSelected ? colors.primary : colors.text,
+        fontWeight: isSelected ? "600" : "400"
       },
       children: children || label
-    }), isSelected && (checkIcon ? (0, _types.renderIcon)(checkIcon, colors.primary, 14) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckIcon, {
+    }), isSelected && (checkIcon ? (0, _types.renderIcon)(checkIcon, colors.primary, 16) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckIcon, {
       color: colors.primary
     }))]
   });