rad-ui · kotAPI · Mar 23, 2025 · Mar 23, 2025
diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.json
@@ -13,7 +13,7 @@
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@next/mdx": "^15.2.0",
-    "@radui/ui": "^0.0.35",
+    "@radui/ui": "^0.0.36",
     "@types/mdx": "^2.0.13",
     "@types/node": "20.5.9",
     "@types/react": "19.0.2",

diff --git a/src/core/primitives/Collapsible/fragments/CollapsiblePrimitiveContent.tsx b/src/core/primitives/Collapsible/fragments/CollapsiblePrimitiveContent.tsx
                // Use RAF to ensure the DOM has updated with the new height
                rafRef.current = requestAnimationFrame(() => {
                    // Force a reflow
                    const _ = ref.current?.offsetHeight;

                    // Now measure and start animation in the next frame
                    rafRef.current = requestAnimationFrame(() => {
                // Use RAF to ensure browser processes the height setting
                rafRef.current = requestAnimationFrame(() => {
                    // Force a reflow
                    const _ = ref.current?.offsetHeight;

                    // Then animate to 0 in the next frame
                    rafRef.current = requestAnimationFrame(() => {
diff --git a/src/core/primitives/Collapsible/contexts/CollapsiblePrimitiveContext.tsx b/src/core/primitives/Collapsible/contexts/CollapsiblePrimitiveContext.tsx
 import React, { createContext, useContext } from 'react';

 /**
 * Context value for CollapsiblePrimitive
diff --git a/src/components/ui/Toggle/stories/Toggle.stories.tsx b/src/components/ui/Toggle/stories/Toggle.stories.tsx

            <form onSubmit={handleSubmit} className="space-y-4">
                <div className="flex items-center justify-between">
                    <label className="text-sm">Enable Notifications</label>
                    <Toggle
                        pressed={formData.notifications}
                        onChange={(value) => handleToggle('notifications', value)}
                </div>

                <div className="flex items-center justify-between">
                    <label className="text-sm">Dark Mode</label>
                    <Toggle
                        pressed={formData.darkMode}
                        onChange={(value) => handleToggle('darkMode', value)}
                </div>

                <div className="flex items-center justify-between">
                    <label className="text-sm">Auto-Save</label>
                    <Toggle
                        pressed={formData.autoSave}
                        onChange={(value) => handleToggle('autoSave', value)}
diff --git a/src/components/ui/Tabs/fragments/TabTrigger.tsx b/src/components/ui/Tabs/fragments/TabTrigger.tsx
 import { clsx } from 'clsx';
 import { TabProps } from './TabContent';

 import TabsRootContext, { TabsRootContextType } from '../context/TabsRootContext';

 import RovingFocusGroup from '~/core/utils/RovingFocusGroup';

diff --git a/src/components/ui/Link/Link.tsx b/src/components/ui/Link/Link.tsx
 import React from 'react';
 import { clsx } from 'clsx';
 import { customClassSwitcher } from '~/core';
 import { useCreateDataAttribute, useComposeAttributes } from '~/core/hooks/createDataAttribute';

 const COMPONENT_NAME = 'Link';

diff --git a/src/components/tools/SandboxEditor/SandboxEditor.tsx b/src/components/tools/SandboxEditor/SandboxEditor.tsx
 import React, { forwardRef, PropsWithChildren, useEffect, useState } from 'react';
 import Button from '~/components/ui/Button/Button';
 import Separator from '~/components/ui/Separator/Separator';
 import Heading from '~/components/ui/Heading/Heading';
diff --git a/jest.config.ts b/jest.config.ts
 import type { Config } from 'jest';

 const config: Config = {
    verbose: false, // enable to see the full test suite output, console.log, etc.
	// Use RAF to ensure the DOM has updated with the new height
	rafRef.current = requestAnimationFrame(() => {
	// Force a reflow
	const _ = ref.current?.offsetHeight;
Check warning on line 83 in src/core/primitives/Collapsible/fragments/CollapsiblePrimitiveContent.tsx GitHub Actions / lint `'_' is assigned a value but never used`

	// Now measure and start animation in the next frame
	rafRef.current = requestAnimationFrame(() => {
	// Use RAF to ensure browser processes the height setting
	rafRef.current = requestAnimationFrame(() => {
	// Force a reflow
	const _ = ref.current?.offsetHeight;
Check warning on line 107 in src/core/primitives/Collapsible/fragments/CollapsiblePrimitiveContent.tsx GitHub Actions / lint `'_' is assigned a value but never used`

	// Then animate to 0 in the next frame
	rafRef.current = requestAnimationFrame(() => {
	import React, { createContext, useContext } from 'react';
Check warning on line 1 in src/core/primitives/Collapsible/contexts/CollapsiblePrimitiveContext.tsx GitHub Actions / lint `'React' is defined but never used`

	/**
	* Context value for CollapsiblePrimitive

	<form onSubmit={handleSubmit} className="space-y-4">
	<div className="flex items-center justify-between">
	<label className="text-sm">Enable Notifications</label>
Check warning on line 183 in src/components/ui/Toggle/stories/Toggle.stories.tsx GitHub Actions / lint `A form label must be associated with a control`
	<Toggle
	pressed={formData.notifications}
	onChange={(value) => handleToggle('notifications', value)}
	</div>

	<div className="flex items-center justify-between">
	<label className="text-sm">Dark Mode</label>
Check warning on line 192 in src/components/ui/Toggle/stories/Toggle.stories.tsx GitHub Actions / lint `A form label must be associated with a control`
	<Toggle
	pressed={formData.darkMode}
	onChange={(value) => handleToggle('darkMode', value)}
	</div>

	<div className="flex items-center justify-between">
	<label className="text-sm">Auto-Save</label>
Check warning on line 201 in src/components/ui/Toggle/stories/Toggle.stories.tsx GitHub Actions / lint `A form label must be associated with a control`
	<Toggle
	pressed={formData.autoSave}
	onChange={(value) => handleToggle('autoSave', value)}
	import { clsx } from 'clsx';
	import { TabProps } from './TabContent';

	import TabsRootContext, { TabsRootContextType } from '../context/TabsRootContext';
Check warning on line 6 in src/components/ui/Tabs/fragments/TabTrigger.tsx GitHub Actions / lint `'TabsRootContextType' is defined but never used`

	import RovingFocusGroup from '~/core/utils/RovingFocusGroup';
	import React from 'react';
	import { clsx } from 'clsx';
	import { customClassSwitcher } from '~/core';
	import { useCreateDataAttribute, useComposeAttributes } from '~/core/hooks/createDataAttribute';
Check warning on line 5 in src/components/ui/Link/Link.tsx GitHub Actions / lint `'useComposeAttributes' is defined but never used`

	const COMPONENT_NAME = 'Link';
	import React, { forwardRef, PropsWithChildren, useEffect, useState } from 'react';
Check warning on line 1 in src/components/tools/SandboxEditor/SandboxEditor.tsx GitHub Actions / lint `'forwardRef' is defined but never used`
	import Button from '~/components/ui/Button/Button';
	import Separator from '~/components/ui/Separator/Separator';
	import Heading from '~/components/ui/Heading/Heading';
	import type { Config } from 'jest';
Check warning on line 1 in jest.config.ts GitHub Actions / lint `'Config' is defined but never used`

	const config: Config = {
	verbose: false, // enable to see the full test suite output, console.log, etc.