@svadmin/ui 0.84.0 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.84.0",
+  "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.61.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.1",
+    "@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.2",
+    "@svadmin/ai-elements": "^0.11.3",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@tailwindcss/cli": "4.3.3",
     "@testing-library/dom": "^10.4.1",