scb-wc-test 0.1.127 → 0.1.129

package/all.js

@@ -47,6 +47,7 @@ import './mvc/components/scb-list/scb-list.js';
 import './mvc/components/scb-menu/scb-menu-item.js';
 import './mvc/components/scb-menu/scb-menu.js';
 import './mvc/components/scb-menu/scb-sub-menu.js';
+import './mvc/components/scb-nav/scb-nav.js';
 import './mvc/components/scb-notification-card/scb-notification-card.js';
 import './mvc/components/scb-pagination/scb-pagination.js';
 import './mvc/components/scb-progress-indicator/scb-progress-indicator.js';
@@ -54,6 +55,7 @@ import './mvc/components/scb-progress-stepper/scb-progress-step.js';
 import './mvc/components/scb-progress-stepper/scb-progress-stepper.js';
 import './mvc/components/scb-radio-button/scb-radio-button.js';
 import './mvc/components/scb-radio-button/scb-radio-group.js';
+import './mvc/components/scb-scrollspy/scb-scrollspy.js';
 import './mvc/components/scb-search/scb-search.js';
 import './mvc/components/scb-segmented-button/scb-segmented-button.js';
 import './mvc/components/scb-segmented-button/scb-segmented-item.js';
@@ -123,6 +125,7 @@ import './scb-list/scb-list.js';
 import './scb-menu/scb-menu-item.js';
 import './scb-menu/scb-menu.js';
 import './scb-menu/scb-sub-menu.js';
+import './scb-nav/scb-nav.js';
 import './scb-notification-card/scb-notification-card.js';
 import './scb-pagination/scb-pagination.js';
 import './scb-progress-indicator/scb-progress-indicator.js';
@@ -130,6 +133,7 @@ import './scb-progress-stepper/scb-progress-step.js';
 import './scb-progress-stepper/scb-progress-stepper.js';
 import './scb-radio-button/scb-radio-button.js';
 import './scb-radio-button/scb-radio-group.js';
+import './scb-scrollspy/scb-scrollspy.js';
 import './scb-search/scb-search.js';
 import './scb-segmented-button/scb-segmented-button.js';
 import './scb-segmented-button/scb-segmented-item.js';

package/blazor/ScbBlazorInteropBase.cs

@@ -70,6 +70,12 @@ namespace ScbBlazorDemo
         // Alla kalenderkort på sidan
         protected CalendarState[] Calendars { get; private set; } = Array.Empty<CalendarState>();
 
+        // Enskild kalender (scb-calendar) för scenarion där man bara bryr sig om en
+        protected CalendarViewState CalendarView { get; private set; } = new();
+
+        // Alla kalendrar (scb-calendar) på sidan
+        protected CalendarViewState[] CalendarViews { get; private set; } = Array.Empty<CalendarViewState>();
+
         // Dialog (scb-dialog)
         protected DialogState Dialog { get; private set; } = new();
 
@@ -426,6 +432,61 @@ namespace ScbBlazorDemo
                 Calendars = Array.Empty<CalendarState>();
             }
 
+            // Enskild kalender-vy: baseras på första kalendern om en lista finns, annars på state.CalendarView
+            if (state.CalendarViews is not null && state.CalendarViews.Length > 0)
+            {
+                var dto = state.CalendarViews[0];
+                CalendarView.DisplayYear     = dto.DisplayYear;
+                CalendarView.DisplayMonth    = dto.DisplayMonth;
+                CalendarView.SelectedDate    = dto.SelectedDate ?? string.Empty;
+                CalendarView.Lang            = dto.Lang ?? string.Empty;
+                CalendarView.DisableWeekend  = dto.DisableWeekend;
+                CalendarView.PublicHolidays  = dto.PublicHolidays;
+            }
+            else if (state.CalendarView is not null)
+            {
+                CalendarView.DisplayYear     = state.CalendarView.DisplayYear;
+                CalendarView.DisplayMonth    = state.CalendarView.DisplayMonth;
+                CalendarView.SelectedDate    = state.CalendarView.SelectedDate ?? string.Empty;
+                CalendarView.Lang            = state.CalendarView.Lang ?? string.Empty;
+                CalendarView.DisableWeekend  = state.CalendarView.DisableWeekend;
+                CalendarView.PublicHolidays  = state.CalendarView.PublicHolidays;
+            }
+            else
+            {
+                CalendarView.DisplayYear     = 0;
+                CalendarView.DisplayMonth    = 0;
+                CalendarView.SelectedDate    = string.Empty;
+                CalendarView.Lang            = string.Empty;
+                CalendarView.DisableWeekend  = false;
+                CalendarView.PublicHolidays  = false;
+            }
+
+            // Lista med alla calendar views
+            if (state.CalendarViews is not null && state.CalendarViews.Length > 0)
+            {
+                var views = new CalendarViewState[state.CalendarViews.Length];
+                for (var i = 0; i < state.CalendarViews.Length; i++)
+                {
+                    var dto = state.CalendarViews[i];
+                    views[i] = new CalendarViewState
+                    {
+                        DisplayYear    = dto.DisplayYear,
+                        DisplayMonth   = dto.DisplayMonth,
+                        SelectedDate   = dto.SelectedDate ?? string.Empty,
+                        Lang           = dto.Lang ?? string.Empty,
+                        DisableWeekend = dto.DisableWeekend,
+                        PublicHolidays = dto.PublicHolidays
+                    };
+                }
+
+                CalendarViews = views;
+            }
+            else
+            {
+                CalendarViews = Array.Empty<CalendarViewState>();
+            }
+
             // Dialog
             if (state.Dialog is not null)
             {
@@ -961,6 +1022,57 @@ namespace ScbBlazorDemo
             return JS.InvokeVoidAsync("SCBBlazor.setStepperActiveIndexById", id ?? string.Empty, activeIndex).AsTask();
         }
 
+        // Calendar (scb-calendar): global och id-baserad variant
+        protected Task SetCalendarDisplayMonthYearAsync(int year, int month)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisplayMonthYear", year, month).AsTask();
+        }
+
+        protected Task SetCalendarSelectedDateAsync(string date)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarSelectedDate", date ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisableWeekendAsync(bool disableWeekend)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisableWeekend", disableWeekend).AsTask();
+        }
+
+        protected Task SetCalendarPublicHolidaysAsync(bool publicHolidays)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarPublicHolidays", publicHolidays).AsTask();
+        }
+
+        protected Task SetCalendarLangAsync(string lang)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarLang", lang ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisplayMonthYearByIdAsync(string id, int year, int month)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisplayMonthYearById", id ?? string.Empty, year, month).AsTask();
+        }
+
+        protected Task SetCalendarSelectedDateByIdAsync(string id, string date)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarSelectedDateById", id ?? string.Empty, date ?? string.Empty).AsTask();
+        }
+
+        protected Task SetCalendarDisableWeekendByIdAsync(string id, bool disableWeekend)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarDisableWeekendById", id ?? string.Empty, disableWeekend).AsTask();
+        }
+
+        protected Task SetCalendarPublicHolidaysByIdAsync(string id, bool publicHolidays)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarPublicHolidaysById", id ?? string.Empty, publicHolidays).AsTask();
+        }
+
+        protected Task SetCalendarLangByIdAsync(string id, string lang)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCalendarLangById", id ?? string.Empty, lang ?? string.Empty).AsTask();
+        }
+
         // Pagination: index-baserad och id-baserad variant
         protected Task SetPaginationPageAsync(int paginationIndex, int page)
         {
@@ -1174,6 +1286,16 @@ namespace ScbBlazorDemo
             public bool   ShowMedia      { get; set; }
         }
 
+        protected sealed class CalendarViewState
+        {
+            public int    DisplayYear    { get; set; }
+            public int    DisplayMonth   { get; set; }
+            public string SelectedDate   { get; set; } = string.Empty;
+            public string Lang           { get; set; } = string.Empty;
+            public bool   DisableWeekend { get; set; }
+            public bool   PublicHolidays { get; set; }
+        }
+
         protected sealed class DialogState
         {
             public bool   Open    { get; set; }
@@ -1365,6 +1487,10 @@ namespace ScbBlazorDemo
 
             public CalendarDto[] Calendars { get; set; } = Array.Empty<CalendarDto>();
 
+            public CalendarViewDto CalendarView { get; set; } = new();
+
+            public CalendarViewDto[] CalendarViews { get; set; } = Array.Empty<CalendarViewDto>();
+
             public DialogDto Dialog { get; set; } = new();
 
             public NotificationDto[] Notifications { get; set; } = Array.Empty<NotificationDto>();
@@ -1515,6 +1641,17 @@ namespace ScbBlazorDemo
             public bool   ShowMedia       { get; set; }
         }
 
+
+        private sealed class CalendarViewDto
+        {
+            public int    DisplayYear    { get; set; }
+            public int    DisplayMonth   { get; set; }
+            public string? SelectedDate  { get; set; }
+            public string? Lang          { get; set; }
+            public bool   DisableWeekend { get; set; }
+            public bool   PublicHolidays { get; set; }
+        }
+
         private sealed class DialogDto
         {
             public bool   Open    { get; set; }

package/blazor/scb-blazor-bridge.js

@@ -238,6 +238,23 @@
       prop: 'mediaHeight',
     },
 
+	// scb-calendar
+	{
+		sel: 'scb-calendar',
+		from: 'scb-calendar-month-change',
+		to: 'calendarmonthchange',
+	},
+	{
+		sel: 'scb-calendar',
+		from: 'scb-calendar-select',
+		to: 'calendarselect',
+	},
+	{
+		sel: 'scb-calendar',
+		from: 'change',
+		to: 'calendareventschange',
+	},
+
     // scb-card
     {
       sel: 'scb-card',
@@ -724,6 +741,14 @@
     { sel: 'scb-calendar-card', attr: 'variant', to: 'variantchange' },
     { sel: 'scb-calendar-card', attr: 'show-media', to: 'showmediachange' },
 
+	// scb-calendar attribut som ska trigga state-refresh
+	{ sel: 'scb-calendar', attr: 'display-year', to: 'calendarmonthchange' },
+	{ sel: 'scb-calendar', attr: 'display-month', to: 'calendarmonthchange' },
+	{ sel: 'scb-calendar', attr: 'selected-date', to: 'calendarselect' },
+	{ sel: 'scb-calendar', attr: 'disable-weekend', to: 'calendardisplaychange' },
+	{ sel: 'scb-calendar', attr: 'public-holidays', to: 'calendardisplaychange' },
+	{ sel: 'scb-calendar', attr: 'lang', to: 'calendardisplaychange' },
+
     // scb-keyfigure-card attribut som ska trigga state-refresh
     { sel: 'scb-keyfigure-card', attr: 'keyfigure', to: 'keyfigurechange' },
     { sel: 'scb-keyfigure-card', attr: 'subtitle', to: 'subtitlechange' },
@@ -1027,6 +1052,7 @@ window.SCBBlazor.getState = function () {
   const segmented = document.querySelector('scb-segmented-button');
   const tabs = document.querySelectorAll('scb-tabs');
   const calendars = document.querySelectorAll('scb-calendar-card');
+	const calendarViews = document.querySelectorAll('scb-calendar');
   const cards = document.querySelectorAll('scb-card');
   const keyfigures = document.querySelectorAll('scb-keyfigure-card');
   const menu = document.querySelector('scb-menu');
@@ -1221,6 +1247,67 @@ window.SCBBlazor.getState = function () {
           showMedia: false,
         };
 
+	// Alla scb-calendar på sidan
+	const calendarViewsState = Array.from(calendarViews).map((c) => {
+		const anyC = c;
+		const now = new Date();
+		let displayYear = now.getFullYear();
+		let displayMonth = now.getMonth() + 1;
+
+		if (typeof anyC.displayYear === 'number') {
+			displayYear = anyC.displayYear;
+		} else {
+			const yAttr = c.getAttribute('display-year');
+			if (yAttr != null) {
+				const parsed = parseInt(yAttr, 10);
+				if (!Number.isNaN(parsed)) displayYear = parsed;
+			}
+		}
+
+		if (typeof anyC.displayMonth === 'number') {
+			displayMonth = anyC.displayMonth;
+		} else {
+			const mAttr = c.getAttribute('display-month');
+			if (mAttr != null) {
+				const parsed = parseInt(mAttr, 10);
+				if (!Number.isNaN(parsed)) displayMonth = parsed;
+			}
+		}
+
+		const selectedDate =
+			(anyC.selectedDate ?? c.getAttribute('selected-date') ?? '') + '';
+		const lang = (anyC.lang ?? c.getAttribute('lang') ?? '') + '';
+		const disableWeekend =
+			typeof anyC.disableWeekend === 'boolean'
+				? anyC.disableWeekend
+				: c.hasAttribute('disable-weekend');
+		const publicHolidays =
+			typeof anyC.publicHolidays === 'boolean'
+				? anyC.publicHolidays
+				: c.hasAttribute('public-holidays');
+
+		return {
+			displayYear,
+			displayMonth,
+			selectedDate,
+			lang,
+			disableWeekend,
+			publicHolidays,
+		};
+	});
+
+	const calendarViewState =
+		calendarViewsState.length > 0
+			? calendarViewsState[0]
+			: {
+				displayYear: new Date().getFullYear(),
+				displayMonth: new Date().getMonth() + 1,
+				selectedDate: '',
+				lang: 'sv',
+				disableWeekend: false,
+				publicHolidays: true,
+			};
+
   // Alla scb-card på sidan
   const cardsState = Array.from(cards).map((card) => ({
     type: card.getAttribute('type') || '',
@@ -1886,6 +1973,8 @@ const subMenusState = Array.from(subMenus).map((sm) => {
     tabs: tabsState,
     calendar: calendarState,
     calendars: calendarsState,
+		calendarView: calendarViewState,
+		calendarViews: calendarViewsState,
     cards: cardsState,
     keyfigures: keyfiguresState,
     menu: menuState,
@@ -1932,6 +2021,11 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     'supportingtextchange',
     'variantchange',
     'showmediachange',
+		// calendar
+		'calendarmonthchange',
+		'calendarselect',
+		'calendareventschange',
+		'calendardisplaychange',
     // keyfigure-card
     'keyfigurechange',
     'cardhrefchange',
@@ -2390,6 +2484,105 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     dispatchChange(tabs, 'tabschange', { activeIndex: i });
   };
 
+	// Calendar
+
+	api.setCalendarDisplayMonthYear = function (calendarIndex, displayYear, displayMonth) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const y = typeof displayYear === 'number' ? displayYear : parseInt(displayYear, 10);
+		const m = typeof displayMonth === 'number' ? displayMonth : parseInt(displayMonth, 10);
+		if (Number.isNaN(y) || Number.isNaN(m) || m < 1 || m > 12) return;
+		const anyCal = cal;
+		try {
+			anyCal.displayYear = y;
+			anyCal.displayMonth = m;
+		} catch (_) {}
+		cal.setAttribute('display-year', String(y));
+		cal.setAttribute('display-month', String(m));
+		dispatchChange(cal, 'calendarmonthchange', { displayYear: y, displayMonth: m });
+	};
+
+	api.setCalendarDisplayMonthYearById = function (id, displayYear, displayMonth) {
+		const cal = getById(id, 'scb-calendar');
+		if (!cal) return;
+		const y = typeof displayYear === 'number' ? displayYear : parseInt(displayYear, 10);
+		const m = typeof displayMonth === 'number' ? displayMonth : parseInt(displayMonth, 10);
+		if (Number.isNaN(y) || Number.isNaN(m) || m < 1 || m > 12) return;
+		const anyCal = cal;
+		try {
+			anyCal.displayYear = y;
+			anyCal.displayMonth = m;
+		} catch (_) {}
+		cal.setAttribute('display-year', String(y));
+		cal.setAttribute('display-month', String(m));
+		dispatchChange(cal, 'calendarmonthchange', { displayYear: y, displayMonth: m });
+	};
+
+	api.setCalendarSelectedDate = function (calendarIndex, selectedDate) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const d = String(selectedDate ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.selectedDate = d;
+		} catch (_) {}
+		if (d) cal.setAttribute('selected-date', d);
+		else cal.removeAttribute('selected-date');
+		dispatchChange(cal, 'calendarselect', { selectedDate: d });
+	};
+
+	api.setCalendarSelectedDateById = function (id, selectedDate) {
+		const cal = getById(id, 'scb-calendar');
+		if (!cal) return;
+		const d = String(selectedDate ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.selectedDate = d;
+		} catch (_) {}
+		if (d) cal.setAttribute('selected-date', d);
+		else cal.removeAttribute('selected-date');
+		dispatchChange(cal, 'calendarselect', { selectedDate: d });
+	};
+
+	api.setCalendarDisableWeekend = function (calendarIndex, disableWeekend) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = toBool(disableWeekend);
+		const anyCal = cal;
+		try {
+			anyCal.disableWeekend = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('disable-weekend', '');
+		else cal.removeAttribute('disable-weekend');
+		dispatchChange(cal, 'calendardisplaychange', { disableWeekend: v });
+	};
+
+	api.setCalendarPublicHolidays = function (calendarIndex, publicHolidays) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = toBool(publicHolidays);
+		const anyCal = cal;
+		try {
+			anyCal.publicHolidays = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('public-holidays', '');
+		else cal.removeAttribute('public-holidays');
+		dispatchChange(cal, 'calendardisplaychange', { publicHolidays: v });
+	};
+
+	api.setCalendarLang = function (calendarIndex, lang) {
+		const cal = getByIndex('scb-calendar', calendarIndex);
+		if (!cal) return;
+		const v = String(lang ?? '');
+		const anyCal = cal;
+		try {
+			anyCal.lang = v;
+		} catch (_) {}
+		if (v) cal.setAttribute('lang', v);
+		else cal.removeAttribute('lang');
+		dispatchChange(cal, 'calendardisplaychange', { lang: v });
+	};
+
   // Dialog, notification och snackbar
 
       api.setDialogOpen = function (open) {

package/index.d.ts

@@ -43,6 +43,7 @@ export * from './scb-list/scb-list';
 export * from './scb-menu/scb-menu-item';
 export * from './scb-menu/scb-menu';
 export * from './scb-menu/scb-sub-menu';
+export * from './scb-nav/scb-nav';
 export * from './scb-notification-card/scb-notification-card';
 export * from './scb-pagination/scb-pagination';
 export * from './scb-progress-indicator/scb-progress-indicator';
@@ -50,6 +51,7 @@ export * from './scb-progress-stepper/scb-progress-step';
 export * from './scb-progress-stepper/scb-progress-stepper';
 export * from './scb-radio-button/scb-radio-button';
 export * from './scb-radio-button/scb-radio-group';
+export * from './scb-scrollspy/scb-scrollspy';
 export * from './scb-search/scb-search';
 export * from './scb-segmented-button/scb-segmented-button';
 export * from './scb-segmented-button/scb-segmented-item';

package/index.js

@@ -5,19 +5,19 @@ import { ScbAvatar as b } from "./scb-avatar/scb-avatar.js";
 import { ScbBadge as f } from "./scb-badge/scb-badge.js";
 import { SCBBreadcrumbItem as i } from "./scb-breadcrumb/scb-breadcrumb-item.js";
 import { SCBBreadcrumb as d } from "./scb-breadcrumb/scb-breadcrumb.js";
-import { ScbButton as l } from "./scb-button/scb-button.js";
+import { ScbButton as C } from "./scb-button/scb-button.js";
 import { ScbCalendarEvent as s } from "./scb-calendar/scb-calendar-event.js";
 import { ScbCalendar as B } from "./scb-calendar/scb-calendar.js";
 import { ScbCalendarCard as D } from "./scb-calendar-card/scb-calendar-card.js";
 import { ScbCard as T } from "./scb-card/scb-card.js";
 import { ScbCheckboxGroup as F } from "./scb-checkbox/scb-checkbox-group.js";
 import { ScbCheckbox as P } from "./scb-checkbox/scb-checkbox.js";
-import { ScbChip as G } from "./scb-chip/scb-chip.js";
-import { ScbCollapse as A } from "./scb-collapse/scb-collapse.js";
+import { ScbChip as y } from "./scb-chip/scb-chip.js";
+import { ScbCollapse as v } from "./scb-collapse/scb-collapse.js";
 import { ScbCookiesConsent as L } from "./scb-cookies-consent/scb-cookies-consent.js";
 import { ScbDatepicker as z } from "./scb-datepicker/scb-datepicker.js";
-import { ScbDialog as E } from "./scb-dialog/scb-dialog.js";
-import { ScbDivider as N } from "./scb-divider/scb-divider.js";
+import { ScbDialog as R } from "./scb-dialog/scb-dialog.js";
+import { ScbDivider as K } from "./scb-divider/scb-divider.js";
 import { ScbDrawerItem as U } from "./scb-drawer/scb-drawer-item.js";
 import { ScbDrawerSection as j } from "./scb-drawer/scb-drawer-section.js";
 import { ScbDrawer as J } from "./scb-drawer/scb-drawer.js";
@@ -32,43 +32,45 @@ import { ScbStack as br } from "./scb-grid/scb-stack.js";
 import { ScbHeaderDrawerGroup as fr } from "./scb-header/scb-header-drawer-group.js";
 import { ScbHeaderDrawerItem as ir } from "./scb-header/scb-header-drawer-item.js";
 import { ScbHeaderTab as dr } from "./scb-header/scb-header-tab.js";
-import { ScbHeaderUtility as lr } from "./scb-header/scb-header-utility.js";
+import { ScbHeaderUtility as Cr } from "./scb-header/scb-header-utility.js";
 import { ScbHeader as sr } from "./scb-header/scb-header.js";
 import { ScbHorizontalScroller as Br } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
 import { ScbIconButton as Dr } from "./scb-icon-button/scb-icon-button.js";
 import { ScbKeyFigureCard as Tr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
 import { ScbLink as Fr } from "./scb-link/scb-link.js";
 import { ScbListItem as Pr } from "./scb-list/scb-list-item.js";
-import { ScbList as Gr } from "./scb-list/scb-list.js";
-import { ScbMenuItem as Ar } from "./scb-menu/scb-menu-item.js";
+import { ScbList as yr } from "./scb-list/scb-list.js";
+import { ScbMenuItem as vr } from "./scb-menu/scb-menu-item.js";
 import { ScbMenu as Lr } from "./scb-menu/scb-menu.js";
 import { ScbSubMenu as zr } from "./scb-menu/scb-sub-menu.js";
-import { ScbNotificationCard as Er } from "./scb-notification-card/scb-notification-card.js";
-import { ScbPagination as Nr } from "./scb-pagination/scb-pagination.js";
-import { ScbProgressIndicator as Ur } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbProgressStep as jr } from "./scb-progress-stepper/scb-progress-step.js";
-import { ScbProgressStepper as Jr } from "./scb-progress-stepper/scb-progress-stepper.js";
-import { ScbRadioButton as Wr } from "./scb-radio-button/scb-radio-button.js";
-import { ScbRadioGroup as Yr } from "./scb-radio-button/scb-radio-group.js";
-import { ScbSearch as _r } from "./scb-search/scb-search.js";
-import { ScbSegmentedButton as ro } from "./scb-segmented-button/scb-segmented-button.js";
-import { ScbSegmentedItem as eo } from "./scb-segmented-button/scb-segmented-item.js";
-import { ScbSelectOption as co } from "./scb-select/scb-select-option.js";
-import { ScbSelect as po } from "./scb-select/scb-select.js";
-import { ScbSkeleton as bo } from "./scb-skeleton/scb-skeleton.js";
-import { ScbSnackbar as fo } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as io } from "./scb-status-pill/scb-status-pill.js";
-import { ScbStep as Co } from "./scb-stepper/scb-step.js";
-import { ScbStepper as uo } from "./scb-stepper/scb-stepper.js";
-import { ScbSwitch as Io } from "./scb-switch/scb-switch.js";
-import { ScbPrimaryTab as go } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as ko } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as wo } from "./scb-tabs/scb-tabs.js";
-import { ScbTextField as Ho } from "./scb-textfield/scb-textfield.js";
-import { ScbTocItem as ho } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as yo } from "./scb-toc/scb-toc.js";
-import { ScbTooltip as vo } from "./scb-tooltip/scb-tooltip.js";
-import { ScbViz as Mo } from "./scb-viz/scb-viz.js";
+import { ScbNav as Rr } from "./scb-nav/scb-nav.js";
+import { ScbNotificationCard as Kr } from "./scb-notification-card/scb-notification-card.js";
+import { ScbPagination as Ur } from "./scb-pagination/scb-pagination.js";
+import { ScbProgressIndicator as jr } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbProgressStep as Jr } from "./scb-progress-stepper/scb-progress-step.js";
+import { ScbProgressStepper as Wr } from "./scb-progress-stepper/scb-progress-stepper.js";
+import { ScbRadioButton as Yr } from "./scb-radio-button/scb-radio-button.js";
+import { ScbRadioGroup as _r } from "./scb-radio-button/scb-radio-group.js";
+import { ScbScrollspy as ro } from "./scb-scrollspy/scb-scrollspy.js";
+import { ScbSearch as eo } from "./scb-search/scb-search.js";
+import { ScbSegmentedButton as co } from "./scb-segmented-button/scb-segmented-button.js";
+import { ScbSegmentedItem as po } from "./scb-segmented-button/scb-segmented-item.js";
+import { ScbSelectOption as bo } from "./scb-select/scb-select-option.js";
+import { ScbSelect as fo } from "./scb-select/scb-select.js";
+import { ScbSkeleton as io } from "./scb-skeleton/scb-skeleton.js";
+import { ScbSnackbar as lo } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as uo } from "./scb-status-pill/scb-status-pill.js";
+import { ScbStep as Io } from "./scb-stepper/scb-step.js";
+import { ScbStepper as go } from "./scb-stepper/scb-stepper.js";
+import { ScbSwitch as ko } from "./scb-switch/scb-switch.js";
+import { ScbPrimaryTab as wo } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Ho } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as ho } from "./scb-tabs/scb-tabs.js";
+import { ScbTextField as Go } from "./scb-textfield/scb-textfield.js";
+import { ScbTocItem as Ao } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as Mo } from "./scb-toc/scb-toc.js";
+import { ScbTooltip as No } from "./scb-tooltip/scb-tooltip.js";
+import { ScbViz as Eo } from "./scb-viz/scb-viz.js";
 export {
   d as SCBBreadcrumb,
   i as SCBBreadcrumbItem,
@@ -77,19 +79,19 @@ export {
   p as ScbAppBar,
   b as ScbAvatar,
   f as ScbBadge,
-  l as ScbButton,
+  C as ScbButton,
   B as ScbCalendar,
   D as ScbCalendarCard,
   s as ScbCalendarEvent,
   T as ScbCard,
   P as ScbCheckbox,
   F as ScbCheckboxGroup,
-  G as ScbChip,
-  A as ScbCollapse,
+  y as ScbChip,
+  v as ScbCollapse,
   L as ScbCookiesConsent,
   z as ScbDatepicker,
-  E as ScbDialog,
-  N as ScbDivider,
+  R as ScbDialog,
+  K as ScbDivider,
   J as ScbDrawer,
   U as ScbDrawerItem,
   j as ScbDrawerSection,
@@ -103,42 +105,44 @@ export {
   fr as ScbHeaderDrawerGroup,
   ir as ScbHeaderDrawerItem,
   dr as ScbHeaderTab,
-  lr as ScbHeaderUtility,
+  Cr as ScbHeaderUtility,
   Br as ScbHorizontalScroller,
   Dr as ScbIconButton,
   Tr as ScbKeyFigureCard,
   Fr as ScbLink,
-  Gr as ScbList,
+  yr as ScbList,
   Pr as ScbListItem,
   Lr as ScbMenu,
-  Ar as ScbMenuItem,
-  Er as ScbNotificationCard,
-  Nr as ScbPagination,
-  go as ScbPrimaryTab,
-  Ur as ScbProgressIndicator,
-  jr as ScbProgressStep,
-  Jr as ScbProgressStepper,
-  Wr as ScbRadioButton,
-  Yr as ScbRadioGroup,
-  _r as ScbSearch,
-  ko as ScbSecondaryTab,
-  ro as ScbSegmentedButton,
-  eo as ScbSegmentedItem,
-  po as ScbSelect,
-  co as ScbSelectOption,
-  bo as ScbSkeleton,
-  fo as ScbSnackbar,
+  vr as ScbMenuItem,
+  Rr as ScbNav,
+  Kr as ScbNotificationCard,
+  Ur as ScbPagination,
+  wo as ScbPrimaryTab,
+  jr as ScbProgressIndicator,
+  Jr as ScbProgressStep,
+  Wr as ScbProgressStepper,
+  Yr as ScbRadioButton,
+  _r as ScbRadioGroup,
+  ro as ScbScrollspy,
+  eo as ScbSearch,
+  Ho as ScbSecondaryTab,
+  co as ScbSegmentedButton,
+  po as ScbSegmentedItem,
+  fo as ScbSelect,
+  bo as ScbSelectOption,
+  io as ScbSkeleton,
+  lo as ScbSnackbar,
   br as ScbStack,
-  io as ScbStatusPill,
-  Co as ScbStep,
-  uo as ScbStepper,
+  uo as ScbStatusPill,
+  Io as ScbStep,
+  go as ScbStepper,
   W as ScbSubDrawer,
   zr as ScbSubMenu,
-  Io as ScbSwitch,
-  wo as ScbTabs,
-  Ho as ScbTextField,
-  yo as ScbToc,
-  ho as ScbTocItem,
-  vo as ScbTooltip,
-  Mo as ScbViz
+  ko as ScbSwitch,
+  ho as ScbTabs,
+  Go as ScbTextField,
+  Mo as ScbToc,
+  Ao as ScbTocItem,
+  No as ScbTooltip,
+  Eo as ScbViz
 };