@classic-homes/theme-svelte 0.1.34 → 0.1.36

package/README.md

@@ -107,6 +107,41 @@ Or in your root layout:
 - `LogoMain` - Main logo component
 - `LoadingLogo` - Animated loading logo
 
+### Notification Components (Optional)
+
+Notification UI components are available via a separate entry point. This makes the `@classic-homes/notifications` dependency optional - you only need it if you use these components.
+
+```bash
+# Install the notifications package if using notification components
+npm install @classic-homes/notifications
+```
+
+```svelte
+<script>
+  // Import notification components from the /notifications subpath
+  import {
+    NotificationList,
+    NotificationItem,
+    NotificationBadge,
+    NotificationDialog,
+    NotificationFilters,
+    NotificationBulkActions,
+  } from '@classic-homes/theme-svelte/notifications';
+
+  // Import types and utilities from the notifications package
+  import type { Notification } from '@classic-homes/notifications/core';
+</script>
+```
+
+Available notification components:
+
+- `NotificationBadge` - Unread count badge
+- `NotificationItem` - Single notification card
+- `NotificationList` - List of notifications with empty state
+- `NotificationDialog` - Detail dialog for a notification
+- `NotificationFilters` - Filter tabs (all/read/unread)
+- `NotificationBulkActions` - Bulk action toolbar
+
 ## Error Handling
 
 ### Overview

package/dist/lib/components/layout/ErrorLayout.svelte

@@ -38,6 +38,8 @@
     homeUrl?: string;
     /** Home button text */
     homeText?: string;
+    /** URL for logo link (defaults to '/') */
+    logoHref?: string;
     /** Show "Go Back" button */
     showBackButton?: boolean;
     /** Go back button text */
@@ -63,6 +65,7 @@
     showHomeButton = true,
     homeUrl = '/',
     homeText = 'Go Home',
+    logoHref = '/',
     showBackButton = true,
     backText = 'Go Back',
     illustration,
@@ -138,7 +141,7 @@
         {#if logo}
           {@render logo()}
         {:else}
-          <a href="/" class="block">
+          <a href={logoHref} class="block">
             <LogoMain variant="horizontal" color="dark" size="md" />
           </a>
         {/if}

package/dist/lib/components/layout/ErrorLayout.svelte.d.ts

@@ -32,6 +32,8 @@ interface Props {
     homeUrl?: string;
     /** Home button text */
     homeText?: string;
+    /** URL for logo link (defaults to '/') */
+    logoHref?: string;
     /** Show "Go Back" button */
     showBackButton?: boolean;
     /** Go back button text */

package/dist/lib/components/layout/PublicLayout.svelte

@@ -40,6 +40,8 @@
     darkFooter?: boolean;
     /** Header search configuration */
     headerSearch?: HeaderSearchConfig;
+    /** URL for logo link (defaults to '/') */
+    logoHref?: string;
     /** Main content */
     children: Snippet;
   }
@@ -56,6 +58,7 @@
     strongFooterBorder = false,
     darkFooter = false,
     headerSearch,
+    logoHref = '/',
     children,
   }: Props = $props();
 
@@ -74,7 +77,7 @@
     search={headerSearch}
   >
     {#snippet start()}
-      <a href="/" class="flex items-center">
+      <a href={logoHref} class="flex items-center">
         {#if logo}
           {@render logo()}
         {:else}

package/dist/lib/components/layout/PublicLayout.svelte.d.ts

@@ -33,6 +33,8 @@ interface Props {
     darkFooter?: boolean;
     /** Header search configuration */
     headerSearch?: HeaderSearchConfig;
+    /** URL for logo link (defaults to '/') */
+    logoHref?: string;
     /** Main content */
     children: Snippet;
 }

package/dist/lib/components/notifications/index.d.ts

@@ -4,9 +4,13 @@
  * UI components for displaying and managing notifications.
  * Used in conjunction with @classic-homes/notifications for data and API.
  *
+ * These components are available via a separate entry point to make the
+ * @classic-homes/notifications dependency optional.
+ *
  * @example
  * ```svelte
  * <script>
+ *   // Import from the /notifications subpath
  *   import {
  *     NotificationList,
  *     NotificationItem,
@@ -14,7 +18,7 @@
  *     NotificationDialog,
  *     NotificationFilters,
  *     NotificationBulkActions,
- *   } from '@classic-homes/theme-svelte';
+ *   } from '@classic-homes/theme-svelte/notifications';
  *   import { notificationsApi, type Notification } from '@classic-homes/notifications/core';
  *
  *   let notifications = $state<Notification[]>([]);

package/dist/lib/components/notifications/index.js

@@ -4,9 +4,13 @@
  * UI components for displaying and managing notifications.
  * Used in conjunction with @classic-homes/notifications for data and API.
  *
+ * These components are available via a separate entry point to make the
+ * @classic-homes/notifications dependency optional.
+ *
  * @example
  * ```svelte
  * <script>
+ *   // Import from the /notifications subpath
  *   import {
  *     NotificationList,
  *     NotificationItem,
@@ -14,7 +18,7 @@
  *     NotificationDialog,
  *     NotificationFilters,
  *     NotificationBulkActions,
- *   } from '@classic-homes/theme-svelte';
+ *   } from '@classic-homes/theme-svelte/notifications';
  *   import { notificationsApi, type Notification } from '@classic-homes/notifications/core';
  *
  *   let notifications = $state<Notification[]>([]);

package/dist/lib/index.d.ts

@@ -62,6 +62,7 @@ export { default as AuthLayout } from './components/layout/AuthLayout.svelte';
 export { default as ErrorLayout } from './components/layout/ErrorLayout.svelte';
 export { default as FormPageLayout } from './components/layout/FormPageLayout.svelte';
 export { default as Sidebar } from './components/layout/Sidebar.svelte';
+export { SidebarNavItem, SidebarSection, SidebarSearch, SidebarFlyout, } from './components/layout/sidebar/index.js';
 export { default as Header } from './components/layout/Header.svelte';
 export { default as Footer } from './components/layout/Footer.svelte';
 export { default as QuickLinks } from './components/layout/QuickLinks.svelte';
@@ -79,4 +80,3 @@ export { perfStart, perfEnd, measure, measureAsync, getPerformanceEntries, clear
 export { useForm, useAsync, runAsync, usePersistedForm, type UseFormOptions, type UseFormReturn, type FieldError, type FormState, type InferFormData, type UseAsyncOptions, type UseAsyncReturn, type UsePersistedFormOptions, type UsePersistedFormReturn, type InferPersistedFormData, } from './composables/index.js';
 export * from './schemas/index.js';
 export { type Notice, type NoticeConfig, type NoticeLocation, type NoticeVariant, type NoticePage, type ActiveNotice, NoticeSchema, NoticeLinkSchema, validateNotice, validateNotices, initializeNotices, setCurrentPath, dismissNotice, clearDismissedNotices, isNoticeDismissed, activeNotices, bannerNotices, cardNotices, getNoticesForPage, refreshNotices, cleanupDismissedNotices, isNoticeActive, isNoticeForPage, isNoticeForLocation, sanitizeHtml, initSanitizer, NoticeBanner, NoticeCard, } from './notices/index.js';
-export { NotificationItem, NotificationList, NotificationBadge, NotificationDialog, NotificationFilters, NotificationBulkActions, } from './components/notifications/index.js';

package/dist/lib/index.js

@@ -81,6 +81,8 @@ export { default as AuthLayout } from './components/layout/AuthLayout.svelte';
 export { default as ErrorLayout } from './components/layout/ErrorLayout.svelte';
 export { default as FormPageLayout } from './components/layout/FormPageLayout.svelte';
 export { default as Sidebar } from './components/layout/Sidebar.svelte';
+// Sidebar Subcomponents - for custom sidebar implementations
+export { SidebarNavItem, SidebarSection, SidebarSearch, SidebarFlyout, } from './components/layout/sidebar/index.js';
 export { default as Header } from './components/layout/Header.svelte';
 export { default as Footer } from './components/layout/Footer.svelte';
 export { default as QuickLinks } from './components/layout/QuickLinks.svelte';
@@ -115,5 +117,6 @@ initializeNotices, setCurrentPath, dismissNotice, clearDismissedNotices, isNotic
 sanitizeHtml, initSanitizer, 
 // Components
 NoticeBanner, NoticeCard, } from './notices/index.js';
-// Notification Components - UI for @classic-homes/notifications
-export { NotificationItem, NotificationList, NotificationBadge, NotificationDialog, NotificationFilters, NotificationBulkActions, } from './components/notifications/index.js';
+// Notification Components - available via '@classic-homes/theme-svelte/notifications'
+// Import separately to avoid requiring @classic-homes/notifications as a dependency
+// Example: import { NotificationList } from '@classic-homes/theme-svelte/notifications';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/theme-svelte",
-  "version": "0.1.34",
+  "version": "0.1.36",
   "description": "Svelte components for the Classic theme system",
   "type": "module",
   "svelte": "./dist/lib/index.js",
@@ -11,6 +11,11 @@
       "svelte": "./dist/lib/index.js",
       "default": "./dist/lib/index.js"
     },
+    "./notifications": {
+      "types": "./dist/lib/components/notifications/index.d.ts",
+      "svelte": "./dist/lib/components/notifications/index.js",
+      "default": "./dist/lib/components/notifications/index.js"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [
@@ -39,7 +44,13 @@
     "access": "public"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0"
+    "svelte": "^5.0.0",
+    "@classic-homes/notifications": "*"
+  },
+  "peerDependenciesMeta": {
+    "@classic-homes/notifications": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@classic-homes/theme-tokens": "*",