@kayord/ui 0.6.1 → 0.6.3

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

@@ -33,6 +33,7 @@ export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Toaster } from "./sonner/index.js";
 export { toast } from "svelte-sonner";
+export { ScrollArea } from "./scroll-area/index.js";
 export { Switch } from "./switch/index.js";
 export * as Table from "./table/index.js";
 export * as Tabs from "./tabs/index.js";

package/dist/components/ui/index.js

@@ -33,6 +33,7 @@ export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Toaster } from "./sonner/index.js";
 export { toast } from "svelte-sonner";
+export { ScrollArea } from "./scroll-area/index.js";
 export { Switch } from "./switch/index.js";
 export * as Table from "./table/index.js";
 export * as Tabs from "./tabs/index.js";

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

@@ -1,5 +1,5 @@
 import Root from "./input.svelte";
-type FormInputEvent<T extends Event = Event> = T & {
+export type FormInputEvent<T extends Event = Event> = T & {
     currentTarget: EventTarget & HTMLInputElement;
 };
 export type InputEvents = {

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

@@ -2,4 +2,5 @@ import { Popover as PopoverPrimitive } from "bits-ui";
 import Content from "./popover-content.svelte";
 declare const Root: typeof PopoverPrimitive.Root;
 declare const Trigger: typeof PopoverPrimitive.Trigger;
-export { Root, Content, Trigger, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, };
+declare const Close: typeof PopoverPrimitive.Close;
+export { Root, Content, Trigger, Close, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };

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

@@ -2,6 +2,7 @@ import { Popover as PopoverPrimitive } from "bits-ui";
 import Content from "./popover-content.svelte";
 const Root = PopoverPrimitive.Root;
 const Trigger = PopoverPrimitive.Trigger;
-export { Root, Content, Trigger, 
+const Close = PopoverPrimitive.Close;
+export { Root, Content, Trigger, Close, 
 //
-Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, };
+Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, };

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Scrollbar } from "./scroll-area-scrollbar.svelte";
+import { default as Root } from "./scroll-area.svelte";
+export { Root, Scrollbar, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/index.js

@@ -0,0 +1,5 @@
+import { default as Scrollbar } from "./scroll-area-scrollbar.svelte";
+import { default as Root } from "./scroll-area.svelte";
+export { Root, Scrollbar, 
+//,
+Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte

@@ -0,0 +1,21 @@
+<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let className = void 0;
+export let orientation = "vertical";
+export { className as class };
+</script>
+
+<ScrollAreaPrimitive.Scrollbar
+	{orientation}
+	class={cn(
+		"flex touch-none select-none transition-colors",
+		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+		orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
+		className
+	)}
+>
+	<slot />
+	<ScrollAreaPrimitive.Thumb
+		class={cn("relative rounded-full bg-border", orientation === "vertical" && "flex-1")}
+	/>
+</ScrollAreaPrimitive.Scrollbar>

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
+    } & {
+        orientation: "horizontal" | "vertical";
+    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+        orientation?: "horizontal" | "vertical" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ScrollAreaScrollbarProps = typeof __propDef.props;
+export type ScrollAreaScrollbarEvents = typeof __propDef.events;
+export type ScrollAreaScrollbarSlots = typeof __propDef.slots;
+export default class ScrollAreaScrollbar extends SvelteComponent<ScrollAreaScrollbarProps, ScrollAreaScrollbarEvents, ScrollAreaScrollbarSlots> {
+}
+export {};

package/dist/components/ui/scroll-area/scroll-area.svelte

@@ -0,0 +1,22 @@
+<script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+import { Scrollbar } from "./index.js";
+let className = void 0;
+export { className as class };
+export let orientation = "vertical";
+</script>
+
+<ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
+	<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
+		<ScrollAreaPrimitive.Content>
+			<slot />
+		</ScrollAreaPrimitive.Content>
+	</ScrollAreaPrimitive.Viewport>
+	{#if orientation === "vertical" || orientation === "both"}
+		<Scrollbar orientation="vertical" />
+	{/if}
+	{#if orientation === "horizontal" || orientation === "both"}
+		<Scrollbar orientation="horizontal" />
+	{/if}
+	<ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.6.1",
+  "version": "0.6.3",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,31 +30,31 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.5.2",
-    "bits-ui": "^0.18.6",
+    "bits-ui": "^0.19.3",
     "clsx": "^2.1.0",
-    "cmdk-sv": "^0.0.13",
+    "cmdk-sv": "^0.0.15",
     "embla-carousel-svelte": "8.0.0",
     "formsnap": "^0.5.1",
-    "lucide-svelte": "^0.343.0",
-    "mode-watcher": "^0.2.1",
+    "lucide-svelte": "^0.344.0",
+    "mode-watcher": "^0.2.2",
     "paneforge": "^0.0.2",
     "svelte-headless-table": "^0.18.2",
     "svelte-sonner": "^0.3.19",
-    "sveltekit-superforms": "^2.6.2",
+    "sveltekit-superforms": "^2.7.0",
     "tailwind-merge": "^2.2.1",
     "tailwind-variants": "^0.2.0",
     "vaul-svelte": "^0.2.4",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.42.0",
+    "@playwright/test": "^1.42.1",
     "@sveltejs/adapter-auto": "^3.1.1",
     "@sveltejs/kit": "^2.5.2",
     "@sveltejs/package": "^2.2.7",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
-    "autoprefixer": "^10.4.17",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
+    "autoprefixer": "^10.4.18",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
@@ -68,7 +68,7 @@
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "vite": "^5.1.4",
+    "vite": "^5.1.5",
     "vitest": "^1.3.1"
   },
   "svelte": "./dist/index.js",