diff --git a/example/storybook-nativewind/package.json b/example/storybook-nativewind/package.json
index b7e2d2f96d..d134dab1d6 100644
--- a/example/storybook-nativewind/package.json
+++ b/example/storybook-nativewind/package.json
@@ -32,7 +32,7 @@
     "@gluestack-style/animation-resolver": "^1.0.4",
     "@gluestack-style/react": "^1.0.56",
     "@gluestack-ui/config": "^1.1.18",
-    "@gluestack-ui/themed": "^1.1.31",
+    "@gluestack-ui/themed": "^1.1.32",
     "@gluestack/design-system": "^0.5.36",
     "@legendapp/motion": "^2.2.0",
     "@react-aria/button": "^3.7.0",
diff --git a/example/storybook-nativewind/src/core-components/nativewind/checkbox/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/checkbox/index.tsx
index 7bb53e6b32..cee645c93a 100644
--- a/example/storybook-nativewind/src/core-components/nativewind/checkbox/index.tsx
+++ b/example/storybook-nativewind/src/core-components/nativewind/checkbox/index.tsx
@@ -137,7 +137,7 @@ const checkboxLabelStyle = tva({
 });
 
 const checkboxIconStyle = tva({
-  base: 'data-[disabled=true]:opacity-40 text-typography-50 fill-none',
+  base: 'text-typography-50 fill-none',
 
   parentVariants: {
     size: {
diff --git a/packages/config/package.json b/packages/config/package.json
index 5c4085c126..67ff61b9d5 100644
--- a/packages/config/package.json
+++ b/packages/config/package.json
@@ -44,7 +44,7 @@
     "@gluestack-ui/alert-dialog": "0.1.29",
     "@gluestack-ui/avatar": "0.1.16",
     "@gluestack-ui/button": "1.0.5",
-    "@gluestack-ui/checkbox": "0.1.28",
+    "@gluestack-ui/checkbox": "0.1.29",
     "@gluestack-ui/divider": "0.1.8",
     "@gluestack-ui/fab": "0.1.20",
     "@gluestack-ui/form-control": "0.1.17",
@@ -59,21 +59,21 @@
     "@gluestack-ui/pressable": "0.1.16",
     "@gluestack-ui/progress": "0.1.14",
     "@gluestack-ui/provider": "0.1.12",
-    "@gluestack-ui/radio": "0.1.29",
+    "@gluestack-ui/radio": "0.1.30",
     "@gluestack-ui/select": "0.1.26",
     "@gluestack-ui/slider": "0.1.24",
     "@gluestack-ui/spinner": "0.1.14",
     "@gluestack-ui/switch": "0.1.21",
     "@gluestack-ui/tabs": "0.1.16",
     "@gluestack-ui/textarea": "0.1.22",
-    "@gluestack-ui/themed": "1.1.31",
+    "@gluestack-ui/themed": "1.1.32",
     "@gluestack-ui/toast": "1.0.4",
     "@gluestack-ui/tooltip": "0.1.30",
     "@legendapp/motion": "latest"
   },
   "peerDependencies": {
     "@gluestack-style/react": ">=1.0.56",
-    "@gluestack-ui/themed": ">=1.1.31"
+    "@gluestack-ui/themed": ">=1.1.32"
   },
   "release-it": {
     "git": {
diff --git a/packages/themed/CHANGELOG.md b/packages/themed/CHANGELOG.md
index 115f8935c7..16f0a71b14 100644
--- a/packages/themed/CHANGELOG.md
+++ b/packages/themed/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @gluestack-ui/themed
 
+## 1.1.32
+
+### Patch Changes
+
+- Updated dependencies
+  - @gluestack-ui/checkbox@0.1.29
+  - @gluestack-ui/radio@0.1.30
+
 ## 1.1.31
 
 ### Patch Changes
diff --git a/packages/themed/package.json b/packages/themed/package.json
index 4c4a4da13a..59ed4e4740 100644
--- a/packages/themed/package.json
+++ b/packages/themed/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/themed",
-  "version": "1.1.31",
+  "version": "1.1.32",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index",
@@ -43,7 +43,7 @@
     "@gluestack-ui/alert-dialog": "0.1.29",
     "@gluestack-ui/avatar": "0.1.16",
     "@gluestack-ui/button": "1.0.5",
-    "@gluestack-ui/checkbox": "0.1.28",
+    "@gluestack-ui/checkbox": "0.1.29",
     "@gluestack-ui/divider": "0.1.8",
     "@gluestack-ui/fab": "0.1.20",
     "@gluestack-ui/form-control": "0.1.17",
@@ -58,7 +58,7 @@
     "@gluestack-ui/pressable": "0.1.16",
     "@gluestack-ui/progress": "0.1.14",
     "@gluestack-ui/provider": "0.1.12",
-    "@gluestack-ui/radio": "0.1.29",
+    "@gluestack-ui/radio": "0.1.30",
     "@gluestack-ui/select": "0.1.26",
     "@gluestack-ui/slider": "0.1.24",
     "@gluestack-ui/spinner": "0.1.14",
diff --git a/packages/unstyled/checkbox/CHANGELOG.md b/packages/unstyled/checkbox/CHANGELOG.md
index d037711df5..20d27b3248 100644
--- a/packages/unstyled/checkbox/CHANGELOG.md
+++ b/packages/unstyled/checkbox/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @gluestack-ui/checkbox
 
+## 0.1.29
+
+### Patch Changes
+
+- fix: removed radio and checkbox icons states
+
 ## 0.1.28
 
 ### Patch Changes
diff --git a/packages/unstyled/checkbox/package.json b/packages/unstyled/checkbox/package.json
index 9d7079324b..6cda1fcdfa 100644
--- a/packages/unstyled/checkbox/package.json
+++ b/packages/unstyled/checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/checkbox",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
diff --git a/packages/unstyled/checkbox/src/CheckboxIcon.tsx b/packages/unstyled/checkbox/src/CheckboxIcon.tsx
index 635db11af2..f4151e04a9 100644
--- a/packages/unstyled/checkbox/src/CheckboxIcon.tsx
+++ b/packages/unstyled/checkbox/src/CheckboxIcon.tsx
@@ -3,47 +3,12 @@ import { useCheckbox } from './CheckboxProvider';
 
 const CheckboxIcon = (StyledCheckboxIcon: any) =>
   forwardRef(({ children, ...props }: any, ref?: any) => {
-    const {
-      isChecked,
-      isDisabled,
-      isHovered,
-      isInvalid,
-      isReadOnly,
-      isPressed,
-      isFocused,
-      isIndeterminate,
-      isFocusVisible,
-    } = useCheckbox('CheckboxContext');
+    const { isChecked } = useCheckbox('CheckboxContext');
 
     return (
       <>
         {isChecked && (
-          <StyledCheckboxIcon
-            states={{
-              hover: isHovered,
-              checked: isChecked,
-              disabled: isDisabled,
-              focusVisible: isFocusVisible,
-              invalid: isInvalid,
-              readOnly: isReadOnly,
-              pressed: isPressed,
-              focused: isFocused,
-              indeterminate: isIndeterminate,
-            }}
-            dataSet={{
-              hover: isHovered ? 'true' : 'false',
-              checked: isChecked ? 'true' : 'false',
-              disabled: isDisabled ? 'true' : 'false',
-              focusVisible: isFocusVisible ? 'true' : 'false',
-              invalid: isInvalid ? 'true' : 'false',
-              readOnly: isReadOnly ? 'true' : 'false',
-              pressed: isPressed ? 'true' : 'false',
-              focused: isFocused ? 'true' : 'false',
-              indeterminate: isIndeterminate ? 'true' : 'false',
-            }}
-            {...props}
-            ref={ref}
-          >
+          <StyledCheckboxIcon {...props} ref={ref}>
             {children}
           </StyledCheckboxIcon>
         )}
diff --git a/packages/unstyled/radio/CHANGELOG.md b/packages/unstyled/radio/CHANGELOG.md
index 23ebdb2304..82344ed249 100644
--- a/packages/unstyled/radio/CHANGELOG.md
+++ b/packages/unstyled/radio/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @gluestack-ui/radio
 
+## 0.1.30
+
+### Patch Changes
+
+- fix: removed radio and checkbox icons states
+
 ## 0.1.29
 
 ### Patch Changes
diff --git a/packages/unstyled/radio/package.json b/packages/unstyled/radio/package.json
index 5953c5aa95..459d8026f7 100644
--- a/packages/unstyled/radio/package.json
+++ b/packages/unstyled/radio/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/radio",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
diff --git a/packages/unstyled/radio/src/RadioIcon.tsx b/packages/unstyled/radio/src/RadioIcon.tsx
index e8ac81dbd5..d2c2581734 100644
--- a/packages/unstyled/radio/src/RadioIcon.tsx
+++ b/packages/unstyled/radio/src/RadioIcon.tsx
@@ -3,47 +3,12 @@ import { useRadio } from './RadioProvider';
 
 export const RadioIcon = (StyledRadioIcon: any) =>
   forwardRef(({ children, ...props }: any, ref?: any) => {
-    const {
-      isHovered,
-      isChecked,
-      isDisabled,
-      isFocusVisible,
-      isInvalid,
-      isFocused,
-      isReadOnly,
-      isIndeterminate,
-      isPressed,
-    } = useRadio('RadioContext');
+    const { isChecked } = useRadio('RadioContext');
 
     return (
       <>
         {isChecked && (
-          <StyledRadioIcon
-            states={{
-              checked: isChecked,
-              disabled: isDisabled,
-              focusVisible: isFocused || isFocusVisible,
-              hover: isHovered,
-              invalid: isInvalid,
-              readonly: isReadOnly,
-              indeterminate: isIndeterminate,
-              focus: isFocused,
-              active: isPressed,
-            }}
-            dataSet={{
-              checked: isChecked ? 'true' : 'false',
-              disabled: isDisabled ? 'true' : 'false',
-              focusVisible: isFocused || isFocusVisible ? 'true' : 'false',
-              hover: isHovered ? 'true' : 'false',
-              invalid: isInvalid ? 'true' : 'false',
-              readonly: isReadOnly ? 'true' : 'false',
-              indeterminate: isIndeterminate ? 'true' : 'false',
-              focus: isFocused ? 'true' : 'false',
-              active: isPressed ? 'true' : 'false',
-            }}
-            {...props}
-            ref={ref}
-          >
+          <StyledRadioIcon {...props} ref={ref}>
             {children}
           </StyledRadioIcon>
         )}