cclkit4svelte 3.0.0 → 4.0.0

package/dist/const/config.js

@@ -1,15 +1,4 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var CCLVividColor = {
+const CCLVividColor = {
     STRAWBERRY_PINK: '--strawberry-pink',
     PINEAPPLE_YELLOW: '--pineapple-yellow',
     SODA_BLUE: '--soda-blue',
@@ -17,7 +6,7 @@ var CCLVividColor = {
     GRAPE_PURPLE: '--grape-purple',
     WRAP_GREY: '--wrap-grey'
 };
-var CCLPastelColorBase = {
+const CCLPastelColorBase = {
     PEACH_PINK: '--peach-pink',
     LEMON_YELLOW: '--lemon-yellow',
     SUGAR_BLUE: '--sugar-blue',
@@ -25,16 +14,157 @@ var CCLPastelColorBase = {
     AKEBI_PURPLE: '--akebi-purple',
     CLOUD_GREY: '--cloud-grey'
 };
-var CCLPastelColor = __assign({}, CCLPastelColorBase);
+const CCLPastelColor = {
+    ...CCLPastelColorBase
+};
+const CCLPaletteColor = {
+    STRAWBERRY_50: '--palette-strawberry-50',
+    STRAWBERRY_100: '--palette-strawberry-100',
+    STRAWBERRY_200: '--palette-strawberry-200',
+    STRAWBERRY_300: '--palette-strawberry-300',
+    STRAWBERRY_400: '--palette-strawberry-400',
+    STRAWBERRY_500: '--palette-strawberry-500',
+    STRAWBERRY_600: '--palette-strawberry-600',
+    STRAWBERRY_700: '--palette-strawberry-700',
+    STRAWBERRY_800: '--palette-strawberry-800',
+    STRAWBERRY_900: '--palette-strawberry-900',
+    PINEAPPLE_50: '--palette-pineapple-50',
+    PINEAPPLE_100: '--palette-pineapple-100',
+    PINEAPPLE_200: '--palette-pineapple-200',
+    PINEAPPLE_300: '--palette-pineapple-300',
+    PINEAPPLE_400: '--palette-pineapple-400',
+    PINEAPPLE_500: '--palette-pineapple-500',
+    PINEAPPLE_600: '--palette-pineapple-600',
+    PINEAPPLE_700: '--palette-pineapple-700',
+    PINEAPPLE_800: '--palette-pineapple-800',
+    PINEAPPLE_900: '--palette-pineapple-900',
+    SODA_50: '--palette-soda-50',
+    SODA_100: '--palette-soda-100',
+    SODA_200: '--palette-soda-200',
+    SODA_300: '--palette-soda-300',
+    SODA_400: '--palette-soda-400',
+    SODA_500: '--palette-soda-500',
+    SODA_600: '--palette-soda-600',
+    SODA_700: '--palette-soda-700',
+    SODA_800: '--palette-soda-800',
+    SODA_900: '--palette-soda-900',
+    MELON_50: '--palette-melon-50',
+    MELON_100: '--palette-melon-100',
+    MELON_200: '--palette-melon-200',
+    MELON_300: '--palette-melon-300',
+    MELON_400: '--palette-melon-400',
+    MELON_500: '--palette-melon-500',
+    MELON_600: '--palette-melon-600',
+    MELON_700: '--palette-melon-700',
+    MELON_800: '--palette-melon-800',
+    MELON_900: '--palette-melon-900',
+    PEACH_50: '--palette-peach-50',
+    PEACH_100: '--palette-peach-100',
+    PEACH_200: '--palette-peach-200',
+    PEACH_300: '--palette-peach-300',
+    PEACH_400: '--palette-peach-400',
+    PEACH_500: '--palette-peach-500',
+    PEACH_600: '--palette-peach-600',
+    PEACH_700: '--palette-peach-700',
+    PEACH_800: '--palette-peach-800',
+    PEACH_900: '--palette-peach-900',
+    LEMON_50: '--palette-lemon-50',
+    LEMON_100: '--palette-lemon-100',
+    LEMON_200: '--palette-lemon-200',
+    LEMON_300: '--palette-lemon-300',
+    LEMON_400: '--palette-lemon-400',
+    LEMON_500: '--palette-lemon-500',
+    LEMON_600: '--palette-lemon-600',
+    LEMON_700: '--palette-lemon-700',
+    LEMON_800: '--palette-lemon-800',
+    LEMON_900: '--palette-lemon-900',
+    SUGAR_50: '--palette-sugar-50',
+    SUGAR_100: '--palette-sugar-100',
+    SUGAR_200: '--palette-sugar-200',
+    SUGAR_300: '--palette-sugar-300',
+    SUGAR_400: '--palette-sugar-400',
+    SUGAR_500: '--palette-sugar-500',
+    SUGAR_600: '--palette-sugar-600',
+    SUGAR_700: '--palette-sugar-700',
+    SUGAR_800: '--palette-sugar-800',
+    SUGAR_900: '--palette-sugar-900',
+    MATCHA_50: '--palette-matcha-50',
+    MATCHA_100: '--palette-matcha-100',
+    MATCHA_200: '--palette-matcha-200',
+    MATCHA_300: '--palette-matcha-300',
+    MATCHA_400: '--palette-matcha-400',
+    MATCHA_500: '--palette-matcha-500',
+    MATCHA_600: '--palette-matcha-600',
+    MATCHA_700: '--palette-matcha-700',
+    MATCHA_800: '--palette-matcha-800',
+    MATCHA_900: '--palette-matcha-900',
+    AKEBI_50: '--palette-akebi-50',
+    AKEBI_100: '--palette-akebi-100',
+    AKEBI_200: '--palette-akebi-200',
+    AKEBI_300: '--palette-akebi-300',
+    AKEBI_400: '--palette-akebi-400',
+    AKEBI_500: '--palette-akebi-500',
+    AKEBI_600: '--palette-akebi-600',
+    AKEBI_700: '--palette-akebi-700',
+    AKEBI_800: '--palette-akebi-800',
+    AKEBI_900: '--palette-akebi-900',
+    GRAPE_50: '--palette-grape-50',
+    GRAPE_100: '--palette-grape-100',
+    GRAPE_200: '--palette-grape-200',
+    GRAPE_300: '--palette-grape-300',
+    GRAPE_400: '--palette-grape-400',
+    GRAPE_500: '--palette-grape-500',
+    GRAPE_600: '--palette-grape-600',
+    GRAPE_700: '--palette-grape-700',
+    GRAPE_800: '--palette-grape-800',
+    GRAPE_900: '--palette-grape-900',
+    WRAP_50: '--palette-wrap-50',
+    WRAP_100: '--palette-wrap-100',
+    WRAP_200: '--palette-wrap-200',
+    WRAP_300: '--palette-wrap-300',
+    WRAP_400: '--palette-wrap-400',
+    WRAP_500: '--palette-wrap-500',
+    WRAP_600: '--palette-wrap-600',
+    WRAP_700: '--palette-wrap-700',
+    WRAP_800: '--palette-wrap-800',
+    WRAP_900: '--palette-wrap-900',
+    CLOUD_50: '--palette-cloud-50',
+    CLOUD_100: '--palette-cloud-100',
+    CLOUD_200: '--palette-cloud-200',
+    CLOUD_300: '--palette-cloud-300',
+    CLOUD_400: '--palette-cloud-400',
+    CLOUD_500: '--palette-cloud-500',
+    CLOUD_600: '--palette-cloud-600',
+    CLOUD_700: '--palette-cloud-700',
+    CLOUD_800: '--palette-cloud-800',
+    CLOUD_900: '--palette-cloud-900'
+};
+const CCLSemanticColor = {
+    SURFACE_GLASS: '--color-surface-glass',
+    ACTION_PRIMARY_DEFAULT: '--color-action-primary-default',
+    ACTION_PRIMARY_HOVER: '--color-action-primary-hover',
+    ACTION_PRIMARY_PRESSED: '--color-action-primary-pressed',
+    ACTION_SECONDARY_DEFAULT: '--color-action-secondary-default',
+    ACTION_SECONDARY_HOVER: '--color-action-secondary-hover',
+    SURFACE_STRAWBERRY_SUBTLE: '--color-surface-strawberry-subtle',
+    SURFACE_SODA_SUBTLE: '--color-surface-soda-subtle',
+    SURFACE_PINEAPPLE_SUBTLE: '--color-surface-pineapple-subtle',
+    TEXT_LINK: '--color-text-link',
+    TEXT_BRAND: '--color-text-brand',
+    BORDER_ACCENT: '--color-border-accent',
+    FOCUS_RING: '--color-focus-ring',
+    STATUS_SUCCESS: '--color-status-success',
+    STATUS_WARNING: '--color-status-warning'
+};
 export var ProgressBarHeight;
 (function (ProgressBarHeight) {
     ProgressBarHeight["NARROW"] = "5px";
     ProgressBarHeight["DEFAULT"] = "10px";
     ProgressBarHeight["WIDE"] = "20px";
 })(ProgressBarHeight || (ProgressBarHeight = {}));
-var HeaderHeight = {
+const HeaderHeight = {
     WIDE: '--hd-wide',
     NORMAL: '--hd-normal',
     NALLOW: '--hd-nallow'
 };
-export { CCLVividColor, CCLPastelColor, HeaderHeight };
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight };

package/dist/const/variables.css

@@ -15,6 +15,145 @@
   --akebi-purple: #ddb2ff;
   --cloud-grey: #a3a3a3;
 
+  /* Prismatic v2 palette */
+  --palette-strawberry-50: #feeff5;
+  --palette-strawberry-100: #fcdce8;
+  --palette-strawberry-200: #f9bad1;
+  --palette-strawberry-300: #f593b7;
+  --palette-strawberry-400: #f1669a;
+  --palette-strawberry-500: #ed3b7d;
+  --palette-strawberry-600: #d1346e;
+  --palette-strawberry-700: #af2c5d;
+  --palette-strawberry-800: #892249;
+  --palette-strawberry-900: #641935;
+  --palette-pineapple-50: #fef6ee;
+  --palette-pineapple-100: #fcebd8;
+  --palette-pineapple-200: #f9d9b3;
+  --palette-pineapple-300: #f5c387;
+  --palette-pineapple-400: #f1a955;
+  --palette-pineapple-500: #ed9126;
+  --palette-pineapple-600: #d18021;
+  --palette-pineapple-700: #af6b1c;
+  --palette-pineapple-800: #895416;
+  --palette-pineapple-900: #643d10;
+  --palette-soda-50: #edf6fd;
+  --palette-soda-100: #d7eafb;
+  --palette-soda-200: #b1d6f8;
+  --palette-soda-300: #84bef3;
+  --palette-soda-400: #51a3ee;
+  --palette-soda-500: #2089ea;
+  --palette-soda-600: #1c79ce;
+  --palette-soda-700: #1865ad;
+  --palette-soda-800: #134f88;
+  --palette-soda-900: #0d3a62;
+  --palette-melon-50: #f4f9eb;
+  --palette-melon-100: #e5f1d3;
+  --palette-melon-200: #cde3a9;
+  --palette-melon-300: #b0d378;
+  --palette-melon-400: #8fc040;
+  --palette-melon-500: #70af0a;
+  --palette-melon-600: #639a09;
+  --palette-melon-700: #538107;
+  --palette-melon-800: #416506;
+  --palette-melon-900: #2f4904;
+  --palette-peach-50: #fff9fa;
+  --palette-peach-100: #fff2f4;
+  --palette-peach-200: #ffe5ea;
+  --palette-peach-300: #ffd6de;
+  --palette-peach-400: #ffc5d0;
+  --palette-peach-500: #ffb4c3;
+  --palette-peach-600: #e09eac;
+  --palette-peach-700: #bd8590;
+  --palette-peach-800: #946871;
+  --palette-peach-900: #6b4c52;
+  --palette-lemon-50: #fffef4;
+  --palette-lemon-100: #fffde7;
+  --palette-lemon-200: #fffad0;
+  --palette-lemon-300: #fff8b6;
+  --palette-lemon-400: #fff597;
+  --palette-lemon-500: #fff27a;
+  --palette-lemon-600: #e0d56b;
+  --palette-lemon-700: #bdb35a;
+  --palette-lemon-800: #948c47;
+  --palette-lemon-900: #6b6633;
+  --palette-sugar-50: #f9fdff;
+  --palette-sugar-100: #f0faff;
+  --palette-sugar-200: #e3f6ff;
+  --palette-sugar-300: #d2f0ff;
+  --palette-sugar-400: #c0eaff;
+  --palette-sugar-500: #aee4ff;
+  --palette-sugar-600: #99c9e0;
+  --palette-sugar-700: #81a9bd;
+  --palette-sugar-800: #658494;
+  --palette-sugar-900: #49606b;
+  --palette-matcha-50: #fcfff5;
+  --palette-matcha-100: #f8ffe9;
+  --palette-matcha-200: #f1ffd4;
+  --palette-matcha-300: #eaffbc;
+  --palette-matcha-400: #e1ffa0;
+  --palette-matcha-500: #d8ff85;
+  --palette-matcha-600: #bee075;
+  --palette-matcha-700: #a0bd63;
+  --palette-matcha-800: #7d944d;
+  --palette-matcha-900: #5b6b38;
+  --palette-akebi-50: #fcf9ff;
+  --palette-akebi-100: #f9f1ff;
+  --palette-akebi-200: #f3e4ff;
+  --palette-akebi-300: #ecd5ff;
+  --palette-akebi-400: #e5c3ff;
+  --palette-akebi-500: #ddb2ff;
+  --palette-akebi-600: #c39de0;
+  --palette-akebi-700: #a484bd;
+  --palette-akebi-800: #806894;
+  --palette-akebi-900: #5d4b6b;
+  --palette-grape-50: #f7ebfc;
+  --palette-grape-100: #ecd2f9;
+  --palette-grape-200: #dba8f2;
+  --palette-grape-300: #c676eb;
+  --palette-grape-400: #ae3de3;
+  --palette-grape-500: #9707db;
+  --palette-grape-600: #8506c1;
+  --palette-grape-700: #7005a2;
+  --palette-grape-800: #58047f;
+  --palette-grape-900: #40035c;
+  --palette-wrap-50: #f2f2f2;
+  --palette-wrap-100: #e2e2e2;
+  --palette-wrap-200: #c7c7c7;
+  --palette-wrap-300: #a7a7a7;
+  --palette-wrap-400: #828383;
+  --palette-wrap-500: #5f5f60;
+  --palette-wrap-600: #545454;
+  --palette-wrap-700: #464747;
+  --palette-wrap-800: #373737;
+  --palette-wrap-900: #282828;
+  --palette-cloud-50: #f8f8f8;
+  --palette-cloud-100: #eeeeee;
+  --palette-cloud-200: #dfdfdf;
+  --palette-cloud-300: #cdcdcd;
+  --palette-cloud-400: #b7b7b7;
+  --palette-cloud-500: #a3a3a3;
+  --palette-cloud-600: #909090;
+  --palette-cloud-700: #797979;
+  --palette-cloud-800: #5f5f5f;
+  --palette-cloud-900: #454545;
+
+  /* Prismatic v2 semantic colors */
+  --color-surface-glass: #ffffff;
+  --color-action-primary-default: #ed3b7d;
+  --color-action-primary-hover: #d1346e;
+  --color-action-primary-pressed: #af2c5d;
+  --color-action-secondary-default: #2089ea;
+  --color-action-secondary-hover: #1c79ce;
+  --color-surface-strawberry-subtle: #feeff5;
+  --color-surface-soda-subtle: #edf6fd;
+  --color-surface-pineapple-subtle: #fef6ee;
+  --color-text-link: #1865ad;
+  --color-text-brand: #af2c5d;
+  --color-border-accent: #f593b7;
+  --color-focus-ring: #2089ea;
+  --color-status-success: #538107;
+  --color-status-warning: #af6b1c;
+
   /* default header height */
   --hd-height: var(--hd-normal);
   /*header height*/

package/dist/index.d.ts

@@ -1,6 +1,14 @@
 import './const/variables.css';
 export { default as Header } from './Header.svelte';
 export { default as Button } from './Button.svelte';
+export { default as PrismaticGradientButton } from './PrismaticGradientButton.svelte';
+export { default as PrismaticSectionHeading } from './PrismaticSectionHeading.svelte';
+export { default as PrismaticStoryCard } from './PrismaticStoryCard.svelte';
+export { default as PrismaticWorkCard } from './PrismaticWorkCard.svelte';
+export { default as PrismaticBookCard } from './PrismaticBookCard.svelte';
+export { default as PrismaticSiteHeader } from './PrismaticSiteHeader.svelte';
+export { default as PrismaticSiteFooter } from './PrismaticSiteFooter.svelte';
+export { default as PrismaticAmbientGlow } from './PrismaticAmbientGlow.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Thumbnail } from './Thumbnail.svelte';
 export { default as Card } from './Card.svelte';
@@ -12,7 +20,7 @@ export { default as RadioButton } from './RadioButton.svelte';
 export { default as Toggle } from './Toggle.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
 export { default as DatePicker } from './DatePicker.svelte';
-export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight } from './const/config';
 export type { ColorVar } from './const/config';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';

package/dist/index.js

@@ -2,6 +2,14 @@
 import './const/variables.css'; // カスタムプロパティ読み込み用
 export { default as Header } from './Header.svelte';
 export { default as Button } from './Button.svelte';
+export { default as PrismaticGradientButton } from './PrismaticGradientButton.svelte';
+export { default as PrismaticSectionHeading } from './PrismaticSectionHeading.svelte';
+export { default as PrismaticStoryCard } from './PrismaticStoryCard.svelte';
+export { default as PrismaticWorkCard } from './PrismaticWorkCard.svelte';
+export { default as PrismaticBookCard } from './PrismaticBookCard.svelte';
+export { default as PrismaticSiteHeader } from './PrismaticSiteHeader.svelte';
+export { default as PrismaticSiteFooter } from './PrismaticSiteFooter.svelte';
+export { default as PrismaticAmbientGlow } from './PrismaticAmbientGlow.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as Thumbnail } from './Thumbnail.svelte';
 export { default as Card } from './Card.svelte';
@@ -13,7 +21,7 @@ export { default as RadioButton } from './RadioButton.svelte';
 export { default as Toggle } from './Toggle.svelte';
 export { default as FormGroup } from './FormGroup.svelte';
 export { default as DatePicker } from './DatePicker.svelte';
-export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
+export { CCLVividColor, CCLPastelColor, CCLPaletteColor, CCLSemanticColor, HeaderHeight } from './const/config';
 export { default as Spinner } from './Spinner.svelte';
 export { default as ProgressBar } from './ProgressBar.svelte';
 export { default as Textarea } from './Textarea.svelte';

package/dist/scripts/accordionContext.d.ts

@@ -1 +1 @@
-export declare const ACCORDION_CONTEXT_KEY: any;
+export declare const ACCORDION_CONTEXT_KEY: unique symbol;

package/dist/scripts/accordionContext.js

@@ -1 +1 @@
-export var ACCORDION_CONTEXT_KEY = Symbol('accordion-context');
+export const ACCORDION_CONTEXT_KEY = Symbol('accordion-context');

package/dist/scripts/date.js

@@ -1,4 +1,4 @@
-var getYear = function () {
+const getYear = () => {
     return new Date().getFullYear();
 };
 export { getYear };

package/dist/scripts/tabsContext.d.ts

@@ -1 +1,11 @@
-export declare const TABS_CONTEXT_KEY: any;
+import type { Writable } from 'svelte/store';
+export type TabData = {
+    label: string;
+    color: string;
+    disabled: boolean;
+};
+export type TabsContext = {
+    addTab: (tab: TabData) => void;
+    activeTabLabel: Writable<string>;
+};
+export declare const TABS_CONTEXT_KEY: unique symbol;

package/dist/scripts/tabsContext.js

@@ -1 +1 @@
-export var TABS_CONTEXT_KEY = Symbol('tabs-context');
+export const TABS_CONTEXT_KEY = Symbol('tabs-context');

package/dist/toast.js

@@ -1,64 +1,50 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { writable } from 'svelte/store';
 import { CCLVividColor } from './const/config';
-export var toasts = writable([]);
+export const toasts = writable([]);
 function genId() {
     return Math.random().toString(36).slice(2) + Date.now().toString(36);
 }
 // Default auto-dismiss duration held internally
-var DEFAULT_DURATION = 3000;
+const DEFAULT_DURATION = 3000;
 export function show(opts) {
-    var _a, _b;
-    var id = genId();
-    var item = {
-        id: id,
+    const id = genId();
+    const item = {
+        id,
         title: opts.title,
         message: opts.message,
-        variant: (_a = opts.variant) !== null && _a !== void 0 ? _a : 'info',
-        duration: (_b = opts.duration) !== null && _b !== void 0 ? _b : DEFAULT_DURATION
+        variant: opts.variant ?? 'info',
+        duration: opts.duration ?? DEFAULT_DURATION
     };
-    toasts.update(function (list) { return __spreadArray([item], list, true).slice(0, 50); });
+    toasts.update((list) => [item, ...list].slice(0, 50));
     if (typeof window !== 'undefined' && item.duration > 0) {
-        window.setTimeout(function () { return dismiss(id); }, item.duration);
+        window.setTimeout(() => dismiss(id), item.duration);
     }
     return id;
 }
 export function dismiss(id) {
-    toasts.update(function (list) { return list.filter(function (t) { return t.id !== id; }); });
+    toasts.update((list) => list.filter((t) => t.id !== id));
 }
 export function clear() {
     toasts.set([]);
 }
-export var toast = {
-    show: show,
-    success: function (message, title, duration) {
-        if (title === void 0) { title = 'Success'; }
-        return show({ message: message, title: title, variant: 'success', duration: duration });
+export const toast = {
+    show,
+    success(message, title = 'Success', duration) {
+        return show({ message, title, variant: 'success', duration });
     },
-    error: function (message, title, duration) {
-        if (title === void 0) { title = 'Error'; }
-        return show({ message: message, title: title, variant: 'error', duration: duration });
+    error(message, title = 'Error', duration) {
+        return show({ message, title, variant: 'error', duration });
     },
-    warning: function (message, title, duration) {
-        if (title === void 0) { title = 'Warning'; }
-        return show({ message: message, title: title, variant: 'warning', duration: duration });
+    warning(message, title = 'Warning', duration) {
+        return show({ message, title, variant: 'warning', duration });
     },
-    info: function (message, title, duration) {
-        if (title === void 0) { title = 'Info'; }
-        return show({ message: message, title: title, variant: 'info', duration: duration });
+    info(message, title = 'Info', duration) {
+        return show({ message, title, variant: 'info', duration });
     },
-    dismiss: dismiss,
-    clear: clear
+    dismiss,
+    clear
 };
-export var variantColor = {
+export const variantColor = {
     success: CCLVividColor.MELON_GREEN,
     error: CCLVividColor.STRAWBERRY_PINK,
     warning: CCLVividColor.PINEAPPLE_YELLOW,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cclkit4svelte",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "author": "reiji1020 <sk@reiji1020.info>",
   "license": "MIT",
   "type": "module",
@@ -14,8 +14,14 @@
   },
   "homepage": "https://github.com/reiji1020/ccl-component-kit4svelte#readme",
   "description": "Component kit for CANDY CHUPS Lab.",
+  "packageManager": "pnpm@10.28.2",
+  "engines": {
+    "node": ">=20.11.1",
+    "pnpm": ">=10.28.2"
+  },
   "scripts": {
-    "preinstall": "npx only-allow pnpm",
+    "preinstall": "node -e \"if (!/pnpm/.test(process.env.npm_execpath || '')) { console.error('Use pnpm to install dependencies.'); process.exit(1); }\"",
+    "prepare": "svelte-kit sync",
     "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",
@@ -80,7 +86,7 @@
     "vite": "^5.4.20"
   },
   "peerDependencies": {
-    "svelte": "^4.0.0"
+    "svelte": "^5.0.0"
   },
   "volta": {
     "node": "20.11.1",