@kayord/ui 0.5.1 → 0.6.0

package/dist/components/ui/drawer/drawer-nested.svelte

@@ -0,0 +1,9 @@
+<script>import { Drawer as DrawerPrimitive } from "vaul-svelte";
+export let shouldScaleBackground = true;
+export let open = false;
+export let activeSnapPoint = void 0;
+</script>
+
+<DrawerPrimitive.NestedRoot {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}>
+	<slot />
+</DrawerPrimitive.NestedRoot>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Drawer as DrawerPrimitive } from "vaul-svelte";
+declare const __propDef: {
+    props: DrawerPrimitive.Props;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type DrawerNestedProps = typeof __propDef.props;
+export type DrawerNestedEvents = typeof __propDef.events;
+export type DrawerNestedSlots = typeof __propDef.slots;
+export default class DrawerNested extends SvelteComponent<DrawerNestedProps, DrawerNestedEvents, DrawerNestedSlots> {
+}
+export {};

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

@@ -6,9 +6,10 @@ import Overlay from "./drawer-overlay.svelte";
 import Footer from "./drawer-footer.svelte";
 import Header from "./drawer-header.svelte";
 import Title from "./drawer-title.svelte";
+import NestedRoot from "./drawer-nested.svelte";
 const Trigger = DrawerPrimitive.Trigger;
 const Portal = DrawerPrimitive.Portal;
 const Close = DrawerPrimitive.Close;
-export { Root, Content, Description, Overlay, Footer, Header, Title, Trigger, Portal, Close, 
+export { Root, NestedRoot, 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, };
+Root as Drawer, NestedRoot as DrawerNestedRoot, 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/index.d.ts

@@ -25,6 +25,7 @@ export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
 export * as RangeCalendar from "./range-calendar/index.js";
+export * as Resizable from "./resizable/index.js";
 export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";

package/dist/components/ui/index.js

@@ -25,6 +25,7 @@ export * as Popover from "./popover/index.js";
 export { Progress } from "./progress/index.js";
 export * as RadioGroup from "./radio-group/index.js";
 export * as RangeCalendar from "./range-calendar/index.js";
+export * as Resizable from "./resizable/index.js";
 export * as Select from "./select/index.js";
 export { Separator } from "./separator/index.js";
 export * as Sheet from "./sheet/index.js";

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

@@ -0,0 +1,4 @@
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+import { Pane } from "paneforge";
+export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

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

@@ -0,0 +1,6 @@
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+import { Pane } from "paneforge";
+export { PaneGroup, Pane, Handle, 
+//
+PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

package/dist/components/ui/resizable/resizable-handle.svelte

@@ -0,0 +1,22 @@
+<script>import GripVertical from "lucide-svelte/icons/grip-vertical";
+import * as ResizablePrimitive from "paneforge";
+import { cn } from "../../../utils";
+export let withHandle = false;
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<ResizablePrimitive.PaneResizer
+	bind:el
+	class={cn(
+		"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[direction=vertical]:h-px data-[direction=vertical]:w-full data-[direction=vertical]:after:left-0 data-[direction=vertical]:after:h-1 data-[direction=vertical]:after:w-full data-[direction=vertical]:after:-translate-y-1/2 data-[direction=vertical]:after:translate-x-0 [&[data-direction=vertical]>div]:rotate-90",
+		className
+	)}
+>
+	{#if withHandle}
+		<div class="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+			<GripVertical class="h-2.5 w-2.5" />
+		</div>
+	{/if}
+</ResizablePrimitive.PaneResizer>

package/dist/components/ui/resizable/resizable-handle.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        disabled?: boolean | undefined;
+        onDraggingChange?: import("paneforge/dist/internal/types").PaneResizeHandleOnDragging | undefined;
+        tabIndex?: number | undefined;
+        el?: HTMLElement | null | undefined;
+    } & import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        withHandle?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ResizableHandleProps = typeof __propDef.props;
+export type ResizableHandleEvents = typeof __propDef.events;
+export type ResizableHandleSlots = typeof __propDef.slots;
+export default class ResizableHandle extends SvelteComponent<ResizableHandleProps, ResizableHandleEvents, ResizableHandleSlots> {
+}
+export {};

package/dist/components/ui/resizable/resizable-pane-group.svelte

@@ -0,0 +1,18 @@
+<script>import * as ResizablePrimitive from "paneforge";
+import { cn } from "../../../utils";
+let className = void 0;
+export let direction;
+export let paneGroup = void 0;
+export let el = void 0;
+export { className as class };
+</script>
+
+<ResizablePrimitive.PaneGroup
+	bind:el
+	bind:paneGroup
+	{direction}
+	class={cn("flex h-full w-full data-[direction=vertical]:flex-col", className)}
+	{...$$restProps}
+>
+	<slot />
+</ResizablePrimitive.PaneGroup>

package/dist/components/ui/resizable/resizable-pane-group.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import * as ResizablePrimitive from "paneforge";
+declare const __propDef: {
+    props: ResizablePrimitive.PaneGroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ResizablePaneGroupProps = typeof __propDef.props;
+export type ResizablePaneGroupEvents = typeof __propDef.events;
+export type ResizablePaneGroupSlots = typeof __propDef.slots;
+export default class ResizablePaneGroup extends SvelteComponent<ResizablePaneGroupProps, ResizablePaneGroupEvents, ResizablePaneGroupSlots> {
+}
+export {};

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

@@ -12,6 +12,8 @@ export { className as class };
 		className
 	)}
 	{...$$restProps}
+	on:click
+	on:keydown
 >
 	<SwitchPrimitive.Thumb
 		class={cn(

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

@@ -2,10 +2,8 @@ import { SvelteComponent } from "svelte";
 import { Switch as SwitchPrimitive } from "bits-ui";
 declare const __propDef: {
     props: SwitchPrimitive.Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
     slots: {};
+    events: SwitchPrimitive.Events;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.5.1",
+  "version": "0.6.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,31 +30,32 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.5.2",
-    "bits-ui": "^0.18.2",
+    "bits-ui": "^0.18.3",
     "clsx": "^2.1.0",
     "cmdk-sv": "^0.0.13",
-    "embla-carousel-svelte": "8.0.0-rc23",
-    "formsnap": "^0.5.0",
-    "lucide-svelte": "^0.336.0",
+    "embla-carousel-svelte": "8.0.0",
+    "formsnap": "^0.5.1",
+    "lucide-svelte": "^0.341.0",
     "mode-watcher": "^0.2.1",
+    "paneforge": "^0.0.2",
     "svelte-headless-table": "^0.18.2",
     "svelte-sonner": "^0.3.18",
-    "sveltekit-superforms": "^2.5.0",
+    "sveltekit-superforms": "^2.6.2",
     "tailwind-merge": "^2.2.1",
     "tailwind-variants": "^0.2.0",
-    "vaul-svelte": "^0.2.3",
+    "vaul-svelte": "^0.2.4",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@playwright/test": "^1.41.2",
     "@sveltejs/adapter-auto": "^3.1.1",
-    "@sveltejs/kit": "^2.5.1",
+    "@sveltejs/kit": "^2.5.2",
     "@sveltejs/package": "^2.2.7",
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.0.2",
-    "@typescript-eslint/parser": "^7.0.2",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
     "autoprefixer": "^10.4.17",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.35.1",
     "postcss": "^8.4.35",
@@ -62,7 +63,7 @@
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.2.1",
     "publint": "^0.2.7",
-    "svelte": "^4.2.11",
+    "svelte": "^4.2.12",
     "svelte-check": "^3.6.4",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.6.2",