@adia-ai/web-modules 0.6.31 → 0.6.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/chat/chat-composer/chat-composer.a2ui.json +1 -0
  3. package/chat/chat-composer/chat-composer.yaml +1 -0
  4. package/chat/chat-empty/chat-empty.a2ui.json +1 -0
  5. package/chat/chat-empty/chat-empty.yaml +1 -0
  6. package/chat/chat-header/chat-header.a2ui.json +1 -0
  7. package/chat/chat-header/chat-header.yaml +1 -0
  8. package/chat/chat-shell/chat-shell.a2ui.json +1 -0
  9. package/chat/chat-shell/chat-shell.yaml +1 -0
  10. package/chat/chat-sidebar/chat-sidebar.a2ui.json +1 -0
  11. package/chat/chat-sidebar/chat-sidebar.yaml +1 -0
  12. package/chat/chat-status/chat-status.a2ui.json +1 -0
  13. package/chat/chat-status/chat-status.yaml +1 -0
  14. package/chat/chat-thread/chat-thread.a2ui.json +1 -0
  15. package/chat/chat-thread/chat-thread.yaml +1 -0
  16. package/dist/everything.min.js +268 -48
  17. package/dist/icons-manifest.js +9091 -0
  18. package/dist/shell/admin-shell.min.css +1 -1
  19. package/editor/editor-canvas/editor-canvas.a2ui.json +1 -0
  20. package/editor/editor-canvas/editor-canvas.yaml +1 -0
  21. package/editor/editor-canvas-empty/editor-canvas-empty.a2ui.json +1 -0
  22. package/editor/editor-canvas-empty/editor-canvas-empty.yaml +1 -0
  23. package/editor/editor-canvas-toolbar/editor-canvas-toolbar.a2ui.json +1 -0
  24. package/editor/editor-canvas-toolbar/editor-canvas-toolbar.yaml +1 -0
  25. package/editor/editor-shell/editor-shell.a2ui.json +1 -0
  26. package/editor/editor-shell/editor-shell.yaml +1 -0
  27. package/editor/editor-sidebar/editor-sidebar.a2ui.json +1 -0
  28. package/editor/editor-sidebar/editor-sidebar.yaml +1 -0
  29. package/editor/editor-statusbar/editor-statusbar.a2ui.json +1 -0
  30. package/editor/editor-statusbar/editor-statusbar.yaml +1 -0
  31. package/editor/editor-toolbar/editor-toolbar.a2ui.json +1 -0
  32. package/editor/editor-toolbar/editor-toolbar.yaml +1 -0
  33. package/package.json +1 -1
  34. package/runtime/a2ui-root/a2ui-root.a2ui.json +1 -0
  35. package/runtime/a2ui-root/a2ui-root.yaml +1 -0
  36. package/runtime/gen-root/gen-root.a2ui.json +1 -0
  37. package/runtime/gen-root/gen-root.yaml +1 -0
  38. package/shell/admin-command/admin-command.a2ui.json +1 -0
  39. package/shell/admin-command/admin-command.yaml +1 -0
  40. package/shell/admin-content/admin-content.a2ui.json +1 -0
  41. package/shell/admin-content/admin-content.yaml +1 -0
  42. package/shell/admin-entity-item/admin-entity-item.a2ui.json +1 -0
  43. package/shell/admin-entity-item/admin-entity-item.yaml +1 -0
  44. package/shell/admin-page/admin-page.a2ui.json +1 -0
  45. package/shell/admin-page/admin-page.yaml +1 -0
  46. package/shell/admin-page-body/admin-page-body.a2ui.json +1 -0
  47. package/shell/admin-page-body/admin-page-body.yaml +1 -0
  48. package/shell/admin-page-header/admin-page-header.a2ui.json +1 -0
  49. package/shell/admin-page-header/admin-page-header.yaml +1 -0
  50. package/shell/admin-scroll/admin-scroll.a2ui.json +1 -0
  51. package/shell/admin-scroll/admin-scroll.yaml +1 -0
  52. package/shell/admin-shell/admin-shell.a2ui.json +1 -0
  53. package/shell/admin-shell/admin-shell.yaml +1 -0
  54. package/shell/admin-shell/css/admin-shell.helpers.css +17 -7
  55. package/shell/admin-sidebar/admin-sidebar.a2ui.json +1 -0
  56. package/shell/admin-sidebar/admin-sidebar.yaml +1 -0
  57. package/shell/admin-statusbar/admin-statusbar.a2ui.json +1 -0
  58. package/shell/admin-statusbar/admin-statusbar.yaml +1 -0
  59. package/shell/admin-topbar/admin-topbar.a2ui.json +1 -0
  60. package/shell/admin-topbar/admin-topbar.yaml +1 -0
  61. package/simple/simple-content/simple-content.a2ui.json +1 -0
  62. package/simple/simple-content/simple-content.yaml +1 -0
  63. package/simple/simple-hero/simple-hero.a2ui.json +1 -0
  64. package/simple/simple-hero/simple-hero.yaml +1 -0
  65. package/simple/simple-shell/simple-shell.a2ui.json +1 -0
  66. package/simple/simple-shell/simple-shell.yaml +1 -0
  67. package/theme/theme-panel/theme-panel.a2ui.json +1 -0
  68. package/theme/theme-panel/theme-panel.yaml +1 -0
@@ -1 +1 @@
1
- :where(admin-shell){--page-bg:var(--a-canvas-1);--page-border:1px solid var(--a-border-subtle);--page-main-border:var(--page-border);--page-header-height:var(--a-chrome-app-header-height);--page-header-px:var(--a-space-3);--page-header-gap:var(--a-space-3);--page-header-font:var(--a-ui-size);--page-header-fg-muted:var(--a-fg-muted);--page-sidebar-px:var(--a-space-1);--page-sidebar-gap:var(--a-space-1);--page-sidebar-font:var(--a-ui-size);--page-sidebar-min-width:48px;--page-sidebar-max-width:480px;--page-sidebar-resize-accent:var(--a-accent);--page-sidebar-divider-bg:var(--a-border-subtle);--page-sidebar-width-leading:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-sidebar-width-trailing:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-content-bg:var(--a-canvas-0);--page-content-header-bg:var(--a-canvas-0);--page-content-radius:var(--a-radius-lg);--page-content-inset:var(--a-space-10);--page-content-max-width:1540px;--page-content-border:1px solid var(--a-border-subtle);--page-content-shadow:var(--a-shadow-sm);--page-content-bp-sm:480px;--page-content-bp-md:720px;--page-content-bp-lg:1024px;--page-section-gap:var(--a-space-6);--page-block-gap:var(--a-space-4);--page-deck-gap:var(--a-space-1);--page-section-size:var(--a-kicker-size);--page-section-weight:var(--a-kicker-weight);--page-section-leading:var(--a-kicker-leading);--page-section-tracking:var(--a-kicker-tracking);--page-section-case:var(--a-kicker-case);--page-section-color:var(--a-kicker-color);--page-section-mb:var(--a-space-3);--page-section-pb:var(--a-space-2);--page-subsection-size:var(--a-subsection-size);--page-subsection-weight:var(--a-subsection-weight);--page-subsection-color:var(--a-subsection-color);--page-sidebar-collapsed-icon:1.0625rem;--page-sidebar-collapsed-avatar:1.5rem;--page-actions-gap:var(--a-space-2);--page-grid-gap:var(--a-space-3);--page-duration:var(--a-duration);--page-duration-fast:var(--a-duration-fast);--page-easing:var(--a-easing);--page-font-family:var(--a-font-family);--page-body-size:var(--a-body-size);--nav-duration:var(--a-duration);--nav-duration-fast:var(--a-duration-fast);--nav-easing:var(--a-easing);--nav-label-px:var(--a-space-2);--nav-label-py:var(--a-space-1);--nav-label-font-size:var(--a-kicker-sm);--nav-label-weight:var(--a-weight-medium);--nav-label-fg:var(--a-fg-muted);--nav-divider-bg:var(--a-border-subtle);--nav-divider-my:var(--a-space-1);--nav-group-indent-rail-bg:var(--a-border-subtle);--nav-group-icon-font-size:var(--a-ui-size);--nav-group-text-weight:var(--a-weight-medium);--nav-group-badge-bg:var(--a-bg-muted);--nav-group-badge-px:var(--a-space-1);--nav-group-badge-radius:var(--a-radius-full);--nav-item-icon-font-size:var(--a-ui-size);--nav-item-selected-weight:var(--a-weight-medium);--nav-item-badge-fg:var(--a-fg-muted);--nav-item-badge-bg:var(--a-bg-muted);--nav-item-badge-px:var(--a-space-1);--nav-item-badge-radius:var(--a-radius-full);--nav-item-trailing-font:var(--a-ui-sm);--nav-item-trailing-fg:var(--a-fg-muted);--nav-item-trailing-border:var(--a-border-subtle);--nav-item-trailing-radius:var(--a-radius-sm);--nav-item-trailing-px:var(--a-space-0-5);--a-icon-size:18px}admin-shell[mode~=borderless]{--page-main-border:none;--page-border:none}admin-shell{background:var(--page-bg);overscroll-behavior:none;height:100dvh;font-family:var(--page-font-family);font-size:var(--page-body-size);display:flex;position:fixed;inset:0;overflow:hidden}admin-shell:not(:has(>:is(asideadmin-sidebar[slot=trailing],admin-sidebar[slot=trailing]):not([hidden])))>admin-content>admin-scroll{margin-inline-end:var(--a-space-2)}admin-shell:not(:has(>:is(header,header-ui,admin-topbar):not([hidden]),>admin-content>admin-topbar:not([hidden])))>admin-content>admin-scroll{margin-block-start:var(--a-space-2)}admin-shell:not(:has(>:is(footer,footer-ui,admin-statusbar):not([hidden]),>admin-content>admin-statusbar:not([hidden])))>admin-content>admin-scroll{margin-block-end:var(--a-space-2)}admin-shell>admin-content>admin-scroll::-webkit-scrollbar{display:none}admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:var(--subnav-width,14rem) 1fr;grid-template-rows:minmax(0,1fr);gap:0;display:grid}admin-shell>admin-content>admin-scroll>[data-subnav]{overscroll-behavior:contain;border-inline-end:1px solid var(--a-border-subtle);min-height:0;padding-block:var(--a-space-2);padding-inline:var(--a-space-2);overflow-y:auto}@container (width<=40rem){admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:1fr}admin-shell>admin-content>admin-scroll>[data-subnav]{border-inline-end:none;border-block-end:1px solid var(--a-border-subtle)}}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;width:6px;transition:background var(--page-duration-fast) var(--page-easing);z-index:2;background:0 0;position:absolute;top:0;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover,:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]>[data-resize]{background:var(--page-sidebar-resize-accent)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]{-webkit-user-select:none;user-select:none;transition:none}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui),:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){align-items:center;gap:var(--page-sidebar-gap);padding:var(--page-sidebar-px);flex-shrink:0;min-width:0;display:flex;overflow:hidden}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui){min-height:var(--page-header-height);border-bottom:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){min-height:var(--page-header-height);border-top:var(--page-border);margin-top:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=icon],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0;align-items:center;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=heading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=heading]{font-weight:var(--a-weight-medium);color:var(--a-fg)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=description],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-start:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action]~[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action-leading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-end:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui){padding:var(--page-sidebar-px);scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)::-webkit-scrollbar{display:none}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) span[slot=pad]{padding:var(--page-sidebar-px);display:block}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) nav-ui{border:none;padding:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)>hr[data-nav-divider]{background:var(--page-sidebar-divider-bg);height:1px;margin:var(--page-sidebar-gap) var(--page-sidebar-px);border:none}@container sidebar (width<=96px){:is(admin-topbar,admin-statusbar){padding:var(--page-sidebar-px);justify-content:center}:is(section,section-ui){flex-direction:column;align-items:center;display:flex}select-ui [slot=display],select-ui [slot=caret]{display:none}select-ui [slot=trigger]{min-height:var(--page-header-height);justify-content:center;padding:0}select-ui [slot=leading]{--a-icon-size:var(--page-sidebar-collapsed-icon);font-size:var(--page-sidebar-collapsed-icon)}select-ui img[slot=leading]{width:var(--page-sidebar-collapsed-avatar);height:var(--page-sidebar-collapsed-avatar)}nav-ui [slot=text],nav-ui [slot=badge],nav-ui [slot=caret],nav-ui [slot=trailing],nav-ui [data-nav-label],nav-ui [data-nav-divider]{display:none!important}nav-group-ui [slot=header]{min-height:var(--nav-group-row-height);min-width:var(--nav-group-row-height);justify-content:center;padding:0}nav-item-ui{min-height:var(--nav-item-row-height);min-width:var(--nav-item-row-height);justify-content:center;width:100%;padding:0}nav-ui{width:100%}button-ui{--button-px:0;justify-content:center;width:auto!important}button-ui [slot=trailing]{display:none}:scope,:is(admin-topbar,admin-statusbar),:is(section,section-ui,nav){overflow:hidden}:is(span,p,div,h1,h2,h3,h4,h5,h6)[slot=heading],[slot=heading]:not(:has(>[slot])){display:none}button.nav-item,a.nav-item,[data-nav]{text-indent:-9999px;white-space:nowrap;justify-content:center;overflow:hidden}button.nav-item>icon-ui,a.nav-item>icon-ui,[data-nav]>icon-ui,button.nav-item>:has(>icon-ui),a.nav-item>:has(>icon-ui),[data-nav]>:has(>icon-ui){text-indent:0}}admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){max-width:var(--page-content-max-width);box-sizing:border-box;width:100%;margin-inline:auto}admin-page-header>:is(header,header-ui){padding-inline:var(--page-content-inset)}admin-page-header[data-content-full]>:is(header,header-ui),admin-page-body[data-content-full]>:is(section,section-ui),admin-page-header>:is(header,header-ui)[data-content-full],admin-page-body>:is(section,section-ui)[data-content-full]{max-width:100%}admin-page-header>:is(header,header-ui){gap:var(--page-header-gap);padding-block:var(--page-content-inset) var(--page-header-gap);flex-direction:column;display:flex}admin-page-header>:is(header,header-ui):has(tabs-ui){padding-bottom:0}admin-page-header:has(>:is(header,header-ui)[data-flush]){background:0 0;border-bottom:none;position:static}admin-page-header>:is(header,header-ui)[data-compact]{padding-block:var(--page-header-px)}admin-page-header>:is(header,header-ui)>div:first-of-type{justify-content:space-between;align-items:center;gap:var(--page-header-gap);display:flex}admin-page-header h1,admin-page-header>:is(header,header-ui)>p{margin:0}admin-page-body>:is(section,section-ui){padding:var(--page-content-inset);gap:var(--page-section-gap,var(--a-space-8));flex-direction:column;display:flex}admin-page-body>iframe{border:0;flex:1;block-size:100%;inline-size:100%;display:block}[data-tab-content]>section{margin-bottom:var(--page-section-gap)}[data-tab-content]>section>h2{font-size:var(--page-section-size);font-weight:var(--page-section-weight);line-height:var(--page-section-leading);letter-spacing:var(--page-section-tracking);text-transform:var(--page-section-case);color:var(--page-section-color);margin:0 0 var(--page-section-mb);padding-bottom:var(--page-section-pb);border-bottom:var(--page-content-border)}[data-tab-content]>section>[data-section]{gap:var(--page-section-gap) var(--page-header-gap);grid-template-columns:1fr 2fr;display:grid}[data-tab-content]>section>[data-section]>aside>h3{font-size:var(--page-subsection-size);font-weight:var(--page-subsection-weight);color:var(--page-subsection-color);margin:0 0 var(--page-section-pb)}[data-tab-content]>section>[data-section]>aside>p{margin:0}@container page-content (width<=720px){[data-tab-content]>section>[data-section]{gap:var(--page-block-gap) 0;grid-template-columns:minmax(0,1fr)}}@container page-content (width<=768px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-8)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-8)}}@container page-content (width<=480px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-6)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-6)}}[data-spacer]{flex:1}[data-actions]{align-items:center;gap:var(--page-actions-gap);display:flex}[data-grid]{gap:var(--page-grid-gap);grid-template-columns:1fr 1fr;display:grid}[data-grid="3"]{grid-template-columns:1fr 1fr 1fr}[data-col]{gap:var(--page-grid-gap);flex-direction:column;display:flex}[data-row]{align-items:center;gap:var(--page-grid-gap);display:flex}admin-shell>admin-content{border-inline:var(--page-main-border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}admin-content>admin-topbar,admin-shell>admin-topbar,admin-sidebar>admin-topbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);border-bottom:var(--page-border);flex-shrink:0;display:flex}admin-content>admin-statusbar,admin-shell>admin-statusbar,admin-sidebar>admin-statusbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);color:var(--page-header-fg-muted);border-top:var(--page-border);flex-shrink:0;display:flex}admin-sidebar>:is(admin-topbar,admin-statusbar){padding-inline:var(--page-sidebar-px)}admin-content>admin-scroll{overscroll-behavior:contain;scrollbar-width:none;background:var(--page-content-bg);border-inline:var(--page-content-border);min-height:0;box-shadow:var(--page-content-shadow);flex:1;overflow-y:auto}admin-shell[mode~=rounded]>admin-content>admin-scroll{border-radius:var(--page-content-radius)}:is(admin-scroll,admin-content) admin-page{flex-direction:column;min-height:100%;display:flex;container:page-content/inline-size}admin-page>admin-page-header{z-index:1;background:var(--page-content-header-bg);border-bottom:var(--page-content-border);box-shadow:var(--a-shadow-sm);flex-shrink:0;position:sticky;top:0}admin-page>admin-page-body{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);background:var(--page-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading);border-right:var(--page-border)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing);border-left:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}admin-sidebar[slot=leading]>[data-resize]{right:-3px}admin-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover{background:var(--page-sidebar-resize-accent);opacity:.5}admin-sidebar[resizing]{transition:none}admin-sidebar[resizing]>[data-resize]{background:var(--page-sidebar-resize-accent);opacity:.8}:is(admin-topbar,admin-statusbar)>[slot=action]:first-of-type{margin-inline-start:auto}:is(admin-topbar,admin-statusbar)>[slot=action-leading]{margin-inline-end:var(--page-actions-gap)}:is(admin-topbar,admin-statusbar)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0}:is(admin-topbar,admin-statusbar)>[slot=heading]{font-weight:var(--a-weight-medium,500);color:var(--a-fg)}:is(admin-topbar,admin-statusbar)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-topbar,admin-statusbar)>[slot=action],:is(admin-topbar,admin-statusbar)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;display:flex}:is(admin-topbar,admin-statusbar)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-topbar,admin-statusbar)>[slot=icon]{align-items:center;display:flex}admin-entity-item{--entity-item-gap:var(--a-space-1);--entity-item-px:var(--a-ui-px);--entity-item-icon-size:1rem;--entity-item-icon-color:var(--a-fg-muted);--entity-item-avatar-size:1.5rem;align-items:center;gap:var(--entity-item-gap);padding:0 var(--entity-item-px);min-width:0;display:inline-flex;overflow:hidden}admin-entity-item>[slot=icon]{color:var(--entity-item-icon-color);--a-icon-size:var(--entity-item-icon-size);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}admin-entity-item>img[slot=icon]{width:var(--entity-item-avatar-size);height:var(--entity-item-avatar-size);border-radius:var(--a-radius-full);object-fit:cover}admin-entity-item>[slot=label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--a-ui-sm);font-weight:var(--a-weight-medium,500);color:var(--a-fg);flex:1;overflow:hidden}admin-entity-item>[slot=badge]{flex-shrink:0}@container sidebar (width<=96px){admin-entity-item>[slot=label],admin-entity-item>[slot=badge]{display:none}}
1
+ :where(admin-shell){--page-bg:var(--a-canvas-1);--page-border:1px solid var(--a-border-subtle);--page-main-border:var(--page-border);--page-header-height:var(--a-chrome-app-header-height);--page-header-px:var(--a-space-3);--page-header-gap:var(--a-space-3);--page-header-font:var(--a-ui-size);--page-header-fg-muted:var(--a-fg-muted);--page-sidebar-px:var(--a-space-1);--page-sidebar-gap:var(--a-space-1);--page-sidebar-font:var(--a-ui-size);--page-sidebar-min-width:48px;--page-sidebar-max-width:480px;--page-sidebar-resize-accent:var(--a-accent);--page-sidebar-divider-bg:var(--a-border-subtle);--page-sidebar-width-leading:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-sidebar-width-trailing:clamp(var(--page-sidebar-min-width), 200px, 240px);--page-content-bg:var(--a-canvas-0);--page-content-header-bg:var(--a-canvas-0);--page-content-radius:var(--a-radius-lg);--page-content-inset:var(--a-space-10);--page-content-max-width:1540px;--page-content-border:1px solid var(--a-border-subtle);--page-content-shadow:var(--a-shadow-sm);--page-content-bp-sm:480px;--page-content-bp-md:720px;--page-content-bp-lg:1024px;--page-section-gap:var(--a-space-6);--page-block-gap:var(--a-space-4);--page-deck-gap:var(--a-space-1);--page-section-size:var(--a-kicker-size);--page-section-weight:var(--a-kicker-weight);--page-section-leading:var(--a-kicker-leading);--page-section-tracking:var(--a-kicker-tracking);--page-section-case:var(--a-kicker-case);--page-section-color:var(--a-kicker-color);--page-section-mb:var(--a-space-3);--page-section-pb:var(--a-space-2);--page-subsection-size:var(--a-subsection-size);--page-subsection-weight:var(--a-subsection-weight);--page-subsection-color:var(--a-subsection-color);--page-sidebar-collapsed-icon:1.0625rem;--page-sidebar-collapsed-avatar:1.5rem;--page-actions-gap:var(--a-space-2);--page-grid-gap:var(--a-space-3);--page-duration:var(--a-duration);--page-duration-fast:var(--a-duration-fast);--page-easing:var(--a-easing);--page-font-family:var(--a-font-family);--page-body-size:var(--a-body-size);--nav-duration:var(--a-duration);--nav-duration-fast:var(--a-duration-fast);--nav-easing:var(--a-easing);--nav-label-px:var(--a-space-2);--nav-label-py:var(--a-space-1);--nav-label-font-size:var(--a-kicker-sm);--nav-label-weight:var(--a-weight-medium);--nav-label-fg:var(--a-fg-muted);--nav-divider-bg:var(--a-border-subtle);--nav-divider-my:var(--a-space-1);--nav-group-indent-rail-bg:var(--a-border-subtle);--nav-group-icon-font-size:var(--a-ui-size);--nav-group-text-weight:var(--a-weight-medium);--nav-group-badge-bg:var(--a-bg-muted);--nav-group-badge-px:var(--a-space-1);--nav-group-badge-radius:var(--a-radius-full);--nav-item-icon-font-size:var(--a-ui-size);--nav-item-selected-weight:var(--a-weight-medium);--nav-item-badge-fg:var(--a-fg-muted);--nav-item-badge-bg:var(--a-bg-muted);--nav-item-badge-px:var(--a-space-1);--nav-item-badge-radius:var(--a-radius-full);--nav-item-trailing-font:var(--a-ui-sm);--nav-item-trailing-fg:var(--a-fg-muted);--nav-item-trailing-border:var(--a-border-subtle);--nav-item-trailing-radius:var(--a-radius-sm);--nav-item-trailing-px:var(--a-space-0-5);--a-icon-size:18px}admin-shell[mode~=borderless]{--page-main-border:none;--page-border:none}admin-shell{background:var(--page-bg);overscroll-behavior:none;height:100dvh;font-family:var(--page-font-family);font-size:var(--page-body-size);display:flex;position:fixed;inset:0;overflow:hidden}admin-shell:not(:has(>:is(asideadmin-sidebar[slot=trailing],admin-sidebar[slot=trailing]):not([hidden])))>admin-content>admin-scroll{margin-inline-end:var(--a-space-2)}admin-shell:not(:has(>:is(header,header-ui,admin-topbar):not([hidden]),>admin-content>admin-topbar:not([hidden])))>admin-content>admin-scroll{margin-block-start:var(--a-space-2)}admin-shell:not(:has(>:is(footer,footer-ui,admin-statusbar):not([hidden]),>admin-content>admin-statusbar:not([hidden])))>admin-content>admin-scroll{margin-block-end:var(--a-space-2)}admin-shell>admin-content>admin-scroll::-webkit-scrollbar{display:none}admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:var(--subnav-width,14rem) 1fr;grid-template-rows:minmax(0,1fr);gap:0;display:grid}admin-shell>admin-content>admin-scroll>[data-subnav]{overscroll-behavior:contain;border-inline-end:1px solid var(--a-border-subtle);min-height:0;padding-block:var(--a-space-2);padding-inline:var(--a-space-2);overflow-y:auto}@container (width<=40rem){admin-shell>admin-content>admin-scroll:has(>[data-subnav]:not([hidden])){grid-template-columns:1fr}admin-shell>admin-content>admin-scroll>[data-subnav]{border-inline-end:none;border-block-end:1px solid var(--a-border-subtle)}}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;width:6px;transition:background var(--page-duration-fast) var(--page-easing);z-index:2;background:0 0;position:absolute;top:0;bottom:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover,:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]>[data-resize]{background:var(--page-sidebar-resize-accent)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])[data-resizing]{-webkit-user-select:none;user-select:none;transition:none}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui),:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){align-items:center;gap:var(--page-sidebar-gap);padding:var(--page-sidebar-px);flex-shrink:0;min-width:0;display:flex;overflow:hidden}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui){min-height:var(--page-header-height);border-bottom:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui){min-height:var(--page-header-height);border-top:var(--page-border);margin-top:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=icon],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0;align-items:center;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=heading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=heading]{font-weight:var(--a-weight-medium);color:var(--a-fg)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=description],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-start:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action]~[slot=action],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(header,header-ui)>[slot=action-leading],:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(footer,footer-ui)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;margin-inline-end:auto;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui){padding:var(--page-sidebar-px);scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)::-webkit-scrollbar{display:none}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) span[slot=pad]{padding:var(--page-sidebar-px);display:block}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]) nav-ui{border:none;padding:0}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>:is(section,section-ui)>hr[data-nav-divider]{background:var(--page-sidebar-divider-bg);height:1px;margin:var(--page-sidebar-gap) var(--page-sidebar-px);border:none}@container sidebar (width<=96px){:is(admin-topbar,admin-statusbar){padding:var(--page-sidebar-px);justify-content:center}:is(section,section-ui){flex-direction:column;align-items:center;display:flex}select-ui [slot=display],select-ui [slot=caret]{display:none}select-ui [slot=trigger]{min-height:var(--page-header-height);justify-content:center;padding:0}select-ui [slot=leading]{--a-icon-size:var(--page-sidebar-collapsed-icon);font-size:var(--page-sidebar-collapsed-icon)}select-ui img[slot=leading]{width:var(--page-sidebar-collapsed-avatar);height:var(--page-sidebar-collapsed-avatar)}nav-ui [slot=text],nav-ui [slot=badge],nav-ui [slot=caret],nav-ui [slot=trailing],nav-ui [data-nav-label],nav-ui [data-nav-divider]{display:none!important}nav-group-ui [slot=header]{min-height:var(--nav-group-row-height);min-width:var(--nav-group-row-height);justify-content:center;padding:0}nav-item-ui{min-height:var(--nav-item-row-height);min-width:var(--nav-item-row-height);justify-content:center;width:100%;padding:0}nav-ui{width:100%}button-ui{--button-px:0;justify-content:center;width:auto!important}button-ui [slot=trailing]{display:none}:scope,:is(admin-topbar,admin-statusbar),:is(section,section-ui,nav){overflow:hidden}:is(span,p,div,h1,h2,h3,h4,h5,h6)[slot=heading],[slot=heading]:not(:has(>[slot])){display:none}button.nav-item,a.nav-item,[data-nav]{text-indent:-9999px;white-space:nowrap;justify-content:center;overflow:hidden}button.nav-item>icon-ui,a.nav-item>icon-ui,[data-nav]>icon-ui,button.nav-item>:has(>icon-ui),a.nav-item>:has(>icon-ui),[data-nav]>:has(>icon-ui){text-indent:0}}admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){max-width:var(--page-content-max-width);box-sizing:border-box;width:100%;margin-inline:auto}admin-page-header>:is(header,header-ui){padding-inline:var(--page-content-inset)}admin-page-header[data-content-full]>:is(header,header-ui),admin-page-body[data-content-full]>:is(section,section-ui),admin-page-header>:is(header,header-ui)[data-content-full],admin-page-body>:is(section,section-ui)[data-content-full]{max-width:100%}admin-page-header>:is(header,header-ui){gap:var(--page-header-gap);padding-block:var(--page-content-inset) var(--page-header-gap);flex-direction:column;display:flex}admin-page-header>:is(header,header-ui):has(tabs-ui){padding-bottom:0}admin-page-header:has(>:is(header,header-ui)[data-flush]){background:0 0;border-bottom:none;position:static}admin-page-header>:is(header,header-ui)[data-compact]{padding-block:var(--page-header-px)}admin-page-header>:is(header,header-ui)>div:first-of-type{justify-content:space-between;align-items:center;gap:var(--page-header-gap);display:flex}admin-page-header h1,admin-page-header>:is(header,header-ui)>p{margin:0}admin-page-body>:is(section,section-ui){padding:var(--page-content-inset);gap:var(--page-section-gap,var(--a-space-8));flex-direction:column;display:flex}admin-page-body>iframe{border:0;flex:1;block-size:100%;inline-size:100%;display:block}[data-tab-content]>section{margin-bottom:var(--page-section-gap)}[data-tab-content]>section>h2{font-size:var(--page-section-size);font-weight:var(--page-section-weight);line-height:var(--page-section-leading);letter-spacing:var(--page-section-tracking);text-transform:var(--page-section-case);color:var(--page-section-color);margin:0 0 var(--page-section-mb);padding-bottom:var(--page-section-pb);border-bottom:var(--page-content-border)}[data-tab-content]>section>[data-section]{gap:var(--page-section-gap) var(--page-header-gap);grid-template-columns:1fr 2fr;display:grid}[data-tab-content]>section>[data-section]>aside>h3{font-size:var(--page-subsection-size);font-weight:var(--page-subsection-weight);color:var(--page-subsection-color);margin:0 0 var(--page-section-pb)}[data-tab-content]>section>[data-section]>aside>p{margin:0}@container page-content (width<=720px){[data-tab-content]>section>[data-section]{gap:var(--page-block-gap) 0;grid-template-columns:minmax(0,1fr)}}@container page-content (width<=768px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-8)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-8)}}@container page-content (width<=480px){admin-page-header>:is(header,header-ui),admin-page-body>:is(section,section-ui){padding-inline:var(--a-space-6)}admin-page-body>:is(section,section-ui){padding-block:var(--a-space-6)}}admin-shell [data-spacer]{flex:1}admin-shell [data-actions]{align-items:center;gap:var(--page-actions-gap);display:flex}admin-shell [data-grid]{gap:var(--page-grid-gap);grid-template-columns:1fr 1fr;display:grid}admin-shell [data-grid="3"]{grid-template-columns:1fr 1fr 1fr}admin-shell [data-col]{gap:var(--page-grid-gap);flex-direction:column;display:flex}admin-shell [data-row]{align-items:center;gap:var(--page-grid-gap);display:flex}admin-shell>admin-content{border-inline:var(--page-main-border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}admin-content>admin-topbar,admin-shell>admin-topbar,admin-sidebar>admin-topbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);border-bottom:var(--page-border);flex-shrink:0;display:flex}admin-content>admin-statusbar,admin-shell>admin-statusbar,admin-sidebar>admin-statusbar{align-items:center;gap:var(--page-header-gap);padding:0 var(--a-space-3);height:var(--page-header-height);font-size:var(--page-header-font);color:var(--page-header-fg-muted);border-top:var(--page-border);flex-shrink:0;display:flex}admin-sidebar>:is(admin-topbar,admin-statusbar){padding-inline:var(--page-sidebar-px)}admin-content>admin-scroll{overscroll-behavior:contain;scrollbar-width:none;background:var(--page-content-bg);border-inline:var(--page-content-border);min-height:0;box-shadow:var(--page-content-shadow);flex:1;overflow-y:auto}admin-shell[mode~=rounded]>admin-content>admin-scroll{border-radius:var(--page-content-radius)}:is(admin-scroll,admin-content) admin-page{flex-direction:column;min-height:100%;display:flex;container:page-content/inline-size}admin-page>admin-page-header{z-index:1;background:var(--page-content-header-bg);border-bottom:var(--page-content-border);box-shadow:var(--a-shadow-sm);flex-shrink:0;position:sticky;top:0}admin-page>admin-page-body{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing]){min-width:var(--page-sidebar-min-width);max-width:var(--page-sidebar-max-width);min-height:0;font-size:var(--page-sidebar-font);transition:width var(--page-duration) var(--page-easing);background:var(--page-bg);flex-direction:column;flex-shrink:0;display:flex;position:relative;container:sidebar/inline-size}admin-sidebar[slot=leading]{width:var(--page-sidebar-width-leading);border-right:var(--page-border)}admin-sidebar[slot=trailing]{width:var(--page-sidebar-width-trailing);border-left:var(--page-border)}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]{cursor:col-resize;z-index:1;-webkit-user-select:none;user-select:none;width:6px;position:absolute;top:0;bottom:0}admin-sidebar[slot=leading]>[data-resize]{right:-3px}admin-sidebar[slot=trailing]>[data-resize]{left:-3px}:is(admin-sidebar[slot=leading],admin-sidebar[slot=trailing])>[data-resize]:hover{background:var(--page-sidebar-resize-accent);opacity:.5}admin-sidebar[resizing]{transition:none}admin-sidebar[resizing]>[data-resize]{background:var(--page-sidebar-resize-accent);opacity:.8}:is(admin-topbar,admin-statusbar)>[slot=action]:first-of-type{margin-inline-start:auto}:is(admin-topbar,admin-statusbar)>[slot=action-leading]{margin-inline-end:var(--page-actions-gap)}:is(admin-topbar,admin-statusbar)>[slot=icon]{color:var(--page-header-fg-muted);flex-shrink:0}:is(admin-topbar,admin-statusbar)>[slot=heading]{font-weight:var(--a-weight-medium,500);color:var(--a-fg)}:is(admin-topbar,admin-statusbar)>[slot=description]{color:var(--page-header-fg-muted);font-size:var(--a-ui-sm)}:is(admin-topbar,admin-statusbar)>[slot=action],:is(admin-topbar,admin-statusbar)>[slot=action-leading]{align-items:center;gap:var(--page-actions-gap);flex-shrink:0;display:flex}:is(admin-topbar,admin-statusbar)>[slot=action]~[slot=action]{margin-inline-start:0}:is(admin-topbar,admin-statusbar)>[slot=icon]{align-items:center;display:flex}admin-entity-item{--entity-item-gap:var(--a-space-1);--entity-item-px:var(--a-ui-px);--entity-item-icon-size:1rem;--entity-item-icon-color:var(--a-fg-muted);--entity-item-avatar-size:1.5rem;align-items:center;gap:var(--entity-item-gap);padding:0 var(--entity-item-px);min-width:0;display:inline-flex;overflow:hidden}admin-entity-item>[slot=icon]{color:var(--entity-item-icon-color);--a-icon-size:var(--entity-item-icon-size);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}admin-entity-item>img[slot=icon]{width:var(--entity-item-avatar-size);height:var(--entity-item-avatar-size);border-radius:var(--a-radius-full);object-fit:cover}admin-entity-item>[slot=label]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--a-ui-sm);font-weight:var(--a-weight-medium,500);color:var(--a-fg);flex:1;overflow:hidden}admin-entity-item>[slot=badge]{flex-shrink:0}@container sidebar (width<=96px){admin-entity-item>[slot=label],admin-entity-item>[slot=badge]{display:none}}
@@ -73,6 +73,7 @@
73
73
  "name": "focused"
74
74
  }
75
75
  ],
76
+ "status": "stable",
76
77
  "synonyms": {
77
78
  "editor-canvas": [
78
79
  "canvas",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorCanvas
4
4
  tag: editor-canvas
5
+ status: stable
5
6
  component: EditorCanvas
6
7
  category: container
7
8
  version: 1
@@ -55,6 +55,7 @@
55
55
  "name": "hidden"
56
56
  }
57
57
  ],
58
+ "status": "stable",
58
59
  "synonyms": {
59
60
  "editor-canvas-empty": [
60
61
  "empty-state",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorCanvasEmpty
4
4
  tag: editor-canvas-empty
5
+ status: stable
5
6
  component: EditorCanvasEmpty
6
7
  category: feedback
7
8
  version: 1
@@ -64,6 +64,7 @@
64
64
  "name": "idle"
65
65
  }
66
66
  ],
67
+ "status": "stable",
67
68
  "synonyms": {
68
69
  "editor-canvas-toolbar": [
69
70
  "canvas-toolbar",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorCanvasToolbar
4
4
  tag: editor-canvas-toolbar
5
+ status: stable
5
6
  component: EditorCanvasToolbar
6
7
  category: layout
7
8
  version: 1
@@ -69,6 +69,7 @@
69
69
  "name": "focus-mode"
70
70
  }
71
71
  ],
72
+ "status": "stable",
72
73
  "synonyms": {
73
74
  "editor-shell": [
74
75
  "design-tool-shell",
@@ -1,6 +1,7 @@
1
1
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
2
2
  name: EditorShell
3
3
  tag: editor-shell
4
+ status: stable
4
5
  component: EditorShell
5
6
  category: container
6
7
  version: 1
@@ -88,6 +88,7 @@
88
88
  "name": "collapsed"
89
89
  }
90
90
  ],
91
+ "status": "stable",
91
92
  "synonyms": {
92
93
  "editor-sidebar": [
93
94
  "navigator",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorSidebar
4
4
  tag: editor-sidebar
5
+ status: stable
5
6
  component: EditorSidebar
6
7
  category: layout
7
8
  version: 1
@@ -62,6 +62,7 @@
62
62
  "name": "idle"
63
63
  }
64
64
  ],
65
+ "status": "stable",
65
66
  "synonyms": {
66
67
  "editor-statusbar": [
67
68
  "statusbar",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorStatusbar
4
4
  tag: editor-statusbar
5
+ status: stable
5
6
  component: EditorStatusbar
6
7
  category: layout
7
8
  version: 1
@@ -81,6 +81,7 @@
81
81
  "name": "full-screen"
82
82
  }
83
83
  ],
84
+ "status": "stable",
84
85
  "synonyms": {
85
86
  "editor-toolbar": [
86
87
  "editor-header",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: EditorToolbar
4
4
  tag: editor-toolbar
5
+ status: stable
5
6
  component: EditorToolbar
6
7
  category: layout
7
8
  version: 1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adia-ai/web-modules",
3
- "version": "0.6.31",
3
+ "version": "0.6.33",
4
4
  "description": "AdiaUI composite custom elements \u2014 shell, chat, editor, runtime clusters built from @adia-ai/web-components primitives. Subpath exports per cluster.",
5
5
  "type": "module",
6
6
  "exports": {
@@ -117,6 +117,7 @@
117
117
  "name": "active"
118
118
  }
119
119
  ],
120
+ "status": "stable",
120
121
  "synonyms": {
121
122
  "a2ui-root": [
122
123
  "a2ui-canvas-host",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: A2UIRoot
4
4
  tag: a2ui-root
5
+ status: stable
5
6
  component: A2UIRoot
6
7
  category: container
7
8
  version: 1
@@ -68,6 +68,7 @@
68
68
  "name": "idle"
69
69
  }
70
70
  ],
71
+ "status": "stable",
71
72
  "synonyms": {
72
73
  "gen-root": [
73
74
  "gen-ui-root",
@@ -1,6 +1,7 @@
1
1
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
2
2
  name: GenRoot
3
3
  tag: gen-root
4
+ status: stable
4
5
  component: GenRoot
5
6
  category: layout
6
7
  version: 1
@@ -84,6 +84,7 @@
84
84
  "name": "open"
85
85
  }
86
86
  ],
87
+ "status": "stable",
87
88
  "synonyms": {
88
89
  "cmd-k": [
89
90
  "ctrl-k",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminCommand
4
4
  tag: admin-command
5
+ status: stable
5
6
  component: AdminCommand
6
7
  category: interaction
7
8
  version: 1
@@ -59,6 +59,7 @@
59
59
  "name": "idle"
60
60
  }
61
61
  ],
62
+ "status": "stable",
62
63
  "synonyms": {
63
64
  "main": [
64
65
  "content",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminContent
4
4
  tag: admin-content
5
+ status: stable
5
6
  component: AdminContent
6
7
  category: layout
7
8
  version: 1
@@ -64,6 +64,7 @@
64
64
  "name": "idle"
65
65
  }
66
66
  ],
67
+ "status": "stable",
67
68
  "synonyms": {
68
69
  "entity-item": [
69
70
  "identity-row",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminEntityItem
4
4
  tag: admin-entity-item
5
+ status: stable
5
6
  component: AdminEntityItem
6
7
  category: layout
7
8
  version: 1
@@ -60,6 +60,7 @@
60
60
  "name": "idle"
61
61
  }
62
62
  ],
63
+ "status": "stable",
63
64
  "synonyms": {
64
65
  "page-content": [
65
66
  "content-area",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminPage
4
4
  tag: admin-page
5
+ status: stable
5
6
  component: AdminPage
6
7
  category: layout
7
8
  version: 1
@@ -49,6 +49,7 @@
49
49
  "name": "idle"
50
50
  }
51
51
  ],
52
+ "status": "stable",
52
53
  "synonyms": {
53
54
  "page-body": [
54
55
  "content-body",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminPageBody
4
4
  tag: admin-page-body
5
+ status: stable
5
6
  component: AdminPageBody
6
7
  category: layout
7
8
  version: 1
@@ -49,6 +49,7 @@
49
49
  "name": "idle"
50
50
  }
51
51
  ],
52
+ "status": "stable",
52
53
  "synonyms": {
53
54
  "sticky-header": [
54
55
  "page-titlebar",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminPageHeader
4
4
  tag: admin-page-header
5
+ status: stable
5
6
  component: AdminPageHeader
6
7
  category: layout
7
8
  version: 1
@@ -49,6 +49,7 @@
49
49
  "name": "idle"
50
50
  }
51
51
  ],
52
+ "status": "stable",
52
53
  "synonyms": {
53
54
  "scroll-region": [
54
55
  "scroll-area",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminScroll
4
4
  tag: admin-scroll
5
+ status: stable
5
6
  component: AdminScroll
6
7
  category: layout
7
8
  version: 1
@@ -95,6 +95,7 @@
95
95
  "name": "idle"
96
96
  }
97
97
  ],
98
+ "status": "stable",
98
99
  "synonyms": {
99
100
  "admin": [
100
101
  "dashboard",
@@ -1,6 +1,7 @@
1
1
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
2
2
  name: AdminShell
3
3
  tag: admin-shell
4
+ status: stable
4
5
  component: AppShell
5
6
  category: layout
6
7
  version: 1
@@ -1,14 +1,24 @@
1
1
  /* ═══════════════════════════════════════════════════════════════
2
2
  admin-shell — Layout helpers
3
3
 
4
- Generic layout utilities used across admin pages.
4
+ Generic layout utilities for admin page templates.
5
+
6
+ IMPORTANT: All selectors are prefixed with `admin-shell` to
7
+ prevent leakage onto arbitrary page HTML. Bare attribute
8
+ selectors like [data-col] were matching third-party elements
9
+ (e.g. <th data-col="…">) and breaking their display model by
10
+ overriding display:table-cell with display:flex.
11
+
12
+ The admin-shell build pipeline does not emit @scope blocks,
13
+ so the only reliable scoping mechanism is a parent selector.
14
+ Every helper here is only consumed inside admin-shell anyway.
5
15
  ═══════════════════════════════════════════════════════════════ */
6
16
 
7
17
  /* Flex spacer — pushes siblings to opposite ends */
8
- [data-spacer] { flex: 1; }
18
+ admin-shell [data-spacer] { flex: 1; }
9
19
 
10
20
  /* Inline action group (buttons, icons) */
11
- [data-actions] {
21
+ admin-shell [data-actions] {
12
22
  display: flex;
13
23
  align-items: center;
14
24
  gap: var(--page-actions-gap);
@@ -17,25 +27,25 @@
17
27
  /* ── Form layout helpers ── */
18
28
 
19
29
  /* 2-column grid (default), 3-column with data-grid="3" */
20
- [data-grid] {
30
+ admin-shell [data-grid] {
21
31
  display: grid;
22
32
  grid-template-columns: 1fr 1fr;
23
33
  gap: var(--page-grid-gap);
24
34
  }
25
35
 
26
- [data-grid="3"] {
36
+ admin-shell [data-grid="3"] {
27
37
  grid-template-columns: 1fr 1fr 1fr;
28
38
  }
29
39
 
30
40
  /* Vertical stack */
31
- [data-col] {
41
+ admin-shell [data-col] {
32
42
  display: flex;
33
43
  flex-direction: column;
34
44
  gap: var(--page-grid-gap);
35
45
  }
36
46
 
37
47
  /* Horizontal row */
38
- [data-row] {
48
+ admin-shell [data-row] {
39
49
  display: flex;
40
50
  align-items: center;
41
51
  gap: var(--page-grid-gap);
@@ -119,6 +119,7 @@
119
119
  "name": "resizing"
120
120
  }
121
121
  ],
122
+ "status": "stable",
122
123
  "synonyms": {
123
124
  "collapsed": [
124
125
  "minimized",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminSidebar
4
4
  tag: admin-sidebar
5
+ status: stable
5
6
  component: AdminSidebar
6
7
  category: layout
7
8
  version: 1
@@ -68,6 +68,7 @@
68
68
  "name": "idle"
69
69
  }
70
70
  ],
71
+ "status": "stable",
71
72
  "synonyms": {
72
73
  "statusbar": [
73
74
  "status-line",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminStatusbar
4
4
  tag: admin-statusbar
5
+ status: stable
5
6
  component: AdminStatusbar
6
7
  category: layout
7
8
  version: 1
@@ -69,6 +69,7 @@
69
69
  "name": "idle"
70
70
  }
71
71
  ],
72
+ "status": "stable",
72
73
  "synonyms": {
73
74
  "topbar": [
74
75
  "appbar",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: AdminTopbar
4
4
  tag: admin-topbar
5
+ status: stable
5
6
  component: AdminTopbar
6
7
  category: layout
7
8
  version: 1
@@ -52,6 +52,7 @@
52
52
  "name": "idle"
53
53
  }
54
54
  ],
55
+ "status": "stable",
55
56
  "synonyms": {
56
57
  "simple-content": [
57
58
  "page-content",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: SimpleContent
4
4
  tag: simple-content
5
+ status: stable
5
6
  component: SimpleContent
6
7
  category: shells
7
8
  version: 1
@@ -61,6 +61,7 @@
61
61
  "name": "idle"
62
62
  }
63
63
  ],
64
+ "status": "stable",
64
65
  "synonyms": {
65
66
  "simple-hero": [
66
67
  "page-hero",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: SimpleHero
4
4
  tag: simple-hero
5
+ status: stable
5
6
  component: SimpleHero
6
7
  category: shells
7
8
  version: 1
@@ -71,6 +71,7 @@
71
71
  "name": "full-bleed"
72
72
  }
73
73
  ],
74
+ "status": "stable",
74
75
  "synonyms": {
75
76
  "simple-shell": [
76
77
  "marketing-shell",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: SimpleShell
4
4
  tag: simple-shell
5
+ status: stable
5
6
  component: SimpleShell
6
7
  category: shells
7
8
  version: 1
@@ -154,6 +154,7 @@
154
154
  "name": "scheme-auto"
155
155
  }
156
156
  ],
157
+ "status": "stable",
157
158
  "synonyms": {
158
159
  "theme": [
159
160
  "palette",
@@ -2,6 +2,7 @@
2
2
  $schema: ../../../../scripts/schemas/component.yaml.schema.json
3
3
  name: ThemePanel
4
4
  tag: theme-panel
5
+ status: stable
5
6
  component: ThemePanel
6
7
  category: layout
7
8
  version: 1