@kayord/ui 0.6.2 → 0.7.0

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

@@ -0,0 +1,19 @@
+<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,24 @@
+<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";
+export let scrollbarXClasses = "";
+export let scrollbarYClasses = "";
+</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" class={scrollbarYClasses} />
+	{/if}
+	{#if orientation === "horizontal" || orientation === "both"}
+		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+	{/if}
+	<ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>

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

@@ -1,5 +1,5 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 import { scale } from "svelte/transition";
 export let sideOffset = 4;
 export let inTransition = flyAndScale;

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

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 import Check from "lucide-svelte/icons/check";
 import { Select as SelectPrimitive } from "bits-ui";
 let className = void 0;

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

@@ -1,5 +1,5 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

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

@@ -1,5 +1,5 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

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

@@ -1,6 +1,6 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
 import ChevronDown from "lucide-svelte/icons/chevron-down";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/separator/separator.svelte

@@ -1,5 +1,5 @@
 <script>import { Separator as SeparatorPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let orientation = "horizontal";
 export let decorative = void 0;

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

@@ -1,7 +1,7 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
 import X from "lucide-svelte/icons/x";
-import { SheetOverlay, SheetPortal, sheetTransitions, sheetVariants } from ".";
-import { cn } from "../../../utils";
+import { SheetOverlay, SheetPortal, sheetTransitions, sheetVariants } from "./index.js";
+import { cn } from "../../../utils.js";
 import { fly } from "svelte/transition";
 let className = void 0;
 export let side = "right";

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

@@ -1,16 +1,16 @@
 import { SvelteComponent } from "svelte";
-import { type Side } from ".";
+import { type Side } from "./index.js";
 declare const __propDef: {
     props: {
-        transition?: import("bits-ui/dist/internal").Transition | undefined;
+        transition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
         transitionConfig?: any;
-        inTransition?: import("bits-ui/dist/internal").Transition | undefined;
+        inTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
         inTransitionConfig?: any;
-        outTransition?: import("bits-ui/dist/internal").Transition | undefined;
+        outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
         outTransitionConfig?: any;
         asChild?: boolean | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         side?: Side;
     };
     events: {

package/dist/components/ui/sheet/sheet-description.svelte

@@ -1,5 +1,5 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/sheet/sheet-footer.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/sheet/sheet-header.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/sheet/sheet-overlay.svelte

@@ -1,5 +1,5 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 import { fade } from "svelte/transition";
 let className = void 0;
 export let transition = fade;

package/dist/components/ui/sheet/sheet-portal.svelte

@@ -1,5 +1,5 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/sheet/sheet-title.svelte

@@ -1,5 +1,5 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/skeleton/skeleton.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/slider/slider.svelte

@@ -1,5 +1,5 @@
 <script>import { Slider as SliderPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value = [0];
 export { className as class };

package/dist/components/ui/switch/switch.svelte

@@ -1,5 +1,5 @@
 <script>import { Switch as SwitchPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let checked = void 0;
 export { className as class };

package/dist/components/ui/table/table-body.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-caption.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-cell.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-footer.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-head.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-header.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table-row.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/table/table.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

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

@@ -1,5 +1,5 @@
 <script>import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };

package/dist/components/ui/tabs/tabs-list.svelte

@@ -1,5 +1,5 @@
 <script>import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

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

@@ -1,5 +1,5 @@
 <script>import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };

package/dist/components/ui/textarea/textarea.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export let value = void 0;
 export { className as class };

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

@@ -1,6 +1,6 @@
 <script>import { Toggle as TogglePrimitive } from "bits-ui";
-import { toggleVariants } from ".";
-import { cn } from "../../../utils";
+import { toggleVariants } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let variant = "default";
 export let size = "default";

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

@@ -1,14 +1,14 @@
 import { SvelteComponent } from "svelte";
 import { Toggle as TogglePrimitive } from "bits-ui";
-import { type Variant, type Size } from ".";
+import { type Variant, type Size } from "./index.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         pressed?: boolean | undefined;
-        onPressedChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
+        onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
         el?: HTMLButtonElement | undefined;
-    } & import("svelte/elements").HTMLButtonAttributes & {
+    } & import("svelte/elements.js").HTMLButtonAttributes & {
         variant?: Variant;
         size?: Size;
     };

package/dist/components/ui/toggle-group/index.d.ts

@@ -1,5 +1,5 @@
 import type { VariantProps } from "tailwind-variants";
-import type { toggleVariants } from "../toggle";
+import type { toggleVariants } from "../toggle/index.js";
 import Root from "./toggle-group.svelte";
 import Item from "./toggle-group-item.svelte";
 export type ToggleVariants = VariantProps<typeof toggleVariants>;

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

@@ -1,7 +1,7 @@
 <script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
-import { getToggleGroupCtx } from ".";
-import { toggleVariants } from "../toggle";
+import { cn } from "../../../utils.js";
+import { getToggleGroupCtx } from "./index.js";
+import { toggleVariants } from "../toggle/index.js";
 let className = void 0;
 export { className as class };
 export let variant = "default";

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

@@ -1,12 +1,12 @@
 import { SvelteComponent } from "svelte";
-import { type ToggleVariants } from ".";
+import { type ToggleVariants } from "./index.js";
 declare const __propDef: {
     props: {
         value: string;
         disabled?: boolean | undefined;
         asChild?: boolean | undefined;
         el?: HTMLButtonElement | undefined;
-    } & import("svelte/elements").HTMLButtonAttributes & ToggleVariants;
+    } & import("svelte/elements.js").HTMLButtonAttributes & ToggleVariants;
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/ui/toggle-group/toggle-group.svelte

@@ -1,6 +1,6 @@
 <script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-import { setToggleGroupCtx } from ".";
-import { cn } from "../../../utils";
+import { setToggleGroupCtx } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 export let variant = "default";

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

@@ -1,5 +1,5 @@
 <script>import { Tooltip as TooltipPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let sideOffset = 4;
 export let transition = flyAndScale;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.6.2",
+  "version": "0.7.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,17 +30,17 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.5.2",
-    "bits-ui": "^0.19.3",
+    "bits-ui": "^0.19.5",
     "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.15",
     "embla-carousel-svelte": "8.0.0",
     "formsnap": "^0.5.1",
-    "lucide-svelte": "^0.344.0",
+    "lucide-svelte": "^0.354.0",
     "mode-watcher": "^0.2.2",
     "paneforge": "^0.0.2",
     "svelte-headless-table": "^0.18.2",
     "svelte-sonner": "^0.3.19",
-    "sveltekit-superforms": "^2.7.0",
+    "sveltekit-superforms": "^2.8.1",
     "tailwind-merge": "^2.2.1",
     "tailwind-variants": "^0.2.0",
     "vaul-svelte": "^0.2.4",
@@ -49,8 +49,8 @@
   "devDependencies": {
     "@playwright/test": "^1.42.1",
     "@sveltejs/adapter-auto": "^3.1.1",
-    "@sveltejs/kit": "^2.5.2",
-    "@sveltejs/package": "^2.2.7",
+    "@sveltejs/kit": "^2.5.3",
+    "@sveltejs/package": "^2.3.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",
@@ -67,7 +67,7 @@
     "svelte-check": "^3.6.6",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
+    "typescript": "^5.4.2",
     "vite": "^5.1.5",
     "vitest": "^1.3.1"
   },