@kayord/ui 0.3.5 → 0.4.0

package/dist/components/custom/data-table/DataTable.svelte

@@ -16,6 +16,8 @@ const sortKeys = isSortEnabled ? pluginStates.sort.sortKeys : void 0;
 const isPagingEnabled = pluginStates.page != void 0;
 const pageIndex = isPagingEnabled ? pluginStates.page.pageIndex : void 0;
 const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
+const isSelectEnabled = pluginStates.select != void 0;
+const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds : void 0;
 </script>
 
 <div class="w-full">
@@ -49,7 +51,7 @@ const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 							<Table.Row>
 								{#each headerRow.cells as cell (cell.id)}
 									<Subscribe attrs={cell.attrs()} let:attrs props={cell.props()} let:props>
-										<Table.Head {...attrs}>
+										<Table.Head {...attrs} class="[&:has([role=checkbox])]:pl-4">
 											{#if isSortEnabled}
 												<Button variant="ghost" on:click={props.sort.toggle}>
 													<Render of={cell.render()} />
@@ -93,7 +95,7 @@ const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 					{/if}
 					{#each $pageRows as row (row.id)}
 						<Subscribe rowAttrs={row.attrs()} let:rowAttrs>
-							<Table.Row {...rowAttrs}>
+							<Table.Row {...rowAttrs} data-state={!isSelectEnabled ? false : $selectedDataIds[row.id] && "selected"}>
 								{#each row.cells as cell (cell.id)}
 									<Subscribe attrs={cell.attrs()} let:attrs>
 										<Table.Cell {...attrs}>
@@ -113,6 +115,12 @@ const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 			</span>
 		{/if}
 	</div>
+	{#if isSelectEnabled}
+		<div class="flex-1 text-sm text-muted-foreground ml-4">
+			{Object.keys($selectedDataIds).length} of{" "}
+			{$rows.length} row(s) selected.
+		</div>
+	{/if}
 	{#if isPagingEnabled}
 		<Pagination.Root count={serverItemCount ?? $rows.length} perPage={$pageSize} let:pages let:currentPage>
 			<Pagination.Content>
@@ -142,6 +150,7 @@ const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 			</Pagination.Content>
 		</Pagination.Root>
 	{/if}
+
 	{#if $$slots.footer}
 		<div class="rounded-b-md overflow-hidden">
 			<slot name="footer" />

package/dist/components/custom/data-table/DataTableCheckbox.svelte

@@ -0,0 +1,5 @@
+<script>import { Checkbox } from "../../ui/checkbox";
+export let checked;
+</script>
+
+<Checkbox bind:checked={$checked} />

package/dist/components/custom/data-table/DataTableCheckbox.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { Writable } from "svelte/store";
+declare const __propDef: {
+    props: {
+        checked: Writable<boolean>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DataTableCheckboxProps = typeof __propDef.props;
+export type DataTableCheckboxEvents = typeof __propDef.events;
+export type DataTableCheckboxSlots = typeof __propDef.slots;
+export default class DataTableCheckbox extends SvelteComponent<DataTableCheckboxProps, DataTableCheckboxEvents, DataTableCheckboxSlots> {
+}
+export {};

package/dist/components/custom/data-table/index.d.ts

@@ -1 +1,2 @@
 export { default as DataTable } from "./DataTable.svelte";
+export { default as DataTableCheckbox } from "./DataTableCheckbox.svelte";

package/dist/components/custom/data-table/index.js

@@ -1 +1,2 @@
 export { default as DataTable } from "./DataTable.svelte";
+export { default as DataTableCheckbox } from "./DataTableCheckbox.svelte";

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

@@ -1,4 +1,4 @@
 export { Loader } from "./loader/index.js";
 export { ThemeSwitch } from "./theme-switch/index.js";
-export { DataTable } from "./data-table/index.js";
+export * from "./data-table/index.js";
 export { ProgressLoading } from "./progress-loading/index.js";

package/dist/components/custom/index.js

@@ -1,4 +1,4 @@
 export { Loader } from "./loader/index.js";
 export { ThemeSwitch } from "./theme-switch/index.js";
-export { DataTable } from "./data-table/index.js";
+export * from "./data-table/index.js";
 export { ProgressLoading } from "./progress-loading/index.js";

package/dist/components/ui/carousel/carousel-content.svelte

@@ -0,0 +1,29 @@
+<script>import { cn } from "../../../utils.js";
+import { getEmblaContext } from "./context.js";
+import emblaCarouselSvelte from "embla-carousel-svelte";
+let className = void 0;
+export { className as class };
+const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");
+</script>
+
+<div
+	class="overflow-hidden"
+	use:emblaCarouselSvelte={{
+		options: {
+			container: "[data-embla-container]",
+			slides: "[data-embla-slide]",
+			...$options,
+			axis: $orientation === "horizontal" ? "x" : "y",
+		},
+		plugins: $plugins,
+	}}
+	on:emblaInit={onInit}
+>
+	<div
+		class={cn("flex", $orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)}
+		data-embla-container=""
+		{...$$restProps}
+	>
+		<slot />
+	</div>
+</div>

package/dist/components/ui/carousel/carousel-content.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CarouselContentProps = typeof __propDef.props;
+export type CarouselContentEvents = typeof __propDef.events;
+export type CarouselContentSlots = typeof __propDef.slots;
+export default class CarouselContent extends SvelteComponent<CarouselContentProps, CarouselContentEvents, CarouselContentSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel-item.svelte

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../../utils";
+import { getEmblaContext } from "./context.js";
+let className = void 0;
+export { className as class };
+const { orientation } = getEmblaContext("<Carousel.Item/>");
+</script>
+
+<div
+	role="group"
+	aria-roledescription="slide"
+	class={cn("min-w-0 shrink-0 grow-0 basis-full", $orientation === "horizontal" ? "pl-4" : "pt-4", className)}
+	data-embla-slide=""
+	{...$$restProps}
+>
+	<slot />
+</div>

package/dist/components/ui/carousel/carousel-item.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLDivElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CarouselItemProps = typeof __propDef.props;
+export type CarouselItemEvents = typeof __propDef.events;
+export type CarouselItemSlots = typeof __propDef.slots;
+export default class CarouselItem extends SvelteComponent<CarouselItemProps, CarouselItemEvents, CarouselItemSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel-next.svelte

@@ -0,0 +1,29 @@
+<script>import { Button, buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils";
+import { ArrowRight } from "lucide-svelte";
+import { getEmblaContext } from "./context.js";
+let className = void 0;
+export { className as class };
+export let variant = "outline";
+export let size = "icon";
+const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContext("<Carousel.Next/>");
+</script>
+
+<Button
+	{variant}
+	{size}
+	class={cn(
+		"absolute h-8 w-8 rounded-full touch-manipulation",
+		$orientation === "horizontal"
+			? "-right-12 top-1/2 -translate-y-1/2"
+			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+		className
+	)}
+	disabled={!$canScrollNext}
+	on:click={scrollNext}
+	on:keydown={handleKeyDown}
+	{...$$restProps}
+>
+	<ArrowRight class="h-4 w-4" />
+	<span class="sr-only">Next slide</span>
+</Button>

package/dist/components/ui/carousel/carousel-next.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button/index.js";
+declare const __propDef: {
+    props: Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CarouselNextProps = typeof __propDef.props;
+export type CarouselNextEvents = typeof __propDef.events;
+export type CarouselNextSlots = typeof __propDef.slots;
+export default class CarouselNext extends SvelteComponent<CarouselNextProps, CarouselNextEvents, CarouselNextSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel-previous.svelte

@@ -0,0 +1,27 @@
+<script>import { Button, buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+import { ArrowLeft } from "lucide-svelte";
+import { getEmblaContext } from "./context.js";
+let className = void 0;
+export { className as class };
+export let variant = "outline";
+export let size = "icon";
+const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContext("<Carousel.Previous/>");
+</script>
+
+<Button
+	{variant}
+	{size}
+	class={cn(
+		"absolute h-8 w-8 rounded-full touch-manipulation",
+		$orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+		className
+	)}
+	disabled={!$canScrollPrev}
+	on:click={scrollPrev}
+	on:keydown={handleKeyDown}
+	{...$$restProps}
+>
+	<ArrowLeft class="h-4 w-4" />
+	<span class="sr-only">Previous slide</span>
+</Button>

package/dist/components/ui/carousel/carousel-previous.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button/index.js";
+declare const __propDef: {
+    props: Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CarouselPreviousProps = typeof __propDef.props;
+export type CarouselPreviousEvents = typeof __propDef.events;
+export type CarouselPreviousSlots = typeof __propDef.slots;
+export default class CarouselPrevious extends SvelteComponent<CarouselPreviousProps, CarouselPreviousEvents, CarouselPreviousSlots> {
+}
+export {};

package/dist/components/ui/carousel/carousel.svelte

@@ -0,0 +1,80 @@
+<script>import { setEmblaContex } from "./context.js";
+import { cn } from "../../../utils.js";
+import { writable } from "svelte/store";
+import { onDestroy } from "svelte";
+export let opts = {};
+export let plugins = [];
+export let api = void 0;
+export let orientation = "horizontal";
+let className = void 0;
+export { className as class };
+const apiStore = writable(void 0);
+const orientationStore = writable(orientation);
+const canScrollPrev = writable(false);
+const canScrollNext = writable(false);
+const optionsStore = writable(opts);
+const pluginStore = writable(plugins);
+$:
+  orientationStore.set(orientation);
+$:
+  pluginStore.set(plugins);
+$:
+  optionsStore.set(opts);
+function scrollPrev() {
+  api?.scrollPrev();
+}
+function scrollNext() {
+  api?.scrollNext();
+}
+function onSelect(api2) {
+  if (!api2)
+    return;
+  canScrollPrev.set(api2.canScrollPrev());
+  canScrollNext.set(api2.canScrollNext());
+}
+$:
+  if (api) {
+    onSelect(api);
+    api.on("select", onSelect);
+    api.on("reInit", onSelect);
+  }
+function handleKeyDown(e) {
+  if (e.key === "ArrowLeft") {
+    e.preventDefault();
+    scrollPrev();
+  } else if (e.key === "ArrowRight") {
+    e.preventDefault();
+    scrollNext();
+  }
+}
+setEmblaContex({
+  api: apiStore,
+  scrollPrev,
+  scrollNext,
+  orientation: orientationStore,
+  canScrollNext,
+  canScrollPrev,
+  handleKeyDown,
+  options: optionsStore,
+  plugins: pluginStore,
+  onInit
+});
+function onInit(event) {
+  api = event.detail;
+  apiStore.set(api);
+}
+onDestroy(() => {
+  api?.off("select", onSelect);
+});
+</script>
+
+<div
+	class={cn("relative", className)}
+	on:mouseenter
+	on:mouseleave
+	role="region"
+	aria-roledescription="carousel"
+	{...$$restProps}
+>
+	<slot />
+</div>

package/dist/components/ui/carousel/carousel.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import { type CarouselProps } from "./context.js";
+declare const __propDef: {
+    props: CarouselProps;
+    events: {
+        mouseenter: MouseEvent;
+        mouseleave: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+type CarouselProps_ = typeof __propDef.props;
+export { CarouselProps_ as CarouselProps };
+export type CarouselEvents = typeof __propDef.events;
+export type CarouselSlots = typeof __propDef.slots;
+export default class Carousel extends SvelteComponent<CarouselProps, CarouselEvents, CarouselSlots> {
+}

package/dist/components/ui/carousel/context.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="svelte" />
+import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
+import type emblaCarouselSvelte from "embla-carousel-svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { Writable, Readable } from "svelte/store";
+export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (evt: CustomEvent<infer CarouselAPI>) => void ? CarouselAPI : never;
+type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
+export type CarouselOptions = EmblaCarouselConfig["options"];
+export type CarouselPlugins = EmblaCarouselConfig["plugins"];
+export type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugins;
+    api?: CarouselAPI;
+    orientation?: "horizontal" | "vertical";
+} & HTMLAttributes<HTMLDivElement>;
+type EmblaContext = {
+    api: Writable<CarouselAPI | undefined>;
+    orientation: Writable<"horizontal" | "vertical">;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    canScrollNext: Readable<boolean>;
+    canScrollPrev: Readable<boolean>;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    options: Writable<CarouselOptions>;
+    plugins: Writable<CarouselPlugins>;
+    onInit: (e: CustomEvent<CarouselAPI>) => void;
+};
+export declare function setEmblaContex(config: EmblaContext): EmblaContext;
+export declare function getEmblaContext(name?: string): EmblaContext;
+export {};

package/dist/components/ui/carousel/context.js

@@ -0,0 +1,12 @@
+import { getContext, hasContext, setContext } from "svelte";
+const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
+export function setEmblaContex(config) {
+    setContext(EMBLA_CAROUSEL_CONTEXT, config);
+    return config;
+}
+export function getEmblaContext(name = "This component") {
+    if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
+        throw new Error(`${name} must be used within a <Carousel.Root> component`);
+    }
+    return getContext(EMBLA_CAROUSEL_CONTEXT);
+}

package/dist/components/ui/carousel/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Root } from "./carousel.svelte";
+export { default as Content } from "./carousel-content.svelte";
+export { default as Item } from "./carousel-item.svelte";
+export { default as Previous } from "./carousel-previous.svelte";
+export { default as Next } from "./carousel-next.svelte";

package/dist/components/ui/carousel/index.js

@@ -0,0 +1,5 @@
+export { default as Root } from "./carousel.svelte";
+export { default as Content } from "./carousel-content.svelte";
+export { default as Item } from "./carousel-item.svelte";
+export { default as Previous } from "./carousel-previous.svelte";
+export { default as Next } from "./carousel-next.svelte";

package/dist/components/ui/drawer/drawer-description.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: import("bits-ui/dist/bits/dialog/types").DescriptionProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DrawerDescriptionProps = typeof __propDef.props;
+export type DrawerDescriptionEvents = typeof __propDef.events;
+export type DrawerDescriptionSlots = typeof __propDef.slots;
+export default class DrawerDescription extends SvelteComponent<DrawerDescriptionProps, DrawerDescriptionEvents, DrawerDescriptionSlots> {
+}
+export {};

package/dist/components/ui/drawer/drawer-title.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: import("bits-ui/dist/bits/dialog/types").TitleProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DrawerTitleProps = typeof __propDef.props;
+export type DrawerTitleEvents = typeof __propDef.events;
+export type DrawerTitleSlots = typeof __propDef.slots;
+export default class DrawerTitle extends SvelteComponent<DrawerTitleProps, DrawerTitleEvents, DrawerTitleSlots> {
+}
+export {};

package/dist/components/ui/drawer/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="svelte" />
+import { Drawer as DrawerPrimitive } from "vaul-svelte";
+import Root from "./drawer.svelte";
+import Content from "./drawer-content.svelte";
+import Description from "./drawer-description.svelte";
+import Overlay from "./drawer-overlay.svelte";
+import Footer from "./drawer-footer.svelte";
+import Header from "./drawer-header.svelte";
+import Title from "./drawer-title.svelte";
+declare const Trigger: typeof DrawerPrimitive.Content;
+declare const Portal: typeof import("bits-ui/dist/bits/dialog").Portal;
+declare const Close: typeof DrawerPrimitive.Content;
+export { Root, Content, Description, Overlay, Footer, Header, Title, Trigger, Portal, Close, Root as Drawer, Content as DrawerContent, Description as DrawerDescription, Overlay as DrawerOverlay, Footer as DrawerFooter, Header as DrawerHeader, Title as DrawerTitle, Trigger as DrawerTrigger, Portal as DrawerPortal, Close as DrawerClose, };

package/dist/components/ui/form/form-select.svelte.d.ts

@@ -3,8 +3,8 @@ declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         name?: string | undefined;
-        required?: boolean | undefined;
         loop?: boolean | undefined;
+        required?: boolean | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;

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

@@ -7,6 +7,7 @@ export { Badge, type Variant as BadgeVariant, badgeVariants } from "./badge/inde
 export { Button, type ButtonEvents, type ButtonProps, buttonVariants } from "./button/index.js";
 export * as Calendar from "./calendar/index.js";
 export * as Card from "./card/index.js";
+export * as Carousel from "./carousel/index.js";
 export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as Command from "./command/index.js";

package/dist/components/ui/index.js

@@ -7,6 +7,7 @@ export { Badge, badgeVariants } from "./badge/index.js";
 export { Button, buttonVariants } from "./button/index.js";
 export * as Calendar from "./calendar/index.js";
 export * as Card from "./card/index.js";
+export * as Carousel from "./carousel/index.js";
 export { Checkbox } from "./checkbox/index.js";
 export * as Collapsible from "./collapsible/index.js";
 export * as Command from "./command/index.js";

package/dist/components/ui/select/select-trigger.svelte

@@ -7,7 +7,7 @@ export { className as class };
 
 <SelectPrimitive.Trigger
 	class={cn(
-		"flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 line-clamp-1 truncate",
 		className
 	)}
 	{...$$restProps}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.3.5",
+  "version": "0.4.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,28 +30,29 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.5.1",
-    "bits-ui": "^0.14.0",
+    "bits-ui": "^0.16.0",
     "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.13",
-    "formsnap": "^0.4.2",
-    "lucide-svelte": "^0.312.0",
-    "mode-watcher": "^0.1.2",
+    "embla-carousel-svelte": "8.0.0-rc22",
+    "formsnap": "^0.4.3",
+    "lucide-svelte": "^0.320.0",
+    "mode-watcher": "^0.2.0",
     "svelte-headless-table": "^0.18.1",
     "svelte-sonner": "^0.3.11",
-    "sveltekit-superforms": "^1.13.3",
-    "tailwind-merge": "^2.2.0",
+    "sveltekit-superforms": "^1.13.4",
+    "tailwind-merge": "^2.2.1",
     "tailwind-variants": "^0.1.20",
-    "vaul-svelte": "^0.0.7",
+    "vaul-svelte": "^0.2.1",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.41.0",
-    "@sveltejs/adapter-auto": "^3.1.0",
-    "@sveltejs/kit": "^2.3.3",
+    "@playwright/test": "^1.41.1",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.5.0",
     "@sveltejs/package": "^2.2.6",
-    "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@typescript-eslint/eslint-plugin": "^6.19.0",
-    "@typescript-eslint/parser": "^6.19.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
     "autoprefixer": "^10.4.17",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -66,8 +67,8 @@
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.0.11",
-    "vitest": "^1.2.1"
+    "vite": "^5.0.12",
+    "vitest": "^1.2.2"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -81,8 +82,8 @@
     "test": "npm run test:integration && npm run test:unit",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write .",
     "test:integration": "playwright test",
     "test:unit": "vitest"
   }