@ainsleydev/sveltekit-helper 0.6.6 → 0.7.0

package/dist/components/index.d.ts

@@ -2,8 +2,8 @@ export { default as Modal } from './Modal.svelte';
 export { default as Sidebar } from './Sidebar.svelte';
 export { default as Hamburger } from './Hamburger.svelte';
 export { default as TableOfContents } from './TableOfContents.svelte';
-export { Alert, Notice } from './notifications';
+export { Alert, Notice, setAlertIcons } from './notifications';
 export type { ModalProps, TransitionFn } from './Modal.svelte';
-export type { AlertProps, AlertType, NoticeProps, NoticeType } from './notifications';
+export type { AlertProps, AlertType, NoticeProps, NoticeType, IconDetail, NotificationType, } from './notifications';
 export type { TableOfContentsProps, TOCItem } from './TableOfContents.svelte';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtF,YAAY,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,gBAAgB,GAChB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/index.js

@@ -2,4 +2,4 @@ export { default as Modal } from './Modal.svelte';
 export { default as Sidebar } from './Sidebar.svelte';
 export { default as Hamburger } from './Hamburger.svelte';
 export { default as TableOfContents } from './TableOfContents.svelte';
-export { Alert, Notice } from './notifications';
+export { Alert, Notice, setAlertIcons } from './notifications';

package/dist/components/notifications/Alert.svelte

@@ -1,6 +1,5 @@
 <script lang="ts" module>
-import type { Icon as IconType } from '@lucide/svelte';
-import type { Snippet } from 'svelte';
+import type { Component, Snippet } from 'svelte';
 
 export type AlertType = 'info' | 'warning' | 'success' | 'error';
 
@@ -10,7 +9,7 @@ export type AlertProps = {
 	children?: Snippet;
 	visible?: boolean;
 	dismiss?: boolean;
-	icon?: typeof IconType;
+	icon?: Component;
 	hideIcon?: boolean;
 };
 </script>
@@ -19,7 +18,7 @@ export type AlertProps = {
 	import { X } from '@lucide/svelte'
 	import { fade } from 'svelte/transition'
 
-	import { alertIcons } from './alertIcons.js'
+	import { alertIconStore } from './alertIcons.js'
 
 	let {
 		type = 'info',
@@ -32,7 +31,7 @@ export type AlertProps = {
 		...restProps
 	}: AlertProps = $props()
 
-	const iconDetail = $derived(alertIcons[type])
+	const iconDetail = $derived($alertIconStore[type])
 	const Icon = $derived(customIcon || iconDetail.icon)
 	const hide = () => (visible = false)
 	const ariaLive = $derived(type === 'error' ? 'assertive' : 'polite')

package/dist/components/notifications/Alert.svelte.d.ts

@@ -1,5 +1,4 @@
-import type { Icon as IconType } from '@lucide/svelte';
-import type { Snippet } from 'svelte';
+import type { Component, Snippet } from 'svelte';
 export type AlertType = 'info' | 'warning' | 'success' | 'error';
 export type AlertProps = {
     type?: AlertType;
@@ -7,7 +6,7 @@ export type AlertProps = {
     children?: Snippet;
     visible?: boolean;
     dismiss?: boolean;
-    icon?: typeof IconType;
+    icon?: Component;
     hideIcon?: boolean;
 };
 /**
@@ -41,7 +40,7 @@ export type AlertProps = {
  * - `--_alert-text-colour`: Text color (default: rgba(255, 255, 255, 50%))
  * - `--_alert-icon-colour`: Icon color (set automatically based on type)
  */
-declare const Alert: import("svelte").Component<AlertProps, {}, "visible">;
+declare const Alert: Component<AlertProps, {}, "visible">;
 type Alert = ReturnType<typeof Alert>;
 export default Alert;
 //# sourceMappingURL=Alert.svelte.d.ts.map

package/dist/components/notifications/Alert.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK,uDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/Alert.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK,sCAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/notifications/Notice.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-import type { Icon as IconType } from '@lucide/svelte';
+import type { Component } from 'svelte';
 
 export type NoticeType = 'info' | 'warning' | 'success' | 'error';
 
@@ -8,7 +8,7 @@ export type NoticeProps = {
 	title: string;
 	visible?: boolean;
 	dismiss?: boolean;
-	icon?: typeof IconType;
+	icon?: Component;
 	hideIcon?: boolean;
 };
 </script>
@@ -17,7 +17,7 @@ export type NoticeProps = {
 	import { X } from '@lucide/svelte'
 	import { fade } from 'svelte/transition'
 
-	import { alertIcons } from './alertIcons'
+	import { alertIconStore } from './alertIcons'
 
 	let {
 		type = 'info',
@@ -29,7 +29,7 @@ export type NoticeProps = {
 		...restProps
 	}: NoticeProps = $props()
 
-	const iconDetail = $derived(alertIcons[type])
+	const iconDetail = $derived($alertIconStore[type])
 	const Icon = $derived(customIcon || iconDetail.icon)
 	const hide = () => (visible = false)
 	const ariaLive = $derived(type === 'error' ? 'assertive' : 'polite')

package/dist/components/notifications/Notice.svelte.d.ts

@@ -1,11 +1,11 @@
-import type { Icon as IconType } from '@lucide/svelte';
+import type { Component } from 'svelte';
 export type NoticeType = 'info' | 'warning' | 'success' | 'error';
 export type NoticeProps = {
     type?: NoticeType;
     title: string;
     visible?: boolean;
     dismiss?: boolean;
-    icon?: typeof IconType;
+    icon?: Component;
     hideIcon?: boolean;
 };
 /**
@@ -29,7 +29,7 @@ export type NoticeProps = {
  * - `--_notice-title-colour`: Title text color (default: rgba(255, 255, 255, 1))
  * - `--_notice-icon-colour`: Icon color (set automatically based on type)
  */
-declare const Notice: import("svelte").Component<NoticeProps, {}, "visible">;
+declare const Notice: Component<NoticeProps, {}, "visible">;
 type Notice = ReturnType<typeof Notice>;
 export default Notice;
 //# sourceMappingURL=Notice.svelte.d.ts.map

package/dist/components/notifications/Notice.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/Notice.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA0DF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,wDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Notice.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/Notice.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA0DF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/notifications/alertIcons.d.ts

@@ -1,18 +1,38 @@
-import { type Icon as IconType } from '@lucide/svelte';
+import type { Component } from 'svelte';
 /**
- * Notification type variants
+ * Notification type variants.
  */
-type NotificationType = 'info' | 'warning' | 'success' | 'error';
+export type NotificationType = 'info' | 'warning' | 'success' | 'error';
 /**
- * Icon configuration for notification types
+ * Icon configuration for a notification type.
  */
-type IconDetail = {
-    icon: typeof IconType;
+export type IconDetail = {
+    icon: Component;
     colour: string;
 };
 /**
- * Icon mapping for notification types
+ * Writable store holding the active icon map for all Alert and Notice components.
+ * Consumers can override individual or all entries via setAlertIcons().
  */
-export declare const alertIcons: Record<NotificationType, IconDetail>;
-export {};
+export declare const alertIconStore: import("svelte/store").Writable<Record<NotificationType, IconDetail>>;
+/**
+ * Globally overrides icons for Alert and Notice components.
+ * Call this once in your root layout (e.g. +layout.svelte) to supply
+ * your own SVG components instead of the default Lucide icons.
+ *
+ * @example
+ * ```ts
+ * import { setAlertIcons } from '@ainsleydev/sveltekit-helper';
+ * import InfoIcon from '../../lib/icons/Info.svelte';
+ * import SuccessIcon from '../../lib/icons/Success.svelte';
+ *
+ * setAlertIcons({
+ *   info:    { icon: InfoIcon,    colour: 'var(--colour-info)' },
+ *   success: { icon: SuccessIcon, colour: 'var(--colour-success)' },
+ * });
+ * ```
+ *
+ * @param overrides - Partial map of notification types to icon configurations.
+ */
+export declare function setAlertIcons(overrides: Partial<Record<NotificationType, IconDetail>>): void;
 //# sourceMappingURL=alertIcons.d.ts.map

package/dist/components/notifications/alertIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alertIcons.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/alertIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,IAAI,IAAI,QAAQ,EAAuB,MAAM,gBAAgB,CAAC;AAElG;;GAEG;AACH,KAAK,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE;;GAEG;AACH,KAAK,UAAU,GAAG;IACjB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAK3D,CAAC"}
+{"version":3,"file":"alertIcons.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/alertIcons.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,cAAc,uEAAoE,CAAC;AAEhG;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,GAAG,IAAI,CAE5F"}

package/dist/components/notifications/alertIcons.js

@@ -1,10 +1,35 @@
 import { CircleCheck, CircleX, Info, TriangleAlert } from '@lucide/svelte';
-/**
- * Icon mapping for notification types
- */
-export const alertIcons = {
+import { writable } from 'svelte/store';
+const defaultAlertIcons = {
     info: { icon: Info, colour: 'var(--colour-semantic-info)' },
     success: { icon: CircleCheck, colour: 'var(--colour-semantic-success)' },
     warning: { icon: TriangleAlert, colour: 'var(--colour-semantic-warning)' },
     error: { icon: CircleX, colour: 'var(--colour-semantic-error)' },
 };
+/**
+ * Writable store holding the active icon map for all Alert and Notice components.
+ * Consumers can override individual or all entries via setAlertIcons().
+ */
+export const alertIconStore = writable(defaultAlertIcons);
+/**
+ * Globally overrides icons for Alert and Notice components.
+ * Call this once in your root layout (e.g. +layout.svelte) to supply
+ * your own SVG components instead of the default Lucide icons.
+ *
+ * @example
+ * ```ts
+ * import { setAlertIcons } from '@ainsleydev/sveltekit-helper';
+ * import InfoIcon from '../../lib/icons/Info.svelte';
+ * import SuccessIcon from '../../lib/icons/Success.svelte';
+ *
+ * setAlertIcons({
+ *   info:    { icon: InfoIcon,    colour: 'var(--colour-info)' },
+ *   success: { icon: SuccessIcon, colour: 'var(--colour-success)' },
+ * });
+ * ```
+ *
+ * @param overrides - Partial map of notification types to icon configurations.
+ */
+export function setAlertIcons(overrides) {
+    alertIconStore.update((current) => ({ ...current, ...overrides }));
+}

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

@@ -2,4 +2,6 @@ export { default as Alert } from './Alert.svelte';
 export { default as Notice } from './Notice.svelte';
 export type { AlertProps, AlertType } from './Alert.svelte';
 export type { NoticeProps, NoticeType } from './Notice.svelte';
+export { setAlertIcons } from './alertIcons.js';
+export type { IconDetail, NotificationType } from './alertIcons.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/notifications/index.js

@@ -1,2 +1,3 @@
 export { default as Alert } from './Alert.svelte';
 export { default as Notice } from './Notice.svelte';
+export { setAlertIcons } from './alertIcons.js';

package/dist/components/payload/PayloadSEO.svelte

@@ -121,7 +121,7 @@ const organizationSchema = $derived.by(() => {
 -->
 <svelte:head>
 	<!-- Meta -->
-	<title>{meta.title} | {siteName}</title>
+	<title>{meta.title === site ? site : `${meta.title} | ${siteName}`}</title>
 	<meta name="description" content={meta.description} />
 	<!-- Canonical -->
 	{#if meta.canonical}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainsleydev/sveltekit-helper",
-  "version": "0.6.6",
+  "version": "0.7.0",
   "description": "SvelteKit utilities, components and helpers for ainsley.dev builds",
   "license": "MIT",
   "type": "module",