diff --git a/packages/components/accordion/CHANGELOG.md b/packages/components/accordion/CHANGELOG.md
index 8bfbc391..b47be69f 100644
--- a/packages/components/accordion/CHANGELOG.md
+++ b/packages/components/accordion/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/accordion
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json
index 831b70f2..3f6e71fd 100644
--- a/packages/components/accordion/package.json
+++ b/packages/components/accordion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/accordion",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",
@@ -43,7 +43,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/avatar/CHANGELOG.md b/packages/components/avatar/CHANGELOG.md
index 8373921e..b6552ac7 100644
--- a/packages/components/avatar/CHANGELOG.md
+++ b/packages/components/avatar/CHANGELOG.md
@@ -1,5 +1,25 @@
 # @jala-banyu/avatar
 
+## 6.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
+## 6.0.7
+
+### Patch Changes
+
+- fix img component avatar
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
index 7a0f9449..ab141a57 100644
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/avatar",
-  "version": "6.0.6",
+  "version": "6.0.9",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/avatar/src/use-avatar.ts b/packages/components/avatar/src/use-avatar.ts
index 5c888abb..f912ad8e 100644
--- a/packages/components/avatar/src/use-avatar.ts
+++ b/packages/components/avatar/src/use-avatar.ts
@@ -1,7 +1,7 @@
 import type {AvatarSlots, AvatarVariantProps, SlotsToClasses} from "@jala-banyu/theme";
 
 import {avatar} from "@jala-banyu/theme";
-import {HTMLBanyuProps, PropGetter} from "@jala-banyu/system";
+import {As, HTMLBanyuProps, PropGetter} from "@jala-banyu/system";
 import {mergeProps} from "@react-aria/utils";
 import {useDOMRef} from "@jala-banyu/react-utils";
 import {clsx, safeText, dataAttr} from "@jala-banyu/shared-utils";
@@ -90,7 +90,7 @@ interface Props extends HTMLBanyuProps<"span"> {
    * The component used to render the image.
    * @default "img"
    */
-  ImgComponent?: React.ElementType;
+  ImgComponent?: As<any>;
   /**
    * Props to pass to the image component.
    */
diff --git a/packages/components/breadcrumbs/CHANGELOG.md b/packages/components/breadcrumbs/CHANGELOG.md
index 0789e3c1..23a3ec39 100644
--- a/packages/components/breadcrumbs/CHANGELOG.md
+++ b/packages/components/breadcrumbs/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/breadcrumbs
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json
index 53235123..897a00f4 100644
--- a/packages/components/breadcrumbs/package.json
+++ b/packages/components/breadcrumbs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/breadcrumbs",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
   "keywords": [
     "breadcrumbs"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md
index f3b41b80..704c70ae 100644
--- a/packages/components/button/CHANGELOG.md
+++ b/packages/components/button/CHANGELOG.md
@@ -1,5 +1,23 @@
 # @jala-banyu/button
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/ripple@6.0.8
+  - @jala-banyu/spinner@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/ripple@6.0.7
+  - @jala-banyu/spinner@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/button/package.json b/packages/components/button/package.json
index 6f879a49..ba726aa1 100644
--- a/packages/components/button/package.json
+++ b/packages/components/button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/button",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button",
@@ -39,7 +39,7 @@
     "framer-motion": ">=4.0.0",
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/button/src/use-button.ts b/packages/components/button/src/use-button.ts
index d5362f0d..9d2b89c3 100644
--- a/packages/components/button/src/use-button.ts
+++ b/packages/components/button/src/use-button.ts
@@ -203,9 +203,9 @@ export function useButton(props: UseButtonProps) {
 
   const spinnerSize = useMemo(() => {
     const buttonSpinnerSizeMap: Record<string, SpinnerProps["size"]> = {
-      sm: "sm",
-      md: "md",
-      lg: "lg",
+      sm: "xs",
+      md: "sm",
+      lg: "md",
     };
 
     return buttonSpinnerSizeMap[size];
diff --git a/packages/components/card/CHANGELOG.md b/packages/components/card/CHANGELOG.md
index 6e2f354a..88d60f30 100644
--- a/packages/components/card/CHANGELOG.md
+++ b/packages/components/card/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/card
 
+## 6.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/ripple@6.0.8
+
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/ripple@6.0.7
+
 ## 6.0.7
 
 ### Patch Changes
diff --git a/packages/components/card/package.json b/packages/components/card/package.json
index 65973adb..3137a6f2 100644
--- a/packages/components/card/package.json
+++ b/packages/components/card/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/card",
-  "version": "6.0.7",
+  "version": "6.0.9",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/checkbox/CHANGELOG.md b/packages/components/checkbox/CHANGELOG.md
index 8f7172a2..ded2d295 100644
--- a/packages/components/checkbox/CHANGELOG.md
+++ b/packages/components/checkbox/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/checkbox
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
index d53bc527..dc3372d6 100644
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/checkbox",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/chip/CHANGELOG.md b/packages/components/chip/CHANGELOG.md
index 2e192edb..a454113c 100644
--- a/packages/components/chip/CHANGELOG.md
+++ b/packages/components/chip/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/chip
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json
index d0d4c23e..0ab49c0d 100644
--- a/packages/components/chip/package.json
+++ b/packages/components/chip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/chip",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "A Chip is a small block of essential information that represent an input, attribute, or action.",
   "keywords": [
     "chip"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/code/CHANGELOG.md b/packages/components/code/CHANGELOG.md
index 3f956d39..c330ff89 100644
--- a/packages/components/code/CHANGELOG.md
+++ b/packages/components/code/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/code
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/system-rsc@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/system-rsc@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/code/package.json b/packages/components/code/package.json
index c9e03784..eeae6698 100644
--- a/packages/components/code/package.json
+++ b/packages/components/code/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/code",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Code is a component used to display inline code.",
   "keywords": [
     "code"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/image/CHANGELOG.md b/packages/components/image/CHANGELOG.md
index 15d38bbc..f9247a94 100644
--- a/packages/components/image/CHANGELOG.md
+++ b/packages/components/image/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/image
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/image/package.json b/packages/components/image/package.json
index 95e70dce..224c70e9 100644
--- a/packages/components/image/package.json
+++ b/packages/components/image/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/image",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A simple image component",
   "keywords": [
     "image"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/input/CHANGELOG.md b/packages/components/input/CHANGELOG.md
index 22253841..9e761a99 100644
--- a/packages/components/input/CHANGELOG.md
+++ b/packages/components/input/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/input
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/input/package.json b/packages/components/input/package.json
index 200a7307..bd25845f 100644
--- a/packages/components/input/package.json
+++ b/packages/components/input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/input",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "The input component is designed for capturing user input within a text field.",
   "keywords": [
     "input"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/kbd/CHANGELOG.md b/packages/components/kbd/CHANGELOG.md
index f8fa9551..595561ce 100644
--- a/packages/components/kbd/CHANGELOG.md
+++ b/packages/components/kbd/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/kbd
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/system-rsc@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/system-rsc@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json
index 2ed0b333..f6aadf67 100644
--- a/packages/components/kbd/package.json
+++ b/packages/components/kbd/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/kbd",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
   "keywords": [
     "kbd"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/link/CHANGELOG.md b/packages/components/link/CHANGELOG.md
index 6511964f..91799efd 100644
--- a/packages/components/link/CHANGELOG.md
+++ b/packages/components/link/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/link
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/link/package.json b/packages/components/link/package.json
index 502efa4c..fa24cd18 100644
--- a/packages/components/link/package.json
+++ b/packages/components/link/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/link",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
   "keywords": [
     "link"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/listbox/CHANGELOG.md b/packages/components/listbox/CHANGELOG.md
index 944327bc..dcc62f22 100644
--- a/packages/components/listbox/CHANGELOG.md
+++ b/packages/components/listbox/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/listbox
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/input@6.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/input@6.0.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json
index 663981b0..b129abe1 100644
--- a/packages/components/listbox/package.json
+++ b/packages/components/listbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/listbox",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "A listbox displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "listbox"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/menu/CHANGELOG.md b/packages/components/menu/CHANGELOG.md
index 8efffc61..397bd0e2 100644
--- a/packages/components/menu/CHANGELOG.md
+++ b/packages/components/menu/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/menu
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/checkbox@3.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/checkbox@3.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json
index 6f650d18..aba71f20 100644
--- a/packages/components/menu/package.json
+++ b/packages/components/menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/menu",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A menu displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "menu"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/pagination/CHANGELOG.md b/packages/components/pagination/CHANGELOG.md
index 3e060a48..a1a57721 100644
--- a/packages/components/pagination/CHANGELOG.md
+++ b/packages/components/pagination/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/pagination
 
+## 1.1.34
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/select@3.0.8
+
+## 1.1.33
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/select@3.0.7
+
 ## 1.1.32
 
 ### Patch Changes
diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json
index 8d6cb97b..0d420145 100644
--- a/packages/components/pagination/package.json
+++ b/packages/components/pagination/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/pagination",
-  "version": "1.1.32",
+  "version": "1.1.34",
   "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
   "keywords": [
     "pagination"
diff --git a/packages/components/popover/CHANGELOG.md b/packages/components/popover/CHANGELOG.md
index 67fab344..34f76867 100644
--- a/packages/components/popover/CHANGELOG.md
+++ b/packages/components/popover/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/popover
 
+## 5.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/button@6.0.8
+
+## 5.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/button@6.0.7
+
 ## 5.0.6
 
 ### Patch Changes
diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json
index 55a61ceb..aab110fc 100644
--- a/packages/components/popover/package.json
+++ b/packages/components/popover/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/popover",
-  "version": "5.0.6",
+  "version": "5.0.8",
   "description": "A popover is an overlay element positioned relative to a trigger.",
   "keywords": [
     "popover"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/ripple/CHANGELOG.md b/packages/components/ripple/CHANGELOG.md
index 8f2b15c7..767e45cf 100644
--- a/packages/components/ripple/CHANGELOG.md
+++ b/packages/components/ripple/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/ripple
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/ripple/package.json b/packages/components/ripple/package.json
index 0576275d..f45eb666 100644
--- a/packages/components/ripple/package.json
+++ b/packages/components/ripple/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/ripple",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A simple implementation to display a ripple animation when the source component is clicked",
   "keywords": [
     "ripple"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/scroll-shadow/CHANGELOG.md b/packages/components/scroll-shadow/CHANGELOG.md
index 6c2d0c97..225f7cb3 100644
--- a/packages/components/scroll-shadow/CHANGELOG.md
+++ b/packages/components/scroll-shadow/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/scroll-shadow
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/scroll-shadow/package.json b/packages/components/scroll-shadow/package.json
index df573d12..55fb8710 100644
--- a/packages/components/scroll-shadow/package.json
+++ b/packages/components/scroll-shadow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/scroll-shadow",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "A component that applies top and bottom shadows when content overflows on scroll.",
   "keywords": [
     "scroll-shadow"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/select/CHANGELOG.md b/packages/components/select/CHANGELOG.md
index 80b31774..79f09c6f 100644
--- a/packages/components/select/CHANGELOG.md
+++ b/packages/components/select/CHANGELOG.md
@@ -1,5 +1,27 @@
 # @jala-banyu/select
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/listbox@3.0.8
+  - @jala-banyu/popover@5.0.8
+  - @jala-banyu/scroll-shadow@3.0.8
+  - @jala-banyu/spinner@6.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/listbox@3.0.7
+  - @jala-banyu/popover@5.0.7
+  - @jala-banyu/scroll-shadow@3.0.7
+  - @jala-banyu/spinner@6.0.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/select/package.json b/packages/components/select/package.json
index 9ac5f035..8800cb19 100644
--- a/packages/components/select/package.json
+++ b/packages/components/select/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/select",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "A select displays a collapsible list of options and allows a user to select one of them.",
   "keywords": [
     "select"
@@ -35,7 +35,7 @@
   },
   "peerDependencies": {
     "@jala-banyu/system": ">=1.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "framer-motion": ">=4.0.0",
     "react": ">=18",
     "react-dom": ">=18"
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
index e1819c80..1c55e262 100644
--- a/packages/components/select/stories/select.stories.tsx
+++ b/packages/components/select/stories/select.stories.tsx
@@ -389,7 +389,7 @@ const EmptyContentTemplate = ({variant, ...args}: SelectProps) => {
   return (
     <Select
       className="max-w-xs"
-      isLoading={isLoading}
+      // isLoading={isLoading}
       items={[]}
       label="Favorite Animal"
       variant={variant}
diff --git a/packages/components/skeleton/CHANGELOG.md b/packages/components/skeleton/CHANGELOG.md
index 4dad8255..e091a615 100644
--- a/packages/components/skeleton/CHANGELOG.md
+++ b/packages/components/skeleton/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/skeleton
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/system-rsc@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/system-rsc@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json
index 31441ae3..366972b0 100644
--- a/packages/components/skeleton/package.json
+++ b/packages/components/skeleton/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/skeleton",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Skeleton is used to display the loading state of some component.",
   "keywords": [
     "skeleton"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/spacer/CHANGELOG.md b/packages/components/spacer/CHANGELOG.md
index 9308c99d..5462cb23 100644
--- a/packages/components/spacer/CHANGELOG.md
+++ b/packages/components/spacer/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/spacer
 
+## 3.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/system-rsc@6.0.8
+
+## 3.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/system-rsc@6.0.7
+
 ## 3.0.6
 
 ### Patch Changes
diff --git a/packages/components/spacer/package.json b/packages/components/spacer/package.json
index 1ba41c92..df1a2e3e 100644
--- a/packages/components/spacer/package.json
+++ b/packages/components/spacer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/spacer",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Spacer is a component used to add space between components.",
   "keywords": [
     "spacer"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": ">=1.0.0"
   },
   "dependencies": {
diff --git a/packages/components/spinner/CHANGELOG.md b/packages/components/spinner/CHANGELOG.md
index 4911f2b5..59044ba4 100644
--- a/packages/components/spinner/CHANGELOG.md
+++ b/packages/components/spinner/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/spinner
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/system-rsc@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/system-rsc@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json
index adc1cb10..1c1bdbf9 100644
--- a/packages/components/spinner/package.json
+++ b/packages/components/spinner/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/spinner",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Loaders express an unspecified wait time or display the length of a process.",
   "keywords": [
     "loading",
@@ -38,7 +38,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/switch/CHANGELOG.md b/packages/components/switch/CHANGELOG.md
index 792427a0..fcefc30a 100644
--- a/packages/components/switch/CHANGELOG.md
+++ b/packages/components/switch/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/switch
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json
index 68625860..c05b1a1f 100644
--- a/packages/components/switch/package.json
+++ b/packages/components/switch/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/switch",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
   "keywords": [
     "switch",
@@ -37,7 +37,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/components/table/CHANGELOG.md b/packages/components/table/CHANGELOG.md
index ab4aff4b..f73260dd 100644
--- a/packages/components/table/CHANGELOG.md
+++ b/packages/components/table/CHANGELOG.md
@@ -1,5 +1,27 @@
 # @jala-banyu/table
 
+## 1.0.35
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/checkbox@3.0.8
+  - @jala-banyu/input@6.0.8
+  - @jala-banyu/select@3.0.8
+  - @jala-banyu/spacer@3.0.8
+  - @jala-banyu/tooltip@6.0.8
+
+## 1.0.34
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/checkbox@3.0.7
+  - @jala-banyu/input@6.0.7
+  - @jala-banyu/select@3.0.7
+  - @jala-banyu/spacer@3.0.7
+  - @jala-banyu/tooltip@6.0.7
+
 ## 1.0.33
 
 ### Patch Changes
diff --git a/packages/components/table/package.json b/packages/components/table/package.json
index f80751c7..b46fcf16 100644
--- a/packages/components/table/package.json
+++ b/packages/components/table/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/table",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Tables are used to display tabular data using rows and columns.",
   "keywords": [
     "table"
diff --git a/packages/components/tooltip/CHANGELOG.md b/packages/components/tooltip/CHANGELOG.md
index ca9b7f9a..766e541f 100644
--- a/packages/components/tooltip/CHANGELOG.md
+++ b/packages/components/tooltip/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/tooltip
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/kbd@6.0.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/kbd@6.0.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json
index d458aac9..8aa87f85 100644
--- a/packages/components/tooltip/package.json
+++ b/packages/components/tooltip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/tooltip",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "A React Component for rendering dynamically positioned Tooltips",
   "keywords": [
     "tooltip"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0",
     "@jala-banyu/icons": "1.0.7"
   },
diff --git a/packages/components/user/CHANGELOG.md b/packages/components/user/CHANGELOG.md
index face76d5..4717eb24 100644
--- a/packages/components/user/CHANGELOG.md
+++ b/packages/components/user/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @jala-banyu/user
 
+## 7.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+  - @jala-banyu/avatar@6.0.9
+
+## 7.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+  - @jala-banyu/avatar@6.0.8
+
 ## 7.0.6
 
 ### Patch Changes
diff --git a/packages/components/user/package.json b/packages/components/user/package.json
index 6985cbd7..5f3e9379 100644
--- a/packages/components/user/package.json
+++ b/packages/components/user/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/user",
-  "version": "7.0.6",
+  "version": "7.0.8",
   "description": "Flexible User Profile Component.",
   "keywords": [
     "user"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "@jala-banyu/system": "1.1.0"
   },
   "dependencies": {
diff --git a/packages/core/react/CHANGELOG.md b/packages/core/react/CHANGELOG.md
index 97dce48a..e1b183b0 100644
--- a/packages/core/react/CHANGELOG.md
+++ b/packages/core/react/CHANGELOG.md
@@ -1,5 +1,22 @@
 # @jala-banyu/react
 
+## 1.3.6
+
+### Patch Changes
+
+- update theme
+
+## 1.3.5
+
+### Patch Changes
+
+- fix img component avatar
+
+- Updated dependencies []:
+  - @jala-banyu/avatar@6.0.7
+  - @jala-banyu/accordion@3.0.6
+  - @jala-banyu/select@3.0.6
+
 ## 1.3.4
 
 ### Patch Changes
diff --git a/packages/core/react/package.json b/packages/core/react/package.json
index c3b47a4a..4d257d95 100644
--- a/packages/core/react/package.json
+++ b/packages/core/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/react",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "Banyu core React UI library",
   "author": "Muhammad Amien <muhammadamien23@gmail.com>",
   "homepage": "#",
diff --git a/packages/core/system-rsc/CHANGELOG.md b/packages/core/system-rsc/CHANGELOG.md
index ea036904..9f3837a5 100644
--- a/packages/core/system-rsc/CHANGELOG.md
+++ b/packages/core/system-rsc/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @jala-banyu/system-rsc
 
+## 6.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.8
+
+## 6.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @jala-banyu/theme@1.6.7
+
 ## 6.0.6
 
 ### Patch Changes
diff --git a/packages/core/system-rsc/package.json b/packages/core/system-rsc/package.json
index 748c34b0..bd041723 100644
--- a/packages/core/system-rsc/package.json
+++ b/packages/core/system-rsc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/system-rsc",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Banyu system primitives compatibles with RSC imports",
   "keywords": [
     "system-rsc"
@@ -35,7 +35,7 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "@jala-banyu/theme": "1.6.6",
+    "@jala-banyu/theme": "1.6.8",
     "tailwind-variants": ">=0.1.13"
   },
   "devDependencies": {
diff --git a/packages/core/theme/CHANGELOG.md b/packages/core/theme/CHANGELOG.md
index e8ebb3fa..4d1855db 100644
--- a/packages/core/theme/CHANGELOG.md
+++ b/packages/core/theme/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @jala-banyu/theme
 
+## 1.6.8
+
+### Patch Changes
+
+- fix spinner
+
+## 1.6.7
+
+### Patch Changes
+
+- disable link focus
+
 ## 1.6.6
 
 ### Patch Changes
diff --git a/packages/core/theme/package.json b/packages/core/theme/package.json
index 02bd8bd5..427b8e42 100644
--- a/packages/core/theme/package.json
+++ b/packages/core/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@jala-banyu/theme",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "description": "Banyu theme",
   "keywords": [
     "theme",
diff --git a/packages/core/theme/src/components/button.ts b/packages/core/theme/src/components/button.ts
index 31b70371..4479e138 100644
--- a/packages/core/theme/src/components/button.ts
+++ b/packages/core/theme/src/components/button.ts
@@ -414,26 +414,26 @@ const button = tv({
       size: "xl",
       class: "!text-xl min-w-unit-12 min-h-unit-12",
     },
-    {
-      isLoading: true,
-      size: "sm",
-      class: "!text-lg min-w-unit-3 min-h-unit-3",
-    },
-    {
-      isLoading: true,
-      size: "md",
-      class: "!text-xl min-w-unit-8 min-h-unit-8",
-    },
-    {
-      isLoading: true,
-      size: "lg",
-      class: "!text-xl min-w-unit-10 min-h-unit-10",
-    },
-    {
-      isLoading: true,
-      size: "xl",
-      class: "!text-xl min-w-unit-3 min-h-unit-3",
-    },
+    // {
+    //   isLoading: true,
+    //   size: "sm",
+    //   class: "!text-lg min-w-unit-3 min-h-unit-3 opacity-0 cursor-wait",
+    // },
+    // {
+    //   isLoading: true,
+    //   size: "md",
+    //   class: "!text-xl min-w-unit-8 min-h-unit-8 text-brand opacity-0 cursor-wait",
+    // },
+    // {
+    //   isLoading: true,
+    //   size: "lg",
+    //   class: "!text-xl min-w-unit-10 min-h-unit-10",
+    // },
+    // {
+    //   isLoading: true,
+    //   size: "xl",
+    //   class: "!text-xl min-w-unit-3 min-h-unit-3",
+    // },
 
     // variant / hover 👆
     //   primary
diff --git a/packages/core/theme/src/components/link.ts b/packages/core/theme/src/components/link.ts
index abf934fc..72e10b5e 100644
--- a/packages/core/theme/src/components/link.ts
+++ b/packages/core/theme/src/components/link.ts
@@ -22,17 +22,17 @@ const link = tv({
       lg: "text-xl",
     },
     color: {
-      dark: "text-neutral-800 focus:ring-1 focus:ring-brand-50 px-1 rounded-lg",
-      gray: "text-neutral-500 focus:ring-1 focus:ring-brand-50 px-1 rounded-lg",
-      white: "text-white focus:ring-1 focus:ring-brand-50 px-1 rounded-lg",
+      dark: "text-neutral-800 focus:ring-0 focus:ring-brand-50 px-1 rounded-lg",
+      gray: "text-neutral-500 focus:ring-0 focus:ring-brand-50 px-1 rounded-lg",
+      white: "text-white focus:ring-0 focus:ring-brand-50 px-1 rounded-lg",
       primary:
-        "text-brand-800 hover:text-brand-900 focus:ring-1 focus:ring-brand-50 px-1 rounded-lg",
+        "text-brand-800 hover:text-brand-900 focus:ring-0 focus:ring-brand-50 px-1 rounded-lg",
       success:
-        "text-success-700 hover:text-success-800 focus:ring-1 focus:ring-success-500 px-1 rounded-lg",
+        "text-success-700 hover:text-success-800 focus:ring-0 focus:ring-success-500 px-1 rounded-lg",
       warning:
-        "text-warning-800 hover:text-warning-800 focus:ring-1 focus:ring-warning-300 px-1 rounded-lg",
+        "text-warning-800 hover:text-warning-800 focus:ring-0 focus:ring-warning-300 px-1 rounded-lg",
       danger:
-        "text-danger-600 hover:text-danger-700 focus:ring-1 focus:ring-danger-400 px-1 rounded-lg",
+        "text-danger-600 hover:text-danger-700 focus:ring-0 focus:ring-danger-400 px-1 rounded-lg",
     },
     underline: {
       none: "no-underline",
diff --git a/packages/core/theme/src/components/spinner.ts b/packages/core/theme/src/components/spinner.ts
index 33d701fe..99eb04a5 100644
--- a/packages/core/theme/src/components/spinner.ts
+++ b/packages/core/theme/src/components/spinner.ts
@@ -25,25 +25,26 @@ const spinner = tv({
   variants: {
     size: {
       xs: {
-        wrapper: "w-8 h-8",
+        wrapper: "w-4 h-4",
         label: "text-xs",
       },
       sm: {
-        wrapper: "w-10 h-10",
+        wrapper: "w-5 h-5",
         label: "text-sm",
       },
       md: {
-        wrapper: "w-12 h-12",
+        wrapper: "w-8 h-8",
         label: "text-md",
       },
       lg: {
-        wrapper: "w-16 h-16",
+        wrapper: "w-10 h-10",
         label: "text-lg",
       },
     },
     color: {
       current: {
-        circle: "text-current",
+        circle: "text-neutral-200",
+        circleBackground: "text-transparent stroke-current",
       },
       white: {
         circle: "text-white",