@dashforge/tw 0.3.0-beta → 0.5.0-beta

package/dist/src/components/Tooltip/tooltip.types.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from 'react';
+export interface TooltipSlotProps {
+    content?: {
+        className?: string;
+    };
+    arrow?: {
+        className?: string;
+    };
+}
+/**
+ * Props for `<Tooltip>`.
+ *
+ * Built on `@radix-ui/react-tooltip`. Wrap any element with a tooltip
+ * that follows APG semantics (`role="tooltip"`, `aria-describedby`
+ * wired to the trigger).
+ *
+ * Renders an arrow by default. Three side options
+ * (top / right / bottom / left) with 'top' as default. Delay
+ * configurable via `delayDuration` (forwarded to Radix Provider).
+ */
+export interface TooltipProps {
+    /** The element that, when hovered/focused, shows the tooltip. */
+    children: ReactNode;
+    /** Tooltip body content. */
+    content: ReactNode;
+    /** Side of the trigger to show the tooltip on. @default 'top' */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** Alignment along the perpendicular axis. @default 'center' */
+    align?: 'start' | 'center' | 'end';
+    /** Hide the arrow indicator. @default false (arrow shown) */
+    hideArrow?: boolean;
+    /** Delay before the tooltip shows on hover (ms). @default 200 */
+    delayDuration?: number;
+    /**
+     * Controlled open state. Use when the tooltip should be programmatic
+     * (e.g. revealed on a manual button press). Omit for default
+     * hover / focus behavior.
+     */
+    open?: boolean;
+    /** Called when the tooltip's open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Side offset in pixels from the trigger. @default 4 */
+    sideOffset?: number;
+    /** Per-slot overrides. */
+    slotProps?: TooltipSlotProps;
+}
+//# sourceMappingURL=tooltip.types.d.ts.map

package/dist/src/components/Tooltip/tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,YAAY;IAC3B,iEAAiE;IACjE,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,OAAO,EAAE,SAAS,CAAC;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B"}

package/dist/src/components/Tooltip/tooltip.variants.d.ts

@@ -0,0 +1,34 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            arrow?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            arrow?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    arrow: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            content?: import("tailwind-merge").ClassNameValue;
+            arrow?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string[];
+    arrow: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    content: string[];
+    arrow: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TooltipVariants = VariantProps<typeof tooltipVariants>;
+//# sourceMappingURL=tooltip.variants.d.ts.map

package/dist/src/components/Tooltip/tooltip.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/tooltip.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAa1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/src/index.d.ts

@@ -93,6 +93,27 @@ export { AspectRatio } from './components/AspectRatio/AspectRatio.js';
 export type { AspectRatioProps } from './components/AspectRatio/aspectRatio.types.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
 export type { VisuallyHiddenProps } from './components/VisuallyHidden/visuallyHidden.types.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export type { DialogProps, DialogSlotProps, } from './components/Dialog/dialog.types.js';
+export { dialogVariants } from './components/Dialog/dialog.variants.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export type { TabsProps, TabsSlotProps, TabItem, } from './components/Tabs/tabs.types.js';
+export { tabsVariants } from './components/Tabs/tabs.variants.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export type { TooltipProps, TooltipSlotProps, } from './components/Tooltip/tooltip.types.js';
+export { tooltipVariants } from './components/Tooltip/tooltip.variants.js';
+export { Popover } from './components/Popover/Popover.js';
+export type { PopoverProps, PopoverSlotProps, } from './components/Popover/popover.types.js';
+export { popoverVariants } from './components/Popover/popover.variants.js';
+export { Accordion } from './components/Accordion/Accordion.js';
+export type { AccordionProps, AccordionSlotProps, AccordionItem, } from './components/Accordion/accordion.types.js';
+export { accordionVariants } from './components/Accordion/accordion.variants.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
+export type { SkeletonProps, SkeletonSlotProps, } from './components/Skeleton/skeleton.types.js';
+export { skeletonVariants } from './components/Skeleton/skeleton.variants.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export type { PaginationProps, PaginationSlotProps, PaginationLabels, } from './components/Pagination/pagination.types.js';
+export { paginationVariants } from './components/Pagination/pagination.variants.js';
 export { useAccessState } from './hooks/useAccessState.js';
 export { cn } from './utils/cn.js';
 export { tv } from 'tailwind-variants';
@@ -100,5 +121,5 @@ export type { VariantProps } from 'tailwind-variants';
 /**
  * Package version (synced with `package.json` at publish time).
  */
-export declare const VERSION = "0.3.0-beta";
+export declare const VERSION = "0.5.0-beta";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,YAAY,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EACV,WAAW,EACX,eAAe,GAChB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAIxE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAI9E,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAEvF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,GACb,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAI9E,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAI1F,OAAO,EACL,cAAc,EACd,eAAe,GAChB,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAIhG,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAEvF,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EACV,WAAW,EACX,eAAe,GAChB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAI9E,OAAO,EACL,qBAAqB,EACrB,UAAU,GACX,MAAM,6CAA6C,CAAC;AACrD,YAAY,EACV,0BAA0B,EAC1B,sBAAsB,EACtB,SAAS,EACT,cAAc,EACd,eAAe,GAChB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAE7F,OAAO,EACL,gBAAgB,EAChB,WAAW,GACZ,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAO9E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,YAAY,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,eAAe,GAChB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAOlE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAEjF,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EACL,eAAe,EACf,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAG/F,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAInC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,OAAO,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dashforge/tw",
-  "version": "0.3.0-beta",
+  "version": "0.5.0-beta",
   "private": false,
   "type": "module",
   "main": "./dist/index.esm.js",
@@ -16,18 +16,23 @@
     }
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-checkbox": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.0",
+    "@radix-ui/react-popover": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.0",
     "@vitejs/plugin-react": "*",
     "clsx": "^2.1.0",
     "tailwind-merge": "^2.5.0",
     "tailwind-variants": "^3.1.1",
     "vitest": "*",
     "@dashforge/forms": "0.2.3-beta",
-    "@dashforge/ui-core": "0.2.3-beta",
-    "@dashforge/rbac": "0.2.3-beta"
+    "@dashforge/rbac": "0.2.3-beta",
+    "@dashforge/ui-core": "0.2.3-beta"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/Accordion/Accordion.test.tsx

@@ -0,0 +1,95 @@
+// @vitest-environment jsdom
+import * as React from 'react';
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, screen, fireEvent, cleanup } from '@testing-library/react';
+import { Accordion } from './Accordion.js';
+
+void React;
+afterEach(() => cleanup());
+
+const items = [
+  { value: 'one',   header: 'Section one',   content: <p>One body</p> },
+  { value: 'two',   header: 'Section two',   content: <p>Two body</p> },
+  { value: 'three', header: 'Section three', content: <p>Three body</p> },
+];
+
+function regionIsOpen(bodyText: string): boolean {
+  const node = screen.queryByText(bodyText);
+  if (!node) return false;
+  const region = node.closest('[role="region"]');
+  if (!region) return false;
+  // Radix sets `hidden` attr on closed regions in jsdom.
+  return region.getAttribute('hidden') === null && !(region as HTMLElement).hidden;
+}
+
+describe('Accordion — single mode (default)', () => {
+  it('renders all triggers', () => {
+    render(<Accordion items={items} />);
+    expect(screen.queryByText('Section one')).not.toBeNull();
+    expect(screen.queryByText('Section two')).not.toBeNull();
+    expect(screen.queryByText('Section three')).not.toBeNull();
+  });
+
+  it('opens a panel on trigger click', () => {
+    render(<Accordion items={items} />);
+    expect(regionIsOpen('Two body')).toBe(false);
+    fireEvent.click(screen.getByText('Section two'));
+    expect(regionIsOpen('Two body')).toBe(true);
+  });
+
+  it('closes the open panel when clicked again (collapsible default)', () => {
+    render(<Accordion items={items} />);
+    const trigger = screen.getByText('Section two');
+    fireEvent.click(trigger);
+    expect(regionIsOpen('Two body')).toBe(true);
+    fireEvent.click(trigger);
+    expect(regionIsOpen('Two body')).toBe(false);
+  });
+
+  it('respects defaultValue', () => {
+    render(<Accordion items={items} defaultValue="three" />);
+    expect(regionIsOpen('Three body')).toBe(true);
+  });
+
+  it('emits onValueChange', () => {
+    let last: string | null = null;
+    render(<Accordion items={items} onValueChange={(v) => (last = v)} />);
+    fireEvent.click(screen.getByText('Section one'));
+    expect(last).toBe('one');
+  });
+});
+
+describe('Accordion — multiple mode', () => {
+  it('allows multiple panels open simultaneously', () => {
+    render(<Accordion type="multiple" items={items} defaultValue={['one', 'three']} />);
+    expect(regionIsOpen('One body')).toBe(true);
+    expect(regionIsOpen('Three body')).toBe(true);
+  });
+
+  it('emits onValueChange with the updated array', () => {
+    let last: string[] = [];
+    render(
+      <Accordion
+        type="multiple"
+        items={items}
+        defaultValue={['one']}
+        onValueChange={(v) => (last = v)}
+      />
+    );
+    fireEvent.click(screen.getByText('Section two'));
+    expect(last).toEqual(expect.arrayContaining(['one', 'two']));
+  });
+});
+
+describe('Accordion — disabled items', () => {
+  it('does not open a disabled section', () => {
+    const disabledItems = [
+      ...items.slice(0, 2),
+      { ...items[2]!, disabled: true },
+    ];
+    render(<Accordion items={disabledItems} />);
+    const trigger = screen.getByText('Section three');
+    fireEvent.click(trigger);
+    expect(regionIsOpen('Three body')).toBe(false);
+  });
+});

package/src/components/Accordion/Accordion.tsx

@@ -0,0 +1,97 @@
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { cn } from '../../utils/cn.js';
+import { accordionVariants } from './accordion.variants.js';
+import type {
+  AccordionProps,
+  AccordionItem,
+  AccordionSlotProps,
+} from './accordion.types.js';
+
+/**
+ * Dashforge TW `<Accordion>` — collapsible section list.
+ *
+ * Built on `@radix-ui/react-accordion`:
+ *  - APG accordion pattern: `role="region"` on content, header
+ *    button with `aria-expanded` and `aria-controls` linked to
+ *    the panel.
+ *  - Keyboard support: Space / Enter toggle, ArrowDown / ArrowUp
+ *    move focus between triggers, Home / End to extremes.
+ *  - Two modes:
+ *    - `type="single"` — at most one section open at a time;
+ *      `collapsible` allows clicking the open section to close it
+ *      (default true).
+ *    - `type="multiple"` — multiple sections open simultaneously.
+ *
+ * The trigger renders a chevron that flips 180° via CSS
+ * (`data-state=open` selector) — no React state, no JS animation.
+ */
+export function Accordion(props: AccordionProps) {
+  const v = accordionVariants();
+  const { items, sx, slotProps } = props;
+
+  const renderItems = (items: AccordionItem[], slotProps?: AccordionSlotProps) =>
+    items.map((item) => (
+      <RadixAccordion.Item
+        key={item.value}
+        value={item.value}
+        disabled={item.disabled}
+        className={cn(v.item(), slotProps?.item?.className)}
+      >
+        <RadixAccordion.Header
+          className={cn(v.header(), slotProps?.header?.className)}
+        >
+          <RadixAccordion.Trigger
+            className={cn(v.trigger(), slotProps?.trigger?.className)}
+          >
+            {item.header}
+            <svg
+              className={cn(v.chevron(), slotProps?.chevron?.className)}
+              width="1em"
+              height="1em"
+              viewBox="0 0 16 16"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M4 6l4 4 4-4" />
+            </svg>
+          </RadixAccordion.Trigger>
+        </RadixAccordion.Header>
+        <RadixAccordion.Content
+          className={cn(v.content(), slotProps?.content?.className)}
+        >
+          <div className="pb-3 pt-0">{item.content}</div>
+        </RadixAccordion.Content>
+      </RadixAccordion.Item>
+    ));
+
+  if (props.type === 'multiple') {
+    return (
+      <RadixAccordion.Root
+        type="multiple"
+        value={props.value}
+        defaultValue={props.defaultValue}
+        onValueChange={props.onValueChange}
+        className={cn(v.root(), sx, slotProps?.root?.className)}
+      >
+        {renderItems(items, slotProps)}
+      </RadixAccordion.Root>
+    );
+  }
+
+  return (
+    <RadixAccordion.Root
+      type="single"
+      collapsible={props.collapsible ?? true}
+      value={props.value}
+      defaultValue={props.defaultValue}
+      onValueChange={props.onValueChange}
+      className={cn(v.root(), sx, slotProps?.root?.className)}
+    >
+      {renderItems(items, slotProps)}
+    </RadixAccordion.Root>
+  );
+}

package/src/components/Accordion/accordion.types.ts

@@ -0,0 +1,66 @@
+import type { ReactNode } from 'react';
+
+export interface AccordionSlotProps {
+  root?: { className?: string };
+  item?: { className?: string };
+  header?: { className?: string };
+  trigger?: { className?: string };
+  content?: { className?: string };
+  chevron?: { className?: string };
+}
+
+/**
+ * Single accordion section — paired `{ value, header, content }`.
+ * The `value` is the canonical id (used in `value` / `defaultValue`
+ * to control which sections are expanded).
+ */
+export interface AccordionItem {
+  value: string;
+  /** Trigger label (clickable to expand / collapse). */
+  header: ReactNode;
+  /** Section body, revealed when this item is expanded. */
+  content: ReactNode;
+  /** Per-item disabled flag. */
+  disabled?: boolean;
+}
+
+interface AccordionBaseProps {
+  items: AccordionItem[];
+  /** Root className shortcut. */
+  sx?: string;
+  /** Per-slot overrides. */
+  slotProps?: AccordionSlotProps;
+}
+
+/**
+ * Single-mode props — at most one section open at a time.
+ * `collapsible: true` (default) lets the user close the open
+ * section by clicking it again.
+ */
+export interface AccordionSingleProps extends AccordionBaseProps {
+  type?: 'single';
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  /** @default true */
+  collapsible?: boolean;
+}
+
+/**
+ * Multiple-mode props — any number of sections open simultaneously.
+ */
+export interface AccordionMultipleProps extends AccordionBaseProps {
+  type: 'multiple';
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+}
+
+/**
+ * Props for `<Accordion>`.
+ *
+ * Built on `@radix-ui/react-accordion`. Discriminated by `type`:
+ *  - `type="single"` (default) — `value` is `string`.
+ *  - `type="multiple"` — `value` is `string[]`.
+ */
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;

package/src/components/Accordion/accordion.variants.ts

@@ -0,0 +1,30 @@
+import { tv, type VariantProps } from 'tailwind-variants';
+
+export const accordionVariants = tv({
+  slots: {
+    root: 'w-full',
+    item: 'border-b border-neutral-200 dark:border-neutral-800',
+    header: 'flex',
+    trigger: [
+      'flex flex-1 items-center justify-between py-3 text-left',
+      'text-sm font-medium text-neutral-900 dark:text-neutral-50',
+      'transition-all hover:underline',
+      'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:rounded',
+      '[&[data-state=open]>svg]:rotate-180',
+      'disabled:opacity-50 disabled:pointer-events-none',
+      'motion-reduce:transition-none',
+    ],
+    content: [
+      'overflow-hidden text-sm text-neutral-700 dark:text-neutral-300',
+      'data-[state=open]:animate-accordion-down',
+      'data-[state=closed]:animate-accordion-up',
+      'motion-reduce:animate-none',
+    ],
+    chevron: [
+      'h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200',
+      'motion-reduce:transition-none motion-reduce:duration-0',
+    ],
+  },
+});
+
+export type AccordionVariants = VariantProps<typeof accordionVariants>;

package/src/components/Dialog/Dialog.test.tsx

@@ -0,0 +1,96 @@
+// @vitest-environment jsdom
+import * as React from 'react';
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, screen, fireEvent, cleanup } from '@testing-library/react';
+import { Dialog } from './Dialog.js';
+
+void React;
+afterEach(() => cleanup());
+
+describe('Dialog — rendering', () => {
+  it('renders nothing when open=false', () => {
+    render(
+      <Dialog open={false} onOpenChange={() => {}}>
+        <p>body</p>
+      </Dialog>
+    );
+    expect(screen.queryByText('body')).toBeNull();
+  });
+
+  it('renders title + body + close button when open', () => {
+    render(
+      <Dialog open onOpenChange={() => {}} title="Confirm action">
+        <p>body content</p>
+      </Dialog>
+    );
+    expect(screen.queryByText('Confirm action')).not.toBeNull();
+    expect(screen.queryByText('body content')).not.toBeNull();
+    expect(screen.queryByLabelText('Close')).not.toBeNull();
+  });
+
+  it('honors showCloseButton={false}', () => {
+    render(
+      <Dialog open onOpenChange={() => {}} showCloseButton={false}>
+        <p>body</p>
+      </Dialog>
+    );
+    expect(screen.queryByLabelText('Close')).toBeNull();
+  });
+
+  it('emits onOpenChange(false) when close button is clicked', () => {
+    let lastOpen: boolean | null = null;
+    render(
+      <Dialog open onOpenChange={(o) => (lastOpen = o)}>
+        <p>body</p>
+      </Dialog>
+    );
+    fireEvent.click(screen.getByLabelText('Close'));
+    expect(lastOpen).toBe(false);
+  });
+
+  it('renders description when provided', () => {
+    render(
+      <Dialog open onOpenChange={() => {}} title="Title" description="Hint text">
+        <p>body</p>
+      </Dialog>
+    );
+    expect(screen.queryByText('Hint text')).not.toBeNull();
+  });
+});
+
+describe('Dialog — size variants', () => {
+  it.each(['sm', 'md', 'lg'] as const)('renders size=%s without crashing', (size) => {
+    render(
+      <Dialog open onOpenChange={() => {}} size={size}>
+        <p>body</p>
+      </Dialog>
+    );
+    expect(screen.queryByText('body')).not.toBeNull();
+  });
+});
+
+describe('Dialog — sx + slotProps', () => {
+  it('appends sx to the content element', () => {
+    render(
+      <Dialog open onOpenChange={() => {}} sx="custom-sx-class">
+        <p>body</p>
+      </Dialog>
+    );
+    const content = screen.getByText('body').closest('[role="dialog"]');
+    expect(content?.className).toContain('custom-sx-class');
+  });
+
+  it('applies slotProps.title.className', () => {
+    render(
+      <Dialog
+        open
+        onOpenChange={() => {}}
+        title="T"
+        slotProps={{ title: { className: 'tw-title-override' } }}
+      >
+        <p>body</p>
+      </Dialog>
+    );
+    expect(screen.getByText('T').className).toContain('tw-title-override');
+  });
+});

package/src/components/Dialog/Dialog.tsx

@@ -0,0 +1,93 @@
+import * as RadixDialog from '@radix-ui/react-dialog';
+import { cn } from '../../utils/cn.js';
+import { dialogVariants } from './dialog.variants.js';
+import type { DialogProps } from './dialog.types.js';
+
+/**
+ * Dashforge TW `<Dialog>` — declarative modal dialog.
+ *
+ * Built on `@radix-ui/react-dialog`:
+ *  - APG dialog pattern out of the box (focus trap, restore focus on
+ *    close, Esc-to-close, `aria-modal`, `aria-labelledby`).
+ *  - Renders into a portal (no z-index hell).
+ *  - Scroll lock on `<body>` while open.
+ *
+ * Use the imperative `useDialog()` (export from this same module) if
+ * you want a `confirm()`-style return value pattern (similar to
+ * `useConfirm()` from `ConfirmDialog`). Use `<Dialog>` when you want
+ * the control flow living in your component tree.
+ */
+export function Dialog(props: DialogProps) {
+  const {
+    open,
+    onOpenChange,
+    children,
+    title,
+    description,
+    showCloseButton = true,
+    disableBackdropClose = false,
+    disableEscapeClose = false,
+    size = 'md',
+    sx,
+    slotProps,
+  } = props;
+
+  const v = dialogVariants({ size });
+
+  return (
+    <RadixDialog.Root open={open} onOpenChange={onOpenChange}>
+      <RadixDialog.Portal>
+        <RadixDialog.Overlay
+          className={cn(v.overlay(), slotProps?.overlay?.className)}
+        />
+        <RadixDialog.Content
+          className={cn(v.content(), sx, slotProps?.content?.className)}
+          onPointerDownOutside={(event) => {
+            if (disableBackdropClose) event.preventDefault();
+          }}
+          onEscapeKeyDown={(event) => {
+            if (disableEscapeClose) event.preventDefault();
+          }}
+        >
+          {title != null && (
+            <RadixDialog.Title
+              className={cn(v.title(), slotProps?.title?.className)}
+            >
+              {title}
+            </RadixDialog.Title>
+          )}
+          {description != null && (
+            <RadixDialog.Description
+              className={cn(v.description(), slotProps?.description?.className)}
+            >
+              {description}
+            </RadixDialog.Description>
+          )}
+          <div className={cn(v.body(), slotProps?.body?.className)}>
+            {children}
+          </div>
+          {showCloseButton && (
+            <RadixDialog.Close
+              aria-label="Close"
+              className={cn(v.closeButton(), slotProps?.closeButton?.className)}
+            >
+              <svg
+                width="1em"
+                height="1em"
+                viewBox="0 0 16 16"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                aria-hidden="true"
+              >
+                <path d="M4 4l8 8M12 4l-8 8" />
+              </svg>
+            </RadixDialog.Close>
+          )}
+        </RadixDialog.Content>
+      </RadixDialog.Portal>
+    </RadixDialog.Root>
+  );
+}