@kayord/ui 3.0.7 → 3.0.9

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

@@ -1,15 +1,18 @@
 <script lang="ts">
-	import type { ComponentProps } from "svelte";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
-	import { PaginationLink } from "./index.js";
+	import { buttonVariants } from "../button/index.js";
 	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
 
-	type PaginationNextProps = ComponentProps<typeof PaginationLink>;
-
-	let { class: className, ...restProps }: PaginationNextProps = $props();
+	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.NextButtonProps = $props();
 </script>
 
-<PaginationLink aria-label="Go to next page" size="default" class={cn("pr-1.5!", className)} {...restProps}>
+<PaginationPrimitive.NextButton
+	bind:ref
+	aria-label="Go to next page"
+	class={cn(buttonVariants({ variant: "ghost", size: "default" }), "pr-1.5!", className)}
+	{...restProps}
+>
 	<span class="cn-pagination-next-text hidden sm:block">Next</span>
 	<ChevronRightIcon data-icon="inline-end" />
-</PaginationLink>
+</PaginationPrimitive.NextButton>

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

@@ -1,15 +1,4 @@
-declare const PaginationNext: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const PaginationNext: import("svelte").Component<PaginationPrimitive.NextButtonProps, {}, "ref">;
 type PaginationNext = ReturnType<typeof PaginationNext>;
 export default PaginationNext;

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

@@ -1,15 +1,18 @@
 <script lang="ts">
-	import type { ComponentProps } from "svelte";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
-	import { PaginationLink } from "./index.js";
+	import { buttonVariants } from "../button/index.js";
 	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
 
-	type PaginationPreviousProps = ComponentProps<typeof PaginationLink>;
-
-	let { class: className, ...restProps }: PaginationPreviousProps = $props();
+	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.PrevButtonProps = $props();
 </script>
 
-<PaginationLink aria-label="Go to previous page" size="default" class={cn("pl-1.5!", className)} {...restProps}>
+<PaginationPrimitive.PrevButton
+	bind:ref
+	aria-label="Go to previous page"
+	class={cn(buttonVariants({ variant: "ghost", size: "default" }), "pl-1.5!", className)}
+	{...restProps}
+>
 	<ChevronLeftIcon data-icon="inline-start" />
 	<span class="cn-pagination-previous-text hidden sm:block">Previous</span>
-</PaginationLink>
+</PaginationPrimitive.PrevButton>

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

@@ -1,15 +1,4 @@
-declare const PaginationPrevious: import("svelte").Component<Omit<{
-    page: import("bits-ui").Page;
-}, "child" | "children"> & {
-    child?: import("svelte").Snippet<[{
-        props: Record<string, unknown>;
-    }]> | undefined;
-    children?: import("svelte").Snippet<[]> | undefined;
-    style?: import("bits-ui").StyleProperties | string | null | undefined;
-    ref?: HTMLElement | null | undefined;
-} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & {
-    size?: import("../button/button.svelte.js").ButtonSize;
-    isActive: boolean;
-}, {}, "">;
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const PaginationPrevious: import("svelte").Component<PaginationPrimitive.PrevButtonProps, {}, "ref">;
 type PaginationPrevious = ReturnType<typeof PaginationPrevious>;
 export default PaginationPrevious;

package/dist/components/ui/sidebar/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
 export declare const SIDEBAR_COOKIE_MAX_AGE: number;
 export declare const SIDEBAR_WIDTH = "16rem";
 export declare const SIDEBAR_WIDTH_MOBILE = "18rem";

package/dist/components/ui/sidebar/constants.js

@@ -1,4 +1,4 @@
-export const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export const SIDEBAR_COOKIE_NAME = "sidebar_state";
 export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 export const SIDEBAR_WIDTH = "16rem";
 export const SIDEBAR_WIDTH_MOBILE = "18rem";

package/dist/components/ui/sidebar/sidebar-menu-button.svelte

@@ -7,7 +7,7 @@
 			variant: {
 				default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
 				outline:
-					"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+					"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]",
 			},
 			size: {
 				default: "h-8 text-sm",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "3.0.7",
+  "version": "3.0.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kayordDX/ui"
@@ -113,34 +113,34 @@
   "devDependencies": {
     "@eslint/compat": "^2.1.0",
     "@eslint/js": "^10.0.1",
-    "@internationalized/date": "^3.12.1",
-    "@lucide/svelte": "^1.14.0",
+    "@internationalized/date": "^3.12.2",
+    "@lucide/svelte": "^1.17.0",
     "@sveltejs/adapter-auto": "^7.0.1",
-    "@sveltejs/kit": "^2.59.1",
+    "@sveltejs/kit": "^2.61.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "7.1.2",
     "@tailwindcss/vite": "^4.3.0",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",
-    "@vitest/browser": "^4.1.5",
-    "@vitest/browser-playwright": "^4.1.5",
+    "@vitest/browser": "^4.1.7",
+    "@vitest/browser-playwright": "^4.1.7",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "embla-carousel-svelte": "^8.6.0",
-    "eslint": "^10.3.0",
+    "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-svelte": "^3.17.1",
+    "eslint-plugin-svelte": "^3.18.0",
     "formsnap": "^2.0.1",
     "globals": "^17.6.0",
     "layerchart": "2.0.0-next.62",
     "mode-watcher": "^1.1.0",
     "paneforge": "^1.0.2",
     "prettier": "^3.8.3",
-    "prettier-plugin-svelte": "^3.5.1",
+    "prettier-plugin-svelte": "3.5.2",
     "prettier-plugin-tailwindcss": "^0.8.0",
-    "publint": "^0.3.20",
+    "publint": "^0.3.21",
     "runed": "^0.37.1",
-    "svelte": "5.55.5",
+    "svelte": "5.55.10",
     "svelte-check": "^4.4.8",
     "svelte-sonner": "^1.1.1",
     "sveltekit-superforms": "^2.30.1",
@@ -148,10 +148,10 @@
     "tslib": "^2.8.1",
     "tw-animate-css": "1.4.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.2",
+    "typescript-eslint": "^8.60.0",
     "vaul-svelte": "1.0.0-next.7",
-    "vite": "^8.0.11",
-    "vitest": "^4.1.5",
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7",
     "vitest-browser-svelte": "^2.1.1",
     "zod": "4.4.3"
   },
@@ -171,7 +171,7 @@
     "format": "prettier --write .",
     "test:unit": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "lib": "pnpm dlx shadcn-svelte@latest add -a -y -o --no-deps && pnpm format && pnpm version --no-git-tag-version patch",
+    "lib": "pnpm dlx shadcn-svelte@latest add -a -y -o --no-deps && pnpm format && pnpm version --no-git-checks --no-git-tag-version patch",
     "next": "./next.sh"
   }
 }