@softwareone/spi-sv5-library 1.14.0 → 1.14.2

package/dist/{Controls/Select → components/controls/select}/Select.svelte

@@ -3,11 +3,11 @@
 	import type { Action } from 'svelte/action';
 	import type { Attachment } from 'svelte/attachments';
 
-	import { Search, type SelectOption } from '../../index.js';
-	import Label from '../Label/Label.svelte';
-	import type { LabelProps } from '../Label/labelState.svelte.js';
+	import { Search, type SelectOption } from '../../../index.js';
+	import Label from '../label/Label.svelte';
+	import type { LabelProps } from '../label/types.js';
 
-	interface SelectProps extends LabelProps {
+	interface Props extends LabelProps {
 		options: string[] | SelectOption[];
 		placeholder?: string;
 		searchable?: boolean;
@@ -49,7 +49,7 @@
 		customOption,
 		onclear,
 		onchange
-	}: SelectProps = $props();
+	}: Props = $props();
 
 	let searchText = $state('');
 	let showListOptions = $state(false);
@@ -107,6 +107,11 @@
 			: originalOptions.filter((option) => option.label.toLowerCase().includes(text));
 	});
 
+	const focusInput: Attachment<HTMLElement> = () => {
+		const searchElement = document.getElementById('search-options') as HTMLInputElement;
+		searchElement.focus();
+	};
+
 	const activeOptionScroll: Action<HTMLElement, boolean> = (node, isActive) => {
 		$effect(() => {
 			if (isActive) {
@@ -196,7 +201,11 @@
 
 	const onClearSearch = () => (searchText = '');
 
-	const onFocusDropdownContainer = () => dropdownContainer && dropdownContainer.focus();
+	const onFocusDropdownContainer = (event: Event) => {
+		event.stopPropagation();
+		showListOptions = true;
+		dropdownContainer.focus();
+	};
 
 	const onToggleListOptions = () => (showListOptions = !showListOptions);
 
@@ -275,12 +284,15 @@
 				{@attach autoDirection}
 			>
 				{#if searchable && !noOptionsAvailable}
-					<Search
-						placeholder="Search"
-						bind:value={searchText}
-						onclear={onClearSearch}
-						autocomplete="off"
-					/>
+					<div {@attach focusInput}>
+						<Search
+							id="search-options"
+							placeholder="Search"
+							bind:value={searchText}
+							onclear={onClearSearch}
+							autocomplete="off"
+						/>
+					</div>
 				{/if}
 
 				{#if noOptionsAvailable || !filteredOptions.length}

package/dist/{Controls/Select → components/controls/select}/Select.svelte.d.ts

@@ -1,7 +1,7 @@
 import { type Snippet } from 'svelte';
-import { type SelectOption } from '../../index.js';
-import type { LabelProps } from '../Label/labelState.svelte.js';
-interface SelectProps extends LabelProps {
+import { type SelectOption } from '../../../index.js';
+import type { LabelProps } from '../label/types.js';
+interface Props extends LabelProps {
     options: string[] | SelectOption[];
     placeholder?: string;
     searchable?: boolean;
@@ -20,6 +20,6 @@ interface SelectProps extends LabelProps {
     onclear?: () => void;
     onchange?: (option: SelectOption) => void;
 }
-declare const Select: import("svelte").Component<SelectProps, {}, "value">;
+declare const Select: import("svelte").Component<Props, {}, "value">;
 type Select = ReturnType<typeof Select>;
 export default Select;

package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type { HTMLTextareaAttributes } from 'svelte/elements';
 
-	import type { LabelProps } from '../Label/labelState.svelte.js';
-	import Label from '../Label/Label.svelte';
+	import Label from '../label/Label.svelte';
+	import type { LabelProps } from '../label/types.js';
 
-	interface TextAreaProps extends Omit<HTMLTextareaAttributes, 'value'>, LabelProps {
+	interface Props extends Omit<HTMLTextareaAttributes, 'value'>, LabelProps {
 		value?: string | null;
 		error?: string | string[];
 		description?: string;
@@ -26,7 +26,7 @@
 		infoTooltip,
 		disableValidationColor = false,
 		...props
-	}: TextAreaProps = $props();
+	}: Props = $props();
 
 	const componentId = $props.id();
 	const textareaId = id || componentId;

package/dist/{Controls/TextArea → components/controls/textarea}/TextArea.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLTextareaAttributes } from 'svelte/elements';
-import type { LabelProps } from '../Label/labelState.svelte.js';
-interface TextAreaProps extends Omit<HTMLTextareaAttributes, 'value'>, LabelProps {
+import type { LabelProps } from '../label/types.js';
+interface Props extends Omit<HTMLTextareaAttributes, 'value'>, LabelProps {
     value?: string | null;
     error?: string | string[];
     description?: string;
@@ -8,6 +8,6 @@ interface TextAreaProps extends Omit<HTMLTextareaAttributes, 'value'>, LabelProp
     resize?: boolean;
     disableValidationColor?: boolean;
 }
-declare const TextArea: import("svelte").Component<TextAreaProps, {}, "value">;
+declare const TextArea: import("svelte").Component<Props, {}, "value">;
 type TextArea = ReturnType<typeof TextArea>;
 export default TextArea;

package/dist/{Controls/Toggle → components/controls/toggle}/Toggle.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import Label from '../Label/Label.svelte';
-	import type { LabelProps } from '../Label/labelState.svelte.js';
+	import Label from '../label/Label.svelte';
+	import type { LabelProps } from '../label/types.js';
 
-	interface ToggleProps extends Pick<LabelProps, 'id' | 'label' | 'infoTooltip'> {
+	interface Props extends Pick<LabelProps, 'id' | 'label' | 'infoTooltip'> {
 		checked?: boolean;
 		disabled?: boolean;
 		vertical?: boolean;
@@ -17,7 +17,7 @@
 		infoTooltip,
 		vertical,
 		onchange
-	}: ToggleProps = $props();
+	}: Props = $props();
 </script>
 
 <div class="container" class:vertical>

package/dist/components/controls/toggle/Toggle.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { LabelProps } from '../label/types.js';
+interface Props extends Pick<LabelProps, 'id' | 'label' | 'infoTooltip'> {
+    checked?: boolean;
+    disabled?: boolean;
+    vertical?: boolean;
+    onchange?: (event: Event) => void;
+}
+declare const Toggle: import("svelte").Component<Props, {}, "checked">;
+type Toggle = ReturnType<typeof Toggle>;
+export default Toggle;

package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Button, Input, Modal, Spinner, addToast } from '../index.js';
+	import { Button, Input, Modal, Spinner, addToast } from '../../index.js';
 
-	interface DeleteConfirmationProps {
+	interface Props {
 		confirmationName?: string;
 		enableDoubleConfirmation?: boolean;
 		showModal?: boolean;
@@ -15,7 +15,7 @@
 		showModal = $bindable(false),
 		ondelete,
 		onclose
-	}: DeleteConfirmationProps = $props();
+	}: Props = $props();
 
 	let confirmationText = $derived(
 		`Are you sure you want to delete ${confirmationName || 'this item'}?`

package/dist/{DeleteConfirmation → components/delete-confirmation}/DeleteConfirmation.svelte.d.ts

@@ -1,10 +1,10 @@
-interface DeleteConfirmationProps {
+interface Props {
     confirmationName?: string;
     enableDoubleConfirmation?: boolean;
     showModal?: boolean;
     ondelete: () => Promise<string | void> | string | void;
     onclose?: VoidFunction;
 }
-declare const DeleteConfirmation: import("svelte").Component<DeleteConfirmationProps, {}, "showModal">;
+declare const DeleteConfirmation: import("svelte").Component<Props, {}, "showModal">;
 type DeleteConfirmation = ReturnType<typeof DeleteConfirmation>;
 export default DeleteConfirmation;

package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte

@@ -2,15 +2,15 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 
-	import FeedbackIcon from '../assets/icons/feedback.svg';
-	import { Button } from '../index.js';
+	import FeedbackIcon from '../../assets/icons/feedback.svg';
+	import { Button } from '../../index.js';
 
-	interface ErrorPageProps {
+	interface Props {
 		status: number;
 		title?: string;
 	}
 
-	let { status, title }: ErrorPageProps = $props();
+	let { status, title }: Props = $props();
 
 	const errorTitle: Record<number, string> = {
 		[404]: 'Page not found',

package/dist/{ErrorPage → components/error-page}/ErrorPage.svelte.d.ts

@@ -1,7 +1,7 @@
-interface ErrorPageProps {
+interface Props {
     status: number;
     title?: string;
 }
-declare const ErrorPage: import("svelte").Component<ErrorPageProps, {}, "">;
+declare const ErrorPage: import("svelte").Component<Props, {}, "">;
 type ErrorPage = ReturnType<typeof ErrorPage>;
 export default ErrorPage;

package/dist/{Footer → components/footer}/Footer.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">
-	interface FooterProps {
+	interface Props {
 		homeUrl?: string;
 		logoUrl?: string;
 		documentationUrl?: string;
 	}
+
 	let {
 		homeUrl = '/',
 		logoUrl = '/softwareone-logo-white.svg',
 		documentationUrl = 'https://softwareone-internal.atlassian.net/wiki/spaces/ATM/pages/17961910574/Services+Portal+BackOffice'
-	}: FooterProps = $props();
+	}: Props = $props();
 </script>
 
 <footer class="footer-section">

package/dist/{Footer → components/footer}/Footer.svelte.d.ts

@@ -1,8 +1,8 @@
-interface FooterProps {
+interface Props {
     homeUrl?: string;
     logoUrl?: string;
     documentationUrl?: string;
 }
-declare const Footer: import("svelte").Component<FooterProps, {}, "">;
+declare const Footer: import("svelte").Component<Props, {}, "">;
 type Footer = ReturnType<typeof Footer>;
 export default Footer;

package/dist/{Form → components/form}/Form.svelte

@@ -10,9 +10,9 @@
 	} from 'sveltekit-superforms/client';
 	import { z } from 'zod';
 
-	import { addToast, Spinner } from '../index.js';
+	import { addToast, Spinner } from '../../index.js';
 	import { getFormContext } from './context.js';
-	import { isEqual } from './helper.js';
+	import { isEqual } from './utils.js';
 	import type { FormError } from './types.js';
 
 	type Schema = z.infer<typeof schema>;

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

@@ -0,0 +1,5 @@
+export { default as Form } from './Form.svelte';
+export { getFormContext, setFormContext } from './context.js';
+export { validateSchema } from './utils.js';
+export { createZodString } from './zod-validations.js';
+export type { FormContext, FormError } from './types.js';

package/dist/components/form/index.js

@@ -0,0 +1,4 @@
+export { default as Form } from './Form.svelte';
+export { getFormContext, setFormContext } from './context.js';
+export { validateSchema } from './utils.js';
+export { createZodString } from './zod-validations.js';

package/dist/{Header → components/header}/Header.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { AnnouncementItem, MenuItem } from '../index.js';
-	import Announcement from '../Announcement/Announcement.svelte';
-	import Menu from '../Menu/Menu.svelte';
-	import Waffle from '../Waffle/Waffle.svelte';
-	import type { WaffleItem } from '../Waffle/waffleState.svelte.js';
+	import type { AnnouncementItem, MenuItem } from '../../index.js';
+	import Announcement from '../announcement/Announcement.svelte';
+	import Menu from '../menu/Menu.svelte';
+	import Waffle from '../waffle/Waffle.svelte';
+	import type { WaffleItem } from '../waffle/types.js';
 	import HeaderAccount from './HeaderAccount.svelte';
 	import HeaderLoader from './HeaderLoader.svelte';
 	import HeaderLogo from './HeaderLogo.svelte';
 
-	interface HeaderProps {
+	interface Props {
 		title?: string;
 		homeUrl?: string;
 		hideAccount?: boolean;
@@ -38,7 +38,7 @@
 		profileMenuItems,
 		announcementItems,
 		onreadannouncementitems
-	}: HeaderProps = $props();
+	}: Props = $props();
 
 	let showWaffle = $state(false);
 	let showMenu = $state(false);

package/dist/{Header → components/header}/Header.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { AnnouncementItem, MenuItem } from '../index.js';
-import type { WaffleItem } from '../Waffle/waffleState.svelte.js';
-interface HeaderProps {
+import type { AnnouncementItem, MenuItem } from '../../index.js';
+import type { WaffleItem } from '../waffle/types.js';
+interface Props {
     title?: string;
     homeUrl?: string;
     hideAccount?: boolean;
@@ -15,6 +15,6 @@ interface HeaderProps {
     announcementItems?: AnnouncementItem[];
     onreadannouncementitems?: VoidFunction;
 }
-declare const Header: import("svelte").Component<HeaderProps, {}, "">;
+declare const Header: import("svelte").Component<Props, {}, "">;
 type Header = ReturnType<typeof Header>;
 export default Header;

package/dist/{Header → components/header}/HeaderAccount.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { Avatar, type MenuItem } from '../index.js';
+	import { Avatar, type MenuItem } from '../../index.js';
 	import { fade } from 'svelte/transition';
 
 	interface Props {

package/dist/{Header → components/header}/HeaderAccount.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type MenuItem } from '../index.js';
+import { type MenuItem } from '../../index.js';
 interface Props {
     userName: string;
     accountName?: string;

package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 
-	import { Avatar, Chips, ColumnType, ImageType, type HighlightPanelColumn } from '../index.js';
+	import { Avatar, Chips, ColumnType, ImageType, type HighlightPanelColumn } from '../../index.js';
 
-	interface HighlightPanelProps {
+	interface Props {
 		columns: HighlightPanelColumn[];
 		buttonSection?: Snippet;
 		distributionType?: 'flex' | 'flex-column' | 'grid';
 	}
 
-	let { columns, distributionType = 'flex', buttonSection }: HighlightPanelProps = $props();
+	let { columns, distributionType = 'flex', buttonSection }: Props = $props();
 </script>
 
 <div class="highlight-panel">

package/dist/{HighlightPanel → components/highlight-panel}/HighlightPanel.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { Snippet } from 'svelte';
-import { type HighlightPanelColumn } from '../index.js';
-interface HighlightPanelProps {
+import { type HighlightPanelColumn } from '../../index.js';
+interface Props {
     columns: HighlightPanelColumn[];
     buttonSection?: Snippet;
     distributionType?: 'flex' | 'flex-column' | 'grid';
 }
-declare const HighlightPanel: import("svelte").Component<HighlightPanelProps, {}, "">;
+declare const HighlightPanel: import("svelte").Component<Props, {}, "">;
 type HighlightPanel = ReturnType<typeof HighlightPanel>;
 export default HighlightPanel;

package/dist/components/highlight-panel/enums.d.ts

@@ -0,0 +1,12 @@
+export declare enum ImageType {
+    Default = "image",
+    Avatar = "avatar",
+    Material = "material"
+}
+export declare enum ColumnType {
+    Text = "text",
+    Link = "link",
+    Image = "image",
+    Status = "status",
+    Custom = "custom"
+}

package/dist/{HighlightPanel/highlightPanelState.svelte.d.ts → components/highlight-panel/types.d.ts}

@@ -1,17 +1,6 @@
 import type { Snippet } from 'svelte';
-import type { ChipType } from '../index.js';
-export declare enum ImageType {
-    Default = "image",
-    Avatar = "avatar",
-    Material = "material"
-}
-export declare enum ColumnType {
-    Text = "text",
-    Link = "link",
-    Image = "image",
-    Status = "status",
-    Custom = "custom"
-}
+import type { ChipType } from '../../index.js';
+import type { ColumnType, ImageType } from './enums.js';
 type BaseColumn = {
     label: string;
     value: string;

package/dist/{Home → components/home}/Home.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import type { HomeItem } from '../index.js';
+	import type { HomeItem } from '../../index.js';
 
-	interface HomeProps {
+	interface Props {
 		title: string;
 		homeItems: HomeItem[];
 	}
 
-	let { title, homeItems }: HomeProps = $props();
+	let { title, homeItems }: Props = $props();
 </script>
 
 <h1 class="home-title">

package/dist/components/home/Home.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HomeItem } from '../../index.js';
+interface Props {
+    title: string;
+    homeItems: HomeItem[];
+}
+declare const Home: import("svelte").Component<Props, {}, "">;
+type Home = ReturnType<typeof Home>;
+export default Home;

package/dist/components/index.d.ts

@@ -0,0 +1,50 @@
+export { default as Accordion } from './accordion/Accordion.svelte';
+export { default as Avatar } from './avatar/Avatar.svelte';
+export { default as Button } from './button/Button.svelte';
+export { default as Card } from './card/Card.svelte';
+export { default as Chips } from './chips/Chips.svelte';
+export { default as ConfirmationModal } from './confirmation/Confirmation.svelte';
+export { default as AttachFile } from './controls/attach-file/AttachFile.svelte';
+export { default as Input } from './controls/input/Input.svelte';
+export { default as Label } from './controls/label/Label.svelte';
+export { default as RadioGroup } from './controls/radio-group/RadioGroup.svelte';
+export { default as Select } from './controls/select/Select.svelte';
+export { default as TextArea } from './controls/textarea/TextArea.svelte';
+export { default as Toggle } from './controls/toggle/Toggle.svelte';
+export { default as DeleteConfirmationModal } from './delete-confirmation/DeleteConfirmation.svelte';
+export { default as ErrorPage } from './error-page/ErrorPage.svelte';
+export { default as Footer } from './footer/Footer.svelte';
+export { default as Header } from './header/Header.svelte';
+export { default as HighlightPanel } from './highlight-panel/HighlightPanel.svelte';
+export { default as Home } from './home/Home.svelte';
+export { default as Link } from './link/Link.svelte';
+export { default as Sidebar } from './menu/Sidebar.svelte';
+export { default as Modal } from './modal/Modal.svelte';
+export { default as Notification } from './notification/Notification.svelte';
+export { default as Processing } from './processing/Processing.svelte';
+export { default as ProgressPage } from './progress-page/ProgressPage.svelte';
+export { default as ProgressWizard } from './progress-wizard/ProgressWizard.svelte';
+export { default as Search } from './search/Search.svelte';
+export { default as Spinner } from './spinner/Spinner.svelte';
+export { default as Switcher } from './switcher/Switcher.svelte';
+export { default as Tabs } from './tabs/Tabs.svelte';
+export { default as Toast } from './toast/Toast.svelte';
+export { default as Tooltip } from './tooltip/Tooltip.svelte';
+export { ChipType } from './chips/enums.js';
+export { ColumnType, ImageType } from './highlight-panel/enums.js';
+export { getSubMenuItemsFromMenu } from './menu/utils.js';
+export { getProgressWizardContext, setProgressWizardStepsContext } from './progress-wizard/context.js';
+export { setStepValidity } from './progress-wizard/utils.js';
+export { createTabComponent } from './tabs/types.js';
+export { addToast } from './toast/state.svelte.js';
+export type { AnnouncementItem } from './announcement/types.js';
+export type { RadioOption } from './controls/radio-group/types.js';
+export type { SelectOption } from './controls/select/types.js';
+export type { HighlightPanelColumn } from './highlight-panel/types.js';
+export type { HomeItem, MainMenu, MenuItem, SubMenuItem } from './menu/types.js';
+export type { ModalProps } from './modal/types.js';
+export type { ProgressWizardStep } from './progress-wizard/types.js';
+export type { SwitcherOption } from './switcher/types.js';
+export type { Tab } from './tabs/types.js';
+export type { ToastNotification } from './toast/types.js';
+export type { WaffleItem } from './waffle/types.js';

package/dist/components/index.js

@@ -0,0 +1,39 @@
+export { default as Accordion } from './accordion/Accordion.svelte';
+export { default as Avatar } from './avatar/Avatar.svelte';
+export { default as Button } from './button/Button.svelte';
+export { default as Card } from './card/Card.svelte';
+export { default as Chips } from './chips/Chips.svelte';
+export { default as ConfirmationModal } from './confirmation/Confirmation.svelte';
+export { default as AttachFile } from './controls/attach-file/AttachFile.svelte';
+export { default as Input } from './controls/input/Input.svelte';
+export { default as Label } from './controls/label/Label.svelte';
+export { default as RadioGroup } from './controls/radio-group/RadioGroup.svelte';
+export { default as Select } from './controls/select/Select.svelte';
+export { default as TextArea } from './controls/textarea/TextArea.svelte';
+export { default as Toggle } from './controls/toggle/Toggle.svelte';
+export { default as DeleteConfirmationModal } from './delete-confirmation/DeleteConfirmation.svelte';
+export { default as ErrorPage } from './error-page/ErrorPage.svelte';
+export { default as Footer } from './footer/Footer.svelte';
+export { default as Header } from './header/Header.svelte';
+export { default as HighlightPanel } from './highlight-panel/HighlightPanel.svelte';
+export { default as Home } from './home/Home.svelte';
+export { default as Link } from './link/Link.svelte';
+export { default as Sidebar } from './menu/Sidebar.svelte';
+export { default as Modal } from './modal/Modal.svelte';
+export { default as Notification } from './notification/Notification.svelte';
+export { default as Processing } from './processing/Processing.svelte';
+export { default as ProgressPage } from './progress-page/ProgressPage.svelte';
+export { default as ProgressWizard } from './progress-wizard/ProgressWizard.svelte';
+export { default as Search } from './search/Search.svelte';
+export { default as Spinner } from './spinner/Spinner.svelte';
+export { default as Switcher } from './switcher/Switcher.svelte';
+export { default as Tabs } from './tabs/Tabs.svelte';
+export { default as Toast } from './toast/Toast.svelte';
+export { default as Tooltip } from './tooltip/Tooltip.svelte';
+export { ChipType } from './chips/enums.js';
+export { ColumnType, ImageType } from './highlight-panel/enums.js';
+export { getSubMenuItemsFromMenu } from './menu/utils.js';
+export { getProgressWizardContext, setProgressWizardStepsContext } from './progress-wizard/context.js';
+export { setStepValidity } from './progress-wizard/utils.js';
+export { createTabComponent } from './tabs/types.js';
+export { addToast } from './toast/state.svelte.js';

package/dist/{Menu → components/menu}/Menu.svelte

@@ -3,14 +3,14 @@
 	import { fade } from 'svelte/transition';
 
 	import MainMenuItem from './MenuItem.svelte';
-	import type { MenuItem } from './MenuState.svelte.js';
+	import type { MenuItem } from './types.js';
 
-	interface MenuProps {
+	interface Props {
 		menuItems: MenuItem[];
 		showMenu: boolean;
 	}
 
-	let { menuItems, showMenu = $bindable(false) }: MenuProps = $props();
+	let { menuItems, showMenu = $bindable(false) }: Props = $props();
 
 	let activeItem = $state('');
 

package/dist/components/menu/Menu.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { MenuItem } from './types.js';
+interface Props {
+    menuItems: MenuItem[];
+    showMenu: boolean;
+}
+declare const Menu: import("svelte").Component<Props, {}, "showMenu">;
+type Menu = ReturnType<typeof Menu>;
+export default Menu;

package/dist/{Menu → components/menu}/MenuItem.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { Tooltip } from '../index.js';
-	import type { MenuItem } from './MenuState.svelte.js';
+	import { Tooltip } from '../../index.js';
+	import type { MenuItem } from './types.js';
 
-	interface MenuItemProps {
+	interface Props {
 		item: MenuItem;
 		isCollapsed: boolean;
 		onClick?: (item: MenuItem) => void;
 		activeItem: boolean;
 	}
 
-	let { item, isCollapsed = false, onClick, activeItem }: MenuItemProps = $props();
+	let { item, isCollapsed = false, onClick, activeItem }: Props = $props();
 </script>
 
 <li>

package/dist/{Menu → components/menu}/MenuItem.svelte.d.ts

@@ -1,10 +1,10 @@
-import type { MenuItem } from './MenuState.svelte.js';
-interface MenuItemProps {
+import type { MenuItem } from './types.js';
+interface Props {
     item: MenuItem;
     isCollapsed: boolean;
     onClick?: (item: MenuItem) => void;
     activeItem: boolean;
 }
-declare const MenuItem: import("svelte").Component<MenuItemProps, {}, "">;
+declare const MenuItem: import("svelte").Component<Props, {}, "">;
 type MenuItem = ReturnType<typeof MenuItem>;
 export default MenuItem;

package/dist/{Menu → components/menu}/Sidebar.svelte

@@ -3,7 +3,7 @@
 	import { fade } from 'svelte/transition';
 
 	import SidebarMenuItem from './MenuItem.svelte';
-	import type { MenuItem, SubMenuItem } from './MenuState.svelte.js';
+	import type { MenuItem, SubMenuItem } from './types.js';
 
 	interface Props {
 		subMenuItems: SubMenuItem[];

package/dist/{Menu → components/menu}/Sidebar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SubMenuItem } from './MenuState.svelte.js';
+import type { SubMenuItem } from './types.js';
 interface Props {
     subMenuItems: SubMenuItem[];
 }

package/dist/{Menu/MenuState.svelte.d.ts → components/menu/types.d.ts}

@@ -19,5 +19,4 @@ export interface SubMenuItem {
     category: string;
     menuItems: MenuItem[];
 }
-export declare const getSubMenuItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SubMenuItem[];
 export {};

package/dist/components/menu/utils.d.ts

@@ -0,0 +1,2 @@
+import type { MainMenu, SubMenuItem } from './types.js';
+export declare const getSubMenuItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SubMenuItem[];