@svadmin/ui 0.83.2 → 0.84.1

package/dist/app.css

@@ -9131,6 +9131,77 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
   display: none !important;
 }
 
+/* 折叠触发器对齐管理后台 8px 节奏：收紧 summary，展开时只留底部分割线，隐藏浏览器标记并保留 focus-visible。 */
+details.svadmin-collapsible > summary,
+details.svadmin-collapsible-filter > summary,
+details[data-svadmin-filter] > summary,
+[data-svadmin-collapsible] > summary {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-height: 2rem;
+  margin: 0;
+  padding: 0.25rem 0;
+  list-style: none;
+  cursor: pointer;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+details.svadmin-collapsible > summary::-webkit-details-marker,
+details.svadmin-collapsible-filter > summary::-webkit-details-marker,
+details[data-svadmin-filter] > summary::-webkit-details-marker,
+[data-svadmin-collapsible] > summary::-webkit-details-marker {
+  display: none;
+}
+
+details.svadmin-collapsible > summary::marker,
+details.svadmin-collapsible-filter > summary::marker,
+details[data-svadmin-filter] > summary::marker,
+[data-svadmin-collapsible] > summary::marker {
+  content: none;
+}
+
+details.svadmin-collapsible > summary:focus-visible,
+details.svadmin-collapsible-filter > summary:focus-visible,
+details[data-svadmin-filter] > summary:focus-visible,
+[data-svadmin-collapsible] > summary:focus-visible,
+[data-svadmin-sidebar] .svadmin-collapsible-trigger:focus-visible {
+  outline: 2px solid var(--ring);
+  outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
+  outline-offset: 2px;
+}
+
+details.svadmin-collapsible[open],
+details.svadmin-collapsible-filter[open],
+details[data-svadmin-filter][open],
+[data-svadmin-collapsible][data-open="true"] {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+details.svadmin-collapsible[open] > :not(summary),
+details.svadmin-collapsible-filter[open] > :not(summary),
+details[data-svadmin-filter][open] > :not(summary),
+[data-svadmin-collapsible][data-open="true"] > :not(summary) {
+  margin-top: 0.25rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger {
+  padding-block: 0.375rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger.uppercase {
+  margin-top: 0.5rem;
+  margin-bottom: 0.125rem;
+}
+
 /* --- Admin UI layout preset (clean-flat) --- */
 /* Keep this public class for layoutPreset API compatibility. The preset only
  * adjusts density and composition; color, focus, and elevation stay semantic. */

package/dist/app.theme.css

@@ -9131,6 +9131,77 @@ details.svadmin-collapsible:not([open]) > :not(summary) {
   display: none !important;
 }
 
+/* 折叠触发器对齐管理后台 8px 节奏：收紧 summary，展开时只留底部分割线，隐藏浏览器标记并保留 focus-visible。 */
+details.svadmin-collapsible > summary,
+details.svadmin-collapsible-filter > summary,
+details[data-svadmin-filter] > summary,
+[data-svadmin-collapsible] > summary {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-height: 2rem;
+  margin: 0;
+  padding: 0.25rem 0;
+  list-style: none;
+  cursor: pointer;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+details.svadmin-collapsible > summary::-webkit-details-marker,
+details.svadmin-collapsible-filter > summary::-webkit-details-marker,
+details[data-svadmin-filter] > summary::-webkit-details-marker,
+[data-svadmin-collapsible] > summary::-webkit-details-marker {
+  display: none;
+}
+
+details.svadmin-collapsible > summary::marker,
+details.svadmin-collapsible-filter > summary::marker,
+details[data-svadmin-filter] > summary::marker,
+[data-svadmin-collapsible] > summary::marker {
+  content: none;
+}
+
+details.svadmin-collapsible > summary:focus-visible,
+details.svadmin-collapsible-filter > summary:focus-visible,
+details[data-svadmin-filter] > summary:focus-visible,
+[data-svadmin-collapsible] > summary:focus-visible,
+[data-svadmin-sidebar] .svadmin-collapsible-trigger:focus-visible {
+  outline: 2px solid var(--ring);
+  outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
+  outline-offset: 2px;
+}
+
+details.svadmin-collapsible[open],
+details.svadmin-collapsible-filter[open],
+details[data-svadmin-filter][open],
+[data-svadmin-collapsible][data-open="true"] {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+details.svadmin-collapsible[open] > :not(summary),
+details.svadmin-collapsible-filter[open] > :not(summary),
+details[data-svadmin-filter][open] > :not(summary),
+[data-svadmin-collapsible][data-open="true"] > :not(summary) {
+  margin-top: 0.25rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger {
+  padding-block: 0.375rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger.uppercase {
+  margin-top: 0.5rem;
+  margin-bottom: 0.125rem;
+}
+
 /* --- Admin UI layout preset (clean-flat) --- */
 /* Keep this public class for layoutPreset API compatibility. The preset only
  * adjusts density and composition; color, focus, and elevation stay semantic. */

package/dist/components/AdminApp.svelte

@@ -1,4 +1,12 @@
 <script module lang="ts">
+  import type { Component as SvelteComponent } from 'svelte';
+
+  export interface AdminPageRoute {
+    readonly path: string;
+    readonly component: SvelteComponent<{ route: string; params: Record<string, string | undefined> }>;
+    readonly title?: string;
+  }
+
   const loadPublicProfilePage = () => import('./profile/PublicProfilePage.svelte');
   const loadGetStartedPage = () => import('./account/GetStartedPage.svelte');
   const loadUserProfilePage = () => import('./account/UserProfilePage.svelte');
@@ -65,6 +73,7 @@
   import ResourceOverview from './ResourceOverview.svelte';
   import DataState from './content/DataState.svelte';
   import { parseContractRouteId } from '@svadmin/core/schema';
+  import { matchRoute } from '@svadmin/core/router';
   import { resolveAdminThemeConfig } from '../default-theme.js';
   import AutoForm from './LazyAutoForm.svelte';
   import ShowPage from './LazyShowPage.svelte';
@@ -149,6 +158,8 @@
     }>;
     /** Custom multi-level menu configuration */
     menu?: MenuItem[];
+    /** Product or application surface routes rendered before resource fallbacks. */
+    pageRoutes?: readonly AdminPageRoute[];
     /** External URL to the main application or workspace (renders a shortcut in the header) */
     siteUrl?: string;
     /** Routing strategy for Sidebar links ('hash' | 'path' | 'auto') */
@@ -194,6 +205,7 @@
     components: userComponents,
     resourcePages,
     menu,
+    pageRoutes,
     siteUrl,
     routeMode,
     queryClient: providedQueryClient,
@@ -344,6 +356,14 @@
   const route = $derived(routerState.route);
   const params = $derived(routerState.params);
   const path = $derived(routerState.path);
+  const customRouteMatch = $derived.by(() => {
+    if (!pageRoutes?.length) return undefined;
+    for (const candidate of pageRoutes) {
+      const match = matchRoute(path, [candidate.path]);
+      if (match) return { candidate, params: match.params };
+    }
+    return undefined;
+  });
   const resourceNames = $derived(new Set(resources.map((resource) => resource.name)));
   const isStandaloneTwoFactor = $derived(route === '/2fa' || route === '/authentication/branded/2fa');
   const standaloneErrorStatus = $derived.by((): '404' | '500' | undefined => {
@@ -628,6 +648,9 @@
         <LazyPage loader={loadTeamCrewTablePage} props={{}} />
       {:else if renderedRoute.startsWith('/settings')}
         <SettingsPage {...notificationPreferencesProvider ? { preferencesProvider: notificationPreferencesProvider } : {}} />
+      {:else if customRouteMatch}
+        {@const CustomPage = customRouteMatch.candidate.component}
+        <CustomPage route={customRouteMatch.candidate.path} params={customRouteMatch.params} />
       {:else if renderedRoute === '/' || renderedRoute === '' || renderedRoute === '/inventory-dashboard'}
         {#if dashboard}
           {@render dashboard()}

package/dist/components/AdminApp.svelte.d.ts

@@ -1,3 +1,12 @@
+import { SvelteComponent } from "svelte";
+export interface AdminPageRoute {
+    readonly path: string;
+    readonly component: SvelteComponent<{
+        route: string;
+        params: Record<string, string | undefined>;
+    }>;
+    readonly title?: string;
+}
 import '../app.css';
 import { type Component, type Snippet } from 'svelte';
 import type { AccessControlProvider, AgentProvider, AuditLogProvider, AuthProvider, ChatProvider, CredentialProvider, DataProviderInput, IdentityGovernanceProvider, I18nProvider, LiveProvider, MenuItem, NotificationProvider, OrganizationProvider, ResourceDefinition, RouterProvider, SessionProvider, TaskProvider, TenantAdapter, TenantContext, ThemeConfig, ThemeMode } from '@svadmin/core';
@@ -81,6 +90,8 @@ interface Props {
     }>;
     /** Custom multi-level menu configuration */
     menu?: MenuItem[];
+    /** Product or application surface routes rendered before resource fallbacks. */
+    pageRoutes?: readonly AdminPageRoute[];
     /** External URL to the main application or workspace (renders a shortcut in the header) */
     siteUrl?: string;
     /** Routing strategy for Sidebar links ('hash' | 'path' | 'auto') */

package/dist/components/Sidebar.svelte

@@ -347,7 +347,7 @@
           openGroups = next;
         }}>
           <Collapsible.Trigger
-            class="svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-7597e11b4d4b svadmin-u-a139beb4e318 svadmin-u-0ab8667228fd svadmin-u-506a96403942 svadmin-u-b486a1ee45b0 svadmin-u-e83a7042bc91 svadmin-u-064e4b9e19c3 uppercase svadmin-u-5f1ff8fe8768 svadmin-u-71357b4a2f24 svadmin-u-ceb69a6b0e5f"
+            class="svadmin-collapsible-trigger svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-7597e11b4d4b svadmin-u-a139beb4e318 svadmin-u-0ab8667228fd svadmin-u-506a96403942 svadmin-u-b486a1ee45b0 svadmin-u-e83a7042bc91 svadmin-u-064e4b9e19c3 uppercase svadmin-u-5f1ff8fe8768 svadmin-u-71357b4a2f24 svadmin-u-ceb69a6b0e5f"
           >
             <span>{group.name}</span>
             <ChevronDown class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29 svadmin-u-eadef238231e svadmin-u-625a4c3fbeb2 {openGroups.has(group.name) ? 'svadmin-u-3350916b3513' : ''}" />

package/dist/components/SidebarItem.svelte

@@ -107,10 +107,10 @@
   <!-- hidden -->
 {:else if hasChildren && !collapsed}
   {#if isTopLevel}
-    <div class="svadmin-u-eccd13ef4f2f svadmin-u-71a0a94437c6">
+    <div class="svadmin-u-50d0d216a2f8 svadmin-u-71a0a94437c6">
       <Collapsible.Root bind:open={isOpen}>
         <Collapsible.Trigger
-          class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-01cc1873771f svadmin-u-a14daebf7748 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
+          class="svadmin-collapsible-trigger sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-01cc1873771f svadmin-u-a14daebf7748 svadmin-u-2689f3958069 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
           {childActive
             ? 'svadmin-u-a7a63217e098'
             : 'svadmin-u-4e5ca9623e22 svadmin-u-646e10356266'}"
@@ -137,7 +137,7 @@
   {:else}
     <Collapsible.Root bind:open={isOpen}>
       <Collapsible.Trigger
-        class="sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-a139beb4e318 svadmin-u-a14daebf7748 svadmin-u-8ecebc9f80e6 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
+        class="svadmin-collapsible-trigger sidebar-menu-item svadmin-u-60fbb7713999 svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-a139beb4e318 svadmin-u-a14daebf7748 svadmin-u-8ecebc9f80e6 svadmin-u-ceb69a6b0e5f svadmin-u-233c0494b485
         {childActive
           ? 'svadmin-u-20aaf08a7ed1 svadmin-u-2689f3958069'
           : 'svadmin-u-98714a2f7d41 svadmin-u-646e10356266'}"

package/dist/components.css

@@ -2145,6 +2145,77 @@ details[data-svadmin-filter]:not([open]) > :not(summary), details.svadmin-collap
   display: none !important;
 }
 
+/* 折叠触发器对齐管理后台 8px 节奏：收紧 summary，展开时只留底部分割线，隐藏浏览器标记并保留 focus-visible。 */
+details.svadmin-collapsible > summary,
+details.svadmin-collapsible-filter > summary,
+details[data-svadmin-filter] > summary,
+[data-svadmin-collapsible] > summary {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  min-height: 2rem;
+  margin: 0;
+  padding: 0.25rem 0;
+  list-style: none;
+  cursor: pointer;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+details.svadmin-collapsible > summary::-webkit-details-marker,
+details.svadmin-collapsible-filter > summary::-webkit-details-marker,
+details[data-svadmin-filter] > summary::-webkit-details-marker,
+[data-svadmin-collapsible] > summary::-webkit-details-marker {
+  display: none;
+}
+
+details.svadmin-collapsible > summary::marker,
+details.svadmin-collapsible-filter > summary::marker,
+details[data-svadmin-filter] > summary::marker,
+[data-svadmin-collapsible] > summary::marker {
+  content: none;
+}
+
+details.svadmin-collapsible > summary:focus-visible,
+details.svadmin-collapsible-filter > summary:focus-visible,
+details[data-svadmin-filter] > summary:focus-visible,
+[data-svadmin-collapsible] > summary:focus-visible,
+[data-svadmin-sidebar] .svadmin-collapsible-trigger:focus-visible {
+  outline: 2px solid var(--ring);
+  outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
+  outline-offset: 2px;
+}
+
+details.svadmin-collapsible[open],
+details.svadmin-collapsible-filter[open],
+details[data-svadmin-filter][open],
+[data-svadmin-collapsible][data-open="true"] {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+details.svadmin-collapsible[open] > :not(summary),
+details.svadmin-collapsible-filter[open] > :not(summary),
+details[data-svadmin-filter][open] > :not(summary),
+[data-svadmin-collapsible][data-open="true"] > :not(summary) {
+  margin-top: 0.25rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger {
+  padding-block: 0.375rem;
+}
+
+[data-svadmin-sidebar] .svadmin-collapsible-trigger.uppercase {
+  margin-top: 0.5rem;
+  margin-bottom: 0.125rem;
+}
+
 /* --- Admin UI layout preset (clean-flat) --- */
 /* Keep this public class for layoutPreset API compatibility. The preset only
  * adjusts density and composition; color, focus, and elevation stay semantic. */

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export type { SurfaceTone, SurfaceDensity } from "./design-contract.js";
 export { designSystemComponents, type DesignComponentContract, type DesignComponentId, type DesignComponentState, } from "./design-system-components.js";
 export { metricSurfaceClasses, tableSurfaceClasses } from "./design-system.js";
 export { default as AdminApp } from './components/AdminApp.svelte';
+export type { AdminPageRoute } from './components/AdminApp.svelte';
 export { default as AutoTable } from './components/AutoTable.svelte';
 export { default as SegmentedControl } from './components/SegmentedControl.svelte';
 export type { SegmentedControlOption } from './components/SegmentedControl.svelte';

package/dist/recipes.d.ts

@@ -345,8 +345,8 @@ declare const productSectionRecipeStyles: import("tailwind-variants").TVReturnTy
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -355,8 +355,8 @@ declare const productSectionRecipeStyles: import("tailwind-variants").TVReturnTy
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -371,8 +371,8 @@ declare const productSectionRecipeStyles: import("tailwind-variants").TVReturnTy
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -473,8 +473,8 @@ declare const productSettingsRecipeStyles: import("tailwind-variants").TVReturnT
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -485,8 +485,8 @@ declare const productSettingsRecipeStyles: import("tailwind-variants").TVReturnT
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -505,8 +505,8 @@ declare const productSettingsRecipeStyles: import("tailwind-variants").TVReturnT
             title?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
-            heading?: import("tailwind-variants").ClassValue;
             actions?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -832,11 +832,11 @@ export declare const contentHeaderRecipe: (props?: Parameters<typeof contentHead
     description: string;
     root: string;
     row: string;
+    actions: string;
     heading: string;
     breadcrumbs: string;
     currentCrumb: string;
     eyebrow: string;
-    actions: string;
 };
 export declare const metricBlockRecipe: (props?: Parameters<typeof metricBlockRecipeStyles>[0]) => {
     detail: string;
@@ -853,8 +853,8 @@ export declare const productSectionRecipe: (props?: Parameters<typeof productSec
     title: string;
     description: string;
     root: string;
-    heading: string;
     actions: string;
+    heading: string;
 };
 export declare const productToolbarRecipe: (props?: Parameters<typeof productToolbarRecipeStyles>[0]) => {
     root: string;
@@ -874,8 +874,8 @@ export declare const productSettingsRecipe: (props?: Parameters<typeof productSe
     title: string;
     description: string;
     root: string;
-    heading: string;
     actions: string;
+    heading: string;
 };
 export declare const productSettingsRowRecipe: (props?: Parameters<typeof productSettingsRowRecipeStyles>[0]) => {
     label: string;
@@ -919,11 +919,11 @@ export declare const allRecipes: {
         description: string;
         root: string;
         row: string;
+        actions: string;
         heading: string;
         breadcrumbs: string;
         currentCrumb: string;
         eyebrow: string;
-        actions: string;
     };
     metricBlockRecipe: (props?: Parameters<typeof metricBlockRecipeStyles>[0]) => {
         detail: string;
@@ -940,8 +940,8 @@ export declare const allRecipes: {
         title: string;
         description: string;
         root: string;
-        heading: string;
         actions: string;
+        heading: string;
     };
     productToolbarRecipe: (props?: Parameters<typeof productToolbarRecipeStyles>[0]) => {
         root: string;
@@ -961,8 +961,8 @@ export declare const allRecipes: {
         title: string;
         description: string;
         root: string;
-        heading: string;
         actions: string;
+        heading: string;
     };
     productSettingsRowRecipe: (props?: Parameters<typeof productSettingsRowRecipeStyles>[0]) => {
         label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.83.2",
+  "version": "0.84.1",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -88,7 +88,7 @@
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/lang-markdown": "^6.0.0",
     "@codemirror/lang-sql": "^6.0.0",
-    "@svadmin/core": "^0.60.0",
+    "@svadmin/core": "^0.61.1",
     "@tanstack/svelte-query": "^6.1.48",
     "codemirror": "^6.0.0",
     "isomorphic-dompurify": "^3.23.0",
@@ -139,7 +139,7 @@
     }
   },
   "dependencies": {
-    "@svadmin/devtools": "^0.3.0",
+    "@svadmin/devtools": "^0.3.2",
     "@svadmin/devtools-contract": "^0.3.0",
     "@vibeunion/devtools-devframe": "^0.1.0",
     "typebox": "^1.3.34",
@@ -177,7 +177,7 @@
     "@codemirror/lang-markdown": "^6.5.2",
     "@codemirror/lang-sql": "^6.10.0",
     "@happy-dom/global-registrator": "^20.11.12",
-    "@svadmin/ai-elements": "^0.11.1",
+    "@svadmin/ai-elements": "^0.11.3",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@tailwindcss/cli": "4.3.3",
     "@testing-library/dom": "^10.4.1",