chore: bump dependencies (#11133)

* chore: bump dependencies

* chore: another bump

packages/ui/package.json

@@ -52,10 +52,10 @@
 	"homepage": "https://discord.js.org",
 	"funding": "https://github.com/discordjs/discord.js?sponsor",
 	"dependencies": {
+		"@ariakit/react": "^0.4.19",
 		"@react-icons/all-files": "^4.1.0",
-		"ariakit": "2.0.0-next.44",
-		"react": "^19.1.1",
-		"react-dom": "^19.1.1"
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0"
 	},
 	"devDependencies": {
 		"@favware/cliff-jumper": "^4.1.0",
@@ -68,25 +68,25 @@
 		"@storybook/react": "^8.6.14",
 		"@storybook/react-vite": "^8.6.14",
 		"@storybook/testing-library": "^0.2.2",
-		"@types/node": "^22.17.2",
-		"@types/react": "^19.1.10",
-		"@types/react-dom": "^19.1.7",
-		"@unocss/eslint-plugin": "^66.4.2",
-		"@unocss/reset": "^66.4.2",
-		"@vitejs/plugin-react": "^5.0.1",
+		"@types/node": "^22.18.8",
+		"@types/react": "^19.2.0",
+		"@types/react-dom": "^19.2.0",
+		"@unocss/eslint-plugin": "^66.5.2",
+		"@unocss/reset": "^66.5.2",
+		"@vitejs/plugin-react": "^5.0.4",
 		"chromatic": "^11.29.0",
-		"cross-env": "^10.0.0",
-		"eslint": "^9.33.0",
+		"cross-env": "^10.1.0",
+		"eslint": "^9.37.0",
 		"eslint-config-neon": "^0.2.7",
 		"eslint-formatter-compact": "^8.40.0",
-		"eslint-formatter-pretty": "^6.0.1",
+		"eslint-formatter-pretty": "^7.0.0",
 		"prettier": "^3.6.2",
 		"prop-types": "^15.8.1",
 		"storybook": "^8.6.14",
-		"turbo": "^2.5.6",
-		"typescript": "~5.9.2",
-		"unocss": "^66.4.2",
-		"vite": "^7.1.3",
+		"turbo": "^2.5.8",
+		"typescript": "~5.9.3",
+		"unocss": "^66.5.2",
+		"vite": "^7.1.9",
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"engines": {

packages/ui/src/lib/components/Section.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Disclosure, DisclosureContent, useDisclosureStore } from '@ariakit/react/disclosure';
 import { VscChevronDown } from '@react-icons/all-files/vsc/VscChevronDown';
-import { Disclosure, DisclosureContent, useDisclosureState } from 'ariakit/disclosure';
 import type { JSX, PropsWithChildren } from 'react';
 
 export interface SectionOptions {
@@ -26,7 +26,8 @@ export function Section({
 	className = '',
 	buttonClassName = '',
 }: PropsWithChildren<SectionOptions>) {
-	const disclosure = useDisclosureState({ defaultOpen: !defaultClosed });
+	const disclosure = useDisclosureStore({ defaultOpen: !defaultClosed });
+	const disclosureState = disclosure.getState();
 
 	return (
 		<div className={`flex flex-col ${className}`}>
@@ -36,7 +37,7 @@ export function Section({
 						? buttonClassName
 						: 'hover:bg-light-800 active:bg-light-900 dark:bg-dark-400 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple rounded bg-white p-3 outline-none focus:ring'
 				}
-				state={disclosure}
+				store={disclosure}
 			>
 				<div className="flex flex-row place-content-between place-items-center">
 					<div className="flex flex-row place-items-center gap-3">
@@ -44,14 +45,14 @@ export function Section({
 						<span className="font-semibold">{title}</span>
 					</div>
 					<VscChevronDown
-						className={`transform transition duration-150 ease-in-out ${disclosure.open ? 'rotate-180' : 'rotate-0'}`}
+						className={`transform transition duration-150 ease-in-out ${disclosureState.open ? 'rotate-180' : 'rotate-0'}`}
 						size={20}
 					/>
 				</div>
 			</Disclosure>
 			<DisclosureContent
 				className={`${background ? 'bg-light-700 dark:bg-dark-500 rounded' : ''}  ${gutter ? 'mt-2' : ''}`}
-				state={disclosure}
+				store={disclosure}
 			>
 				{padded ? <div className="mx-2 px-0 py-5 md:mx-6.5 md:px-4.5">{children}</div> : children}
 			</DisclosureContent>

packages/ui/vite.config.ts

@@ -41,7 +41,7 @@ export default defineConfig({
 			external: [
 				'react',
 				'react-dom',
-				'ariakit/disclosure',
+				'@ariakit/react/disclosure',
 				'@react-icons/all-files/vsc/VscFlame',
 				'@react-icons/all-files/vsc/VscInfo',
 				'@react-icons/all-files/vsc/VscWarning',