@quaffui/quaff 0.1.0-prealpha → 0.1.0-prealpha3

package/dist/components/progress/QCircularProgress.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QCircularProgressProps } from "./props";
 declare const __propDef: {
     props: {
@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QCircularProgressProps = typeof __propDef.props;
+type QCircularProgressProps_ = typeof __propDef.props;
+export { QCircularProgressProps_ as QCircularProgressProps };
 export type QCircularProgressEvents = typeof __propDef.events;
 export type QCircularProgressSlots = typeof __propDef.slots;
-export default class QCircularProgress extends SvelteComponentTyped<QCircularProgressProps, QCircularProgressEvents, QCircularProgressSlots> {
+export default class QCircularProgress extends SvelteComponent<QCircularProgressProps, QCircularProgressEvents, QCircularProgressSlots> {
 }
-export {};

package/dist/components/progress/QLinearProgress.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QLinearProgressProps } from "./props";
 declare const __propDef: {
     props: {
@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QLinearProgressProps = typeof __propDef.props;
+type QLinearProgressProps_ = typeof __propDef.props;
+export { QLinearProgressProps_ as QLinearProgressProps };
 export type QLinearProgressEvents = typeof __propDef.events;
 export type QLinearProgressSlots = typeof __propDef.slots;
-export default class QLinearProgress extends SvelteComponentTyped<QLinearProgressProps, QLinearProgressEvents, QLinearProgressSlots> {
+export default class QLinearProgress extends SvelteComponent<QLinearProgressProps, QLinearProgressEvents, QLinearProgressSlots> {
 }
-export {};

package/dist/components/progress/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export interface QLinearProgressProps extends NativeProps {
     value: number;
     from: "left" | "right";

package/dist/components/progress/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "$utils/types";
+import { NativePropsDefaults } from "../../utils/types";
 export const QLinearProgressPropsDefaults = {
     value: 0,
     from: "left",

package/dist/components/radio/QRadio.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QRadioProps } from "./props";
 declare const __propDef: {
     props: {
@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QRadioProps = typeof __propDef.props;
+type QRadioProps_ = typeof __propDef.props;
+export { QRadioProps_ as QRadioProps };
 export type QRadioEvents = typeof __propDef.events;
 export type QRadioSlots = typeof __propDef.slots;
-export default class QRadio extends SvelteComponentTyped<QRadioProps, QRadioEvents, QRadioSlots> {
+export default class QRadio extends SvelteComponent<QRadioProps, QRadioEvents, QRadioSlots> {
 }
-export {};

package/dist/components/radio/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QRadioDocs: QComponentDocs;

package/dist/components/railbar/QRailbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QRailbarProps } from "./props";
 declare const __propDef: {
     props: {
@@ -15,9 +15,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type QRailbarProps = typeof __propDef.props;
+type QRailbarProps_ = typeof __propDef.props;
+export { QRailbarProps_ as QRailbarProps };
 export type QRailbarEvents = typeof __propDef.events;
 export type QRailbarSlots = typeof __propDef.slots;
-export default class QRailbar extends SvelteComponentTyped<QRailbarProps, QRailbarEvents, QRailbarSlots> {
+export default class QRailbar extends SvelteComponent<QRailbarProps, QRailbarEvents, QRailbarSlots> {
 }
-export {};

package/dist/components/select/QSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QSelectProps } from "./props";
 declare const __propDef: {
     props: {
@@ -26,9 +26,9 @@ declare const __propDef: {
         append: {};
     };
 };
-export type QSelectProps = typeof __propDef.props;
+type QSelectProps_ = typeof __propDef.props;
+export { QSelectProps_ as QSelectProps };
 export type QSelectEvents = typeof __propDef.events;
 export type QSelectSlots = typeof __propDef.slots;
-export default class QSelect extends SvelteComponentTyped<QSelectProps, QSelectEvents, QSelectSlots> {
+export default class QSelect extends SvelteComponent<QSelectProps, QSelectEvents, QSelectSlots> {
 }
-export {};

package/dist/components/select/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QSelectDocs: QComponentDocs;

package/dist/components/select/index.scss

@@ -14,13 +14,19 @@
     opacity: 0;
     visibility: hidden;
     transform: scale(0.8) translateY(120%);
-    transition: opacity var(--speed2), transform var(--speed2), visibility 0s var(--speed2);
+    transition:
+      opacity var(--speed2),
+      transform var(--speed2),
+      visibility 0s var(--speed2);
 
     &--active {
       opacity: 1;
       visibility: visible;
       transform: scale(1) translateY(100%);
-      transition: opacity var(--speed2), transform var(--speed2), visibility 0s 0s;
+      transition:
+        opacity var(--speed2),
+        transform var(--speed2),
+        visibility 0s 0s;
     }
   }
 

package/dist/components/select/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export type QSelectOption = string | {
     label: string;
     value: string;

package/dist/components/separator/QSeparator.svelte

@@ -1,4 +1,4 @@
-<script>import { createClasses, createStyles } from "$utils/props";
+<script>import { createClasses, createStyles } from "../../utils/props";
 export let spacing = "none", inset = false, vertical = false, color = void 0, size = "1px", text = void 0, textAlign = vertical === true ? "middle" : "center", userClasses = void 0, userStyles = void 0;
 export { userClasses as class };
 export { userStyles as style };

package/dist/components/separator/QSeparator.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QSeparatorProps } from "./props";
 declare const __propDef: {
     props: {
@@ -17,9 +17,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QSeparatorProps = typeof __propDef.props;
+type QSeparatorProps_ = typeof __propDef.props;
+export { QSeparatorProps_ as QSeparatorProps };
 export type QSeparatorEvents = typeof __propDef.events;
 export type QSeparatorSlots = typeof __propDef.slots;
-export default class QSeparator extends SvelteComponentTyped<QSeparatorProps, QSeparatorEvents, QSeparatorSlots> {
+export default class QSeparator extends SvelteComponent<QSeparatorProps, QSeparatorEvents, QSeparatorSlots> {
 }
-export {};

package/dist/components/separator/props.d.ts

@@ -1,4 +1,4 @@
-import type { NativeProps } from "$utils/types";
+import type { NativeProps } from "../../utils/types";
 interface QSeparatorPropsVertical extends NativeProps {
     spacing: "none" | "sm" | "md" | "lg";
     inset: boolean;

package/dist/components/table/QTable.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QTableProps } from "./props";
 import type { QTableColumn, QTableRow } from "./props";
 declare const __propDef: {
@@ -21,9 +21,9 @@ declare const __propDef: {
         };
     };
 };
-export type QTableProps = typeof __propDef.props;
+type QTableProps_ = typeof __propDef.props;
+export { QTableProps_ as QTableProps };
 export type QTableEvents = typeof __propDef.events;
 export type QTableSlots = typeof __propDef.slots;
-export default class QTable extends SvelteComponentTyped<QTableProps, QTableEvents, QTableSlots> {
+export default class QTable extends SvelteComponent<QTableProps, QTableEvents, QTableSlots> {
 }
-export {};

package/dist/components/table/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QTableDocs: QComponentDocs;

package/dist/components/tabs/QTab.svelte

@@ -1,4 +1,4 @@
-<script>import { Quaff } from "$stores/Quaff";
+<script>import { Quaff } from "../../stores/Quaff";
 import { getContext, hasContext } from "svelte";
 import { createClasses } from "../../utils/props";
 import QIcon from "../icon/QIcon.svelte";

package/dist/components/tabs/QTab.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QTabProps } from "./props";
 declare const __propDef: {
     props: {
@@ -20,9 +20,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type QTabProps = typeof __propDef.props;
+type QTabProps_ = typeof __propDef.props;
+export { QTabProps_ as QTabProps };
 export type QTabEvents = typeof __propDef.events;
 export type QTabSlots = typeof __propDef.slots;
-export default class QTab extends SvelteComponentTyped<QTabProps, QTabEvents, QTabSlots> {
+export default class QTab extends SvelteComponent<QTabProps, QTabEvents, QTabSlots> {
 }
-export {};

package/dist/components/tabs/QTabs.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QTabsProps } from "./props";
 declare const __propDef: {
     props: {
@@ -15,9 +15,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type QTabsProps = typeof __propDef.props;
+type QTabsProps_ = typeof __propDef.props;
+export { QTabsProps_ as QTabsProps };
 export type QTabsEvents = typeof __propDef.events;
 export type QTabsSlots = typeof __propDef.slots;
-export default class QTabs extends SvelteComponentTyped<QTabsProps, QTabsEvents, QTabsSlots> {
+export default class QTabs extends SvelteComponent<QTabsProps, QTabsEvents, QTabsSlots> {
 }
-export {};

package/dist/components/toggle/QToggle.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QToggleProps } from "./props";
 declare const __propDef: {
     props: {
@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QToggleProps = typeof __propDef.props;
+type QToggleProps_ = typeof __propDef.props;
+export { QToggleProps_ as QToggleProps };
 export type QToggleEvents = typeof __propDef.events;
 export type QToggleSlots = typeof __propDef.slots;
-export default class QToggle extends SvelteComponentTyped<QToggleProps, QToggleEvents, QToggleSlots> {
+export default class QToggle extends SvelteComponent<QToggleProps, QToggleEvents, QToggleSlots> {
 }
-export {};

package/dist/components/toggle/docs.d.ts

@@ -1,2 +1,2 @@
-import type { QComponentDocs } from "$utils/types";
+import type { QComponentDocs } from "../../utils/types";
 export declare let QToggleDocs: QComponentDocs;

package/dist/components/toggle/props.d.ts

@@ -1,4 +1,4 @@
-import { type NativeProps } from "$utils/types";
+import { type NativeProps } from "../../utils/types";
 export interface QToggleProps extends NativeProps {
     value?: boolean;
     label?: string;

package/dist/components/toggle/props.js

@@ -1,4 +1,4 @@
-import { NativePropsDefaults } from "$utils/types";
+import { NativePropsDefaults } from "../../utils/types";
 export const QTogglePropsDefaults = {
     value: false,
     label: undefined,

package/dist/components/toolbar/QToolbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QToolbarProps } from "./props";
 declare const __propDef: {
     props: {
@@ -15,9 +15,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type QToolbarProps = typeof __propDef.props;
+type QToolbarProps_ = typeof __propDef.props;
+export { QToolbarProps_ as QToolbarProps };
 export type QToolbarEvents = typeof __propDef.events;
 export type QToolbarSlots = typeof __propDef.slots;
-export default class QToolbar extends SvelteComponentTyped<QToolbarProps, QToolbarEvents, QToolbarSlots> {
+export default class QToolbar extends SvelteComponent<QToolbarProps, QToolbarEvents, QToolbarSlots> {
 }
-export {};

package/dist/components/tooltip/QTooltip.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { QTooltipProps } from "./props";
 declare const __propDef: {
     props: {
@@ -14,9 +14,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export type QTooltipProps = typeof __propDef.props;
+type QTooltipProps_ = typeof __propDef.props;
+export { QTooltipProps_ as QTooltipProps };
 export type QTooltipEvents = typeof __propDef.events;
 export type QTooltipSlots = typeof __propDef.slots;
-export default class QTooltip extends SvelteComponentTyped<QTooltipProps, QTooltipEvents, QTooltipSlots> {
+export default class QTooltip extends SvelteComponent<QTooltipProps, QTooltipEvents, QTooltipSlots> {
 }
-export {};

package/dist/css/mixins/field.scss

@@ -291,7 +291,9 @@
       left: 1rem;
       font-size: 1rem;
       transform: translateY(-50%);
-      transition: var(--speed2) all, 0s background-color;
+      transition:
+        var(--speed2) all,
+        0s background-color;
       z-index: 0;
     }
   }

package/dist/css/mixins/menu.scss

@@ -22,7 +22,9 @@
   text-align: left;
   border-radius: 0.25rem;
   transform: scale(0.8) translateY(120%);
-  transition: var(--speed2) all, 0s background-color;
+  transition:
+    var(--speed2) all,
+    0s background-color;
 
   &--active {
     opacity: 1;

package/dist/css/mixins.scss

@@ -77,7 +77,10 @@
 @mixin responsive($parent: null) {
   object-fit: cover;
   object-position: center;
-  transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;
+  transition:
+    var(--speed3) transform,
+    var(--speed3) border-radius,
+    var(--speed3) padding;
   width: 100%;
   height: 100%;
 

package/dist/css/states.scss

@@ -2,8 +2,9 @@
 .disabled {
   opacity: 0.5;
   cursor: not-allowed;
-  
-  &::before, &::after {
+
+  &::before,
+  &::after {
     all: unset;
   }
 }

package/dist/index.d.ts

@@ -1 +1 @@
-export * from "$components";
+export * from "./components";

package/dist/index.js

@@ -1,2 +1,2 @@
 // Reexport your entry components here
-export * from "$components";
+export * from "./components";

package/dist/stores/QTheme.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 interface IMaterialDynamicColorsThemeColorFormatted {
     primary: string;
     "on-primary": string;
@@ -33,7 +34,7 @@ interface IMaterialDynamicColorsThemeFormatted {
 }
 type CSSDynamicColor = `${keyof IMaterialDynamicColorsThemeColorFormatted}-${keyof IMaterialDynamicColorsThemeFormatted}`;
 export declare const QTheme: {
-    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<"error-dark" | "error-light" | "outline-dark" | "outline-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary-light" | "tertiary-dark" | "tertiary-light" | "surface-dark" | "surface-light" | "surface-variant-dark" | "surface-variant-light" | "on-primary-dark" | "on-primary-light" | "primary-container-dark" | "primary-container-light" | "on-primary-container-dark" | "on-primary-container-light" | "on-secondary-dark" | "on-secondary-light" | "secondary-container-dark" | "secondary-container-light" | "on-secondary-container-dark" | "on-secondary-container-light" | "on-tertiary-dark" | "on-tertiary-light" | "tertiary-container-dark" | "tertiary-container-light" | "on-tertiary-container-dark" | "on-tertiary-container-light" | "error-container-dark" | "error-container-light" | "on-error-dark" | "on-error-light" | "on-error-container-dark" | "on-error-container-light" | "background-dark" | "background-light" | "on-background-dark" | "on-background-light" | "on-surface-dark" | "on-surface-light" | "on-surface-variant-dark" | "on-surface-variant-light" | "inverse-on-surface-dark" | "inverse-on-surface-light" | "inverse-surface-dark" | "inverse-surface-light" | "inverse-primary-dark" | "inverse-primary-light" | "shadow-dark" | "shadow-light", string>>, invalidate?: ((value?: Record<"error-dark" | "error-light" | "outline-dark" | "outline-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary-light" | "tertiary-dark" | "tertiary-light" | "surface-dark" | "surface-light" | "surface-variant-dark" | "surface-variant-light" | "on-primary-dark" | "on-primary-light" | "primary-container-dark" | "primary-container-light" | "on-primary-container-dark" | "on-primary-container-light" | "on-secondary-dark" | "on-secondary-light" | "secondary-container-dark" | "secondary-container-light" | "on-secondary-container-dark" | "on-secondary-container-light" | "on-tertiary-dark" | "on-tertiary-light" | "tertiary-container-dark" | "tertiary-container-light" | "on-tertiary-container-dark" | "on-tertiary-container-light" | "error-container-dark" | "error-container-light" | "on-error-dark" | "on-error-light" | "on-error-container-dark" | "on-error-container-light" | "background-dark" | "background-light" | "on-background-dark" | "on-background-light" | "on-surface-dark" | "on-surface-light" | "on-surface-variant-dark" | "on-surface-variant-light" | "inverse-on-surface-dark" | "inverse-on-surface-light" | "inverse-surface-dark" | "inverse-surface-light" | "inverse-primary-dark" | "inverse-primary-light" | "shadow-dark" | "shadow-light", string> | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+    subscribe: (this: void, run: import("svelte/store").Subscriber<Record<"error-dark" | "error-light" | "outline-dark" | "outline-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary-light" | "tertiary-dark" | "tertiary-light" | "surface-dark" | "surface-light" | "surface-variant-dark" | "surface-variant-light" | "on-primary-dark" | "on-primary-light" | "primary-container-dark" | "primary-container-light" | "on-primary-container-dark" | "on-primary-container-light" | "on-secondary-dark" | "on-secondary-light" | "secondary-container-dark" | "secondary-container-light" | "on-secondary-container-dark" | "on-secondary-container-light" | "on-tertiary-dark" | "on-tertiary-light" | "tertiary-container-dark" | "tertiary-container-light" | "on-tertiary-container-dark" | "on-tertiary-container-light" | "error-container-dark" | "error-container-light" | "on-error-dark" | "on-error-light" | "on-error-container-dark" | "on-error-container-light" | "background-dark" | "background-light" | "on-background-dark" | "on-background-light" | "on-surface-dark" | "on-surface-light" | "on-surface-variant-dark" | "on-surface-variant-light" | "inverse-on-surface-dark" | "inverse-on-surface-light" | "inverse-surface-dark" | "inverse-surface-light" | "inverse-primary-dark" | "inverse-primary-light" | "shadow-dark" | "shadow-light", string>>, invalidate?: import("svelte/store").Invalidator<Record<"error-dark" | "error-light" | "outline-dark" | "outline-light" | "primary-dark" | "primary-light" | "secondary-dark" | "secondary-light" | "tertiary-dark" | "tertiary-light" | "surface-dark" | "surface-light" | "surface-variant-dark" | "surface-variant-light" | "on-primary-dark" | "on-primary-light" | "primary-container-dark" | "primary-container-light" | "on-primary-container-dark" | "on-primary-container-light" | "on-secondary-dark" | "on-secondary-light" | "secondary-container-dark" | "secondary-container-light" | "on-secondary-container-dark" | "on-secondary-container-light" | "on-tertiary-dark" | "on-tertiary-light" | "tertiary-container-dark" | "tertiary-container-light" | "on-tertiary-container-dark" | "on-tertiary-container-light" | "error-container-dark" | "error-container-light" | "on-error-dark" | "on-error-light" | "on-error-container-dark" | "on-error-container-light" | "background-dark" | "background-light" | "on-background-dark" | "on-background-light" | "on-surface-dark" | "on-surface-light" | "on-surface-variant-dark" | "on-surface-variant-light" | "inverse-on-surface-dark" | "inverse-on-surface-light" | "inverse-surface-dark" | "inverse-surface-light" | "inverse-primary-dark" | "inverse-primary-light" | "shadow-dark" | "shadow-light", string>> | undefined) => import("svelte/store").Unsubscriber;
     setThemeColors: (from: string) => Promise<void>;
     updateThemeColor: (color: CSSDynamicColor, newValue: string) => void;
     apply: () => void;

package/dist/stores/Quaff.d.ts

@@ -1,12 +1,13 @@
+/// <reference types="svelte" />
 /// <reference types="@sveltejs/kit" />
 export declare const quaffStore: {
     subscribe: (this: void, run: import("svelte/store").Subscriber<{
         version: string;
         dark: boolean;
-    }>, invalidate?: ((value?: {
+    }>, invalidate?: import("svelte/store").Invalidator<{
         version: string;
         dark: boolean;
-    } | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+    }> | undefined) => import("svelte/store").Unsubscriber;
     setDarkMode: (newVal: boolean) => void;
     toggleDarkMode: () => void;
 };
@@ -22,10 +23,10 @@ export declare const Quaff: import("svelte/store").Readable<{
         quaff: (this: void, run: import("svelte/store").Subscriber<{
             version: string;
             dark: boolean;
-        }>, invalidate?: ((value?: {
+        }>, invalidate?: import("svelte/store").Invalidator<{
             version: string;
             dark: boolean;
-        } | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
-        page: (this: void, run: import("svelte/store").Subscriber<import("@sveltejs/kit").Page<Record<string, string>, string | null>>, invalidate?: ((value?: import("@sveltejs/kit").Page<Record<string, string>, string | null> | undefined) => void) | undefined) => import("svelte/store").Unsubscriber;
+        }> | undefined) => import("svelte/store").Unsubscriber;
+        page: (this: void, run: import("svelte/store").Subscriber<import("@sveltejs/kit").Page<Record<string, string>, string | null>>, invalidate?: import("svelte/store").Invalidator<import("@sveltejs/kit").Page<Record<string, string>, string | null>> | undefined) => import("svelte/store").Unsubscriber;
     };
 }>;

package/dist/utils/watchable.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="svelte" />
 import { Readable, Writable } from "svelte/store";
 export declare function watchable<T>(value: T): readonly [Writable<T>, Readable<T | null>];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quaffui/quaff",
-  "version": "0.1.0-prealpha",
+  "version": "0.1.0-prealpha3",
   "scripts": {
     "dev": "vite dev",
     "open": "vite dev --open",
@@ -28,38 +28,38 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "svelte": "^3.54.0"
+    "svelte": "^4.0.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.5.0",
-    "@sveltejs/package": "^2.0.0",
-    "@types/node": "^20.3.1",
+    "@sveltejs/adapter-auto": "^2.1.0",
+    "@sveltejs/kit": "^1.22.4",
+    "@sveltejs/package": "^2.2.0",
+    "@types/node": "^20.4.6",
     "@types/prettier": "^2.7.3",
     "@types/prismjs": "^1.26.0",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte": "^2.26.0",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.8.1",
-    "publint": "^0.1.9",
-    "sass": "^1.62.1",
-    "svelte": "^3.54.0",
-    "svelte-check": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.9.0",
+    "eslint-plugin-svelte": "^2.32.4",
+    "prettier": "^3.0.0",
+    "prettier-plugin-svelte": "^3.0.3",
+    "publint": "^0.2.0",
+    "sass": "^1.64.2",
+    "svelte": "^4.1.2",
+    "svelte-check": "^3.4.6",
     "ts-node": "^10.9.1",
-    "tslib": "^2.4.1",
-    "typescript": "^5.0.0",
-    "vite": "^4.3.0",
-    "vitest": "^0.25.3"
+    "tslib": "^2.6.1",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.8",
+    "vitest": "^0.34.1"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
-    "beercss": "^3.2.6",
-    "material-dynamic-colors": "^0.1.7",
+    "beercss": "^3.2.13",
+    "material-dynamic-colors": "^1.0.1",
     "prism-svelte": "0.5.0",
     "prismjs": "^1.29.0"
   }