@jmruthers/pace-core 0.6.4 → 0.6.5

package/docs/api/modules.md

@@ -69,6 +69,14 @@ import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';
 - [EmptyStateConfig](undefined)
 - [ExportOptions](undefined)
 - [ExportColumn](undefined)
+- [DialogProps](undefined)
+- [DialogTriggerProps](undefined)
+- [DialogContentProps](undefined)
+- [DialogPortalProps](undefined)
+- [DialogCloseProps](undefined)
+- [DialogHeaderProps](undefined)
+- [DialogFooterProps](undefined)
+- [DialogBodyProps](undefined)
 - [ErrorBoundaryState](undefined)
 - [ErrorBoundaryProps](undefined)
 - [ErrorBoundaryProviderProps](undefined)
@@ -200,6 +208,7 @@ import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';
 - [BadgeVariant](undefined)
 - [GetRowId](undefined)
 - [DataTableFeatureConfig](undefined)
+- [DialogSize](undefined)
 - [GlobalErrorHandler](undefined)
 - [NavigationMode](undefined)
 - [UseFileReferenceOptions](undefined)
@@ -275,9 +284,8 @@ import { Dialog, NavigationMenu } from '@jmruthers/pace-core/components';
 - [Dialog](undefined)
 - [DialogTrigger](undefined)
 - [DialogPortal](undefined)
-- [DialogClose](undefined)
-- [DialogOverlay](undefined)
 - [DialogContent](undefined)
+- [DialogClose](undefined)
 - [DialogHeader](undefined)
 - [DialogBody](undefined)
 - [DialogFooter](undefined)
@@ -972,6 +980,103 @@ Column definition for export
 
 ___
 
+### DialogProps
+
+• **DialogProps**: Interface DialogProps
+
+Props for the Dialog root component
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:161](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L161)
+
+___
+
+### DialogTriggerProps
+
+• **DialogTriggerProps**: Interface DialogTriggerProps
+
+Props for the DialogTrigger component
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:172](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L172)
+
+___
+
+### DialogContentProps
+
+• **DialogContentProps**: Interface DialogContentProps
+
+Enhanced props for the DialogContent component with size variants and customization
+Uses semantic HTML dialog element
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:184](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L184)
+
+___
+
+### DialogPortalProps
+
+• **DialogPortalProps**: Interface DialogPortalProps
+
+Props for the DialogPortal component
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:223](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L223)
+
+___
+
+### DialogCloseProps
+
+• **DialogCloseProps**: Interface DialogCloseProps
+
+Props for the DialogClose component
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:231](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L231)
+
+___
+
+### DialogHeaderProps
+
+• **DialogHeaderProps**: Interface DialogHeaderProps
+
+Props for the DialogHeader component (semantic header element)
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:237](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L237)
+
+___
+
+### DialogFooterProps
+
+• **DialogFooterProps**: Interface DialogFooterProps
+
+Props for the DialogFooter component (semantic footer element)
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:246](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L246)
+
+___
+
+### DialogBodyProps
+
+• **DialogBodyProps**: Interface DialogBodyProps
+
+Props for the DialogBody component (semantic main element)
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:255](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L255)
+
+___
+
 ### ErrorBoundaryState
 
 • **ErrorBoundaryState**: Interface ErrorBoundaryState
@@ -1057,7 +1162,7 @@ Props for the Form component
 
 #### Defined in
 
-[packages/core/src/components/Form/Form.tsx:84](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L84)
+[packages/core/src/components/Form/Form.tsx:83](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L83)
 
 ___
 
@@ -1076,7 +1181,7 @@ Props for the FormField component
 
 #### Defined in
 
-[packages/core/src/components/Form/Form.tsx:173](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L173)
+[packages/core/src/components/Form/Form.tsx:172](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L172)
 
 ___
 
@@ -1086,7 +1191,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx:55](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx#L55)
+[packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx:56](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx#L56)
 
 ___
 
@@ -1161,7 +1266,7 @@ Configures the application layout including navigation, header, and footer.
 
 #### Defined in
 
-[packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx:129](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx#L129)
+[packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx:130](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx#L130)
 
 ___
 
@@ -1335,7 +1440,7 @@ Props for the UserMenu component.
 
 #### Defined in
 
-[packages/core/src/components/UserMenu/UserMenu.tsx:132](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/UserMenu/UserMenu.tsx#L132)
+[packages/core/src/components/UserMenu/UserMenu.tsx:130](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/UserMenu/UserMenu.tsx#L130)
 
 ___
 
@@ -2422,6 +2527,18 @@ ergonomic while maintaining strict internal guarantees.
 
 ___
 
+### DialogSize
+
+Ƭ **DialogSize**: "sm" \| "md" \| "lg" \| "xl" \| "full" \| "auto"
+
+Dialog size variants
+
+#### Defined in
+
+[packages/core/src/components/Dialog/Dialog.tsx:131](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L131)
+
+___
+
 ### GlobalErrorHandler
 
 Ƭ **GlobalErrorHandler**: Function
@@ -3960,7 +4077,7 @@ ___
 
 ### Dialog
 
-▸ **Dialog**(`props`): ReactNode \| Promise\<ReactNode\>
+▸ **Dialog**(`props`): ReactNode
 
 #### Parameters
 
@@ -3970,11 +4087,11 @@ ___
 
 #### Returns
 
-ReactNode \| Promise\<ReactNode\>
+ReactNode
 
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:316](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L316)
+[packages/core/src/components/Dialog/Dialog.tsx:304](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L304)
 
 ___
 
@@ -3986,7 +4103,7 @@ ___
 
 | Name | Type |
 | :------ | :------ |
-| `props` | DialogTriggerProps & RefAttributes\<HTMLButtonElement\> |
+| `props` | DialogTriggerProps & RefAttributes\<HTMLElement\> |
 
 #### Returns
 
@@ -3994,7 +4111,7 @@ ReactNode
 
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:317](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L317)
+[packages/core/src/components/Dialog/Dialog.tsx:345](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L345)
 
 ___
 
@@ -4014,135 +4131,111 @@ ReactNode \| Promise\<ReactNode\>
 
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:318](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L318)
+[packages/core/src/components/Dialog/Dialog.tsx:382](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L382)
+
+[packages/core/src/components/Dialog/Dialog.tsx:394](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L394)
 
 ___
 
-### DialogClose
+### DialogContent
 
-▸ **DialogClose**(`props`): ReactNode
+▸ **DialogContent**(`props`): ReactNode
 
 #### Parameters
 
-| Name | Type |
-| :------ | :------ |
-| `props` | DialogCloseProps & RefAttributes\<HTMLButtonElement\> |
+| Name | Type | Description |
+| :------ | :------ | :------ |
+| `props` | DialogContentProps & RefAttributes\<HTMLDialogElement\> | Content configuration and styling |
 
 #### Returns
 
 ReactNode
 
+JSX.Element - The semantic dialog content with overlay and optional close button
+
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:319](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L319)
+[packages/core/src/components/Dialog/Dialog.tsx:523](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L523)
 
 ___
 
-### DialogOverlay
+### DialogClose
 
-▸ **DialogOverlay**(`props`): ReactNode
+▸ **DialogClose**(`props`): ReactNode
 
 #### Parameters
 
 | Name | Type |
 | :------ | :------ |
-| `props` | DialogOverlayProps & RefAttributes\<HTMLDivElement\> |
-
-#### Returns
-
-ReactNode
-
-#### Defined in
-
-[packages/core/src/components/Dialog/Dialog.tsx:322](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L322)
-
-___
-
-### DialogContent
-
-▸ **DialogContent**(`props`): ReactNode
-
-#### Parameters
-
-| Name | Type | Description |
-| :------ | :------ | :------ |
-| `props` | DialogContentProps & RefAttributes\<HTMLDivElement\> | Content configuration and styling |
+| `props` | DialogCloseProps & RefAttributes\<HTMLButtonElement\> |
 
 #### Returns
 
 ReactNode
 
-JSX.Element - The semantic dialog content with overlay and optional close button
-
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:465](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L465)
+[packages/core/src/components/Dialog/Dialog.tsx:715](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L715)
 
 ___
 
 ### DialogHeader
 
-▸ **DialogHeader**(`props`): Element
+▸ **DialogHeader**(`«destructured»`): Element
 
 #### Parameters
 
-| Name | Type | Description |
-| :------ | :------ | :------ |
-| `props` | DialogHeaderProps | Header configuration and styling |
+| Name | Type |
+| :------ | :------ |
+| `«destructured»` | DialogHeaderProps |
 
 #### Returns
 
 Element
 
-JSX.Element - The dialog header container using semantic <header> element
-
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:584](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L584)
+[packages/core/src/components/Dialog/Dialog.tsx:742](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L742)
 
 ___
 
 ### DialogBody
 
-▸ **DialogBody**(`props`): Element
+▸ **DialogBody**(`«destructured»`): Element
 
 #### Parameters
 
-| Name | Type | Description |
-| :------ | :------ | :------ |
-| `props` | DialogBodyProps | Body configuration and styling |
+| Name | Type |
+| :------ | :------ |
+| `«destructured»` | DialogBodyProps |
 
 #### Returns
 
 Element
 
-JSX.Element - The scrollable dialog body container using semantic <main> element
-
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:625](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L625)
+[packages/core/src/components/Dialog/Dialog.tsx:762](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L762)
 
 ___
 
 ### DialogFooter
 
-▸ **DialogFooter**(`props`): Element
+▸ **DialogFooter**(`«destructured»`): Element
 
 #### Parameters
 
-| Name | Type | Description |
-| :------ | :------ | :------ |
-| `props` | DialogFooterProps | Footer configuration and styling |
+| Name | Type |
+| :------ | :------ |
+| `«destructured»` | DialogFooterProps |
 
 #### Returns
 
 Element
 
-JSX.Element - The dialog footer container using semantic <footer> element
-
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:706](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L706)
+[packages/core/src/components/Dialog/Dialog.tsx:830](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L830)
 
 ___
 
@@ -4162,7 +4255,7 @@ ReactNode
 
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:723](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L723)
+[packages/core/src/components/Dialog/Dialog.tsx:850](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L850)
 
 ___
 
@@ -4174,7 +4267,7 @@ ___
 
 | Name | Type |
 | :------ | :------ |
-| `props` | DialogDescriptionProps & RefAttributes\<HTMLHeadingElement\> |
+| `props` | DialogDescriptionProps & RefAttributes\<HTMLParagraphElement\> |
 
 #### Returns
 
@@ -4182,7 +4275,7 @@ ReactNode
 
 #### Defined in
 
-[packages/core/src/components/Dialog/Dialog.tsx:758](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L758)
+[packages/core/src/components/Dialog/Dialog.tsx:889](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Dialog/Dialog.tsx#L889)
 
 ___
 
@@ -4337,7 +4430,7 @@ JSX.Element - The rendered form with FormProvider context
 
 #### Defined in
 
-[packages/core/src/components/Form/Form.tsx:143](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L143)
+[packages/core/src/components/Form/Form.tsx:142](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L142)
 
 ___
 
@@ -4429,7 +4522,7 @@ JSX.Element - The rendered form field with validation
 
 #### Defined in
 
-[packages/core/src/components/Form/Form.tsx:308](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L308)
+[packages/core/src/components/Form/Form.tsx:307](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Form/Form.tsx#L307)
 
 ___
 
@@ -4474,7 +4567,7 @@ Element
 
 #### Defined in
 
-[packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx:72](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx#L72)
+[packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx:73](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/InactivityWarningModal/InactivityWarningModal.tsx#L73)
 
 ___
 
@@ -4778,7 +4871,7 @@ function AdminApp() {
 
 #### Defined in
 
-[packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx:352](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx#L352)
+[packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx:353](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PaceAppLayout/PaceAppLayout.tsx#L353)
 
 ___
 
@@ -4820,7 +4913,7 @@ Element
 
 #### Defined in
 
-[packages/core/src/components/PasswordChange/PasswordChangeForm.tsx:130](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PasswordChange/PasswordChangeForm.tsx#L130)
+[packages/core/src/components/PasswordChange/PasswordChangeForm.tsx:133](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/PasswordChange/PasswordChangeForm.tsx#L133)
 
 ___
 
@@ -5824,7 +5917,7 @@ ReactNode
 
 #### Defined in
 
-[packages/core/src/components/UserMenu/UserMenu.tsx:140](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/UserMenu/UserMenu.tsx#L140)
+[packages/core/src/components/UserMenu/UserMenu.tsx:138](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/UserMenu/UserMenu.tsx#L138)
 
 ___
 
@@ -6254,20 +6347,24 @@ function MyComponent() {
   const { events, selectedEvent, setSelectedEvent } = useEvents();
   
   return (
-    <div>
-      {events.map(event => (
-        <button key={event.id} onClick={() => setSelectedEvent(event)}>
-          {event.event_name}
-        </button>
-      ))}
-    </div>
+    <nav>
+      <ul>
+        {events.map(event => (
+          <li key={event.id}>
+            <button onClick={() => setSelectedEvent(event)}>
+              {event.event_name}
+            </button>
+          </li>
+        ))}
+      </ul>
+    </nav>
   );
 }
 ```
 
 #### Defined in
 
-[packages/core/src/hooks/useEvents.ts:51](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/hooks/useEvents.ts#L51)
+[packages/core/src/hooks/useEvents.ts:55](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/hooks/useEvents.ts#L55)
 
 ___
 
@@ -6568,21 +6665,27 @@ function MyComponent() {
   const { selectedOrganisation, organisations, switchOrganisation } = useOrganisations();
   
   return (
-    <div>
+    <main>
       <h1>Current Organisation: {selectedOrganisation.display_name}</h1>
-      {organisations.map(org => (
-        <button key={org.id} onClick={() => switchOrganisation(org.id)}>
-          {org.display_name}
-        </button>
-      ))}
-    </div>
+      <nav>
+        <ul>
+          {organisations.map(org => (
+            <li key={org.id}>
+              <button onClick={() => switchOrganisation(org.id)}>
+                {org.display_name}
+              </button>
+            </li>
+          ))}
+        </ul>
+      </nav>
+    </main>
   );
 }
 ```
 
 #### Defined in
 
-[packages/core/src/hooks/useOrganisations.ts:41](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/hooks/useOrganisations.ts#L41)
+[packages/core/src/hooks/useOrganisations.ts:47](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/hooks/useOrganisations.ts#L47)
 
 ___
 
@@ -8721,15 +8824,22 @@ permissions for a resource type. It handles scope resolution, user context,
 and provides a simple API for permission checking.
 
 **Page Permission Support:**
-When an `appId` is available in the resolved scope, the resource name is passed
-as `pageId` to enable page-based permission checks. This allows the hook to work
-with both resource-based permissions (when appId is not available) and page-based
-permissions (when appId is available and the resource is a registered page).
+When an `appId` is available in the resolved scope, the hook automatically:
+1. Waits for scope resolution to complete (including `appId` being set)
+2. Constructs permission strings with the `page.` prefix (e.g., `create:page.planning`)
+3. Passes the resource name as `pageId` to enable page-based permission checks
+
+This ensures permission strings match the format returned by `rbac_permissions_get`
+(e.g., `create:page.planning`) rather than resource-based format (e.g., `create:planning`).
+
+**Scope Resolution Timing:**
+The hook waits for scope resolution to complete before constructing permission strings.
+This prevents timing issues where permission checks use the wrong format (e.g., `delete:planning`
+instead of `delete:page.planning`) when `appId` is not yet available in the scope.
 
-The RPC function `rbac_check_permission_simplified` will automatically resolve
-the page name to a page ID and check page permissions if the resource matches
-a registered page in `rbac_app_pages`. If the resource is not a registered page,
-it will fall back to resource-based permission checking.
+The RPC function `rbac_check_permission_simplified` will resolve the page name to a page ID
+and check page permissions if the resource matches a registered page in `rbac_app_pages`.
+If the resource is not a registered page, it will fall back to resource-based permission checking.
 
 #### Parameters
 
@@ -8779,7 +8889,7 @@ function usePlanning() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/useResourcePermissions.ts:131](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/useResourcePermissions.ts#L131)
+[packages/core/src/rbac/hooks/useResourcePermissions.ts:138](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/useResourcePermissions.ts#L138)
 
 ___
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jmruthers/pace-core",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "Clean, modern React component library with Tailwind v4 styling and native utilities",
   "private": false,
   "publishConfig": {
@@ -202,7 +202,6 @@
   "license": "MIT",
   "peerDependencies": {
     "@radix-ui/react-checkbox": "^1.0.0",
-    "@radix-ui/react-dialog": "^1.0.0",
     "@radix-ui/react-label": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.0",
     "@radix-ui/react-switch": "^1.1.0",

package/scripts/validate-master.js

@@ -32,7 +32,7 @@ const validationSteps = {
   'build': {
     name: 'Package Build',
     command: ['npm', 'run', 'build'],
-    timeout: isCI() ? 180000 : 60000
+    timeout: isCI() ? 180000 : 180000
   },
   'build:docs': {
     name: 'Documentation Generation',

package/src/components/DataTable/__tests__/keyboard.test.tsx

@@ -232,6 +232,16 @@ const KeyboardNavigationTestTable: React.FC = () => {
 
 describe('DataTable Keyboard Navigation', () => {
   beforeEach(() => {
+    // Mock showModal for dialog elements (needed for test environments)
+    HTMLDialogElement.prototype.showModal = vi.fn(function(this: HTMLDialogElement) {
+      this.setAttribute('open', '');
+      this.dispatchEvent(new Event('show', { bubbles: true }));
+    });
+    HTMLDialogElement.prototype.close = vi.fn(function(this: HTMLDialogElement) {
+      this.removeAttribute('open');
+      this.dispatchEvent(new Event('close', { bubbles: true }));
+    });
+    
     // Clear any existing live regions
     const existingLiveRegions = document.querySelectorAll('[aria-live]');
     existingLiveRegions.forEach(region => {
@@ -517,8 +527,11 @@ describe('DataTable Keyboard Navigation', () => {
       const importButton = await screen.findByRole('button', { name: /import/i });
       await user.click(importButton);
 
-      // Confirm the modal is open
-      await screen.findByRole('dialog');
+      // Confirm the modal is open - wait for dialog to be accessible
+      await waitFor(() => {
+        const dialog = screen.queryByRole('dialog') || document.querySelector('dialog[role="dialog"]');
+        expect(dialog).toBeInTheDocument();
+      }, { timeout: 5000 });
 
       // Close modal via Escape key
       await user.keyboard('{Escape}');

package/src/components/DataTable/components/ImportModal.tsx

@@ -36,7 +36,7 @@
  * - Customizable text content
  */
 import React, { useState, useRef, useEffect } from 'react';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../../Dialog';
+import { Dialog, DialogContent, DialogHeader } from '../../Dialog';
 import { Button } from '../../Button/Button';
 import { Input } from '../../Input/Input';
 import { Progress } from '../../Progress';
@@ -372,12 +372,10 @@ export function ImportModal({ isOpen, onClose, onImport, config = {} }: ImportMo
 
   return (
     <Dialog open={isOpen} onOpenChange={handleClose}>
-      <DialogContent className="sm:max-w-2xl bg-main-50">
+      <DialogContent className="sm:max-w-2xl bg-main-50" title={title} description={description}>
         <DialogHeader>
-          <DialogTitle>{title}</DialogTitle>
-          <DialogDescription>
-            {description}
-          </DialogDescription>
+          <h2>{title}</h2>
+          <p>{description}</p>
         </DialogHeader>
 
         <div className="space-y-4">