@kayord/ui 0.1.0 → 0.2.0

package/dist/components/ui/pagination/pagination-prev-button.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.PrevButtonProps;
+    slots: {};
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationPrevButtonProps = typeof __propDef.props;
+export type PaginationPrevButtonEvents = typeof __propDef.events;
+export type PaginationPrevButtonSlots = typeof __propDef.slots;
+export default class PaginationPrevButton extends SvelteComponent<PaginationPrevButtonProps, PaginationPrevButtonEvents, PaginationPrevButtonSlots> {
+}
+export {};

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

@@ -0,0 +1,30 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let count = 0;
+export let perPage = 10;
+export let page = 1;
+export let siblingCount = 1;
+export { className as class };
+$:
+  currentPage = page;
+</script>
+
+<PaginationPrimitive.Root
+	{count}
+	{perPage}
+	{siblingCount}
+	bind:page
+	let:builder
+	let:pages
+	let:range
+	asChild
+	{...$$restProps}
+>
+	<nav
+		{...builder}
+		class={cn("mx-auto flex flex-col w-full items-center", className)}
+	>
+		<slot {pages} {range} {currentPage} />
+	</nav>
+</PaginationPrimitive.Root>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.Props;
+    slots: {
+        default: {
+            pages: any[];
+            range: {
+                start: number;
+                end: number;
+            };
+            currentPage: number | undefined;
+        };
+    };
+    events: PaginationPrimitive.Events;
+};
+export type PaginationProps = typeof __propDef.props;
+export type PaginationEvents = typeof __propDef.events;
+export type PaginationSlots = typeof __propDef.slots;
+export default class Pagination extends SvelteComponent<PaginationProps, PaginationEvents, PaginationSlots> {
+}
+export {};

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

@@ -1,10 +1,10 @@
 import { Select as SelectPrimitive } from "bits-ui";
-import Root from "./select.svelte";
 import Label from "./select-label.svelte";
 import Item from "./select-item.svelte";
 import Content from "./select-content.svelte";
 import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
+declare const Root: typeof SelectPrimitive.Root;
 declare const Group: typeof SelectPrimitive.Group;
 declare const Input: typeof SelectPrimitive.Input;
 declare const Value: typeof SelectPrimitive.Value;

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

@@ -1,10 +1,10 @@
 import { Select as SelectPrimitive } from "bits-ui";
-import Root from "./select.svelte";
 import Label from "./select-label.svelte";
 import Item from "./select-item.svelte";
 import Content from "./select-content.svelte";
 import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
+const Root = SelectPrimitive.Root;
 const Group = SelectPrimitive.Group;
 const Input = SelectPrimitive.Input;
 const Value = SelectPrimitive.Value;

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: any;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
+export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
+}
+export {};

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

@@ -9,6 +9,7 @@ declare const __propDef: {
         outTransition?: import("bits-ui/dist/internal").Transition | undefined;
         outTransitionConfig?: any;
         asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         side?: Side;
     };

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

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

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

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/components/ui/sonner/sonner.svelte

@@ -0,0 +1,21 @@
+<script>import {
+  Toaster as Sonner
+} from "svelte-sonner";
+import { mode } from "mode-watcher";
+</script>
+
+<Sonner
+	theme={$mode}
+	class="toaster group"
+	toastOptions={{
+		classes: {
+			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+			description: "group-[.toast]:text-muted-foreground",
+			actionButton:
+				"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+			cancelButton:
+				"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+		}
+	}}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { type ToasterProps as SonnerProps } from "svelte-sonner";
+declare const __propDef: {
+    props: SonnerProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SonnerProps_ = typeof __propDef.props;
+export { SonnerProps_ as SonnerProps };
+export type SonnerEvents = typeof __propDef.events;
+export type SonnerSlots = typeof __propDef.slots;
+export default class Sonner extends SvelteComponent<SonnerProps, SonnerEvents, SonnerSlots> {
+}

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

@@ -7,6 +7,7 @@ declare const __propDef: {
         pressed?: boolean | undefined;
         onPressedChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
     } & import("svelte/elements").HTMLButtonAttributes & {
         variant?: Variant;
         size?: Size;

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         value: string;
         disabled?: boolean | undefined;
         asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
     } & import("svelte/elements").HTMLButtonAttributes & ToggleVariants;
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.2.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,40 +21,44 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "bits-ui": "^0.10.1",
-    "clsx": "^2.0.0",
+    "bits-ui": "^0.13.0",
+    "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.12",
-    "formsnap": "^0.4.1",
-    "lucide-svelte": "^0.294.0",
+    "formsnap": "^0.4.2",
+    "lucide-svelte": "^0.303.0",
     "mode-watcher": "^0.1.2",
-    "sveltekit-superforms": "^1.11.0",
-    "tailwind-merge": "^2.1.0",
-    "tailwind-variants": "^0.1.18",
+    "svelte-sonner": "^0.3.9",
+    "sveltekit-superforms": "^1.13.1",
+    "tailwind-merge": "^2.2.0",
+    "tailwind-variants": "^0.1.19",
+    "vaul-svelte": "^0.0.4",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.40.1",
-    "@sveltejs/adapter-auto": "^2.1.1",
-    "@sveltejs/kit": "^1.27.6",
-    "@sveltejs/package": "^2.2.3",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
+    "@sveltejs/adapter-auto": "^3.0.1",
+    "@sveltejs/kit": "^2.0.6",
+    "@sveltejs/package": "^2.2.5",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "@typescript-eslint/parser": "^6.17.0",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
     "postcss": "^8.4.32",
     "postcss-load-config": "^5.0.2",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "prettier-plugin-svelte": "^3.1.2",
-    "publint": "^0.2.6",
+    "publint": "^0.2.7",
     "svelte": "^4.2.8",
     "svelte-check": "^3.6.2",
-    "tailwindcss": "^3.3.5",
+    "svelte-headless-table": "^0.18.0",
+    "tailwindcss": "^3.4.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.2",
-    "vite": "^5.0.5",
-    "vitest": "^1.0.0"
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vitest": "^1.1.1"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",