@svadmin/ui 0.69.1 → 0.72.0

package/dist/actions.js

@@ -50,7 +50,7 @@ export function shortcut(_node, params) {
  */
 export function intersect(node, callback) {
     const observer = new IntersectionObserver(([entry]) => {
-        if (entry.isIntersecting)
+        if (entry?.isIntersecting)
             callback();
     }, { rootMargin: '200px' });
     observer.observe(node);

package/dist/app.css

@@ -2,7 +2,7 @@
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
-  :where(:root, :host) {
+  :root, :host {
     --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
       "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
       "Segoe UI Symbol", "Noto Color Emoji";
@@ -2926,6 +2926,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .drop-shadow-sm {
     --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
@@ -3014,6 +3018,9 @@
   .fade-in {
     --tw-enter-opacity: 0;
   }
+  .running {
+    animation-play-state: running;
+  }
   .slide-in-from-right {
     --tw-enter-translate-x: 100%;
   }
@@ -4541,36 +4548,36 @@ body {
 h1, h2, h3, h4, h5, h6, [data-slot="card-title"] {
   letter-spacing: 0;
 }
-@layer components {
-  :is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button), [data-slot="input"], [data-slot="select-trigger"], [data-slot="select"], [data-slot="textarea"] {
-    box-shadow: var(--shadow-control);
-    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
-  }
-  [data-slot="input"], [data-slot="textarea"], [data-slot="select"], [data-slot="select-trigger"] {
-    background-color: var(--card);
-  }
-  [data-slot="card"] {
-    box-shadow: var(--shadow-surface);
-    transition: border-color 160ms ease, box-shadow 160ms ease;
-  }
-  [data-slot="card"][data-interactive="true"]:hover {
-    border-color: var(--primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklch, var(--primary) 24%, var(--border));
-    }
-    box-shadow: var(--shadow-surface-hover);
-  }
-  [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="context-menu-content"] {
-    box-shadow: var(--shadow-overlay);
+:is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button), [data-slot="input"], [data-slot="select-trigger"], [data-slot="select"], [data-slot="textarea"] {
+  box-shadow: var(--shadow-control);
+  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
+}
+[data-slot="input"], [data-slot="textarea"], [data-slot="select"], [data-slot="select-trigger"] {
+  background-color: var(--card);
+}
+[data-slot="card"] {
+  box-shadow: var(--shadow-surface);
+  transition: border-color 160ms ease, box-shadow 160ms ease;
+}
+[data-slot="card"][data-interactive="true"]:hover {
+  border-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklch, var(--primary) 24%, var(--border));
   }
-  :is([data-slot="button"], .svadmin-button):focus-visible, :is([data-svadmin-button], .svadmin-button):focus-visible, [data-slot="input"]:focus-visible, [data-slot="textarea"]:focus-visible, [data-slot="select-trigger"]:focus-visible, .sidebar-menu-item:focus-visible {
-    border-color: var(--ring);
-    outline: 2px solid var(--ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
-    }
-    outline-offset: 2px;
+  box-shadow: var(--shadow-surface-hover);
+}
+[data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="context-menu-content"] {
+  box-shadow: var(--shadow-overlay);
+}
+:is([data-slot="button"], .svadmin-button):focus-visible, :is([data-svadmin-button], .svadmin-button):focus-visible, [data-slot="input"]:focus-visible, [data-slot="textarea"]:focus-visible, [data-slot="select-trigger"]:focus-visible, .sidebar-menu-item:focus-visible {
+  border-color: var(--ring);
+  outline: 2px solid var(--ring);
+  @supports (color: color-mix(in lab, red, red)) {
+    outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
   }
+  outline-offset: 2px;
+}
+@layer components {
   :is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button) {
     display: inline-flex;
     flex-shrink: 0;
@@ -4699,10 +4706,6 @@ h1, h2, h3, h4, h5, h6, [data-slot="card-title"] {
     color: currentColor;
     transform: translateY(0.125rem);
   }
-  :is([data-slot="alert"], .svadmin-alert).svadmin-alert:has(> svg) {
-    grid-template-columns: 1rem minmax(0, 1fr);
-    column-gap: 0.75rem;
-  }
   :is([data-slot="alert"], .svadmin-alert).svadmin-alert:is([data-variant="destructive"], .svadmin-alert--destructive) {
     color: var(--destructive);
   }
@@ -5023,6 +5026,53 @@ main {
   .svadmin-rich-text {
     color: var(--foreground);
   }
+  .svadmin-file-input {
+    position: relative;
+    width: 100%;
+    min-width: 0;
+    height: 2.25rem;
+  }
+  .svadmin-file-input__visual {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border: 1px solid var(--border);
+    border-radius: 0.5rem;
+    background: var(--card);
+    box-shadow: var(--shadow-control);
+    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
+    color: var(--muted-foreground);
+    pointer-events: none;
+    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
+  }
+  .svadmin-file-input__button {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    height: 1.75rem;
+    border: 1px solid var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
+    }
+    border-radius: 0.375rem;
+    padding: 0 0.625rem;
+    background: var(--muted);
+    color: var(--foreground);
+    font: inherit;
+    font-size: 0.75rem;
+    white-space: nowrap;
+  }
+  .svadmin-file-input__name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .svadmin-file-input[data-disabled="true"] .svadmin-file-input__visual {
+    opacity: 0.5;
+  }
   .svadmin-input {
     width: 100%;
     min-width: 0;
@@ -5039,10 +5089,23 @@ main {
     font-size: 0.875rem;
   }
   .svadmin-input[data-input-type="file"] {
-    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
-    color: var(--muted-foreground);
+    position: absolute;
+    z-index: 1;
+    inset: 0;
+    height: 100%;
+    border: 0;
+    padding: 0;
+    opacity: 0;
+    appearance: none;
     cursor: pointer;
   }
+  .svadmin-input[data-input-type="file"]:focus-visible + .svadmin-file-input__visual {
+    border-color: var(--ring);
+    box-shadow: 0 0 0 3px var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);
+    }
+  }
   .svadmin-input:focus-visible {
     border-color: var(--ring);
     box-shadow: 0 0 0 3px var(--ring);
@@ -5064,21 +5127,6 @@ main {
   .svadmin-input::placeholder {
     color: var(--muted-foreground);
   }
-  .svadmin-input::file-selector-button {
-    margin-right: 0.75rem;
-    height: 1.75rem;
-    border: 1px solid var(--border);
-    @supports (color: color-mix(in lab, red, red)) {
-      border: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
-    }
-    border-radius: 0.375rem;
-    padding: 0 0.625rem;
-    background: var(--muted);
-    color: var(--foreground);
-    font: inherit;
-    font-size: 0.75rem;
-    cursor: pointer;
-  }
   .svadmin-card {
     display: flex;
     flex-direction: column;
@@ -5957,11 +6005,6 @@ main {
     backdrop-filter: blur(12px);
     transition: width 300ms ease, height 300ms ease;
   }
-  @media (min-width: 768px) {
-    .svadmin-navigation-viewport {
-      width: var(--bits-navigation-menu-viewport-width);
-    }
-  }
   .svadmin-popover-content {
     z-index: 50;
     width: 18rem;
@@ -6214,7 +6257,7 @@ main {
     color: var(--muted-foreground);
   }
   .svadmin-alert-description {
-    grid-column: 1;
+    grid-column: 2;
     color: var(--muted-foreground);
     font-size: 0.875rem;
   }
@@ -6222,7 +6265,7 @@ main {
     line-height: 1.625;
   }
   .svadmin-alert-title {
-    grid-column: 1;
+    grid-column: 2;
     min-height: 1rem;
     overflow: hidden;
     color: var(--foreground);
@@ -6231,9 +6274,6 @@ main {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .svadmin-alert:has(> svg) > :is(.svadmin-alert-title, .svadmin-alert-description) {
-    grid-column: 2;
-  }
   .svadmin-scroll-area {
     position: relative;
     overflow: hidden;
@@ -7710,8 +7750,8 @@ details[data-svadmin-filter]:not([open]) > :not(summary), details.svadmin-collap
     }
   }
 }
-@layer theme{
-  :where(:root, .svadmin-theme){
+:root,
+.svadmin-theme{
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -7758,5 +7798,4 @@ details[data-svadmin-filter]:not([open]) > :not(summary), details.svadmin-collap
   --shadow-surface: var(--svadmin-shadow-surface);
   --shadow-surface-hover: var(--svadmin-shadow-surface-hover);
   --shadow-overlay: var(--svadmin-shadow-overlay);
-  }
 }

package/dist/app.theme.css

@@ -2,7 +2,7 @@
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
-  :where(:root, :host) {
+  :root, :host {
     --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
       "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
       "Segoe UI Symbol", "Noto Color Emoji";
@@ -2926,6 +2926,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .drop-shadow-sm {
     --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
@@ -3014,6 +3018,9 @@
   .fade-in {
     --tw-enter-opacity: 0;
   }
+  .running {
+    animation-play-state: running;
+  }
   .slide-in-from-right {
     --tw-enter-translate-x: 100%;
   }
@@ -4541,36 +4548,36 @@ body {
 h1, h2, h3, h4, h5, h6, [data-slot="card-title"] {
   letter-spacing: 0;
 }
-@layer components {
-  :is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button), [data-slot="input"], [data-slot="select-trigger"], [data-slot="select"], [data-slot="textarea"] {
-    box-shadow: var(--shadow-control);
-    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
-  }
-  [data-slot="input"], [data-slot="textarea"], [data-slot="select"], [data-slot="select-trigger"] {
-    background-color: var(--card);
-  }
-  [data-slot="card"] {
-    box-shadow: var(--shadow-surface);
-    transition: border-color 160ms ease, box-shadow 160ms ease;
-  }
-  [data-slot="card"][data-interactive="true"]:hover {
-    border-color: var(--primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklch, var(--primary) 24%, var(--border));
-    }
-    box-shadow: var(--shadow-surface-hover);
-  }
-  [data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="context-menu-content"] {
-    box-shadow: var(--shadow-overlay);
+:is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button), [data-slot="input"], [data-slot="select-trigger"], [data-slot="select"], [data-slot="textarea"] {
+  box-shadow: var(--shadow-control);
+  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
+}
+[data-slot="input"], [data-slot="textarea"], [data-slot="select"], [data-slot="select-trigger"] {
+  background-color: var(--card);
+}
+[data-slot="card"] {
+  box-shadow: var(--shadow-surface);
+  transition: border-color 160ms ease, box-shadow 160ms ease;
+}
+[data-slot="card"][data-interactive="true"]:hover {
+  border-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklch, var(--primary) 24%, var(--border));
   }
-  :is([data-slot="button"], .svadmin-button):focus-visible, :is([data-svadmin-button], .svadmin-button):focus-visible, [data-slot="input"]:focus-visible, [data-slot="textarea"]:focus-visible, [data-slot="select-trigger"]:focus-visible, .sidebar-menu-item:focus-visible {
-    border-color: var(--ring);
-    outline: 2px solid var(--ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
-    }
-    outline-offset: 2px;
+  box-shadow: var(--shadow-surface-hover);
+}
+[data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="context-menu-content"] {
+  box-shadow: var(--shadow-overlay);
+}
+:is([data-slot="button"], .svadmin-button):focus-visible, :is([data-svadmin-button], .svadmin-button):focus-visible, [data-slot="input"]:focus-visible, [data-slot="textarea"]:focus-visible, [data-slot="select-trigger"]:focus-visible, .sidebar-menu-item:focus-visible {
+  border-color: var(--ring);
+  outline: 2px solid var(--ring);
+  @supports (color: color-mix(in lab, red, red)) {
+    outline: 2px solid color-mix(in oklch, var(--ring) 48%, transparent);
   }
+  outline-offset: 2px;
+}
+@layer components {
   :is([data-slot="button"], .svadmin-button), :is([data-svadmin-button], .svadmin-button) {
     display: inline-flex;
     flex-shrink: 0;
@@ -4699,10 +4706,6 @@ h1, h2, h3, h4, h5, h6, [data-slot="card-title"] {
     color: currentColor;
     transform: translateY(0.125rem);
   }
-  :is([data-slot="alert"], .svadmin-alert).svadmin-alert:has(> svg) {
-    grid-template-columns: 1rem minmax(0, 1fr);
-    column-gap: 0.75rem;
-  }
   :is([data-slot="alert"], .svadmin-alert).svadmin-alert:is([data-variant="destructive"], .svadmin-alert--destructive) {
     color: var(--destructive);
   }
@@ -5023,6 +5026,53 @@ main {
   .svadmin-rich-text {
     color: var(--foreground);
   }
+  .svadmin-file-input {
+    position: relative;
+    width: 100%;
+    min-width: 0;
+    height: 2.25rem;
+  }
+  .svadmin-file-input__visual {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border: 1px solid var(--border);
+    border-radius: 0.5rem;
+    background: var(--card);
+    box-shadow: var(--shadow-control);
+    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
+    color: var(--muted-foreground);
+    pointer-events: none;
+    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
+  }
+  .svadmin-file-input__button {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    height: 1.75rem;
+    border: 1px solid var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
+    }
+    border-radius: 0.375rem;
+    padding: 0 0.625rem;
+    background: var(--muted);
+    color: var(--foreground);
+    font: inherit;
+    font-size: 0.75rem;
+    white-space: nowrap;
+  }
+  .svadmin-file-input__name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .svadmin-file-input[data-disabled="true"] .svadmin-file-input__visual {
+    opacity: 0.5;
+  }
   .svadmin-input {
     width: 100%;
     min-width: 0;
@@ -5039,10 +5089,23 @@ main {
     font-size: 0.875rem;
   }
   .svadmin-input[data-input-type="file"] {
-    padding: 0.25rem 0.75rem 0.25rem 0.25rem;
-    color: var(--muted-foreground);
+    position: absolute;
+    z-index: 1;
+    inset: 0;
+    height: 100%;
+    border: 0;
+    padding: 0;
+    opacity: 0;
+    appearance: none;
     cursor: pointer;
   }
+  .svadmin-input[data-input-type="file"]:focus-visible + .svadmin-file-input__visual {
+    border-color: var(--ring);
+    box-shadow: 0 0 0 3px var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--ring) 20%, transparent);
+    }
+  }
   .svadmin-input:focus-visible {
     border-color: var(--ring);
     box-shadow: 0 0 0 3px var(--ring);
@@ -5064,21 +5127,6 @@ main {
   .svadmin-input::placeholder {
     color: var(--muted-foreground);
   }
-  .svadmin-input::file-selector-button {
-    margin-right: 0.75rem;
-    height: 1.75rem;
-    border: 1px solid var(--border);
-    @supports (color: color-mix(in lab, red, red)) {
-      border: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
-    }
-    border-radius: 0.375rem;
-    padding: 0 0.625rem;
-    background: var(--muted);
-    color: var(--foreground);
-    font: inherit;
-    font-size: 0.75rem;
-    cursor: pointer;
-  }
   .svadmin-card {
     display: flex;
     flex-direction: column;
@@ -5957,11 +6005,6 @@ main {
     backdrop-filter: blur(12px);
     transition: width 300ms ease, height 300ms ease;
   }
-  @media (min-width: 768px) {
-    .svadmin-navigation-viewport {
-      width: var(--bits-navigation-menu-viewport-width);
-    }
-  }
   .svadmin-popover-content {
     z-index: 50;
     width: 18rem;
@@ -6214,7 +6257,7 @@ main {
     color: var(--muted-foreground);
   }
   .svadmin-alert-description {
-    grid-column: 1;
+    grid-column: 2;
     color: var(--muted-foreground);
     font-size: 0.875rem;
   }
@@ -6222,7 +6265,7 @@ main {
     line-height: 1.625;
   }
   .svadmin-alert-title {
-    grid-column: 1;
+    grid-column: 2;
     min-height: 1rem;
     overflow: hidden;
     color: var(--foreground);
@@ -6231,9 +6274,6 @@ main {
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .svadmin-alert:has(> svg) > :is(.svadmin-alert-title, .svadmin-alert-description) {
-    grid-column: 2;
-  }
   .svadmin-scroll-area {
     position: relative;
     overflow: hidden;
@@ -7761,8 +7801,8 @@ details[data-svadmin-filter]:not([open]) > :not(summary), details.svadmin-collap
   --shadow-surface-hover: var(--svadmin-shadow-surface-hover);
   --shadow-overlay: var(--svadmin-shadow-overlay);
 }
-@layer theme{
-  :where(:root, .svadmin-theme){
+:root,
+.svadmin-theme{
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -7809,5 +7849,4 @@ details[data-svadmin-filter]:not([open]) > :not(summary), details.svadmin-collap
   --shadow-surface: var(--svadmin-shadow-surface);
   --shadow-surface-hover: var(--svadmin-shadow-surface-hover);
   --shadow-overlay: var(--svadmin-shadow-overlay);
-  }
 }

package/dist/component-registry.svelte.d.ts

@@ -5,35 +5,49 @@
  * prop on `AdminApp`, while providing sensible defaults.
  */
 import { type Component } from 'svelte';
+import type Layout from './components/Layout.svelte';
+import type Sidebar from './components/Sidebar.svelte';
+import type Header from './components/Header.svelte';
+import type LoginPage from './components/LoginPage.svelte';
+import type AutoTable from './components/AutoTable.svelte';
+import type AutoForm from './components/AutoForm.svelte';
+import type ShowPage from './components/ShowPage.svelte';
+import type ErrorPage from './components/ErrorPage.svelte';
+import type Button from './components/ui/button/button.svelte';
+import type Input from './components/ui/input/input.svelte';
+import type Badge from './components/ui/badge/badge.svelte';
+import type Skeleton from './components/ui/skeleton/skeleton.svelte';
+import type Breadcrumbs from './components/Breadcrumbs.svelte';
+import type TaskQueueDrawer from './components/TaskQueueDrawer.svelte';
 export interface ComponentRegistry {
-    Layout: Component<any>;
-    Sidebar: Component<any>;
-    Header: Component<any>;
-    LoginPage: Component<any>;
-    AutoTable: Component<any>;
-    AutoForm: Component<any>;
-    ShowPage: Component<any>;
-    ErrorPage?: Component<any>;
-    Button: Component<any>;
-    Input: Component<any>;
-    Badge: Component<any>;
-    Skeleton: Component<any>;
+    Layout: typeof Layout;
+    Sidebar: typeof Sidebar;
+    Header: typeof Header;
+    LoginPage: typeof LoginPage;
+    AutoTable: typeof AutoTable;
+    AutoForm: typeof AutoForm;
+    ShowPage: typeof ShowPage;
+    ErrorPage?: typeof ErrorPage;
+    Button: typeof Button;
+    Input: typeof Input;
+    Badge: typeof Badge;
+    Skeleton: typeof Skeleton;
     /** Custom dashboard page component (replaces default welcome message) */
-    DashboardPage?: Component<any>;
+    DashboardPage?: Component;
     /** Custom breadcrumbs component (replaces built-in Breadcrumbs) */
-    Breadcrumbs?: Component<any>;
+    Breadcrumbs?: typeof Breadcrumbs;
     /** Custom theme toggle button (replaces built-in Sun/Moon toggle) */
-    ThemeToggle?: Component<any>;
+    ThemeToggle?: Component;
     /** Custom user menu / avatar dropdown in the header */
-    UserMenu?: Component<any>;
+    UserMenu?: Component;
     /** Custom notification panel / bell icon in the header */
-    NotificationPanel?: Component<any>;
+    NotificationPanel?: Component;
     /** Custom task queue drawer / task center trigger in the header */
-    TaskQueueDrawer?: Component<any>;
+    TaskQueueDrawer?: typeof TaskQueueDrawer;
 }
 /** Set the component registry in context (called by AdminApp). */
 export declare function setComponentRegistry(registry: ComponentRegistry): void;
 /** Retrieve the full component registry from context. */
-export declare function getComponentRegistry(): ComponentRegistry;
+export declare function getComponentRegistry(): ComponentRegistry | undefined;
 /** Retrieve a single component by name from the registry. */
 export declare function useComponent<K extends keyof ComponentRegistry>(name: K): ComponentRegistry[K];

package/dist/component-registry.svelte.js

@@ -1,11 +1,10 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Component Registry — Svelte Context-based DI for component injection.
  *
  * Allows users to override any registered component via the `components`
  * prop on `AdminApp`, while providing sensible defaults.
  */
-import { getContext, setContext } from 'svelte';
+import { getContext, hasContext, setContext } from 'svelte';
 const REGISTRY_KEY = 'svadmin:components';
 /** Set the component registry in context (called by AdminApp). */
 export function setComponentRegistry(registry) {
@@ -13,9 +12,12 @@ export function setComponentRegistry(registry) {
 }
 /** Retrieve the full component registry from context. */
 export function getComponentRegistry() {
-    return getContext(REGISTRY_KEY);
+    return hasContext(REGISTRY_KEY) ? getContext(REGISTRY_KEY) : undefined;
 }
 /** Retrieve a single component by name from the registry. */
 export function useComponent(name) {
-    return getComponentRegistry()[name];
+    const registry = getComponentRegistry();
+    if (!registry)
+        throw new Error('Component registry requires an AdminApp context');
+    return registry[name];
 }