@onsvisual/svelte-components 1.0.65 → 1.1.0

package/dist/{datavis/intro.mdx → charts.mdx}

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/addon-docs/blocks";
 
-<Meta title="Data visualisation/Using svelte-charts" />
+<Meta title="Charts/Using svelte-charts" />
 
 # Using svelte-charts
 
@@ -19,4 +19,4 @@ When using these charts, you need to make sure that you import them from the **s
 </script>
 
 <Chart {...chart_properties}>
-```
+```

package/dist/{layout → components}/AnalyticsBanner/AnalyticsBanner.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/AnalyticsBanner",
+		title: "Information and media/AnalyticsBanner",
 		component: AnalyticsBanner,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/AnnouncementBanner/AnnouncementBanner.stories.svelte

@@ -6,7 +6,7 @@
 	import { lipsum } from "../../js/utils.js";
 
 	const { Story } = defineMeta({
-		title: "Layout/AnnouncementBanner",
+		title: "Information and media/AnnouncementBanner",
 		component: AnnouncementBanner,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{layout → components}/AnnouncementBanner/AnnouncementBanner.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Optional: Set an additional CSS class for the section

package/dist/{layout → components}/BackLink/BackLink.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/BackLink",
+		title: "Navigation/BackLink",
 		component: BackLink,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/BarChart/BarChart.stories.svelte

@@ -2,11 +2,11 @@
 	import { defineMeta } from "@storybook/addon-svelte-csf";
 	import { withComponentDocs } from "../../js/withParams.js";
 	import { BarChart } from "@onsvisual/svelte-charts";
-	import data from "../demo-data/data.js";
+	import data from "../../demo-data/data.js";
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/BarChart",
+		title: "Charts/BarChart",
 		component: BarChart,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{decorators → components}/Blockquote/Blockquote.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Decorators/Blockquote",
+		title: "Information and media/Blockquote",
 		component: Blockquote,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/Breadcrumb/Breadcrumb.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/Breadcrumb",
+		title: "Navigation/Breadcrumb",
 		component: Breadcrumb,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/Breadcrumb/Breadcrumb.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * An array of links in the format {label, href}

package/dist/{inputs → components}/Button/Button.stories.svelte

@@ -6,7 +6,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Button",
+		title: "Form elements/Button",
 		component: Button,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{inputs → components}/Button/Button.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { createEventDispatcher } from "svelte";
-	import Icon from "../../decorators/Icon/Icon.svelte";
+	import Icon from "../Icon/Icon.svelte";
 	import { contrastColor, darkenColor } from "../../js/utils";
 
 	const dispatch = createEventDispatcher();

package/dist/{inputs → components}/Button/Button.svelte.d.ts

@@ -4,18 +4,18 @@
 export default class Button extends SvelteComponentTyped<{
     cls?: string | null | undefined;
     small?: boolean | undefined;
-    variant?: "secondary" | "primary" | "ghost" | undefined;
     href?: string | null | undefined;
-    color?: string | null | undefined;
     download?: string | null | undefined;
     type?: "button" | "reset" | "submit" | undefined;
+    variant?: "primary" | "secondary" | "ghost" | undefined;
     noScroll?: boolean | undefined;
-    icon?: "code" | "search" | "expand" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | null | undefined;
+    icon?: "code" | "search" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | null | undefined;
     iconPosition?: "before" | "after" | undefined;
     iconRotation?: number | undefined;
     disabled?: boolean | undefined;
     hideLabel?: boolean | undefined;
     arialabel?: string | null | undefined;
+    color?: string | null | undefined;
 }, {
     click: CustomEvent<any>;
 } & {
@@ -33,18 +33,18 @@ declare const __propDef: {
     props: {
         cls?: string | null | undefined;
         small?: boolean | undefined;
-        variant?: "secondary" | "primary" | "ghost" | undefined;
         href?: string | null | undefined;
-        color?: string | null | undefined;
         download?: string | null | undefined;
         type?: "button" | "reset" | "submit" | undefined;
+        variant?: "primary" | "secondary" | "ghost" | undefined;
         noScroll?: boolean | undefined;
-        icon?: "code" | "search" | "expand" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | null | undefined;
+        icon?: "code" | "search" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | null | undefined;
         iconPosition?: "before" | "after" | undefined;
         iconRotation?: number | undefined;
         disabled?: boolean | undefined;
         hideLabel?: boolean | undefined;
         arialabel?: string | null | undefined;
+        color?: string | null | undefined;
     };
     events: {
         click: CustomEvent<any>;

package/dist/{inputs → components}/ButtonGroup/ButtonGroup.stories.svelte

@@ -6,7 +6,7 @@
 	import { withComponentDocs } from "../../js/withParams.js";
 
 	const { Story } = defineMeta({
-		title: "Inputs/ButtonGroup",
+		title: "Form elements/ButtonGroup",
 		component: ButtonGroup,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{datavis → components}/Chart/Chart.stories.svelte

@@ -73,7 +73,7 @@
 	];
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/Chart",
+		title: "Charts/Chart",
 		component: Chart,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/Checkbox/Checkbox.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Checkbox",
+		title: "Form elements/Checkbox",
 		component: Checkbox,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/Checkboxes/Checkboxes.stories.svelte

@@ -7,7 +7,7 @@
 	import exampleDocs from "./docs/example.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Checkboxes",
+		title: "Form elements/Checkboxes",
 		component: Checkboxes,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/ColumnChart/ColumnChart.stories.svelte

@@ -2,11 +2,11 @@
 	import { defineMeta } from "@storybook/addon-svelte-csf";
 	import { withComponentDocs } from "../../js/withParams.js";
 	import { ColumnChart } from "@onsvisual/svelte-charts";
-	import data from "../demo-data/data.js";
+	import data from "../../demo-data/data.js";
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/ColumnChart",
+		title: "Charts/ColumnChart",
 		component: ColumnChart,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{layout → components}/Contents/Contents.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/Contents",
+		title: "Navigation/Contents",
 		component: Contents,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/DataCard/DataCard.stories.svelte

@@ -4,10 +4,10 @@
 	import DataCard from "./DataCard.svelte";
 	import componentDocs from "./docs/component.md?raw";
 	import exampleDocs from "./docs/example.md?raw";
-	import data from "../demo-data/data-scatter.js";
+	import data from "../../demo-data/data-scatter.js";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/DataCard",
+		title: "Charts/DataCard",
 		component: DataCard,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{datavis → components}/DataCard/DataCard.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Card from "../../layout/Card/Card.svelte";
+	import Card from "../Card/Card.svelte";
 	import Sparkline from "./Sparkline.svelte";
 
 	/**

package/dist/{layout → components}/DescriptionList/DescriptionList.stories.svelte

@@ -11,7 +11,7 @@
 	];
 
 	const { Story } = defineMeta({
-		title: "Layout/DescriptionList",
+		title: "Information and media/DescriptionList",
 		component: DescriptionList,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{decorators → components}/Divider/Divider.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Decorators/Divider",
+		title: "Layout/Divider",
 		component: Divider,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{decorators → components}/Divider/Divider.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Optional: Include a horizontal rule

package/dist/{layout → components}/DocumentList/DocumentList.stories.svelte

@@ -7,7 +7,7 @@
 	import exampleDocs from "./docs/example.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/DocumentList",
+		title: "Information and media/DocumentList",
 		component: DocumentList,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/DotPlotChart/DotPlotChart.stories.svelte

@@ -2,11 +2,11 @@
 	import { defineMeta } from "@storybook/addon-svelte-csf";
 	import { withComponentDocs } from "../../js/withParams.js";
 	import { DotPlotChart } from "@onsvisual/svelte-charts";
-	import data from "../demo-data/data.js";
+	import data from "../../demo-data/data.js";
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/DotPlotChart",
+		title: "Charts/DotPlotChart",
 		component: DotPlotChart,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/Dropdown/Dropdown.stories.svelte

@@ -6,7 +6,7 @@
 	import options from "../../js/menuOptions.js";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Dropdown",
+		title: "Form elements/Dropdown",
 		component: Dropdown,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/ErrorPage/ErrorPage.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/ErrorPage",
+		title: "Information and media/ErrorPage",
 		component: ErrorPage,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/ErrorPage/ErrorPage.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { getContext } from "svelte";
 
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Sets the width of the container

package/dist/{inputs → components}/ErrorPanel/ErrorPanel.stories.svelte

@@ -6,7 +6,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/ErrorPanel",
+		title: "Form elements/ErrorPanel",
 		component: ErrorPanel,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/ErrorSummary/ErrorSummary.stories.svelte

@@ -6,7 +6,7 @@
 	import exampleDocs from "./docs/example.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/ErrorSummary",
+		title: "Form elements/ErrorSummary",
 		component: ErrorSummary,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/ErrorSummary/ErrorSummary.svelte

@@ -1,5 +1,5 @@
 <script>
-	import List from "../../layout/List/List.svelte";
+	import List from "../List/List.svelte";
 
 	/**
 	 * Defines the title of the error

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

@@ -1,6 +1,6 @@
 <script>
 	import { onMount, getContext } from "svelte";
-	import Theme from "../../wrappers/Theme/Theme.svelte";
+	import Theme from "../Theme/Theme.svelte";
 
 	const page = getContext("page");
 

package/dist/{layout → components}/Grid/Grid.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { setContext } from "svelte";
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Optional: Sets the unique ID of the section

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

@@ -1,6 +1,6 @@
 <script>
 	import { onMount, getContext } from "svelte";
-	import Theme from "../../wrappers/Theme/Theme.svelte";
+	import Theme from "../Theme/Theme.svelte";
 	import SkipLink from "../SkipLink/SkipLink.svelte";
 	import HeaderNav from "./HeaderNav.svelte";
 	import HeaderNavLegacy from "./HeaderNavLegacy.svelte";
@@ -44,7 +44,7 @@
 	export let bilingual = true;
 	/**
 	 * Anchor link to skip to main body content (default "#main")
-	 * @type {string}
+	 * @type {string|null}
 	 */
 	export let skipHref = "#main";
 

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

@@ -5,8 +5,8 @@ export default class Header extends SvelteComponentTyped<{
     theme?: "light" | "dark" | "paleblue" | "blue" | "navyblue" | "grey" | null | undefined;
     themeOverrides?: object | undefined;
     title?: string | null | undefined;
+    skipHref?: string | null | undefined;
     compact?: boolean | undefined;
-    skipHref?: string | undefined;
     bilingual?: boolean | undefined;
     legacy?: boolean | undefined;
     titleHref?: string | null | undefined;
@@ -25,8 +25,8 @@ declare const __propDef: {
         theme?: "light" | "dark" | "paleblue" | "blue" | "navyblue" | "grey" | null | undefined;
         themeOverrides?: object | undefined;
         title?: string | null | undefined;
+        skipHref?: string | null | undefined;
         compact?: boolean | undefined;
-        skipHref?: string | undefined;
         bilingual?: boolean | undefined;
         legacy?: boolean | undefined;
         titleHref?: string | null | undefined;

package/dist/{layout → components}/Hero/Hero.svelte

@@ -1,9 +1,9 @@
 <script>
-	import Theme from "../../wrappers/Theme/Theme.svelte";
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Theme from "../Theme/Theme.svelte";
+	import Container from "../Container/Container.svelte";
 	import DescriptionList from "../DescriptionList/DescriptionList.svelte";
-	import Em from "../../decorators/Em/Em.svelte";
-	import Button from "../../inputs/Button/Button.svelte";
+	import Em from "../Em/Em.svelte";
+	import Button from "../Button/Button.svelte";
 
 	/**
 	 * Sets the title/headline

package/dist/{layout → components}/Highlight/Highlight.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Optional: Set the unique ID of the section

package/dist/{decorators → components}/Icon/Icon.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  IconEvents */
 /** @typedef {typeof __propDef.slots}  IconSlots */
 export default class Icon extends SvelteComponentTyped<{
-    type?: "code" | "search" | "expand" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | undefined;
+    type?: "code" | "search" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | undefined;
     size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
     rotation?: number | undefined;
     svgPath?: string | null | undefined;
@@ -19,7 +19,7 @@ export type IconSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        type?: "code" | "search" | "expand" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | undefined;
+        type?: "code" | "search" | "arrow" | "carret" | "chevron" | "cog" | "cross" | "download" | "expand" | "external" | "pin" | "print" | "shrink" | "signout" | "tick" | undefined;
         size?: "s" | "m" | "l" | "xl" | "2xl" | "3xl" | null | undefined;
         rotation?: number | undefined;
         svgPath?: string | null | undefined;

package/dist/{layout → components}/Image/Image.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/Image",
+		title: "Information and media/Image",
 		component: Image,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{decorators → components}/Indent/Indent.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Decorators/Indent",
+		title: "Information and media/Indent",
 		component: Indent,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/Input/Input.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Input",
+		title: "Form elements/Input",
 		component: Input,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/LineChart/LineChart.stories.svelte

@@ -2,11 +2,11 @@
 	import { defineMeta } from "@storybook/addon-svelte-csf";
 	import { withComponentDocs } from "../../js/withParams.js";
 	import { LineChart } from "@onsvisual/svelte-charts";
-	import data from "../demo-data/data.js";
+	import data from "../../demo-data/data.js";
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/LineChart",
+		title: "Charts/LineChart",
 		component: LineChart,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{layout → components}/List/List.svelte.d.ts

@@ -3,8 +3,8 @@
 /** @typedef {typeof __propDef.slots}  ListSlots */
 export default class List extends SvelteComponentTyped<{
     cls?: string | null | undefined;
-    mode?: "number" | "inline" | "bullet" | "dash" | "bare" | undefined;
     items?: string[] | null | undefined;
+    mode?: "number" | "bullet" | "dash" | "bare" | "inline" | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -18,8 +18,8 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         cls?: string | null | undefined;
-        mode?: "number" | "inline" | "bullet" | "dash" | "bare" | undefined;
         items?: string[] | null | undefined;
+        mode?: "number" | "bullet" | "dash" | "bare" | "inline" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/{layout → components}/NavSections/NavSections.svelte

@@ -1,7 +1,7 @@
 <script>
 	import { onMount, setContext } from "svelte";
 	import { writable } from "svelte/store";
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * ID for back-linking to table of contents

package/dist/{layout → components}/Notice/Notice.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/Notice",
+		title: "Information and media/Notice",
 		component: Notice,
 		tags: ["autodocs"],
 		argTypes: {

package/dist/{layout → components}/Paginator/Paginator.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/Paginator",
+		title: "Navigation/Paginator",
 		component: Paginator,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{inputs → components}/Radios/Radios.stories.svelte

@@ -7,7 +7,7 @@
 	import exampleDocs from "./docs/example.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Inputs/Radios",
+		title: "Form elements/Radios",
 		component: Radios,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/RelatedContent/RelatedContent.stories.svelte

@@ -5,7 +5,7 @@
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Layout/RelatedContent",
+		title: "Navigation/RelatedContent",
 		component: RelatedContent,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{datavis → components}/ScatterChart/ScatterChart.stories.svelte

@@ -2,11 +2,11 @@
 	import { defineMeta } from "@storybook/addon-svelte-csf";
 	import { withComponentDocs } from "../../js/withParams.js";
 	import { ScatterChart } from "@onsvisual/svelte-charts";
-	import data from "../demo-data/data-scatter.js";
+	import data from "../../demo-data/data-scatter.js";
 	import componentDocs from "./docs/component.md?raw";
 
 	const { Story } = defineMeta({
-		title: "Data visualisation/ScatterChart",
+		title: "Charts/ScatterChart",
 		component: ScatterChart,
 		tags: ["autodocs"],
 		argTypes: {},

package/dist/{layout → components}/Scroller/Scroller.stories.svelte

@@ -3,8 +3,8 @@
 	import { withComponentDocs } from "../../js/withParams.js";
 	import Scroller from "./Scroller.svelte";
 	import ScrollerSection from "./ScrollerSection.svelte";
-	import Container from "../../wrappers/Container/Container.svelte";
-	import Em from "../../decorators/Em/Em.svelte";
+	import Container from "../Container/Container.svelte";
+	import Em from "../Em/Em.svelte";
 	import componentDocs from "./docs/component.md?raw";
 
 	const parameters = { ...withComponentDocs(componentDocs), layout: "fullscreen" };

package/dist/{layout → components}/Scroller/ScrollerSection.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onMount, onDestroy, getContext } from "svelte";
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Sets the unique ID of the section (identifiable in associated scroll events)

package/dist/{layout → components}/Section/Section.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { slugify } from "../../js/utils.js";
-	import Container from "../../wrappers/Container/Container.svelte";
+	import Container from "../Container/Container.svelte";
 
 	/**
 	 * Sets the unique ID of the section