From 7254ab65a3566d2d6999f60a9d14cfa11dc2279e Mon Sep 17 00:00:00 2001
From: Rohan Chakraborty <irohan1999@gmail.com>
Date: Tue, 20 Oct 2026 02:53:18 +0530
Subject: [PATCH 1/3] refactor: use one naming rule for boolean props

---
 apps/www/src/components/dataview-demo.tsx     | 14 +++---
 .../src/components/demo/demo-playground.tsx   |  4 +-
 .../src/content/docs/(overview)/upgrading.mdx | 44 +++++++++++++++++++
 .../docs/components/alert-dialog/props.ts     |  6 +--
 .../content/docs/components/button/index.mdx  |  7 +--
 .../content/docs/components/button/props.ts   |  5 ++-
 .../docs/components/calendar-preview/demo.ts  | 16 +++----
 .../components/calendar-preview/index.mdx     |  1 -
 .../docs/components/calendar-preview/props.ts |  4 +-
 .../content/docs/components/calendar/demo.ts  |  6 +--
 .../content/docs/components/calendar/props.ts | 18 ++++----
 .../src/content/docs/components/chip/demo.ts  |  8 ++--
 .../content/docs/components/chip/index.mdx    |  6 +--
 .../src/content/docs/components/chip/props.ts |  2 +-
 .../docs/components/copy-button/index.mdx     |  2 +-
 .../docs/components/copy-button/props.ts      |  8 +---
 .../content/docs/components/dialog/index.mdx  |  2 +-
 .../content/docs/components/dialog/props.ts   | 12 ++---
 .../content/docs/components/drawer/demo.ts    |  4 +-
 .../content/docs/components/drawer/index.mdx  |  2 +-
 .../content/docs/components/drawer/props.ts   |  7 ++-
 .../content/docs/components/editor/props.ts   |  6 +--
 .../docs/components/floating-actions/demo.ts  | 16 +++----
 .../components/floating-actions/index.mdx     |  2 +-
 .../content/docs/components/skeleton/demo.ts  |  7 +--
 .../content/docs/components/skeleton/props.ts |  6 +--
 apps/www/src/content/docs/dataview/demo.ts    |  8 ++--
 apps/www/src/content/docs/dataview/index.mdx  |  2 +-
 apps/www/src/content/docs/dataview/list.mdx   |  6 +--
 apps/www/src/content/docs/dataview/props.ts   | 30 ++++++-------
 .../src/content/docs/dataview/timeline.mdx    |  8 ++--
 .../alert-dialog/alert-dialog-content.tsx     | 10 ++---
 .../button/__tests__/button.test.tsx          | 16 +++++++
 packages/react/components/button/button.tsx   |  2 +-
 .../calendar-preview-body.tsx                 | 13 ++++--
 .../calendar/__tests__/calendar.test.tsx      |  2 +-
 .../calendar/__tests__/date-picker.test.tsx   |  4 +-
 .../calendar/__tests__/range-picker.test.tsx  |  2 +-
 .../react/components/calendar/calendar.tsx    | 22 +++++-----
 .../react/components/calendar/date-picker.tsx | 10 +++--
 .../components/calendar/range-picker.tsx      | 12 +++--
 .../components/chip/__tests__/chip.test.tsx   | 14 +++---
 .../chip/__tests__/data-slots.test.tsx        |  2 +-
 packages/react/components/chip/chip.tsx       |  8 ++--
 .../__tests__/copy-button.test.tsx            | 19 +++++++-
 .../components/copy-button/copy-button.tsx    | 19 ++++----
 .../data-view/__tests__/data-slots.test.tsx   |  4 +-
 .../data-view/__tests__/data-view.test.tsx    | 20 ++++-----
 .../data-view/__tests__/timeline.test.tsx     |  8 ++--
 .../components/data-view/components/list.tsx  |  6 +--
 .../data-view/components/timeline.tsx         | 28 ++++++------
 .../react/components/data-view/data-view.tsx  |  8 ++--
 .../components/data-view/data-view.types.tsx  | 24 +++++-----
 .../dialog/__tests__/data-slots.test.tsx      |  6 +--
 .../components/dialog/dialog-content.tsx      | 20 +++++----
 .../react/components/dialog/dialog.module.css |  6 +--
 .../drawer/__tests__/data-slots.test.tsx      |  6 +--
 .../drawer/__tests__/drawer.test.tsx          | 16 +++----
 .../components/drawer/drawer-content.tsx      | 10 +++--
 .../components/editor/editor-control.tsx      | 10 ++---
 .../components/editor/editor-link-button.tsx  |  4 +-
 .../components/editor/editor-menu-control.tsx |  4 +-
 packages/react/components/input/input.tsx     |  2 +-
 .../skeleton/__tests__/skeleton.test.tsx      |  2 +-
 .../react/components/skeleton/skeleton.tsx    |  6 +--
 packages/react/figma/chip.figma.ts            |  6 +--
 66 files changed, 358 insertions(+), 262 deletions(-)

diff --git a/apps/www/src/components/dataview-demo.tsx b/apps/www/src/components/dataview-demo.tsx
index 473258d9b..be0d383bf 100644
--- a/apps/www/src/components/dataview-demo.tsx
+++ b/apps/www/src/components/dataview-demo.tsx
@@ -492,7 +492,7 @@ export function DataViewVirtualizedGroupingDemo() {
 // ---------------------------------------------------------------------------
 
 export function DataViewLoadingDemo() {
-  const [isLoading, setIsLoading] = useState(true);
+  const [loading, setLoading] = useState(true);
   return (
     <Flex direction='column' gap={4} style={{ width: '100%' }}>
       <Flex gap={3} align='center'>
@@ -500,20 +500,20 @@ export function DataViewLoadingDemo() {
           size='small'
           variant='outline'
           color='neutral'
-          onClick={() => setIsLoading(v => !v)}
+          onClick={() => setLoading(v => !v)}
         >
-          {isLoading ? 'Stop loading' : 'Show skeletons'}
+          {loading ? 'Stop loading' : 'Show skeletons'}
         </Button>
         <Text size='small' variant='secondary'>
-          Skeleton rows render while `isLoading` is true.
+          Skeleton rows render while `loading` is true.
         </Text>
       </Flex>
       <div style={{ height: 320 }}>
         <DataView
-          data={isLoading ? [] : people}
+          data={loading ? [] : people}
           fields={fields}
           defaultSort={defaultSort}
-          isLoading={isLoading}
+          loading={loading}
           loadingRowCount={4}
         >
           <DataView.Toolbar>
@@ -628,7 +628,7 @@ function SelectionBar() {
         size='large'
         color='neutral'
         leadingIcon={<Frame size={16} strokeWidth={1.5} />}
-        isDismissible
+        dismissible
         onDismiss={() => table.resetRowSelection()}
       >
         {selectedCount} selected
diff --git a/apps/www/src/components/demo/demo-playground.tsx b/apps/www/src/components/demo/demo-playground.tsx
index d501e6329..e26d6fac6 100644
--- a/apps/www/src/components/demo/demo-playground.tsx
+++ b/apps/www/src/components/demo/demo-playground.tsx
@@ -109,8 +109,8 @@ export default function DemoPlayground({
       <Dialog open={openPlayground} onOpenChange={setOpenPlayground}>
         <Dialog.Content
           className={styles.playgroundDialog}
-          showCloseButton={false}
-          showNestedAnimation={false}
+          hideCloseButton
+          disableNestedAnimation
         >
           <Dialog.Header className={styles.playgroundHeader}>
             <DemoTitle className={styles.playgroundTitle} />
diff --git a/apps/www/src/content/docs/(overview)/upgrading.mdx b/apps/www/src/content/docs/(overview)/upgrading.mdx
index 82f756aad..b4648e9c8 100644
--- a/apps/www/src/content/docs/(overview)/upgrading.mdx
+++ b/apps/www/src/content/docs/(overview)/upgrading.mdx
@@ -7,6 +7,50 @@ One section per release, newest first, with only the changes that need action
 from you. The full record of every release, features and fixes included, is
 on [GitHub releases](https://github.com/raystack/apsara/releases).
 
+## Unreleased: boolean props use one naming rule
+
+A boolean prop that removes a part which shows by default is `hide<Part>`. A
+prop that turns off a behavior which is on by default is `disable<Behavior>`.
+Each flipped prop defaults to `false`, so a component looks and behaves the
+same when you do not pass it. TypeScript reports each old name.
+
+| Component | Before | After |
+|---|---|---|
+| `Dialog.Content`, `Drawer.Content` | `showCloseButton={false}` | `hideCloseButton` |
+| `Dialog.Content`, `AlertDialog.Content` | `showNestedAnimation={false}` | `disableNestedAnimation` |
+| `Editor` toolbar controls | `tooltip={false}` | `hideTooltip` |
+| `DatePicker`, `RangePicker` | `showCalendarIcon={false}` | `hideCalendarIcon` |
+| `CalendarPreview.Body` | `showIcon` | `showCalendarIcon` |
+| `DataView.List`, `DataView.Timeline` | `showGroupHeaders={false}` | `hideGroupHeaders` |
+| `DataView.Timeline` | `showGridlines={false}` | `hideGridlines` |
+| `DataView.Timeline` | `showCursorLine={false}` | `hideCursorLine` |
+| `Skeleton` | `enableAnimation={false}` | `disableAnimation` |
+| `Chip` | `isDismissible` | `dismissible` |
+| `DataView` | `isLoading` | `loading` |
+| `Calendar` | `loadingData` | `loading` |
+| `CopyButton` | `resetIcon={false}` | `resetTimeout={Infinity}` |
+
+```tsx
+// Before
+<Dialog.Content showCloseButton={false} showNestedAnimation={false} />
+<DataView isLoading={fetching} />
+<Chip isDismissible onDismiss={remove}>Label</Chip>
+
+// After
+<Dialog.Content hideCloseButton disableNestedAnimation />
+<DataView loading={fetching} />
+<Chip dismissible onDismiss={remove}>Label</Chip>
+```
+
+`useDataView().isLoading` keeps its name.
+
+### A loading `Button` is disabled
+
+`Button` with `loading` ignores clicks and sets `aria-disabled="true"`, as
+`IconButton` does. The button stays focusable, and it keeps its loading style.
+If your code let a user click a loading button, for example to cancel, render
+a separate cancel button.
+
 ## Unreleased: date filters compare whole days
 
 `DataView`, `DataTable` and `FilterChip` read and compare dates as calendar
diff --git a/apps/www/src/content/docs/components/alert-dialog/props.ts b/apps/www/src/content/docs/components/alert-dialog/props.ts
index 9c81028dc..bb2573dc5 100644
--- a/apps/www/src/content/docs/components/alert-dialog/props.ts
+++ b/apps/www/src/content/docs/components/alert-dialog/props.ts
@@ -8,10 +8,10 @@ export interface AlertDialogProps {
 
 export interface AlertDialogContentProps {
   /**
-   * Toggle nested dialog animation (scaling and translation)
-   * @default true
+   * Turns off the scale and offset of a dialog that has a nested dialog open.
+   * @default false
    */
-  showNestedAnimation?: boolean;
+  disableNestedAnimation?: boolean;
 
   /** Overlay configuration including blur, className, and style */
   overlay?: {
diff --git a/apps/www/src/content/docs/components/button/index.mdx b/apps/www/src/content/docs/components/button/index.mdx
index 9728d7560..3d96e7f52 100644
--- a/apps/www/src/content/docs/components/button/index.mdx
+++ b/apps/www/src/content/docs/components/button/index.mdx
@@ -98,8 +98,9 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 - Uses the native `<button>` element so keyboard activation with Enter and
   Space works out of the box.
 - Disabled state is communicated via the native `disabled` attribute.
-- Loading state sets `aria-busy="true"` on the button so screen readers
-  announce the busy state. The internal spinner is rendered with
-  `aria-hidden="true"` to avoid double-announcing.
+- Loading state sets `aria-busy="true"` and `aria-disabled="true"` on the
+  button. The button stays focusable, so focus does not move while the action
+  runs. The internal spinner is rendered with `aria-hidden="true"` to avoid
+  double-announcing.
 - Respects motion preferences: button loader rotation is enabled only when
   `prefers-reduced-motion: no-preference`.
diff --git a/apps/www/src/content/docs/components/button/props.ts b/apps/www/src/content/docs/components/button/props.ts
index f08e8cdf1..768907aeb 100644
--- a/apps/www/src/content/docs/components/button/props.ts
+++ b/apps/www/src/content/docs/components/button/props.ts
@@ -25,7 +25,10 @@ export type ButtonProps = {
    */
   disabled?: boolean;
 
-  /** Shows a loading spinner inside the button */
+  /**
+   * Shows a spinner in place of the content and blocks clicks. The button stays focusable.
+   * @defaultValue false
+   */
   loading?: boolean;
 
   /** Optional text to display next to the loading spinner */
diff --git a/apps/www/src/content/docs/components/calendar-preview/demo.ts b/apps/www/src/content/docs/components/calendar-preview/demo.ts
index e7b290e2a..8e32b6b67 100644
--- a/apps/www/src/content/docs/components/calendar-preview/demo.ts
+++ b/apps/www/src/content/docs/components/calendar-preview/demo.ts
@@ -177,7 +177,7 @@ export const periodsDemo = {
               defaultMonth={new Date(2026, 7, 1)}
               defaultScale="quarter"
             >
-              <CalendarPreview.Body showIcon />
+              <CalendarPreview.Body showCalendarIcon />
             </CalendarPreview>`
     },
     {
@@ -188,7 +188,7 @@ export const periodsDemo = {
             >
               <CalendarPreview.Trigger placeholder="Add start date" />
               <CalendarPreview.Content>
-                <CalendarPreview.Body showIcon />
+                <CalendarPreview.Body showCalendarIcon />
               </CalendarPreview.Content>
             </CalendarPreview>`
     },
@@ -200,19 +200,19 @@ export const periodsDemo = {
               defaultMonth={new Date(2026, 7, 1)}
               yearRange={{ from: 2025, to: 2027 }}
             >
-              <CalendarPreview.Body showIcon />
+              <CalendarPreview.Body showCalendarIcon />
             </CalendarPreview>`
     },
     {
       name: 'Month',
       code: `<CalendarPreview scales={['month', 'quarter', 'year']} defaultScale="month">
-              <CalendarPreview.Body showIcon />
+              <CalendarPreview.Body showCalendarIcon />
             </CalendarPreview>`
     },
     {
       name: 'Quarter',
       code: `<CalendarPreview scales="quarter" defaultMonth={new Date(2026, 7, 1)}>
-              <CalendarPreview.Body showIcon />
+              <CalendarPreview.Body showCalendarIcon />
             </CalendarPreview>`
     },
     {
@@ -232,7 +232,7 @@ export const periodsDemo = {
             placeholder="Add start date"
           />
           <CalendarPreview.Content>
-            <CalendarPreview.Body showIcon label="Start date" />
+            <CalendarPreview.Body showCalendarIcon label="Start date" />
           </CalendarPreview.Content>
         </CalendarPreview>
 
@@ -245,7 +245,7 @@ export const periodsDemo = {
             placeholder="Add end date"
           />
           <CalendarPreview.Content>
-            <CalendarPreview.Body showIcon label="End date" />
+            <CalendarPreview.Body showCalendarIcon label="End date" />
           </CalendarPreview.Content>
         </CalendarPreview>
       </Flex>
@@ -299,7 +299,7 @@ export const limitsDemo = {
               trailingValue
               minDate={new Date(2026, 6, 15)}
             >
-              <CalendarPreview.Body showIcon />
+              <CalendarPreview.Body showCalendarIcon />
             </CalendarPreview>`
     }
   ]
diff --git a/apps/www/src/content/docs/components/calendar-preview/index.mdx b/apps/www/src/content/docs/components/calendar-preview/index.mdx
index 1087ccd25..3f018b4b9 100644
--- a/apps/www/src/content/docs/components/calendar-preview/index.mdx
+++ b/apps/www/src/content/docs/components/calendar-preview/index.mdx
@@ -415,7 +415,6 @@ The rest are renames:
 | `onSelect` | `onValueChange` |
 | `startMonth` / `endMonth` | `minDate` / `maxDate` |
 | `disabled` (matcher) | `isDateUnavailable` |
-| `loadingData` | `loading` |
 | `dateFormat` | `formatValue` |
 | `required` | `clearable` (inverted) |
 | `footer` prop | `<CalendarPreview.Footer>` part |
diff --git a/apps/www/src/content/docs/components/calendar-preview/props.ts b/apps/www/src/content/docs/components/calendar-preview/props.ts
index ca71b6958..65bc9db7b 100644
--- a/apps/www/src/content/docs/components/calendar-preview/props.ts
+++ b/apps/www/src/content/docs/components/calendar-preview/props.ts
@@ -282,10 +282,10 @@ export interface CalendarPreviewBodyProps {
   label?: ReactNode;
 
   /**
-   * Whether the field carries the calendar glyph.
+   * Shows the calendar icon in the date input.
    * @default false
    */
-  showIcon?: boolean;
+  showCalendarIcon?: boolean;
 }
 
 export interface CalendarPreviewScaleProps {
diff --git a/apps/www/src/content/docs/components/calendar/demo.ts b/apps/www/src/content/docs/components/calendar/demo.ts
index 42b611b85..77ddd29f3 100644
--- a/apps/www/src/content/docs/components/calendar/demo.ts
+++ b/apps/www/src/content/docs/components/calendar/demo.ts
@@ -35,7 +35,7 @@ export const calendarDemo = {
     },
     {
       name: 'With Loading',
-      code: `<Calendar loadingData={true} numberOfMonths={2} />`
+      code: `<Calendar loading numberOfMonths={2} />`
     },
     {
       name: 'With Dropdowns',
@@ -129,7 +129,7 @@ export const rangePickerDemo = {
     },
     {
       name: 'Without Calendar Icon',
-      code: `<RangePicker showCalendarIcon={false} />`
+      code: `<RangePicker hideCalendarIcon />`
     },
     {
       name: 'Custom Trigger',
@@ -182,7 +182,7 @@ export const datePickerDemo = {
     },
     {
       name: 'Without Calendar Icon',
-      code: `<DatePicker showCalendarIcon={false} slotProps={{ input: { size: "medium" } }} />`
+      code: `<DatePicker hideCalendarIcon slotProps={{ input: { size: "medium" } }} />`
     },
     {
       name: 'With Field',
diff --git a/apps/www/src/content/docs/components/calendar/props.ts b/apps/www/src/content/docs/components/calendar/props.ts
index e3f047615..f289e86f3 100644
--- a/apps/www/src/content/docs/components/calendar/props.ts
+++ b/apps/www/src/content/docs/components/calendar/props.ts
@@ -77,10 +77,10 @@ export interface CalendarProps {
     | ((date: Date) => boolean);
 
   /**
-   * Boolean to show loading state.
-   * @example loadingData={true}
+   * Shows a skeleton over the days and disables navigation.
+   * @defaultValue false
    */
-  loadingData?: boolean;
+  loading?: boolean;
 
   /**
    * Enable tooltips on dates that have a matching `tooltipMessages` entry.
@@ -193,10 +193,10 @@ export interface RangePickerProps {
     | ((props: { startDate: string; endDate: string }) => React.ReactNode);
 
   /**
-   * Boolean to show/hide calendar icon
-   * @defaultValue true
+   * Hides the calendar icon in the input.
+   * @defaultValue false
    */
-  showCalendarIcon?: boolean;
+  hideCalendarIcon?: boolean;
 
   /** Optional footer content for the calendar popover */
   footer?: React.ReactNode;
@@ -279,10 +279,10 @@ export interface DatePickerProps {
     | ((props: { selectedDate: string }) => React.ReactNode);
 
   /**
-   * Boolean to show/hide calendar icon
-   * @defaultValue true
+   * Hides the calendar icon in the input.
+   * @defaultValue false
    */
-  showCalendarIcon?: boolean;
+  hideCalendarIcon?: boolean;
 
   /**
    * IANA timezone name (e.g., "America/New_York"), "UTC", or UTC offset (e.g., "+02:00").
diff --git a/apps/www/src/content/docs/components/chip/demo.ts b/apps/www/src/content/docs/components/chip/demo.ts
index b6303e8d5..cd07a248c 100644
--- a/apps/www/src/content/docs/components/chip/demo.ts
+++ b/apps/www/src/content/docs/components/chip/demo.ts
@@ -27,7 +27,7 @@ export const playground = {
       options: ['neutral', 'accent', 'danger', 'success', 'warning'],
       defaultValue: 'neutral'
     },
-    isDismissible: {
+    dismissible: {
       type: 'checkbox',
       defaultValue: false
     },
@@ -84,9 +84,9 @@ export const dismissableDemo = {
   type: 'code',
   code: `
   <Flex gap={9}>
-    <Chip isDismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
-    <Chip variant="outline" color="accent" isDismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
-    <Chip variant="filled" color="accent" isDismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
+    <Chip dismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
+    <Chip variant="outline" color="accent" dismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
+    <Chip variant="filled" color="accent" dismissible onDismiss={() => alert('dismissed')} aria-label="Dismissible chip">Dismissable Chip</Chip>
   </Flex>`
 };
 
diff --git a/apps/www/src/content/docs/components/chip/index.mdx b/apps/www/src/content/docs/components/chip/index.mdx
index dfc3c1bb4..2eb1c4760 100644
--- a/apps/www/src/content/docs/components/chip/index.mdx
+++ b/apps/www/src/content/docs/components/chip/index.mdx
@@ -58,7 +58,7 @@ Chips can include leading and trailing icons to provide additional context or ac
 
 ### Dismissible
 
-Chips can be made dismissible by adding the isDismissible prop and an onDismiss handler.
+Chips can be made dismissible by adding the `dismissible` prop and an `onDismiss` handler.
 
 <Demo data={dismissableDemo} />
 
@@ -79,8 +79,8 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 | `chip` | The root element (`<button>` when interactive, `<span>` otherwise) |
 | `chip-leading-icon` | Wrapper around `leadingIcon` (when set) |
 | `chip-trailing-icon` | Wrapper around `trailingIcon` (when set and not dismissible) |
-| `chip-dismiss` | The dismiss button (when `isDismissible`) |
-| `chip-dismiss-icon` | The dismiss icon (when `isDismissible`) |
+| `chip-dismiss` | The dismiss button (when `dismissible`) |
+| `chip-dismiss-icon` | The dismiss icon (when `dismissible`) |
 
 ## Accessibility
 
diff --git a/apps/www/src/content/docs/components/chip/props.ts b/apps/www/src/content/docs/components/chip/props.ts
index 09aff3b13..2757b0d05 100644
--- a/apps/www/src/content/docs/components/chip/props.ts
+++ b/apps/www/src/content/docs/components/chip/props.ts
@@ -26,7 +26,7 @@ export interface ChipProps {
   /**
    * Boolean to show a dismiss button (replaces trailingIcon)
    */
-  isDismissible?: boolean;
+  dismissible?: boolean;
 
   /** Callback function when dismiss button is clicked */
   onDismiss?: () => void;
diff --git a/apps/www/src/content/docs/components/copy-button/index.mdx b/apps/www/src/content/docs/components/copy-button/index.mdx
index d2117d665..24c5e2915 100644
--- a/apps/www/src/content/docs/components/copy-button/index.mdx
+++ b/apps/www/src/content/docs/components/copy-button/index.mdx
@@ -10,7 +10,7 @@ import { playground, sizesDemo, stateDemo } from "./demo.ts";
 
 ## Overview
 
-`CopyButton` is an [IconButton](/docs/components/icon-button) wired to the clipboard: pass the `text` to copy and it handles the click, swaps the copy icon for a check, and announces "Copied" to screen readers. The check icon reverts after `resetTimeout` (default 1000ms); set `resetIcon={false}` to keep it. Drop it next to code snippets, API keys, and IDs. If you need copy behavior with your own UI, use the `useCopyToClipboard` hook from `@raystack/apsara/hooks` instead.
+`CopyButton` is an [IconButton](/docs/components/icon-button) wired to the clipboard: pass the `text` to copy and it handles the click, swaps the copy icon for a check, and announces "Copied" to screen readers. The check icon reverts after `resetTimeout` (default 1000ms). Set `resetTimeout={Infinity}` to keep it. Drop it next to code snippets, API keys, and IDs. If you need copy behavior with your own UI, use the `useCopyToClipboard` hook from `@raystack/apsara/hooks` instead.
 
 ## Anatomy
 
diff --git a/apps/www/src/content/docs/components/copy-button/props.ts b/apps/www/src/content/docs/components/copy-button/props.ts
index c6f5c5bb6..d9ea5ccbc 100644
--- a/apps/www/src/content/docs/components/copy-button/props.ts
+++ b/apps/www/src/content/docs/components/copy-button/props.ts
@@ -5,14 +5,8 @@ export interface CopyButtonProps {
   text: string;
 
   /**
-   * Time in milliseconds before reverting to the default icon.
+   * Milliseconds before the check icon changes back. `Infinity` keeps it.
    * @default 1000
    */
   resetTimeout?: number;
-
-  /**
-   * Whether to reset to the default icon after copying.
-   * @default true
-   */
-  resetIcon?: boolean;
 }
diff --git a/apps/www/src/content/docs/components/dialog/index.mdx b/apps/www/src/content/docs/components/dialog/index.mdx
index 893a16ad5..3a9096d2a 100644
--- a/apps/www/src/content/docs/components/dialog/index.mdx
+++ b/apps/www/src/content/docs/components/dialog/index.mdx
@@ -136,7 +136,7 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 | `dialog-body` | The `Dialog.Body` container |
 | `dialog-description` | The `Dialog.Description` element |
 | `dialog-footer` | The `Dialog.Footer` row |
-| `dialog-close` | The built-in close button (when `showCloseButton`) |
+| `dialog-close` | The built-in close button (unless `hideCloseButton`) |
 
 ## Accessibility
 
diff --git a/apps/www/src/content/docs/components/dialog/props.ts b/apps/www/src/content/docs/components/dialog/props.ts
index daa968e26..10b885730 100644
--- a/apps/www/src/content/docs/components/dialog/props.ts
+++ b/apps/www/src/content/docs/components/dialog/props.ts
@@ -14,16 +14,16 @@ export interface DialogProps {
 
 export interface DialogContentProps {
   /**
-   * Controls whether to show the close button
-   * @default true
+   * Hides the close button.
+   * @default false
    */
-  showCloseButton?: boolean;
+  hideCloseButton?: boolean;
 
   /**
-   * Toggle nested dialog animation (scaling and translation)
-   * @default true
+   * Turns off the scale and offset of a dialog that has a nested dialog open.
+   * @default false
    */
-  showNestedAnimation?: boolean;
+  disableNestedAnimation?: boolean;
 
   /** Overlay configuration including blur, className, and style */
   overlay?: {
diff --git a/apps/www/src/content/docs/components/drawer/demo.ts b/apps/www/src/content/docs/components/drawer/demo.ts
index 360fd17c8..e6a125e5d 100644
--- a/apps/www/src/content/docs/components/drawer/demo.ts
+++ b/apps/www/src/content/docs/components/drawer/demo.ts
@@ -25,9 +25,9 @@ export const playground = {
       options: ['top', 'right', 'bottom', 'left'],
       defaultValue: 'right'
     },
-    showCloseButton: {
+    hideCloseButton: {
       type: 'checkbox',
-      defaultValue: true
+      defaultValue: false
     }
   },
   getCode
diff --git a/apps/www/src/content/docs/components/drawer/index.mdx b/apps/www/src/content/docs/components/drawer/index.mdx
index 4c11cf1c6..4718db8a4 100644
--- a/apps/www/src/content/docs/components/drawer/index.mdx
+++ b/apps/www/src/content/docs/components/drawer/index.mdx
@@ -98,7 +98,7 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 | `drawer-viewport` | Viewport wrapper that positions the drawer |
 | `drawer-content` | The drawer panel (popup) |
 | `drawer-content-body` | Content wrapper inside the panel |
-| `drawer-close` | The built-in close button (when `showCloseButton`) |
+| `drawer-close` | The built-in close button (unless `hideCloseButton`) |
 | `drawer-header` | The `Drawer.Header` container |
 | `drawer-title` | The `Drawer.Title` element |
 | `drawer-description` | The `Drawer.Description` element |
diff --git a/apps/www/src/content/docs/components/drawer/props.ts b/apps/www/src/content/docs/components/drawer/props.ts
index bff6148de..0b56a98a8 100644
--- a/apps/www/src/content/docs/components/drawer/props.ts
+++ b/apps/www/src/content/docs/components/drawer/props.ts
@@ -31,8 +31,11 @@ export interface DrawerContentProps {
   /** The direction from which the drawer appears. */
   side?: 'top' | 'right' | 'bottom' | 'left';
 
-  /** Whether to show the close button. */
-  showCloseButton?: boolean;
+  /**
+   * Hides the close button.
+   * @default false
+   */
+  hideCloseButton?: boolean;
 
   /**
    * Accessible label for the close button. Override for localisation.
diff --git a/apps/www/src/content/docs/components/editor/props.ts b/apps/www/src/content/docs/components/editor/props.ts
index ab020f449..0ddaf5edf 100644
--- a/apps/www/src/content/docs/components/editor/props.ts
+++ b/apps/www/src/content/docs/components/editor/props.ts
@@ -136,10 +136,10 @@ interface EditorControlProps {
   label?: string;
 
   /**
-   * Shows the label and shortcut in a tooltip.
-   * @defaultValue true
+   * Hides the tooltip that shows the label and shortcut.
+   * @defaultValue false
    */
-  tooltip?: boolean;
+  hideTooltip?: boolean;
 
   /** Replaces the default icon. */
   children?: React.ReactNode;
diff --git a/apps/www/src/content/docs/components/floating-actions/demo.ts b/apps/www/src/content/docs/components/floating-actions/demo.ts
index bc5704c97..e3030ed15 100644
--- a/apps/www/src/content/docs/components/floating-actions/demo.ts
+++ b/apps/www/src/content/docs/components/floating-actions/demo.ts
@@ -16,7 +16,7 @@ export const preview = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       2 selected
     </Chip>
@@ -36,7 +36,7 @@ export const inlineDemo = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       2 selected
     </Chip>
@@ -76,7 +76,7 @@ export const variantsDemo = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       2 selected
     </Chip>
@@ -95,7 +95,7 @@ export const variantsDemo = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       2 selected
     </Chip>
@@ -117,7 +117,7 @@ export const bulkActionsDemo = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       5 selected
     </Chip>
@@ -174,7 +174,7 @@ export const scrollingDemo = {
             size="large"
             color="accent"
             leadingIcon={<SuccessIcon />}
-            isDismissible
+            dismissible
           >
             2 selected
           </Chip>
@@ -211,7 +211,7 @@ const placementWrapper = (props: string) =>
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       2 selected
     </Chip>
@@ -247,7 +247,7 @@ export const groupDemo = {
       size="large"
       color="accent"
       leadingIcon={<SuccessIcon />}
-      isDismissible
+      dismissible
     >
       3 selected
     </Chip>
diff --git a/apps/www/src/content/docs/components/floating-actions/index.mdx b/apps/www/src/content/docs/components/floating-actions/index.mdx
index fb53014b2..935ecc3cb 100644
--- a/apps/www/src/content/docs/components/floating-actions/index.mdx
+++ b/apps/www/src/content/docs/components/floating-actions/index.mdx
@@ -16,7 +16,7 @@ Import and assemble the component:
 import { FloatingActions, Chip, Button } from "@raystack/apsara";
 
 <FloatingActions aria-label="Selection actions">
-  <Chip isDismissible>2 selected</Chip>
+  <Chip dismissible>2 selected</Chip>
   <FloatingActions.Separator />
   <Button>Move to</Button>
   <Button>Actions</Button>
diff --git a/apps/www/src/content/docs/components/skeleton/demo.ts b/apps/www/src/content/docs/components/skeleton/demo.ts
index 573c3c594..550be46fb 100644
--- a/apps/www/src/content/docs/components/skeleton/demo.ts
+++ b/apps/www/src/content/docs/components/skeleton/demo.ts
@@ -22,10 +22,7 @@ export const playground = {
       type: 'number',
       initialValue: 3
     },
-    enableAnimation: {
-      type: 'checkbox',
-      initialValue: true
-    },
+    disableAnimation: { type: 'checkbox', defaultValue: false },
     duration: {
       type: 'number',
       initialValue: 1.5
@@ -72,7 +69,7 @@ export const animationDemo = {
   code: `
   <Flex direction="column" gap={5}>
     <Skeleton width={200} height={20} duration={2.5} />
-    <Skeleton width={200} height={20} enableAnimation={false} />
+    <Skeleton width={200} height={20} disableAnimation />
   </Flex>`
 };
 
diff --git a/apps/www/src/content/docs/components/skeleton/props.ts b/apps/www/src/content/docs/components/skeleton/props.ts
index 412955b17..c0194d8a3 100644
--- a/apps/www/src/content/docs/components/skeleton/props.ts
+++ b/apps/www/src/content/docs/components/skeleton/props.ts
@@ -42,10 +42,10 @@ export interface SkeletonProps {
   duration?: number;
 
   /**
-   * Whether to enable the shimmer animation
-   * @defaultValue true
+   * Turns off the shimmer animation.
+   * @defaultValue false
    */
-  enableAnimation?: boolean;
+  disableAnimation?: boolean;
 
   /**
    * Number of skeleton elements to render
diff --git a/apps/www/src/content/docs/dataview/demo.ts b/apps/www/src/content/docs/dataview/demo.ts
index f5d51bbb1..1482646fe 100644
--- a/apps/www/src/content/docs/dataview/demo.ts
+++ b/apps/www/src/content/docs/dataview/demo.ts
@@ -209,13 +209,13 @@ export const loadingPreview = {
       label: 'index.tsx',
       code: `
       /* \`DataView.List\` renders \`loadingRowCount\` skeleton rows while
-         \`isLoading\` is true. Existing rows render alongside skeletons in
+         \`loading\` is true. Existing rows render alongside skeletons in
          server mode (load-more). */
       <DataView
         data={loadingRows}
         fields={fields}
         defaultSort={{ name: "name", order: "asc" }}
-        isLoading={isLoading}
+        loading={loading}
         loadingRowCount={4}
       >
         <DataView.Toolbar>
@@ -387,7 +387,7 @@ function SelectionBar() {
         size="large"
         color="neutral"
         leadingIcon={<Frame size={16} strokeWidth={1.5} />}
-        isDismissible
+        dismissible
         onDismiss={() => table.resetRowSelection()}
       >
         {selectedCount} selected
@@ -495,7 +495,7 @@ export const timelineGroupingPreview = {
         <DataView.Timeline
           startField="start"
           endField="end"
-          // showGroupHeaders={false} hides the bands, keeps the sections
+          // hideGroupHeaders hides the bands, keeps the sections
           renderCard={(row, context) => <TaskCard task={row.original} context={context} />}
         />
       </DataView>`
diff --git a/apps/www/src/content/docs/dataview/index.mdx b/apps/www/src/content/docs/dataview/index.mdx
index aea5ac047..1cf607d5f 100644
--- a/apps/www/src/content/docs/dataview/index.mdx
+++ b/apps/www/src/content/docs/dataview/index.mdx
@@ -170,7 +170,7 @@ In client mode `DataView` derives everything locally: filter predicates, sort, g
 <DataView
   mode="server"
   data={page.rows}
-  isLoading={loading}
+  loading={loading}
   totalRowCount={page.total}
   query={query}
   onTableQueryChange={(q) => setQuery(q)}
diff --git a/apps/www/src/content/docs/dataview/list.mdx b/apps/www/src/content/docs/dataview/list.mdx
index 2919fef24..3443f235d 100644
--- a/apps/www/src/content/docs/dataview/list.mdx
+++ b/apps/www/src/content/docs/dataview/list.mdx
@@ -77,11 +77,11 @@ In virtualized mode, a single sticky-anchor element swaps its content as the use
 
 ### Loading
 
-While `isLoading` is `true`, `DataView.List` renders `loadingRowCount` skeleton rows at the tail. Behaviour is identical in virtualized and non-virtualized mode, and during initial load (skeletons fill the row pane) as well as during paginated load-more (skeletons render below the last loaded row).
+While `loading` is `true`, `DataView.List` renders `loadingRowCount` skeleton rows at the tail. Behaviour is identical in virtualized and non-virtualized mode, and during initial load (skeletons fill the row pane) as well as during paginated load-more (skeletons render below the last loaded row).
 
 <Demo data={loadingPreview} />
 
-In [server mode](/docs/dataview#server-mode), infinite scroll triggers via a single sentinel and an `IntersectionObserver`, so there are no scroll-distance knobs to tune. While `isLoading` is true the sentinel is suppressed so your `onLoadMore` isn't fired again during a fetch.
+In [server mode](/docs/dataview#server-mode), infinite scroll triggers via a single sentinel and an `IntersectionObserver`, so there are no scroll-distance knobs to tune. While `loading` is true the sentinel is suppressed so your `onLoadMore` isn't fired again during a fetch.
 
 ### Row selection
 
@@ -124,7 +124,7 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 | `data-view-list-row` | Data row |
 | `data-view-list-cell` | Cell (data and loader rows) |
 | `data-view-list-group-header` | Group header (incl. the sticky anchor) |
-| `data-view-list-loader-row` | Skeleton row while `isLoading` |
+| `data-view-list-loader-row` | Skeleton row while `loading` |
 | `data-view-list-sentinel` | Infinite-scroll sentinel |
 
 Header cells, body cells, and loader cells also carry `data-column="{accessorKey}"`, so a single column can be targeted without a per-column `classNames` entry:
diff --git a/apps/www/src/content/docs/dataview/props.ts b/apps/www/src/content/docs/dataview/props.ts
index 39513c39b..25f4ddd5f 100644
--- a/apps/www/src/content/docs/dataview/props.ts
+++ b/apps/www/src/content/docs/dataview/props.ts
@@ -22,10 +22,10 @@ export interface DataViewProps {
   mode?: 'client' | 'server';
 
   /**
-   * Loading state.
+   * Shows skeleton rows and holds back `onLoadMore`.
    * @defaultValue false
    */
-  isLoading?: boolean;
+  loading?: boolean;
 
   /** Initial query state. */
   query?: DataViewQuery;
@@ -158,8 +158,8 @@ export interface DataViewListProps {
   /** Render dividers between rows (default true for table). */
   showDividers?: boolean;
 
-  /** Render group section headers when grouping is active. Default true. */
-  showGroupHeaders?: boolean;
+  /** Hide group section headers when grouping is active. Default false. */
+  hideGroupHeaders?: boolean;
 
   /** When true, the active group header sticks under the table header while scrolling. */
   stickyGroupHeader?: boolean;
@@ -241,10 +241,10 @@ export interface DataViewTimelineProps {
   markers?: TimelineMarker[];
 
   /**
-   * Vertical gridlines at axis ticks.
-   * @defaultValue true
+   * Hides the vertical gridlines at axis ticks.
+   * @defaultValue false
    */
-  showGridlines?: boolean;
+  hideGridlines?: boolean;
 
   /** Label every Nth `scale` unit on the axis. Labels never render closer than the collision floor. Default: densest interval that fits. */
   tickInterval?: number;
@@ -256,10 +256,10 @@ export interface DataViewTimelineProps {
   gridlineInterval?: number;
 
   /**
-   * Hover crosshair snapped to the unit under the pointer, with a date badge on the axis.
-   * @defaultValue true
+   * Hides the hover crosshair snapped to the unit under the pointer, with a date badge on the axis.
+   * @defaultValue false
    */
-  showCursorLine?: boolean;
+  hideCursorLine?: boolean;
 
   // The literals are named in the description because the rendered type
   // column can't show them — TS collapses them into TimelineDateInput's
@@ -331,12 +331,12 @@ export interface DataViewTimelineProps {
   virtualized?: boolean;
 
   /**
-   * Render the group header band above each swim-lane section while `group_by`
-   * is active. False hides the bands only — rows stay grouped into sections
-   * (same contract as `DataViewListProps.showGroupHeaders`).
-   * @defaultValue true
+   * Hides the group header band above each swim-lane section while `group_by`
+   * is active. Rows stay grouped into sections
+   * (same contract as `DataViewListProps.hideGroupHeaders`).
+   * @defaultValue false
    */
-  showGroupHeaders?: boolean;
+  hideGroupHeaders?: boolean;
 }
 
 export interface TimelineCardContext {
diff --git a/apps/www/src/content/docs/dataview/timeline.mdx b/apps/www/src/content/docs/dataview/timeline.mdx
index 019ecc686..caf5e4afb 100644
--- a/apps/www/src/content/docs/dataview/timeline.mdx
+++ b/apps/www/src/content/docs/dataview/timeline.mdx
@@ -138,7 +138,7 @@ Section order is the field's `groupOrder` where it declares one (`['High', 'Medi
 - **Packing is per section.** A card only ever shares a lane with cards in its own group, and `context.laneIndex` is section-relative. Every section starts at lane 0. `lanePacking="one-per-row"` and `"one-per-sort-value"` apply within each section too.
 - **Bands pin while their section is in view.** The active band sticks directly under the time axis and is pushed off by the next section's band; its label sticks to the left edge so it stays readable while you pan to a distant month. Always on, in pure CSS, with no prop.
 - **Empty sections disappear.** A group whose cards all fall outside an explicit `range`, or that has no valid `startField` values, renders nothing: no band, no empty strip. A band that *does* render shows the full group count, even when some of its cards are culled, matching List.
-- **`showGroupHeaders={false}`** hides the bands but keeps the sections, the same semantics as the prop on `DataView.List`. Style a band with `classNames.groupHeader`.
+- **`hideGroupHeaders`** hides the bands but keeps the sections, the same semantics as the prop on `DataView.List`. Style a band with `classNames.groupHeader`.
 
 Bands are labels only in this release: no chevron, no collapsing.
 
@@ -217,13 +217,13 @@ Offset pagination doesn't fit a 2-D time canvas. The natural unit of fetching is
 
 ```tsx
 const [orders, setOrders] = useState<Order[]>([]);
-const [isLoading, setIsLoading] = useState(true); // initial fetch in flight
+const [loading, setLoading] = useState(true); // initial fetch in flight
 
 <DataView
   data={orders}
   fields={fields}
   mode="client" // filters/search run locally against loaded rows
-  isLoading={isLoading}
+  loading={loading}
   defaultSort={{ name: "start", order: "asc" }}
   getRowId={(o) => o.id}
 >
@@ -238,7 +238,7 @@ const [isLoading, setIsLoading] = useState(true); // initial fetch in flight
 </DataView>
 ```
 
-Start with `isLoading={true}` and fire an initial fetch on mount. With no data and no loading flag the timeline renders `null` and the zero state takes over, so `onVisibleRangeChange` would never fire to bootstrap the first window.
+Start with `loading` set to `true` and fire an initial fetch on mount. With no data and no loading flag the timeline renders `null` and the zero state takes over, so `onVisibleRangeChange` would never fire to bootstrap the first window.
 
 Keep the row model **cumulative**. The domain is stable, so previously fetched cards stay mounted and scrolling back is instant. Scroll position is anchored by *time*, not pixels: if the domain shifts (a `range` extension, or rows prepended by a fetch), the date under the viewport's left edge stays put instead of the content jumping.
 
diff --git a/packages/react/components/alert-dialog/alert-dialog-content.tsx b/packages/react/components/alert-dialog/alert-dialog-content.tsx
index 55443adfe..e5d861d03 100644
--- a/packages/react/components/alert-dialog/alert-dialog-content.tsx
+++ b/packages/react/components/alert-dialog/alert-dialog-content.tsx
@@ -10,10 +10,10 @@ export interface AlertDialogContentProps
   extends AlertDialogPrimitive.Popup.Props {
   overlay?: AlertDialogPrimitive.Backdrop.Props & { blur?: boolean };
   /**
-   * Toggles nested dialog animation (scaling and translation)
-   * `@default` true
+   * Turns off the scale and offset of a dialog that has a nested dialog open.
+   * @default false
    */
-  showNestedAnimation?: boolean;
+  disableNestedAnimation?: boolean;
   /** Corner radius for this dialog only. Overrides the theme's `radius`. */
   radius?: Radius;
 }
@@ -22,7 +22,7 @@ export const AlertDialogContent = ({
   className,
   children,
   overlay,
-  showNestedAnimation = true,
+  disableNestedAnimation = false,
   radius,
   ...props
 }: AlertDialogContentProps) => {
@@ -46,7 +46,7 @@ export const AlertDialogContent = ({
           {...theme}
           className={cx(
             styles.dialogContent,
-            showNestedAnimation && styles.showNestedAnimation,
+            !disableNestedAnimation && styles.nestedAnimation,
             theme?.className,
             radiusStyle({ radius }),
             className
diff --git a/packages/react/components/button/__tests__/button.test.tsx b/packages/react/components/button/__tests__/button.test.tsx
index dbafbd9ad..c5f828ef2 100644
--- a/packages/react/components/button/__tests__/button.test.tsx
+++ b/packages/react/components/button/__tests__/button.test.tsx
@@ -186,6 +186,22 @@ describe('Button', () => {
       expect(handleClick).not.toHaveBeenCalled();
     });
 
+    it('blocks clicks and stays focusable when loading', () => {
+      const handleClick = vi.fn();
+      render(
+        <Button loading onClick={handleClick}>
+          Button
+        </Button>
+      );
+      const button = screen.getByRole('button');
+      expect(button).not.toBeDisabled();
+      expect(button).toHaveAttribute('aria-disabled', 'true');
+      button.focus();
+      expect(button).toHaveFocus();
+      fireEvent.click(button);
+      expect(handleClick).not.toHaveBeenCalled();
+    });
+
     it('handles focus events', () => {
       const handleFocus = vi.fn();
       render(<Button onFocus={handleFocus}>Button</Button>);
diff --git a/packages/react/components/button/button.tsx b/packages/react/components/button/button.tsx
index bfdb654e1..2a8034cb8 100644
--- a/packages/react/components/button/button.tsx
+++ b/packages/react/components/button/button.tsx
@@ -157,7 +157,7 @@ export const Button = ({
         button({ variant, size, color, radius, disabled, loading, className }),
         isLoaderOnly && getLoaderOnlyClass(size)
       )}
-      disabled={disabled}
+      disabled={disabled || loading}
       render={render}
       nativeButton={!render}
       focusableWhenDisabled={loading}
diff --git a/packages/react/components/calendar-preview/calendar-preview-body.tsx b/packages/react/components/calendar-preview/calendar-preview-body.tsx
index 64454b373..610b0f8e6 100644
--- a/packages/react/components/calendar-preview/calendar-preview-body.tsx
+++ b/packages/react/components/calendar-preview/calendar-preview-body.tsx
@@ -13,13 +13,16 @@ import { CalendarPreviewSeparator } from './calendar-preview-separator';
 export interface CalendarPreviewBodyProps
   extends useRender.ComponentProps<'div'> {
   label?: ReactNode;
-  /** @defaultValue false */
-  showIcon?: boolean;
+  /**
+   * Shows the calendar icon in the date input.
+   * @default false
+   */
+  showCalendarIcon?: boolean;
 }
 
 export function CalendarPreviewBody({
   label,
-  showIcon = false,
+  showCalendarIcon = false,
   className,
   children,
   render,
@@ -45,7 +48,9 @@ export function CalendarPreviewBody({
         children: children ?? (
           <>
             <CalendarPreviewLabel>{label}</CalendarPreviewLabel>
-            <CalendarPreviewInput trailingIcon={showIcon ? undefined : null} />
+            <CalendarPreviewInput
+              trailingIcon={showCalendarIcon ? undefined : null}
+            />
             <CalendarPreviewScales />
             {scale !== 'day' && <CalendarPreviewReset />}
             <CalendarPreviewSeparator />
diff --git a/packages/react/components/calendar/__tests__/calendar.test.tsx b/packages/react/components/calendar/__tests__/calendar.test.tsx
index f2c57f42e..bdb55c2ae 100644
--- a/packages/react/components/calendar/__tests__/calendar.test.tsx
+++ b/packages/react/components/calendar/__tests__/calendar.test.tsx
@@ -30,7 +30,7 @@ describe('Calendar', () => {
       expect(screen.getByLabelText('Next month')).toBeInTheDocument();
     });
     it('disables navigation when loading', () => {
-      render(<Calendar loadingData={true} />);
+      render(<Calendar loading />);
 
       const prevButton = screen.getByLabelText('Previous month');
       const nextButton = screen.getByLabelText('Next month');
diff --git a/packages/react/components/calendar/__tests__/date-picker.test.tsx b/packages/react/components/calendar/__tests__/date-picker.test.tsx
index 1a3f37329..b121e527f 100644
--- a/packages/react/components/calendar/__tests__/date-picker.test.tsx
+++ b/packages/react/components/calendar/__tests__/date-picker.test.tsx
@@ -40,7 +40,7 @@ describe('DatePicker', () => {
      * Two regressions on the picker's `calendarProps` type:
      * - Original type required `mode`/`selected`/`onSelect`, which the picker
      *   overrides after the spread, so consumer values were silently ignored.
-     * - CalendarPropsExtended fields (tooltipMessages, dateInfo, loadingData,
+     * - CalendarPropsExtended fields (tooltipMessages, dateInfo, loading,
      *   showTooltip) were unreachable because the type didn't include them.
      */
     it('accepts CalendarPropsExtended fields via calendarProps without type cast', () => {
@@ -53,7 +53,7 @@ describe('DatePicker', () => {
               endMonth: new Date(2030, 0, 1),
               tooltipMessages: { '15-06-2025': 'Sample tooltip' },
               dateInfo: { '15-06-2025': 'i' },
-              loadingData: false,
+              loading: false,
               showTooltip: true
             }}
           />
diff --git a/packages/react/components/calendar/__tests__/range-picker.test.tsx b/packages/react/components/calendar/__tests__/range-picker.test.tsx
index 2c4884867..d1657a457 100644
--- a/packages/react/components/calendar/__tests__/range-picker.test.tsx
+++ b/packages/react/components/calendar/__tests__/range-picker.test.tsx
@@ -96,7 +96,7 @@ describe('RangePicker', () => {
               endMonth: new Date(2030, 0, 1),
               tooltipMessages: { '15-06-2025': 'Sample tooltip' },
               dateInfo: { '15-06-2025': 'i' },
-              loadingData: false,
+              loading: false,
               showTooltip: true
             }}
           />
diff --git a/packages/react/components/calendar/calendar.tsx b/packages/react/components/calendar/calendar.tsx
index ad3817e9c..ca8c741db 100644
--- a/packages/react/components/calendar/calendar.tsx
+++ b/packages/react/components/calendar/calendar.tsx
@@ -30,7 +30,7 @@ export interface CalendarPropsExtended {
    * (consumer must apply `timeZone` themselves to stay consistent).
    */
   dateInfo?: Record<string, ReactNode> | ((date: Date) => ReactNode | null);
-  loadingData?: boolean;
+  loading?: boolean;
   timeZone?: string;
 }
 
@@ -118,7 +118,7 @@ export const Calendar = function ({
   showTooltip = false,
   tooltipMessages = {},
   dateInfo = {},
-  loadingData = false,
+  loading = false,
   timeZone,
   ...props
 }: CalendarProps) {
@@ -130,8 +130,8 @@ export const Calendar = function ({
         PreviousMonthButton: ({ children, ...props }) => (
           <IconButton
             {...props}
-            disabled={loadingData || props.disabled}
-            className={cx(props.className, loadingData && styles.disabled)}
+            disabled={loading || props.disabled}
+            className={cx(props.className, loading && styles.disabled)}
             size={3}
             aria-label='Previous month'
             data-slot='calendar-nav-previous'
@@ -142,8 +142,8 @@ export const Calendar = function ({
         NextMonthButton: ({ children, ...props }) => (
           <IconButton
             {...props}
-            disabled={loadingData || props.disabled}
-            className={cx(props.className, loadingData && styles.disabled)}
+            disabled={loading || props.disabled}
+            className={cx(props.className, loading && styles.disabled)}
             size={3}
             aria-label='Next month'
             data-slot='calendar-nav-next'
@@ -155,7 +155,7 @@ export const Calendar = function ({
           <DropDown
             {...props}
             onDropdownOpen={onDropdownOpen}
-            disabled={loadingData}
+            disabled={loading}
           />
         ),
         DayButton: props => {
@@ -177,12 +177,12 @@ export const Calendar = function ({
           const hasDateInfo = Boolean(dateComponent);
 
           return (
-            <Tooltip disabled={loadingData || !showTooltip || !message}>
+            <Tooltip disabled={loading || !showTooltip || !message}>
               <Tooltip.Trigger
                 render={
                   <button
                     {...buttonProps}
-                    disabled={loadingData || buttonProps.disabled}
+                    disabled={loading || buttonProps.disabled}
                     className={cx(
                       buttonProps.className,
                       hasDateInfo && styles.dayButtonWithInfo
@@ -216,12 +216,12 @@ export const Calendar = function ({
           <div className={styles.monthGridWrap} data-slot='calendar-month-grid'>
             <table
               {...props}
-              aria-busy={loadingData || undefined}
+              aria-busy={loading || undefined}
               data-slot='calendar-grid-table'
             />
             <div
               className={styles.monthGridSkeleton}
-              data-visible={loadingData || undefined}
+              data-visible={loading || undefined}
               aria-hidden='true'
               data-slot='calendar-grid-skeleton'
             >
diff --git a/packages/react/components/calendar/date-picker.tsx b/packages/react/components/calendar/date-picker.tsx
index aeb153c86..addb204bb 100644
--- a/packages/react/components/calendar/date-picker.tsx
+++ b/packages/react/components/calendar/date-picker.tsx
@@ -61,7 +61,11 @@ export interface DatePickerProps {
   children?:
     | React.ReactNode
     | ((props: { selectedDate: string }) => React.ReactNode);
-  showCalendarIcon?: boolean;
+  /**
+   * Hides the calendar icon in the input.
+   * @default false
+   */
+  hideCalendarIcon?: boolean;
   timeZone?: string;
 }
 
@@ -76,7 +80,7 @@ export function DatePicker({
   onSelect = () => undefined,
   onErrorChange,
   children,
-  showCalendarIcon = true,
+  hideCalendarIcon = false,
   timeZone
 }: DatePickerProps) {
   // Merge legacy props with slotProps; slotProps wins when both are set.
@@ -229,7 +233,7 @@ export function DatePicker({
       size='small'
       placeholder='Select date'
       className={styles.datePickerInput}
-      trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}
+      trailingIcon={hideCalendarIcon ? undefined : <CalendarIcon />}
       data-slot='date-picker-input'
       {...inputProps}
       ref={popover.inputRef}
diff --git a/packages/react/components/calendar/range-picker.tsx b/packages/react/components/calendar/range-picker.tsx
index ff07830a1..40f2f93a3 100644
--- a/packages/react/components/calendar/range-picker.tsx
+++ b/packages/react/components/calendar/range-picker.tsx
@@ -49,7 +49,11 @@ export interface RangePickerProps {
   children?:
     | React.ReactNode
     | ((props: { startDate: string; endDate: string }) => React.ReactNode);
-  showCalendarIcon?: boolean;
+  /**
+   * Hides the calendar icon in the input.
+   * @default false
+   */
+  hideCalendarIcon?: boolean;
   footer?: React.ReactNode;
   timeZone?: string;
 }
@@ -71,7 +75,7 @@ export function RangePicker({
   defaultValue,
   pickerGroupClassName,
   children,
-  showCalendarIcon = true,
+  hideCalendarIcon = false,
   footer,
   timeZone
 }: RangePickerProps) {
@@ -227,7 +231,7 @@ export function RangePicker({
       <Input
         size='small'
         placeholder='Select start date'
-        trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}
+        trailingIcon={hideCalendarIcon ? undefined : <CalendarIcon />}
         className={styles.datePickerInput}
         data-slot='range-picker-start-input'
         {...startInputProps}
@@ -241,7 +245,7 @@ export function RangePicker({
       <Input
         size='small'
         placeholder='Select end date'
-        trailingIcon={showCalendarIcon ? <CalendarIcon /> : undefined}
+        trailingIcon={hideCalendarIcon ? undefined : <CalendarIcon />}
         className={styles.datePickerInput}
         data-slot='range-picker-end-input'
         {...endInputProps}
diff --git a/packages/react/components/chip/__tests__/chip.test.tsx b/packages/react/components/chip/__tests__/chip.test.tsx
index b5e9ad76a..ebe20d484 100644
--- a/packages/react/components/chip/__tests__/chip.test.tsx
+++ b/packages/react/components/chip/__tests__/chip.test.tsx
@@ -141,7 +141,7 @@ describe('Chip', () => {
     it('stays a span when dismissible, even with onClick', () => {
       const ref = createRef<HTMLSpanElement>();
       render(
-        <Chip ref={ref} isDismissible onClick={vi.fn()} onDismiss={vi.fn()}>
+        <Chip ref={ref} dismissible onClick={vi.fn()} onDismiss={vi.fn()}>
           Test Chip
         </Chip>
       );
@@ -151,8 +151,8 @@ describe('Chip', () => {
   });
 
   describe('Dismissible Behavior', () => {
-    it('renders dismiss button when isDismissible is true', () => {
-      render(<Chip isDismissible>Dismissible Chip</Chip>);
+    it('renders dismiss button when dismissible is true', () => {
+      render(<Chip dismissible>Dismissible Chip</Chip>);
 
       const dismissButton = screen.getByRole('button', {
         name: 'Remove Dismissible Chip'
@@ -163,7 +163,7 @@ describe('Chip', () => {
     });
 
     it('uses the shared XIcon registry icon for the dismiss button', () => {
-      const { container } = render(<Chip isDismissible>Dismissible Chip</Chip>);
+      const { container } = render(<Chip dismissible>Dismissible Chip</Chip>);
 
       const icon = container.querySelector('[data-icon="XIcon"]');
       expect(icon).toBeInTheDocument();
@@ -178,7 +178,7 @@ describe('Chip', () => {
       );
       render(
         <IconProvider components={{ XIcon: CustomX }}>
-          <Chip isDismissible>Dismissible Chip</Chip>
+          <Chip dismissible>Dismissible Chip</Chip>
         </IconProvider>
       );
 
@@ -191,7 +191,7 @@ describe('Chip', () => {
     it('calls onDismiss when dismiss button is clicked', () => {
       const onDismiss = vi.fn();
       render(
-        <Chip isDismissible onDismiss={onDismiss}>
+        <Chip dismissible onDismiss={onDismiss}>
           Dismissible Chip
         </Chip>
       );
@@ -209,7 +209,7 @@ describe('Chip', () => {
       const onDismiss = vi.fn();
 
       render(
-        <Chip isDismissible onClick={onClick} onDismiss={onDismiss}>
+        <Chip dismissible onClick={onClick} onDismiss={onDismiss}>
           Dismissible Chip
         </Chip>
       );
diff --git a/packages/react/components/chip/__tests__/data-slots.test.tsx b/packages/react/components/chip/__tests__/data-slots.test.tsx
index 0fdc85dc2..7dfdf76aa 100644
--- a/packages/react/components/chip/__tests__/data-slots.test.tsx
+++ b/packages/react/components/chip/__tests__/data-slots.test.tsx
@@ -15,7 +15,7 @@ describe('Chip data-slot contract', () => {
 
   it('exposes dismiss slots when dismissible', () => {
     const { container } = render(
-      <Chip isDismissible onDismiss={vi.fn()}>
+      <Chip dismissible onDismiss={vi.fn()}>
         Label
       </Chip>
     );
diff --git a/packages/react/components/chip/chip.tsx b/packages/react/components/chip/chip.tsx
index cd0b11a7c..bea2ce56e 100644
--- a/packages/react/components/chip/chip.tsx
+++ b/packages/react/components/chip/chip.tsx
@@ -36,7 +36,7 @@ export type ChipProps = ComponentProps<'span'> &
   VariantProps<typeof chip> & {
     trailingIcon?: ReactNode;
     leadingIcon?: ReactNode;
-    isDismissible?: boolean;
+    dismissible?: boolean;
     onDismiss?: () => void;
     disabled?: boolean;
   };
@@ -48,7 +48,7 @@ export const Chip = ({
   color,
   trailingIcon,
   leadingIcon,
-  isDismissible,
+  dismissible,
   children,
   className,
   onDismiss,
@@ -63,7 +63,7 @@ export const Chip = ({
     onDismiss?.();
   };
 
-  const isInteractive = !!onClick && !isDismissible;
+  const isInteractive = !!onClick && !dismissible;
 
   const sharedProps = {
     'aria-label':
@@ -84,7 +84,7 @@ export const Chip = ({
         </span>
       )}
       {children}
-      {isDismissible ? (
+      {dismissible ? (
         <button
           onClick={handleDismiss}
           className={styles['dismiss-button']}
diff --git a/packages/react/components/copy-button/__tests__/copy-button.test.tsx b/packages/react/components/copy-button/__tests__/copy-button.test.tsx
index 89427916f..4fc47f628 100644
--- a/packages/react/components/copy-button/__tests__/copy-button.test.tsx
+++ b/packages/react/components/copy-button/__tests__/copy-button.test.tsx
@@ -1,4 +1,4 @@
-import { fireEvent, render, screen } from '@testing-library/react';
+import { act, fireEvent, render, screen } from '@testing-library/react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { CopyButton } from '../copy-button';
 
@@ -60,5 +60,22 @@ describe('CopyButton', () => {
       fireEvent.click(screen.getByRole('button'));
       expect(mockCopy).toHaveBeenCalledWith('Second text');
     });
+
+    it('keeps the check icon when resetTimeout is Infinity', async () => {
+      vi.useFakeTimers();
+      const { container } = render(
+        <CopyButton text='Copy me' resetTimeout={Infinity} />
+      );
+      await act(async () => {
+        fireEvent.click(screen.getByRole('button'));
+      });
+      act(() => {
+        vi.advanceTimersByTime(10000);
+      });
+      expect(
+        container.querySelector('[data-slot="copy-button-icons"]')
+      ).toHaveAttribute('data-copied');
+      vi.useRealTimers();
+    });
   });
 });
diff --git a/packages/react/components/copy-button/copy-button.tsx b/packages/react/components/copy-button/copy-button.tsx
index b7387d8ae..654e34025 100644
--- a/packages/react/components/copy-button/copy-button.tsx
+++ b/packages/react/components/copy-button/copy-button.tsx
@@ -8,14 +8,16 @@ import styles from './copy-button.module.css';
 
 export interface CopyButtonProps extends IconButtonProps {
   text: string;
+  /**
+   * Milliseconds before the check icon changes back. `Infinity` keeps it.
+   * @default 1000
+   */
   resetTimeout?: number;
-  resetIcon?: boolean;
 }
 
 export function CopyButton({
   text,
   resetTimeout = 1000,
-  resetIcon = true,
   ...props
 }: CopyButtonProps) {
   const { copy } = useCopyToClipboard();
@@ -32,13 +34,12 @@ export function CopyButton({
     const res = await copy(text);
     if (!res) return;
     setCopied(true);
-    if (resetIcon) {
-      if (resetTimerRef.current !== null) clearTimeout(resetTimerRef.current);
-      resetTimerRef.current = setTimeout(() => {
-        setCopied(false);
-        resetTimerRef.current = null;
-      }, resetTimeout);
-    }
+    if (!Number.isFinite(resetTimeout)) return;
+    if (resetTimerRef.current !== null) clearTimeout(resetTimerRef.current);
+    resetTimerRef.current = setTimeout(() => {
+      setCopied(false);
+      resetTimerRef.current = null;
+    }, resetTimeout);
   }
 
   return (
diff --git a/packages/react/components/data-view/__tests__/data-slots.test.tsx b/packages/react/components/data-view/__tests__/data-slots.test.tsx
index e01ac3ae7..d1ca55a17 100644
--- a/packages/react/components/data-view/__tests__/data-slots.test.tsx
+++ b/packages/react/components/data-view/__tests__/data-slots.test.tsx
@@ -112,7 +112,7 @@ describe('DataView data-slot contract', () => {
         data={data}
         fields={fields}
         defaultSort={defaultSort}
-        isLoading
+        loading
         loadingRowCount={1}
       >
         <DataView.List variant='table' columns={columns} />
@@ -128,7 +128,7 @@ describe('DataView data-slot contract', () => {
         data={data}
         fields={fields}
         defaultSort={defaultSort}
-        isLoading
+        loading
         loadingRowCount={2}
       >
         <DataView.List variant='table' columns={columns} />
diff --git a/packages/react/components/data-view/__tests__/data-view.test.tsx b/packages/react/components/data-view/__tests__/data-view.test.tsx
index 2b0b2abf3..0592c7d8c 100644
--- a/packages/react/components/data-view/__tests__/data-view.test.tsx
+++ b/packages/react/components/data-view/__tests__/data-view.test.tsx
@@ -1045,13 +1045,13 @@ describe('DataView', () => {
   });
 
   describe('Loading state', () => {
-    it('renders skeleton rows when isLoading is true (non-virtualized)', () => {
+    it('renders skeleton rows when loading is true (non-virtualized)', () => {
       const { container } = render(
         <DataView
           data={mockData}
           fields={mockFields}
           defaultSort={defaultSort}
-          isLoading
+          loading
           loadingRowCount={4}
         >
           <DataView.List variant='table' columns={mockColumns} />
@@ -1061,14 +1061,14 @@ describe('DataView', () => {
       expect(loaderRows.length).toBe(4);
     });
 
-    it('renders skeleton rows when isLoading is true (virtualized)', () => {
+    it('renders skeleton rows when loading is true (virtualized)', () => {
       const { container } = render(
         <div style={{ height: 300 }}>
           <DataView
             data={mockData}
             fields={mockFields}
             defaultSort={defaultSort}
-            isLoading
+            loading
             loadingRowCount={5}
           >
             <DataView.List variant='table' columns={mockColumns} virtualized />
@@ -1085,7 +1085,7 @@ describe('DataView', () => {
           data={[]}
           fields={mockFields}
           defaultSort={defaultSort}
-          isLoading
+          loading
           loadingRowCount={3}
         >
           <DataView.List variant='table' columns={mockColumns} />
@@ -1107,7 +1107,7 @@ describe('DataView', () => {
             data={[]}
             fields={mockFields}
             defaultSort={defaultSort}
-            isLoading
+            loading
             loadingRowCount={3}
           >
             <DataView.List variant='table' columns={mockColumns} virtualized />
@@ -1124,7 +1124,7 @@ describe('DataView', () => {
           data={mockData}
           fields={mockFields}
           defaultSort={defaultSort}
-          isLoading
+          loading
           loadingRowCount={2}
         >
           <DataView.List variant='table' columns={mockColumns} />
@@ -1137,7 +1137,7 @@ describe('DataView', () => {
           data={mockData}
           fields={mockFields}
           defaultSort={defaultSort}
-          isLoading
+          loading
           loadingRowCount={7}
         >
           <DataView.List variant='table' columns={mockColumns} />
@@ -1188,7 +1188,7 @@ describe('DataView', () => {
       expect(onLoadMore).toHaveBeenCalledTimes(1);
     });
 
-    it('does not trigger onLoadMore while isLoading is true', () => {
+    it('does not trigger onLoadMore while loading is true', () => {
       const onLoadMore = vi.fn();
       render(
         <DataView
@@ -1196,7 +1196,7 @@ describe('DataView', () => {
           fields={mockFields}
           defaultSort={defaultSort}
           mode='server'
-          isLoading
+          loading
           onLoadMore={onLoadMore}
         >
           <DataView.List variant='table' columns={mockColumns} />
diff --git a/packages/react/components/data-view/__tests__/timeline.test.tsx b/packages/react/components/data-view/__tests__/timeline.test.tsx
index f000be845..2498234a5 100644
--- a/packages/react/components/data-view/__tests__/timeline.test.tsx
+++ b/packages/react/components/data-view/__tests__/timeline.test.tsx
@@ -653,8 +653,8 @@ describe('DataView.Timeline', () => {
     expect(screen.getByText(label)).toBeInTheDocument();
   });
 
-  it('does not track the cursor when showCursorLine is false', async () => {
-    const { container } = renderTimeline({ showCursorLine: false });
+  it('does not track the cursor when hideCursorLine is set', async () => {
+    const { container } = renderTimeline({ hideCursorLine: true });
     const root = container.firstElementChild as HTMLElement;
     await act(async () => {
       fireEvent.mouseMove(root, { clientX: 100 });
@@ -1583,8 +1583,8 @@ describe('DataView.Timeline grouping', () => {
     );
   });
 
-  it('hides the bands but keeps the sections with showGroupHeaders={false}', () => {
-    const { container } = renderGrouped({ showGroupHeaders: false });
+  it('hides the bands but keeps the sections with hideGroupHeaders', () => {
+    const { container } = renderGrouped({ hideGroupHeaders: true });
     expect(bands(container)).toHaveLength(0);
     expect(container.querySelector('[class*="timelineGroupSlot"]')).toBeNull();
     // Rows stay grouped (List semantics): the 38px bands are gone, so every
diff --git a/packages/react/components/data-view/components/list.tsx b/packages/react/components/data-view/components/list.tsx
index 3c196462c..0bed5f264 100644
--- a/packages/react/components/data-view/components/list.tsx
+++ b/packages/react/components/data-view/components/list.tsx
@@ -48,7 +48,7 @@ export function DataViewList<TData, TValue = unknown>({
   estimatedRowHeight,
   virtualized = false,
   showDividers,
-  showGroupHeaders = true,
+  hideGroupHeaders = false,
   stickyGroupHeader = false,
   classNames = {}
 }: DataViewListProps<TData, TValue>) {
@@ -471,7 +471,7 @@ export function DataViewList<TData, TValue = unknown>({
           transform: `translateY(${item.start}px)`
         };
         if (isGroupHeader) {
-          if (!showGroupHeaders) return null;
+          if (hideGroupHeaders) return null;
           const hidden = stickyGroupIndex === item.index;
           return renderGroupHeader(row, {
             style: positionStyle,
@@ -502,7 +502,7 @@ export function DataViewList<TData, TValue = unknown>({
       {rows.map(row => {
         const isGroupHeader = row.subRows && row.subRows.length > 0;
         if (isGroupHeader) {
-          return showGroupHeaders ? renderGroupHeader(row) : null;
+          return hideGroupHeaders ? null : renderGroupHeader(row);
         }
         return renderDataRow(row);
       })}
diff --git a/packages/react/components/data-view/components/timeline.tsx b/packages/react/components/data-view/components/timeline.tsx
index 209adaeb7..50abb1c3e 100644
--- a/packages/react/components/data-view/components/timeline.tsx
+++ b/packages/react/components/data-view/components/timeline.tsx
@@ -382,10 +382,10 @@ export function DataViewTimeline<TData>({
   range,
   today = true,
   markers,
-  showGridlines = true,
+  hideGridlines = false,
   tickInterval,
   gridlineInterval = 1,
-  showCursorLine = true,
+  hideCursorLine = false,
   defaultScrollTo = 'today',
   scrollToResults = true,
   onVisibleRangeChange,
@@ -396,7 +396,7 @@ export function DataViewTimeline<TData>({
   minCardWidth: minCardWidthProp,
   estimatedPointWidth: estimatedPointWidthProp,
   virtualized = false,
-  showGroupHeaders = true,
+  hideGroupHeaders = false,
   classNames = {}
 }: DataViewTimelineProps<TData>) {
   const {
@@ -830,7 +830,7 @@ export function DataViewTimeline<TData>({
     let y = 0;
     for (const section of laidOutSections) {
       const sectionTop = y;
-      const banded = showGroupHeaders && section.group !== null;
+      const banded = !hideGroupHeaders && section.group !== null;
       if (banded) y += groupBandHeight;
       y += laneGap;
       for (let i = 0; i < section.laneCount; i++) {
@@ -883,7 +883,7 @@ export function DataViewTimeline<TData>({
     fixedLaneHeight,
     laneGap,
     groupBandHeight,
-    showGroupHeaders,
+    hideGroupHeaders,
     measureVersion
   ]);
 
@@ -999,7 +999,7 @@ export function DataViewTimeline<TData>({
   const cursorRafRef = useRef<number | null>(null);
 
   const updateCursorFromPointer = useCallback(() => {
-    if (!showCursorLine) return;
+    if (hideCursorLine) return;
     const el = scrollRef.current;
     const pointerX = pointerXRef.current;
     if (!el || pointerX === null) return;
@@ -1011,11 +1011,11 @@ export function DataViewTimeline<TData>({
     );
     const snapped = startOfUnit(new Date(time), scale).getTime();
     setCursorTime(prev => (prev === snapped ? prev : snapped));
-  }, [showCursorLine, timeScale, scale]);
+  }, [hideCursorLine, timeScale, scale]);
 
   const handlePointerMove = useCallback(
     (event: React.MouseEvent<HTMLDivElement>) => {
-      if (!showCursorLine) return;
+      if (hideCursorLine) return;
       pointerXRef.current = event.clientX;
       if (cursorRafRef.current !== null) return;
       cursorRafRef.current = requestAnimationFrame(() => {
@@ -1023,7 +1023,7 @@ export function DataViewTimeline<TData>({
         updateCursorFromPointer();
       });
     },
-    [showCursorLine, updateCursorFromPointer]
+    [hideCursorLine, updateCursorFromPointer]
   );
 
   const handlePointerLeave = useCallback(() => {
@@ -1189,7 +1189,7 @@ export function DataViewTimeline<TData>({
     if (el) {
       savedScrollRef.current = { left: el.scrollLeft, top: el.scrollTop };
     }
-    if (!needsViewport && !showCursorLine) return;
+    if (!needsViewport && hideCursorLine) return;
     if (rafIdRef.current !== null) return;
     rafIdRef.current = requestAnimationFrame(() => {
       rafIdRef.current = null;
@@ -1199,7 +1199,7 @@ export function DataViewTimeline<TData>({
       }
       updateCursorFromPointer();
     });
-  }, [needsViewport, showCursorLine, readViewport, updateCursorFromPointer]);
+  }, [needsViewport, hideCursorLine, readViewport, updateCursorFromPointer]);
 
   useEffect(
     () => () => {
@@ -1585,8 +1585,8 @@ export function DataViewTimeline<TData>({
       data-dragging={isDragging || undefined}
       data-slot='data-view-timeline'
       onScroll={handleScroll}
-      onMouseMove={showCursorLine ? handlePointerMove : undefined}
-      onMouseLeave={showCursorLine ? handlePointerLeave : undefined}
+      onMouseMove={hideCursorLine ? undefined : handlePointerMove}
+      onMouseLeave={hideCursorLine ? undefined : handlePointerLeave}
       onPointerDown={handleDragPointerDown}
       onPointerMove={handleDragPointerMove}
       onPointerUp={handleDragEnd}
@@ -1698,7 +1698,7 @@ export function DataViewTimeline<TData>({
         style={{ width: timeScale.totalWidth, height: canvasHeight }}
         data-slot='data-view-timeline-canvas'
       >
-        {showGridlines
+        {!hideGridlines
           ? visibleTicks.map(tick =>
               tick.index % gridlineEvery === 0 ? (
                 <div
diff --git a/packages/react/components/data-view/data-view.tsx b/packages/react/components/data-view/data-view.tsx
index 3d90946e6..3e48b9c48 100644
--- a/packages/react/components/data-view/data-view.tsx
+++ b/packages/react/components/data-view/data-view.tsx
@@ -52,7 +52,7 @@ function DataViewRoot<TData>({
   fields,
   query,
   mode = 'client',
-  isLoading = false,
+  loading = false,
   totalRowCount,
   loadingRowCount = 3,
   defaultSort,
@@ -258,7 +258,7 @@ function DataViewRoot<TData>({
     }
   })();
 
-  const hasData = rowCount > 0 || isLoading;
+  const hasData = rowCount > 0 || loading;
 
   const hasActiveQueryFlag = useMemo(
     () => computeHasActiveQuery(tableQuery, defaultSort),
@@ -279,7 +279,7 @@ function DataViewRoot<TData>({
       rootFields: fields,
       data,
       mode,
-      isLoading,
+      isLoading: loading,
       loadMoreData,
       tableQuery,
       updateTableQuery,
@@ -308,7 +308,7 @@ function DataViewRoot<TData>({
       fields,
       data,
       mode,
-      isLoading,
+      loading,
       loadMoreData,
       tableQuery,
       updateTableQuery,
diff --git a/packages/react/components/data-view/data-view.types.tsx b/packages/react/components/data-view/data-view.types.tsx
index 8ec4dff2b..da8b5987e 100644
--- a/packages/react/components/data-view/data-view.types.tsx
+++ b/packages/react/components/data-view/data-view.types.tsx
@@ -164,7 +164,7 @@ export interface DataViewProps<TData> {
   /** Initial query. Transformed to the internal shape on mount. */
   query?: DataViewQuery;
   mode?: DataViewMode;
-  isLoading?: boolean;
+  loading?: boolean;
   totalRowCount?: number;
   loadingRowCount?: number;
   onTableQueryChange?: (query: DataViewQuery) => void;
@@ -239,8 +239,8 @@ export interface DataViewListProps<TData, TValue = unknown> {
   virtualized?: boolean;
   /** Render thin dividers between rows. Defaults to true for `variant="table"`. */
   showDividers?: boolean;
-  /** Show group section headers when grouping is active. Default true. */
-  showGroupHeaders?: boolean;
+  /** Hide group section headers when grouping is active. Default false. */
+  hideGroupHeaders?: boolean;
   /** When true, group headers stick under the table header while scrolling. Default false. */
   stickyGroupHeader?: boolean;
   /** @deprecated Style rendered parts by `[data-slot]` instead. See `DataViewListClassNames`. */
@@ -385,8 +385,8 @@ export interface DataViewTimelineProps<TData> {
   today?: boolean | TimelineDateInput;
   /** Additional full-height marker lines with axis badges. */
   markers?: TimelineMarker[];
-  /** Vertical gridlines at every axis tick. Default true. */
-  showGridlines?: boolean;
+  /** Hide the vertical gridlines at every axis tick. Default false. */
+  hideGridlines?: boolean;
   /**
    * Label every Nth `scale` unit on the axis, counted from the domain start
    * (e.g. `2` on a day scale labels every other day). Labels never render
@@ -401,10 +401,10 @@ export interface DataViewTimelineProps<TData> {
    */
   gridlineInterval?: number;
   /**
-   * Hover crosshair: a darker line snapped to the sub-interval (tick unit)
-   * under the pointer, with a date badge pinned to the axis. Default true.
+   * Hide the hover crosshair: a darker line snapped to the sub-interval (tick
+   * unit) under the pointer, with a date badge pinned to the axis. Default false.
    */
-  showCursorLine?: boolean;
+  hideCursorLine?: boolean;
   /** Initial horizontal scroll target. Default 'today'. */
   defaultScrollTo?: TimelineDateInput | 'today' | 'start' | 'end';
   /**
@@ -472,11 +472,11 @@ export interface DataViewTimelineProps<TData> {
   virtualized?: boolean;
 
   /**
-   * Render the group header band above each section when `group_by` is active.
-   * Same contract as `DataViewListProps.showGroupHeaders`: false hides the
-   * bands only, and rows stay grouped into their sections. Default true.
+   * Hide the group header band above each section when `group_by` is active.
+   * Same contract as `DataViewListProps.hideGroupHeaders`: true hides the
+   * bands only, and rows stay grouped into their sections. Default false.
    */
-  showGroupHeaders?: boolean;
+  hideGroupHeaders?: boolean;
   /** @deprecated Style rendered parts by `[data-slot]` instead. See `DataViewTimelineClassNames`. */
   classNames?: DataViewTimelineClassNames;
 }
diff --git a/packages/react/components/dialog/__tests__/data-slots.test.tsx b/packages/react/components/dialog/__tests__/data-slots.test.tsx
index 31c6fd64d..01404794d 100644
--- a/packages/react/components/dialog/__tests__/data-slots.test.tsx
+++ b/packages/react/components/dialog/__tests__/data-slots.test.tsx
@@ -3,9 +3,9 @@ import { describe, expect, it } from 'vitest';
 import { expectSlots, getSlot } from '~/test-utils/data-slots';
 import { Dialog } from '../dialog';
 
-const OpenDialog = ({ showCloseButton = true }) => (
+const OpenDialog = ({ hideCloseButton = false }) => (
   <Dialog open>
-    <Dialog.Content showCloseButton={showCloseButton}>
+    <Dialog.Content hideCloseButton={hideCloseButton}>
       <Dialog.Header>
         <Dialog.Title>Title</Dialog.Title>
       </Dialog.Header>
@@ -37,7 +37,7 @@ describe('Dialog data-slot contract', () => {
   });
 
   it('omits the close slot when the close button is hidden', () => {
-    render(<OpenDialog showCloseButton={false} />);
+    render(<OpenDialog hideCloseButton />);
     expect(getSlot(document.body, 'dialog-close')).toBeNull();
   });
 });
diff --git a/packages/react/components/dialog/dialog-content.tsx b/packages/react/components/dialog/dialog-content.tsx
index 66e4dc183..aa5a80800 100644
--- a/packages/react/components/dialog/dialog-content.tsx
+++ b/packages/react/components/dialog/dialog-content.tsx
@@ -8,13 +8,17 @@ import styles from './dialog.module.css';
 import { CloseButton } from './dialog-misc';
 
 export interface DialogContentProps extends DialogPrimitive.Popup.Props {
-  showCloseButton?: boolean;
+  /**
+   * Hides the close button.
+   * @default false
+   */
+  hideCloseButton?: boolean;
   overlay?: DialogPrimitive.Backdrop.Props & { blur?: boolean };
   /**
-   * Toggles nested dialog animation (scaling and translation)
-   * `@default` true
+   * Turns off the scale and offset of a dialog that has a nested dialog open.
+   * @default false
    */
-  showNestedAnimation?: boolean;
+  disableNestedAnimation?: boolean;
   /** Corner radius for this dialog only. Overrides the theme's `radius`. */
   radius?: Radius;
 }
@@ -22,9 +26,9 @@ export interface DialogContentProps extends DialogPrimitive.Popup.Props {
 export function DialogContent({
   className,
   children,
-  showCloseButton = true,
+  hideCloseButton = false,
   overlay,
-  showNestedAnimation = true,
+  disableNestedAnimation = false,
   radius,
   ...props
 }: DialogContentProps) {
@@ -48,7 +52,7 @@ export function DialogContent({
           {...theme}
           className={cx(
             styles.dialogContent,
-            showNestedAnimation && styles.showNestedAnimation,
+            !disableNestedAnimation && styles.nestedAnimation,
             theme?.className,
             radiusStyle({ radius }),
             className
@@ -57,7 +61,7 @@ export function DialogContent({
           {...props}
         >
           {children}
-          {showCloseButton && <CloseButton className={styles.closeButton} />}
+          {!hideCloseButton && <CloseButton className={styles.closeButton} />}
         </DialogPrimitive.Popup>
       </DialogPrimitive.Viewport>
     </DialogPrimitive.Portal>
diff --git a/packages/react/components/dialog/dialog.module.css b/packages/react/components/dialog/dialog.module.css
index fd53ef561..7bdffc3a6 100644
--- a/packages/react/components/dialog/dialog.module.css
+++ b/packages/react/components/dialog/dialog.module.css
@@ -35,7 +35,7 @@
   transform: translate(-50%, min(160px, calc(50vh - 50%)));
 }
 
-.dialogContent.showNestedAnimation {
+.dialogContent.nestedAnimation {
   transform: translate(-50%, min(160px, calc(50vh - 50%)))
     scale(calc(1 - 0.1 * var(--nested-dialogs, 0)));
   translate: 0 calc(1.25rem * var(--nested-dialogs, 0));
@@ -83,8 +83,8 @@
       transform var(--rs-duration-normal) var(--rs-ease-out);
   }
 
-  .dialogContent.showNestedAnimation[data-starting-style],
-  .dialogContent.showNestedAnimation[data-ending-style] {
+  .dialogContent.nestedAnimation[data-starting-style],
+  .dialogContent.nestedAnimation[data-ending-style] {
     transform: translate(-50%, min(160px, calc(50vh - 50%))) scale(0.9);
   }
 }
diff --git a/packages/react/components/drawer/__tests__/data-slots.test.tsx b/packages/react/components/drawer/__tests__/data-slots.test.tsx
index ffd61c696..0c14ee71b 100644
--- a/packages/react/components/drawer/__tests__/data-slots.test.tsx
+++ b/packages/react/components/drawer/__tests__/data-slots.test.tsx
@@ -3,9 +3,9 @@ import { describe, expect, it } from 'vitest';
 import { expectSlots, getSlot } from '~/test-utils/data-slots';
 import { Drawer } from '../drawer';
 
-const OpenDrawer = ({ showCloseButton = true }) => (
+const OpenDrawer = ({ hideCloseButton = false }) => (
   <Drawer open>
-    <Drawer.Content showCloseButton={showCloseButton}>
+    <Drawer.Content hideCloseButton={hideCloseButton}>
       <Drawer.Header>
         <Drawer.Title>Title</Drawer.Title>
         <Drawer.Description>Description</Drawer.Description>
@@ -35,7 +35,7 @@ describe('Drawer data-slot contract', () => {
   });
 
   it('omits the close slot when the close button is hidden', () => {
-    render(<OpenDrawer showCloseButton={false} />);
+    render(<OpenDrawer hideCloseButton />);
     expect(getSlot(document.body, 'drawer-close')).toBeNull();
   });
 });
diff --git a/packages/react/components/drawer/__tests__/drawer.test.tsx b/packages/react/components/drawer/__tests__/drawer.test.tsx
index ccd025528..94724dc3e 100644
--- a/packages/react/components/drawer/__tests__/drawer.test.tsx
+++ b/packages/react/components/drawer/__tests__/drawer.test.tsx
@@ -13,16 +13,16 @@ const DRAWER_CONTENT = 'This is test drawer content';
 const DRAWER_DESCRIPTION = 'This is test drawer description';
 
 const BasicDrawer = ({
-  showCloseButton = true,
+  hideCloseButton = false,
   side = 'right' as const,
   ...props
 }: {
-  showCloseButton?: boolean;
+  hideCloseButton?: boolean;
   side?: 'top' | 'right' | 'bottom' | 'left';
 } & Record<string, unknown>) => (
   <Drawer side={side} {...props}>
     <Drawer.Trigger render={<Button />}>{TRIGGER_TEXT}</Drawer.Trigger>
-    <Drawer.Content side={side} showCloseButton={showCloseButton}>
+    <Drawer.Content side={side} hideCloseButton={hideCloseButton}>
       <Drawer.Header>
         <Drawer.Title>{DRAWER_TITLE}</Drawer.Title>
         <Drawer.Description>{DRAWER_DESCRIPTION}</Drawer.Description>
@@ -153,14 +153,14 @@ describe('Drawer', () => {
   });
 
   describe('Close Behavior', () => {
-    it('renders close button when showCloseButton prop is true', async () => {
-      await renderAndOpenDrawer(<BasicDrawer showCloseButton />);
+    it('renders close button by default', async () => {
+      await renderAndOpenDrawer(<BasicDrawer />);
 
       expect(screen.getByLabelText('Close')).toBeInTheDocument();
     });
 
-    it('does not render close button when showCloseButton prop is false', async () => {
-      await renderAndOpenDrawer(<BasicDrawer showCloseButton={false} />);
+    it('does not render close button when hideCloseButton is set', async () => {
+      await renderAndOpenDrawer(<BasicDrawer hideCloseButton />);
 
       await waitFor(() => {
         expect(screen.queryByLabelText('Close')).not.toBeInTheDocument();
@@ -170,7 +170,7 @@ describe('Drawer', () => {
     it('closes drawer when close button is clicked', async () => {
       const user = userEvent.setup();
 
-      await renderAndOpenDrawer(<BasicDrawer showCloseButton />);
+      await renderAndOpenDrawer(<BasicDrawer />);
 
       await user.click(screen.getByLabelText('Close'));
 
diff --git a/packages/react/components/drawer/drawer-content.tsx b/packages/react/components/drawer/drawer-content.tsx
index d596bfac0..11ac4abc3 100644
--- a/packages/react/components/drawer/drawer-content.tsx
+++ b/packages/react/components/drawer/drawer-content.tsx
@@ -27,7 +27,11 @@ const drawerPopup = cva(styles.drawerPopup, {
 export interface DrawerContentProps
   extends Omit<DrawerPrimitive.Popup.Props, 'children'>,
     VariantProps<typeof drawerPopup> {
-  showCloseButton?: boolean;
+  /**
+   * Hides the close button.
+   * @default false
+   */
+  hideCloseButton?: boolean;
   overlayProps?: DrawerPrimitive.Backdrop.Props;
   children?: ReactNode;
   /** Corner radius for this drawer only. Overrides the theme's `radius`. */
@@ -43,7 +47,7 @@ export function DrawerContent({
   className,
   children,
   side = 'right',
-  showCloseButton = true,
+  hideCloseButton = false,
   overlayProps,
   'aria-label': ariaLabel,
   'aria-labelledby': ariaLabelledBy,
@@ -82,7 +86,7 @@ export function DrawerContent({
             data-slot='drawer-content-body'
           >
             {children}
-            {showCloseButton && (
+            {!hideCloseButton && (
               <DrawerPrimitive.Close
                 className={styles.close}
                 aria-label={closeLabel}
diff --git a/packages/react/components/editor/editor-control.tsx b/packages/react/components/editor/editor-control.tsx
index 86d55224f..9b0e9ef62 100644
--- a/packages/react/components/editor/editor-control.tsx
+++ b/packages/react/components/editor/editor-control.tsx
@@ -41,10 +41,10 @@ export interface EditorControlBaseProps
   /** Accessible name and tooltip text. */
   label?: string;
   /**
-   * Shows the label and shortcut in a tooltip.
-   * @default true
+   * Hides the tooltip that shows the label and shortcut.
+   * @default false
    */
-  tooltip?: boolean;
+  hideTooltip?: boolean;
 }
 
 interface EditorControlProps extends EditorControlBaseProps {
@@ -60,7 +60,7 @@ interface EditorControlProps extends EditorControlBaseProps {
 export function EditorControl({
   label,
   shortcut,
-  tooltip = true,
+  hideTooltip = false,
   pressed,
   render,
   className,
@@ -84,7 +84,7 @@ export function EditorControl({
   // The tooltip stays mounted when it is off, so the trigger element, and
   // any menu anchored to it, is never remounted.
   return (
-    <Tooltip disabled={!tooltip}>
+    <Tooltip disabled={hideTooltip}>
       <Tooltip.Trigger
         render={render ? cloneElement(render, { render: button }) : button}
       >
diff --git a/packages/react/components/editor/editor-link-button.tsx b/packages/react/components/editor/editor-link-button.tsx
index d0b58e387..4a6faa3d7 100644
--- a/packages/react/components/editor/editor-link-button.tsx
+++ b/packages/react/components/editor/editor-link-button.tsx
@@ -18,7 +18,7 @@ export interface EditorLinkButtonProps extends EditorControlBaseProps {}
  */
 export function EditorLinkButton({
   label = 'Link',
-  tooltip = true,
+  hideTooltip = false,
   children,
   onClick,
   ...props
@@ -59,7 +59,7 @@ export function EditorLinkButton({
     'data-slot': 'editor-link-button',
     label,
     shortcut: store.shortcuts.link,
-    tooltip,
+    hideTooltip,
     pressed: active,
     disabled: !enabled
   };
diff --git a/packages/react/components/editor/editor-menu-control.tsx b/packages/react/components/editor/editor-menu-control.tsx
index 45ea13176..3fc77f0cc 100644
--- a/packages/react/components/editor/editor-menu-control.tsx
+++ b/packages/react/components/editor/editor-menu-control.tsx
@@ -37,7 +37,7 @@ interface EditorMenuControlProps extends EditorControlBaseProps {
 /** A toolbar button that opens a menu of block types. */
 export function EditorMenuControl({
   label,
-  tooltip = true,
+  hideTooltip = false,
   trigger,
   disabled,
   children,
@@ -61,7 +61,7 @@ export function EditorMenuControl({
     <Menu open={open} onOpenChange={setOpen} modal={false}>
       <EditorControl
         label={label}
-        tooltip={tooltip}
+        hideTooltip={hideTooltip}
         disabled={disabled}
         render={<Menu.Trigger disabled={disabled} />}
         {...props}
diff --git a/packages/react/components/input/input.tsx b/packages/react/components/input/input.tsx
index 2199c9597..e203e26a0 100644
--- a/packages/react/components/input/input.tsx
+++ b/packages/react/components/input/input.tsx
@@ -95,7 +95,7 @@ export function Input({
           <Chip
             key={index}
             variant='outline'
-            isDismissible={!disabled && !!chip.onRemove}
+            dismissible={!disabled && !!chip.onRemove}
             onDismiss={disabled ? undefined : chip.onRemove}
             className={styles.chip}
             disabled={disabled}
diff --git a/packages/react/components/skeleton/__tests__/skeleton.test.tsx b/packages/react/components/skeleton/__tests__/skeleton.test.tsx
index 6189abbed..cbdf7f8de 100644
--- a/packages/react/components/skeleton/__tests__/skeleton.test.tsx
+++ b/packages/react/components/skeleton/__tests__/skeleton.test.tsx
@@ -146,7 +146,7 @@ describe('Skeleton', () => {
     });
 
     it('removes animation when disabled', () => {
-      const { container } = render(<Skeleton enableAnimation={false} />);
+      const { container } = render(<Skeleton disableAnimation />);
       const skeleton = container.querySelector(`.${styles.skeleton}`);
       expect(skeleton).not.toHaveClass(styles.animate);
     });
diff --git a/packages/react/components/skeleton/skeleton.tsx b/packages/react/components/skeleton/skeleton.tsx
index b09698307..ae14159ad 100644
--- a/packages/react/components/skeleton/skeleton.tsx
+++ b/packages/react/components/skeleton/skeleton.tsx
@@ -12,7 +12,7 @@ export interface SkeletonProps {
   borderRadius?: string | number;
   inline?: boolean;
   duration?: number;
-  enableAnimation?: boolean;
+  disableAnimation?: boolean;
   count?: number;
   style?: CSSProperties;
   className?: string;
@@ -38,7 +38,7 @@ const SkeletonBase = (props: SkeletonProps) => {
     inline = false,
     duration = 1.5,
     count = 1,
-    enableAnimation = true,
+    disableAnimation = false,
     style,
     className,
     containerStyle,
@@ -48,7 +48,7 @@ const SkeletonBase = (props: SkeletonProps) => {
   const skeletonClassName = cx(
     styles.skeleton,
     inline && styles.inline,
-    enableAnimation && styles.animate,
+    !disableAnimation && styles.animate,
     className
   );
 
diff --git a/packages/react/figma/chip.figma.ts b/packages/react/figma/chip.figma.ts
index 89b2561be..3a0f40c11 100644
--- a/packages/react/figma/chip.figma.ts
+++ b/packages/react/figma/chip.figma.ts
@@ -22,7 +22,7 @@ const structure = (function () {
   if (!nested || nested.type !== 'INSTANCE') {
     return {
       children: undefined,
-      isDismissible: undefined,
+      dismissible: undefined,
       leadingIcon: undefined,
       trailingIcon: undefined
     };
@@ -44,7 +44,7 @@ const structure = (function () {
       })(),
       false: undefined
     }),
-    isDismissible: nested.getBoolean('Dismiss'),
+    dismissible: nested.getBoolean('Dismiss'),
     // `leadingIcon` is driven by either the "Avatar" or the "Leading icon"
     // BOOLEAN. Avatar takes precedence and renders the connected <Avatar />.
     leadingIcon: nested.getBoolean('Avatar', {
@@ -79,7 +79,7 @@ export default {
   )}${figma.helpers.react.renderProp(
     'trailingIcon',
     structure.trailingIcon
-  )}${figma.helpers.react.renderProp('isDismissible', structure.isDismissible)}>
+  )}${figma.helpers.react.renderProp('dismissible', structure.dismissible)}>
       ${figma.helpers.react.renderChildren(structure.children)}
     </Chip>`,
   metadata: { nestable: true }

From 0228caecceb22a0d367be02d69ee8db2dc1d00a1 Mon Sep 17 00:00:00 2001
From: Rohan Chakraborty <irohan1999@gmail.com>
Date: Thu, 22 Oct 2026 10:38:10 +0530
Subject: [PATCH 2/3] refactor: [editor, copy-button] tidy hideTooltip and
 reset timer

---
 apps/www/src/content/docs/dataview/props.ts              | 5 ++++-
 packages/react/components/copy-button/copy-button.tsx    | 2 +-
 packages/react/components/editor/editor-link-button.tsx  | 2 --
 packages/react/components/editor/editor-menu-control.tsx | 2 --
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/content/docs/dataview/props.ts b/apps/www/src/content/docs/dataview/props.ts
index 25f4ddd5f..07ede1734 100644
--- a/apps/www/src/content/docs/dataview/props.ts
+++ b/apps/www/src/content/docs/dataview/props.ts
@@ -158,7 +158,10 @@ export interface DataViewListProps {
   /** Render dividers between rows (default true for table). */
   showDividers?: boolean;
 
-  /** Hide group section headers when grouping is active. Default false. */
+  /**
+   * Hides group section headers when grouping is active.
+   * @defaultValue false
+   */
   hideGroupHeaders?: boolean;
 
   /** When true, the active group header sticks under the table header while scrolling. */
diff --git a/packages/react/components/copy-button/copy-button.tsx b/packages/react/components/copy-button/copy-button.tsx
index 654e34025..3e307c0ba 100644
--- a/packages/react/components/copy-button/copy-button.tsx
+++ b/packages/react/components/copy-button/copy-button.tsx
@@ -34,8 +34,8 @@ export function CopyButton({
     const res = await copy(text);
     if (!res) return;
     setCopied(true);
-    if (!Number.isFinite(resetTimeout)) return;
     if (resetTimerRef.current !== null) clearTimeout(resetTimerRef.current);
+    if (!Number.isFinite(resetTimeout)) return;
     resetTimerRef.current = setTimeout(() => {
       setCopied(false);
       resetTimerRef.current = null;
diff --git a/packages/react/components/editor/editor-link-button.tsx b/packages/react/components/editor/editor-link-button.tsx
index 4a6faa3d7..73998239c 100644
--- a/packages/react/components/editor/editor-link-button.tsx
+++ b/packages/react/components/editor/editor-link-button.tsx
@@ -18,7 +18,6 @@ export interface EditorLinkButtonProps extends EditorControlBaseProps {}
  */
 export function EditorLinkButton({
   label = 'Link',
-  hideTooltip = false,
   children,
   onClick,
   ...props
@@ -59,7 +58,6 @@ export function EditorLinkButton({
     'data-slot': 'editor-link-button',
     label,
     shortcut: store.shortcuts.link,
-    hideTooltip,
     pressed: active,
     disabled: !enabled
   };
diff --git a/packages/react/components/editor/editor-menu-control.tsx b/packages/react/components/editor/editor-menu-control.tsx
index 3fc77f0cc..4b76e2633 100644
--- a/packages/react/components/editor/editor-menu-control.tsx
+++ b/packages/react/components/editor/editor-menu-control.tsx
@@ -37,7 +37,6 @@ interface EditorMenuControlProps extends EditorControlBaseProps {
 /** A toolbar button that opens a menu of block types. */
 export function EditorMenuControl({
   label,
-  hideTooltip = false,
   trigger,
   disabled,
   children,
@@ -61,7 +60,6 @@ export function EditorMenuControl({
     <Menu open={open} onOpenChange={setOpen} modal={false}>
       <EditorControl
         label={label}
-        hideTooltip={hideTooltip}
         disabled={disabled}
         render={<Menu.Trigger disabled={disabled} />}
         {...props}

From 34c32e78141f0fcee7496589570f856505d1e2aa Mon Sep 17 00:00:00 2001
From: Rohan Chakraborty <irohan1999@gmail.com>
Date: Thu, 22 Oct 2026 10:44:12 +0530
Subject: [PATCH 3/3] test: [copy-button] restore real timers after each test

---
 .../react/components/copy-button/__tests__/copy-button.test.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/components/copy-button/__tests__/copy-button.test.tsx b/packages/react/components/copy-button/__tests__/copy-button.test.tsx
index 4fc47f628..dbe45a8be 100644
--- a/packages/react/components/copy-button/__tests__/copy-button.test.tsx
+++ b/packages/react/components/copy-button/__tests__/copy-button.test.tsx
@@ -18,6 +18,7 @@ describe('CopyButton', () => {
 
   afterEach(() => {
     vi.clearAllTimers();
+    vi.useRealTimers();
   });
 
   describe('Basic Rendering', () => {
@@ -75,7 +76,6 @@ describe('CopyButton', () => {
       expect(
         container.querySelector('[data-slot="copy-button-icons"]')
       ).toHaveAttribute('data-copied');
-      vi.useRealTimers();
     });
   });
 });