basalt-ui 1.24.0 → 1.26.0

package/dist/shell/app-sidebar.module.css

@@ -40,30 +40,63 @@
 
 /* Inactive rows: muted text + faint icon. Active rows keep the theme's ink text (via `--nl-color`)
  * untouched — this selector only ever matches when neither `data-active` nor `aria-current="page"`
- * is present. */
-.link:not([data-active]):not([aria-current='page']) {
+ * is present. `[data-ancestor]` is excluded too: it gets its own ink/accent treatment below and
+ * must not fall through to muted/faint here. */
+.link:not([data-active]):not([aria-current='page']):not([data-ancestor]) {
   color: var(--vx-muted) !important;
 }
 
-.link:not([data-active]):not([aria-current='page'])
+.link:not([data-active]):not([aria-current='page']):not([data-ancestor])
   :global(.mantine-NavLink-section[data-position='left']) {
   color: var(--vx-faint);
 }
 
 /* Hover — ink-6% tint + ink text, for inactive rows only (an active row already carries the
- * theme's stronger ink-9% tint and keeps its own hover via `--nl-hover`). */
+ * theme's stronger ink-9% tint and keeps its own hover via `--nl-hover`; an ancestor row gets its
+ * own hover rule below so its accent icon survives the pointer). */
 @media (hover: hover) {
-  .link:not([data-active]):not([aria-current='page']):hover {
+  .link:not([data-active]):not([aria-current='page']):not([data-ancestor]):hover {
     background-color: color-mix(in srgb, var(--vx-ink) 6%, transparent) !important;
     color: var(--vx-ink) !important;
   }
 
-  .link:not([data-active]):not([aria-current='page']):hover
+  .link:not([data-active]):not([aria-current='page']):not([data-ancestor]):hover
     :global(.mantine-NavLink-section[data-position='left']) {
     color: var(--vx-ink);
   }
 }
 
+/*
+ * Ancestor row (`SidebarItem.ancestor` — a parent on the path to the active row, never active
+ * itself, never `aria-current`): must read visibly WEAKER than active and visibly STRONGER than a
+ * hovered inactive row, since all three now share the same 6%/9% ink-tint family. Active carries a
+ * persistent `--nl-bg` ink-9% fill + weight 600 (theme `nav-link.module.css`); a hovered inactive
+ * row carries a transient ink-6% fill. An ancestor therefore gets NO fill at rest (unlike active)
+ * and NO weight change (still 400, unlike active's 600) — only the ink label + accent icon that an
+ * active row also carries, so it reads as "on the path" without claiming to BE the destination.
+ */
+.link[data-ancestor] {
+  color: var(--vx-ink) !important;
+}
+
+.link[data-ancestor] :global(.mantine-NavLink-section[data-position='left']) {
+  color: var(--vx-accent);
+}
+
+/* Hover still adds the shared ink-6% tint (same as any inactive row), but must not let the plain
+ * inactive hover rule above flatten the icon back to ink — that rule is excluded via
+ * `:not([data-ancestor])`, and this one re-asserts the accent icon on top of the shared tint. */
+@media (hover: hover) {
+  .link[data-ancestor]:hover {
+    background-color: color-mix(in srgb, var(--vx-ink) 6%, transparent) !important;
+    color: var(--vx-ink) !important;
+  }
+
+  .link[data-ancestor]:hover :global(.mantine-NavLink-section[data-position='left']) {
+    color: var(--vx-accent);
+  }
+}
+
 /*
  * Icon-only ghost buttons in shell chrome (collapse toggle, mobile close) — docs/DESIGN-SPEC.md
  * §5: transparent, faint icon, hover ink-6% + ink, radius 6. `!important` for the same reason as
@@ -113,6 +146,22 @@
   font-stretch: 88%;
 }
 
+/* Workspace switcher (`brand.menu`) — the brand name plus a chevron, as a row-shaped trigger. The
+ * chevron is faint until hover so the brand still reads as the brand, not as a control. */
+.brandButton {
+  display: flex;
+  align-items: center;
+  gap: var(--vx-space-sidebar-section-label-gap);
+  min-width: 0;
+  padding: 0;
+  color: var(--vx-faint);
+  cursor: pointer;
+}
+
+.brandButton:hover {
+  color: var(--vx-ink);
+}
+
 /*
  * Nav scroll region — a Mantine ScrollArea, whose overlay scrollbar is absolutely positioned inside
  * the (position: relative; overflow: hidden) root, so it floats over the rows instead of reserving
@@ -151,7 +200,7 @@
 
 /*
  * Footer settings row — IDENTICAL geometry to a nav row (padding 6px 10px, radius 6, gap 10,
- * 13px): muted text + faint icon at rest, ink-6% tint + ink on hover, exactly like an inactive
+ * 15px): muted text + faint icon at rest, ink-6% tint + ink on hover, exactly like an inactive
  * nav item, so the footer never reads as a separate control family.
  */
 .footerBtn {
@@ -211,7 +260,7 @@
 }
 
 /*
- * Identity initials block (docs/DESIGN-SPEC.md §5): 28px, radius 7, ink-10% bg, mono 10.5px
+ * Identity initials block (docs/DESIGN-SPEC.md §5): 28px, radius 7, ink-10% bg, mono micro (11px)
  * weight 500, muted — replaces the generic person glyph for the authenticated state.
  */
 .avatar {
@@ -236,7 +285,7 @@
   color: var(--vx-ink);
 }
 
-/* Meta line under the name (email / "FREE · MEMBER") — mono 9.5px, uppercase, faint, tracked
+/* Meta line under the name (email / "FREE · MEMBER") — mono micro (11px), uppercase, faint, tracked
  * 0.03em. */
 .accountMeta {
   font-family: var(--basalt-font-mono);
@@ -293,6 +342,214 @@
   color: var(--vx-ink);
 }
 
+/*
+ * ── Sidebar blocks (docs/CONTROLS-SPEC.md §2.3) ────────────────────────────────────────────────
+ *
+ * Same spacing-only separation law as the nav sections above: no rules, no bands, no fills. A
+ * block's rows are 32px (`--vx-space-sidebar-block-row-height`) — one step under a nav row, since
+ * a block row is reference material rather than a destination.
+ */
+.block {
+  min-width: 0;
+}
+
+.blockHeader {
+  display: flex;
+  align-items: center;
+  gap: var(--vx-space-nav-icon-gap);
+  width: 100%;
+  padding: 0 var(--vx-space-row-inset-x);
+  margin-bottom: var(--vx-space-sidebar-section-label-gap);
+}
+
+/* The header's label takes the free width so a count badge / chevron sits hard right. */
+.blockHeader > div:first-of-type {
+  flex: 1;
+  min-width: 0;
+  text-align: left;
+}
+
+/* Collapsible variant — text-only hover, exactly like `.sectionHeader`; never a band. */
+.blockHeaderButton {
+  color: var(--vx-faint);
+  cursor: pointer;
+}
+
+.blockHeaderButton:hover .sectionLabel {
+  color: var(--vx-ink);
+}
+
+.blockIcon {
+  position: relative;
+  display: flex;
+  flex: none;
+  align-items: center;
+  color: var(--vx-faint);
+}
+
+/*
+ * Rail dot — the collapsed rail's whole representation of a `count`. Hidden in the expanded
+ * sidebar, where the count renders as a real `NavCountBadge` instead: a dot and a number saying
+ * the same thing twice is noise, and the rail has no room for the number.
+ */
+.blockDot {
+  position: absolute;
+  top: -2px;
+  inset-inline-end: -3px;
+  display: none;
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background-color: var(--vx-accent);
+  box-shadow: 0 0 0 2px var(--mantine-color-body);
+}
+
+.blockItems {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Block row — 32px, small text, muted; the same ink-6% hover every other sidebar row uses. */
+.blockRow {
+  display: flex;
+  align-items: center;
+  gap: var(--vx-space-nav-icon-gap);
+  min-height: var(--vx-space-sidebar-block-row-height);
+  padding: 0 var(--vx-space-row-inset-x) !important;
+  border-radius: var(--vx-radius-ctrl) !important;
+  font-size: var(--vx-text-sm);
+  color: var(--vx-muted);
+}
+
+.blockRow :global(.mantine-NavLink-label) {
+  font-size: var(--vx-text-sm);
+}
+
+.blockRow :global(.mantine-NavLink-section[data-position='left']) {
+  margin-inline-end: 0;
+  color: var(--vx-faint);
+}
+
+@media (hover: hover) {
+  .blockRow:not(.blockRowStatic):hover {
+    background-color: color-mix(in srgb, var(--vx-ink) 6%, transparent) !important;
+    color: var(--vx-ink) !important;
+  }
+}
+
+/* A non-interactive row (the "Recents" shape) keeps the geometry and drops every affordance. */
+.blockRowStatic {
+  cursor: default;
+}
+
+.blockRowLabel {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.blockRowMeta {
+  flex: none;
+  font-size: var(--vx-text-micro);
+  color: var(--vx-faint);
+}
+
+/* Status dot standing in for a missing row icon — reads the per-scheme `--vx-status-*` solid. */
+.blockToneDot {
+  flex: none;
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background-color: var(--vx-status-neutral);
+}
+
+.blockToneDot[data-tone='good'] {
+  background-color: var(--vx-status-good);
+}
+
+.blockToneDot[data-tone='warn'] {
+  background-color: var(--vx-status-warn);
+}
+
+.blockToneDot[data-tone='bad'] {
+  background-color: var(--vx-status-bad);
+}
+
+/* "Show more" — a text affordance, not a button surface. */
+.blockMore {
+  min-height: var(--vx-space-sidebar-block-row-height);
+  padding: 0 var(--vx-space-row-inset-x);
+  text-align: left;
+  font-size: var(--vx-text-sm);
+  color: var(--vx-faint);
+}
+
+.blockMore:hover {
+  color: var(--vx-ink);
+}
+
+/* Progress block — label + `n of m` over a thin track. */
+.blockProgress {
+  display: block;
+  width: 100%;
+  padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
+  border-radius: var(--vx-radius-ctrl);
+  text-align: left;
+}
+
+.blockProgress:hover {
+  background-color: color-mix(in srgb, var(--vx-ink) 6%, transparent);
+}
+
+.blockProgressHead {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--vx-space-nav-icon-gap);
+  margin-bottom: var(--vx-space-sidebar-section-label-gap);
+}
+
+/* The rail's progress mark, rendered on the settings row (never inside the block). */
+.blockRing {
+  display: flex;
+  flex: none;
+  align-items: center;
+}
+
+/*
+ * Flat footer links — `settingsMenuItems` at three or fewer, rendered as rows instead of a gear
+ * menu (see `AppSidebar`'s JSDoc for the threshold). Each row IS a `.footerBtn`, so the two
+ * renderings are the same geometry.
+ */
+.footerLinks {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Fixed 18px icon column for a flat footer row — an icon-less row keeps the label aligned with
+ * its neighbours instead of sliding left. */
+.footerIconSlot {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  color: var(--vx-faint);
+}
+
+.footerBtn:hover .footerIconSlot {
+  color: var(--vx-ink);
+}
+
+.footerVersion {
+  padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
+  font-family: var(--basalt-font-mono);
+  font-size: var(--vx-text-micro);
+  color: var(--vx-faint);
+}
+
 /*
  * Inline child items — indent under the parent with the ONE allowed sidebar line: a 1px
  * `--vx-divider` left guide on the WRAPPER (not per row, so hover tints don't break the line).
@@ -350,9 +607,9 @@
 }
 
 /*
- * Icon-rail (collapsed) — desktop only. Gated behind min-width: sm (48em) so the mobile drawer keeps
- * full labels even when the persisted collapse flag is on. Hide the brand text, section labels and
- * nav labels; center the remaining icons.
+ * Icon-rail (collapsed) — desktop only. Gated behind min-width: sm (48em) so the sidebar doesn't
+ * exist at all below that breakpoint (see `MobileNav`) regardless of the persisted collapse flag.
+ * Hide the brand text, section labels and nav labels; center the remaining icons.
  */
 @media (min-width: 48em) {
   .root[data-collapsed] .brand {
@@ -421,14 +678,40 @@
     display: none;
   }
 
-  /* `navExtra` has no sensible icon-rail representation (arbitrary consumer content, not a nav
-   * row) — hide it in the rail, same treatment as `.childList`. It stays mounted (never a JS
-   * conditional on `collapsed`): `collapsed` is one value shared by the desktop rail AND the
-   * mobile drawer (`AppShell.Navbar`'s `collapsed: { mobile: !mobileOpened }` only ever un-collapses
-   * the mobile side), and the rail-vs-drawer split lives ENTIRELY in this media query, never in JS —
-   * a JS gate on `collapsed` would also drop `navExtra` from the mobile drawer, which opens at full
-   * width regardless of the persisted rail state. */
-  .root[data-collapsed] .navExtra {
+  /*
+   * Block rail projection (`sidebarBlockRail`). `hidden` and `ring` blocks leave the rail entirely
+   * — a `custom` block is arbitrary consumer content with no icon-column representation (the
+   * treatment `navExtra` had), and a progress block's rail form is the ring on the settings row
+   * below, not a squashed track. A `dot` block keeps its icon and nothing else.
+   *
+   * All of it is CSS, never a JS conditional on `collapsed`: the navbar is permanently
+   * `collapsed: { mobile: true }` (there is no mobile drawer — see `MobileNav`), so `collapsed`
+   * means only the desktop expanded-vs-rail state, and this media query is what applies it.
+   */
+  .root[data-collapsed] .block[data-rail='hidden'],
+  .root[data-collapsed] .block[data-rail='ring'] {
+    display: none;
+  }
+
+  .root[data-collapsed] .block[data-rail='dot'] .blockHeader {
+    justify-content: center;
+    padding: 0;
+    margin-bottom: 0;
+  }
+
+  .root[data-collapsed] .block[data-rail='dot'] .blockHeader > *:not(.blockIcon) {
+    display: none;
+  }
+
+  .root[data-collapsed] .block[data-rail='dot'] .blockItems {
+    display: none;
+  }
+
+  .root[data-collapsed] .blockDot {
+    display: block;
+  }
+
+  .root[data-collapsed] .footerVersion {
     display: none;
   }
 }

package/dist/shell/app-sidebar.module.css.d.ts

@@ -10,6 +10,7 @@ declare const classes: {
   readonly brand: string
   readonly brandLead: string
   readonly brandName: string
+  readonly brandButton: string
   readonly searchSlot: string
   readonly navScroll: string
   readonly navViewport: string
@@ -27,7 +28,24 @@ declare const classes: {
   readonly sectionHeader: string
   readonly subnavDropdown: string
   readonly childList: string
-  readonly navExtra: string
   readonly ghostIcon: string
+  readonly block: string
+  readonly blockHeader: string
+  readonly blockHeaderButton: string
+  readonly blockIcon: string
+  readonly blockDot: string
+  readonly blockItems: string
+  readonly blockRow: string
+  readonly blockRowStatic: string
+  readonly blockRowLabel: string
+  readonly blockRowMeta: string
+  readonly blockToneDot: string
+  readonly blockMore: string
+  readonly blockProgress: string
+  readonly blockProgressHead: string
+  readonly blockRing: string
+  readonly footerLinks: string
+  readonly footerIconSlot: string
+  readonly footerVersion: string
 }
 export default classes

package/dist/shell/index.d.ts

@@ -1,22 +1,23 @@
 import type { MouseEvent, ReactNode } from 'react';
-import type { BasaltAccountProps } from './account-types.js';
-import type { SidebarSearchConfig } from './sidebar-search.js';
-import type { MobileNavConfig, SidebarSection } from '../nav/types.js';
+import type { GlobalAction } from '../controls/actions.js';
+import type { AccountMenuItem, BasaltAccountProps } from './account-types.js';
+import type { SidebarSearchActions, SidebarSearchConfig } from './sidebar-search.js';
+import type { MobileNavConfig, SidebarBlock, SidebarSection } from '../nav/types.js';
 export { AppSidebar, type AppSidebarProps } from './app-sidebar.js';
 export { NavCountBadge } from './nav-count-badge.js';
-export { SidebarSearch, type SidebarSearchConfig } from './sidebar-search.js';
+export { SidebarSearch, type SidebarSearchConfig, type SidebarSearchActions, } from './sidebar-search.js';
 export { SidebarAccount } from './app-sidebar-account.js';
 export type { AccountBadgeTone, BasaltIdentity, BasaltRole, BasaltPlan, AccountMenuItem, BasaltAccountState, BasaltAccountActions, BasaltAccountProps, } from './account-types.js';
 export { MobileNav, type MobileNavProps } from './app-mobile-nav.js';
 export { projectMobileNav, type ProjectMobileNavOptions, MOBILE_MAX_TABS_DEFAULT, MOBILE_MENU_MAX_DEFAULT, MOBILE_MORE_KEY, } from './mobile-nav-model.js';
 export { AppBreadcrumbs } from './app-breadcrumbs.js';
-export { PageHeaderProvider, PageActions, PageActionsOutlet } from './page-header.js';
+export { PageBar, type PageBarProps } from './page-bar.js';
 /**
  * The shared nav vocabulary lives in `src/nav/types.ts` so the headless router bridge can `import
  * type` it without reaching into the Mantine layer. Re-exported here so `SidebarItem` /
  * `SidebarSection` keep resolving straight from `basalt-ui`, exactly as before.
  */
-export type { NavAnchor, NavAnchorProps, NavMobilePlacement, NavSectionMobile, SidebarItem, SidebarSection, MobileNavConfig, MobileNavGroup, MobileNavModel, MobileNavSlot, MobileNavSurface, } from '../nav/types.js';
+export type { NavAnchor, NavAnchorProps, NavMobilePlacement, NavSectionMobile, SidebarItem, SidebarSection, SidebarBlock, SidebarBlockItem, SidebarBlockTone, SidebarListBlock, SidebarProgressBlock, SidebarCustomBlock, MobileNavConfig, MobileNavGroup, MobileNavModel, MobileNavSlot, MobileNavSurface, } from '../nav/types.js';
 /** Brand identity shown in the sidebar header (logo + name). */
 export type BrandConfig = {
     /** Display name (e.g. "Argo"). */
@@ -36,8 +37,13 @@ export type SettingsMenuItem = {
     onClick?: (e: MouseEvent) => void;
 };
 export type BasaltShellProps = {
-    /** Brand identity for the sidebar header. */
-    brand: BrandConfig;
+    /**
+     * Brand identity for the sidebar header. Supplying `menu` turns the brand row into a `Name ▾`
+     * workspace switcher — the rows are `AccountMenuItem`s, the shape the account menu already uses.
+     */
+    brand: BrandConfig & {
+        menu?: AccountMenuItem[];
+    };
     /** Grouped nav sections — the ONE definition, rendered as the sidebar and projected to the bar. */
     sections: SidebarSection[];
     /**
@@ -45,28 +51,56 @@ export type BasaltShellProps = {
      * configured still produces a working bar (see `projectMobileNav`'s zero-config fallback).
      */
     mobileNav?: MobileNavConfig;
-    /** Persistent, shell-owned top-bar slot (timer, refresh, notifications). */
-    globalActions?: ReactNode;
     /**
-     * DESKTOP ONLY. Arbitrary content appended after `sections` inside the sidebar's nav scroll
-     * region (a tree, a filter panel, a project list, …), for anything a set of `SidebarItem`s can't
-     * express. Hidden on the collapsed desktop rail; the sidebar itself no longer exists below the
-     * `sm` breakpoint, so this slot has no mobile representation — put mobile-reachable extras in
-     * `mobileNav.moreExtra` instead.
+     * Persistent, shell-owned header actions (timer, notifications, a global `SyncButton`) — DECLARED
+     * DATA, not a `ReactNode` slot, so basalt owns the mobile projection: the first two ride the bar,
+     * the rest fold into the header's single kebab (`mobile: 'bar' | 'more' | 'hidden'`, see
+     * `GlobalAction`). That kebab is the SAME one `PageBar`'s ROW 1 opens — a route whose bar has
+     * row-1 actions (or `filtersEnd`) lends it, any other route gets it from the shell. An
+     * `ActionGroup` a consumer mounts in some other home never inherits these rows.
+     */
+    globalActions?: GlobalAction[];
+    /**
+     * Sidebar blocks — DECLARED DATA (law C13, `docs/CONTROLS-SPEC.md` §2.3), which replaced both
+     * `sidebarNavExtra` and `mobileNav.moreExtra`. `placement: 'nav'` (the default for `list` and
+     * `custom`) appends after the nav sections inside the scroll region; `'bottom'` pins above the
+     * settings footer.
+     *
+     * Because they are data, basalt owns the projections the two `ReactNode` slots could not express:
+     * a `list` with a `count` becomes a dot on its icon in the collapsed rail, a `progress` block
+     * becomes a ring on the settings row, and a block with `mobile: 'more'` becomes one More-sheet
+     * row opening a nested sheet of its items. A `kind: 'custom'` block is desktop-only, exactly as
+     * `sidebarNavExtra` was.
+     */
+    sidebarBlocks?: SidebarBlock[];
+    /**
+     * Entries appended to the sidebar settings footer — flat link rows at three or fewer, one gear
+     * menu at four or more (`AppSidebarProps.settingsMenuItems` documents the threshold).
      */
-    sidebarNavExtra?: ReactNode;
-    /** Entries appended to the sidebar settings menu. */
     settingsMenuItems?: SettingsMenuItem[];
     /**
-     * Optional account row rendered above the settings menu in the sidebar footer (see
+     * Forces the footer form instead of taking the count rule above: `'flat'` always renders link
+     * rows, `'menu'` always renders the gear dropdown. `'auto'` (the default) is today's ≤3 → flat
+     * behaviour. Reach for it when the rows are CONTROLS rather than destinations — three of those
+     * (a theme radio group, a devtools switch) read as a widget pile in the footer even though the
+     * count says flat. Full rationale on `AppSidebarProps.settingsMenu`.
+     *
+     * @default 'auto'
+     */
+    settingsMenu?: 'auto' | 'flat' | 'menu';
+    /**
+     * Optional account row rendered below the settings menu in the sidebar footer (see
      * `SidebarAccount` / `BasaltAccountProps`). Omitting it reproduces today's footer unchanged.
      */
     account?: BasaltAccountProps;
     /**
      * Optional search field below the brand in the sidebar (fixed, above the nav scroll). Supply
-     * `onOpen`, e.g. `() => openSpotlight()` from basalt-ui/commands.
+     * `onOpen`, e.g. `() => openSpotlight()` from basalt-ui/commands. `actions` adds one or two
+     * icon-only buttons to the right of that row (a tuple by type — see `SidebarSearchActions`).
      */
-    search?: SidebarSearchConfig;
+    search?: SidebarSearchConfig & {
+        actions?: SidebarSearchActions;
+    };
     /**
      * localStorage key for the persisted sidebar-collapsed flag. Ignored when `collapsed` is set.
      *
@@ -92,5 +126,5 @@ export type BasaltShellProps = {
     /** Page content. */
     children?: ReactNode;
 };
-export declare function BasaltShell({ brand, sections, mobileNav, globalActions, sidebarNavExtra, settingsMenuItems, storageKey, collapsed: collapsedProp, onCollapsedChange, account, search, children, }: BasaltShellProps): import("react").JSX.Element;
+export declare function BasaltShell({ brand, sections, mobileNav, globalActions, sidebarBlocks, settingsMenuItems, settingsMenu, storageKey, collapsed: collapsedProp, onCollapsedChange, account, search, children, }: BasaltShellProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMlD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAA0B,cAAc,EAAE,MAAM,cAAc,CAAA;AAM3F,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EACL,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,uBAAuB,EACvB,uBAAuB,EACvB,eAAe,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElF;;;;GAIG;AACH,YAAY,EACV,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,cAAc,CAAA;AAErB,gEAAgE;AAChE,MAAM,MAAM,WAAW,GAAG;IACxB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,KAAK,EAAE,WAAW,CAAA;IAClB,mGAAmG;IACnG,QAAQ,EAAE,cAAc,EAAE,CAAA;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAgGD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,UAAuC,EACvC,SAAS,EAAE,aAAa,EACxB,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,+BA4FlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.tsx"],"names":[],"mappings":"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"}