@kayord/ui 0.12.24 → 0.13.2

package/dist/components/custom/data-table/DataTable.svelte.d.ts

@@ -1,4 +1,6 @@
-type Props<T> = {
+import { type ColumnDef, type Table as TableType } from "@tanstack/table-core";
+import type { Snippet } from "svelte";
+interface Props<T> {
     table: TableType<T>;
     columns: ColumnDef<T>[];
     isLoading?: boolean;
@@ -14,9 +16,7 @@ type Props<T> = {
     class?: string;
     headerClass?: string;
     disableUISorting?: boolean;
-};
-import { type ColumnDef, type Table as TableType } from "@tanstack/table-core";
-import type { Snippet } from "svelte";
+}
 declare class __sveltets_Render<T> {
     props(): Props<T>;
     events(): {};

package/dist/components/custom/data-table/DataTableActions.svelte.d.ts

@@ -1,6 +1,6 @@
-type Props = {
+interface Props {
     id: string;
-};
+}
 declare const DataTableActions: import("svelte").Component<Props, {}, "">;
 type DataTableActions = ReturnType<typeof DataTableActions>;
 export default DataTableActions;

package/dist/components/custom/data-table/DataTableCheckbox.svelte.d.ts

@@ -1,10 +1,10 @@
-type Props = ComponentProps<typeof Checkbox> & {
+import { Checkbox } from "../../ui/checkbox";
+import type { ComponentProps } from "svelte";
+interface Props extends ComponentProps<typeof Checkbox> {
     checked?: boolean;
     indeterminate?: boolean;
     class?: string;
-};
-import { Checkbox } from "../../ui/checkbox";
-import type { ComponentProps } from "svelte";
+}
 declare const DataTableCheckbox: import("svelte").Component<Props, {}, "">;
 type DataTableCheckbox = ReturnType<typeof DataTableCheckbox>;
 export default DataTableCheckbox;

package/dist/components/custom/data-table/DataTableHeader.svelte.d.ts

@@ -1,9 +1,9 @@
-type Props<T> = {
+import { type Header, type Table as TypeType } from "@tanstack/table-core";
+interface Props<T> {
     header: Header<T, unknown>;
     table: TypeType<T>;
     disableUISorting?: boolean;
-};
-import { type Header, type Table as TypeType } from "@tanstack/table-core";
+}
 declare class __sveltets_Render<T> {
     props(): Props<T>;
     events(): {};

package/dist/components/custom/data-table/Pagination.svelte.d.ts

@@ -1,8 +1,8 @@
-type Props<T> = {
+import type { Table } from "@tanstack/table-core";
+interface Props<T> {
     table: Table<T>;
     canChangePageSize?: boolean;
-};
-import type { Table } from "@tanstack/table-core";
+}
 declare class __sveltets_Render<T> {
     props(): Props<T>;
     events(): {};

package/dist/components/custom/data-table/VisibilitySelect.svelte.d.ts

@@ -1,7 +1,7 @@
-type Props<T> = {
-    table: Table<T>;
-};
 import type { Table } from "@tanstack/table-core";
+interface Props<T> {
+    table: Table<T>;
+}
 declare class __sveltets_Render<T> {
     props(): Props<T>;
     events(): {};

package/dist/components/custom/loader/Loader.svelte.d.ts

@@ -1,13 +1,13 @@
-type LoaderIconProps = Omit<ComponentProps<Icon>, "iconNode"> & {
+import type { ComponentProps } from "svelte";
+import { type Icon } from "lucide-svelte";
+interface LoaderIconProps extends Omit<ComponentProps<Icon>, "iconNode"> {
     isLoading?: boolean;
-};
-type Props = {
+}
+interface Props {
     class?: string | undefined | null;
     isLoading?: boolean;
     iconProps?: LoaderIconProps;
-};
-import type { ComponentProps } from "svelte";
-import { type Icon } from "lucide-svelte";
+}
 declare const Loader: import("svelte").Component<Props, {
     class: string | null | undefined;
 }, "">;

package/dist/components/custom/progress-loading/ProgressLoading.svelte.d.ts

@@ -1,8 +1,8 @@
-type Props = {
+import { type ProgressRootProps } from "bits-ui";
+interface Props {
     class?: ProgressRootProps["class"];
     [key: string]: any;
-};
-import { type ProgressRootProps } from "bits-ui";
+}
 declare const ProgressLoading: import("svelte").Component<Props, {}, "">;
 type ProgressLoading = ReturnType<typeof ProgressLoading>;
 export default ProgressLoading;

package/dist/components/custom/theme-switch/ThemeSwitch.svelte.d.ts

@@ -1,6 +1,6 @@
-type Props = {
+interface Props {
     class?: string | undefined | null;
-};
+}
 declare const ThemeSwitch: import("svelte").Component<Props, {}, "">;
 type ThemeSwitch = ReturnType<typeof ThemeSwitch>;
 export default ThemeSwitch;

package/dist/components/ui/alert-dialog/alert-dialog-content.svelte

@@ -6,11 +6,14 @@
 	let {
 		ref = $bindable(null),
 		class: className,
+		portalProps,
 		...restProps
-	}: WithoutChild<AlertDialogPrimitive.ContentProps> = $props();
+	}: WithoutChild<AlertDialogPrimitive.ContentProps> & {
+		portalProps?: AlertDialogPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<AlertDialogPrimitive.Portal>
+<AlertDialogPrimitive.Portal {...portalProps}>
 	<AlertDialogOverlay />
 	<AlertDialogPrimitive.Content
 		bind:ref

package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -1,3 +1,6 @@
-declare const AlertDialogContent: import("svelte").Component<Omit<import("bits-ui").DialogContentProps, "child">, {}, "ref">;
+import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+declare const AlertDialogContent: import("svelte").Component<Omit<import("bits-ui").DialogContentProps, "child"> & {
+    portalProps?: AlertDialogPrimitive.PortalProps;
+}, {}, "ref">;
 type AlertDialogContent = ReturnType<typeof AlertDialogContent>;
 export default AlertDialogContent;

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

@@ -50,11 +50,11 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAnchorAttributes } from "svelte/elements";
 type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
     variant?: BadgeVariant;
 };
-import type { WithElementRef } from "bits-ui";
-import type { HTMLAnchorAttributes } from "svelte/elements";
 declare const Badge: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type Badge = ReturnType<typeof Badge>;
 export default Badge;

package/dist/components/ui/breadcrumb/breadcrumb-link.svelte.d.ts

@@ -1,11 +1,11 @@
+import type { HTMLAnchorAttributes } from "svelte/elements";
+import type { Snippet } from "svelte";
+import type { WithElementRef } from "bits-ui";
 type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
     child?: Snippet<[{
         props: HTMLAnchorAttributes;
     }]>;
 };
-import type { HTMLAnchorAttributes } from "svelte/elements";
-import type { Snippet } from "svelte";
-import type { WithElementRef } from "bits-ui";
 declare const BreadcrumbLink: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type BreadcrumbLink = ReturnType<typeof BreadcrumbLink>;
 export default BreadcrumbLink;

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

@@ -18,7 +18,7 @@
 	role="heading"
 	aria-level={level}
 	bind:this={ref}
-	class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+	class={cn("text-2xl font-semibold leading-none tracking-tight", className)}
 	{...restProps}
 >
 	{@render children?.()}

package/dist/components/ui/command/command-dialog.svelte

@@ -8,16 +8,18 @@
 		open = $bindable(false),
 		ref = $bindable(null),
 		value = $bindable(""),
+		portalProps,
 		children,
 		...restProps
 	}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
 		WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
+			portalProps?: DialogPrimitive.PortalProps;
 			children: Snippet;
 		} = $props();
 </script>
 
 <Dialog.Root bind:open {...restProps}>
-	<Dialog.Content class="overflow-hidden p-0 shadow-lg">
+	<Dialog.Content class="overflow-hidden p-0 shadow-lg" {portalProps}>
 		<Command
 			class="[&_[data-command-group]:not([hidden])_~[data-command-group]]:pt-0 [&_[data-command-group]]:px-2 [&_[data-command-input-wrapper]_svg]:h-5 [&_[data-command-input-wrapper]_svg]:w-5 [&_[data-command-input]]:h-12 [&_[data-command-item]]:px-2 [&_[data-command-item]]:py-3 [&_[data-command-item]_svg]:h-5 [&_[data-command-item]_svg]:w-5"
 			{...restProps}

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -1,6 +1,7 @@
-import type { Command as CommandPrimitive } from "bits-ui";
+import type { Command as CommandPrimitive, Dialog as DialogPrimitive } from "bits-ui";
 import type { Snippet } from "svelte";
 declare const CommandDialog: import("svelte").Component<Omit<import("bits-ui").AlertDialogRootPropsWithoutHTML, "children"> & Omit<Omit<CommandPrimitive.RootProps, "child">, "children"> & {
+    portalProps?: DialogPrimitive.PortalProps;
     children: Snippet;
 }, {}, "ref" | "value" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;

package/dist/components/ui/context-menu/context-menu-content.svelte

@@ -2,14 +2,23 @@
 	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, ...restProps }: ContextMenuPrimitive.ContentProps = $props();
+	let {
+		ref = $bindable(null),
+		portalProps,
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.ContentProps & {
+		portalProps?: ContextMenuPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<ContextMenuPrimitive.Content
-	bind:ref
-	class={cn(
-		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
-		className
-	)}
-	{...restProps}
-/>
+<ContextMenuPrimitive.Portal {...portalProps}>
+	<ContextMenuPrimitive.Content
+		bind:ref
+		class={cn(
+			"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</ContextMenuPrimitive.Portal>

package/dist/components/ui/context-menu/context-menu-content.svelte.d.ts

@@ -1,4 +1,6 @@
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-declare const ContextMenuContent: import("svelte").Component<ContextMenuPrimitive.ContentProps, {}, "ref">;
+declare const ContextMenuContent: import("svelte").Component<ContextMenuPrimitive.ContentProps & {
+    portalProps?: ContextMenuPrimitive.PortalProps;
+}, {}, "ref">;
 type ContextMenuContent = ReturnType<typeof ContextMenuContent>;
 export default ContextMenuContent;

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

@@ -8,14 +8,16 @@
 	let {
 		ref = $bindable(null),
 		class: className,
+		portalProps,
 		children,
 		...restProps
 	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+		portalProps?: DialogPrimitive.PortalProps;
 		children: Snippet;
 	} = $props();
 </script>
 
-<Dialog.Portal>
+<Dialog.Portal {...portalProps}>
 	<Dialog.Overlay />
 	<DialogPrimitive.Content
 		bind:ref

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

@@ -1,6 +1,7 @@
 import { Dialog as DialogPrimitive } from "bits-ui";
 import type { Snippet } from "svelte";
 declare const DialogContent: import("svelte").Component<Omit<Omit<DialogPrimitive.ContentProps, "child">, "children"> & {
+    portalProps?: DialogPrimitive.PortalProps;
     children: Snippet;
 }, {}, "ref">;
 type DialogContent = ReturnType<typeof DialogContent>;

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

@@ -3,10 +3,18 @@
 	import DrawerOverlay from "./drawer-overlay.svelte";
 	import { cn } from "../../../utils.js";
 
-	let { ref = $bindable(null), class: className, children, ...restProps }: DrawerPrimitive.ContentProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		children,
+		...restProps
+	}: DrawerPrimitive.ContentProps & {
+		portalProps?: DrawerPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<DrawerPrimitive.Portal>
+<DrawerPrimitive.Portal {...portalProps}>
 	<DrawerOverlay />
 	<DrawerPrimitive.Content
 		bind:ref

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -5,17 +5,22 @@
 	let {
 		ref = $bindable(null),
 		sideOffset = 4,
+		portalProps,
 		class: className,
 		...restProps
-	}: DropdownMenuPrimitive.ContentProps = $props();
+	}: DropdownMenuPrimitive.ContentProps & {
+		portalProps?: DropdownMenuPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<DropdownMenuPrimitive.Content
-	bind:ref
-	{sideOffset}
-	class={cn(
-		"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-		className
-	)}
-	{...restProps}
-/>
+<DropdownMenuPrimitive.Portal {...portalProps}>
+	<DropdownMenuPrimitive.Content
+		bind:ref
+		{sideOffset}
+		class={cn(
+			"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+			className
+		)}
+		{...restProps}
+	/>
+</DropdownMenuPrimitive.Portal>

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts

@@ -1,4 +1,72 @@
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-declare const DropdownMenuContent: import("svelte").Component<DropdownMenuPrimitive.ContentProps, {}, "ref">;
+declare const DropdownMenuContent: import("svelte").Component<{
+    forceMount?: boolean | undefined;
+    dir?: import("bits-ui").Direction | undefined;
+    loop?: boolean | undefined;
+    onInteractOutside?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideEventHandler | undefined;
+    interactOutsideBehavior?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideBehaviorType | undefined;
+    onFocusOutside?: ((event: FocusEvent) => void) | undefined;
+    onEscapeKeydown?: ((e: KeyboardEvent) => void) | undefined;
+    escapeKeydownBehavior?: import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeBehaviorType | undefined;
+    onOpenAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    onCloseAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    trapFocus?: boolean | undefined;
+    preventOverflowTextSelection?: boolean | undefined;
+    preventScroll?: boolean | undefined;
+    align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
+    side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined | undefined;
+    arrowPadding?: number | undefined;
+    avoidCollisions?: boolean | undefined | undefined;
+    collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
+    collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
+    sticky?: "partial" | "always" | undefined;
+    hideWhenDetached?: boolean | undefined;
+    updatePositionStrategy?: "optimized" | "always" | undefined;
+    strategy?: "absolute" | "fixed" | undefined | undefined;
+    customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
+    child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
+        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").BitsPrimitiveDivAttributes, {
+    forceMount?: boolean | undefined;
+    dir?: import("bits-ui").Direction | undefined;
+    loop?: boolean | undefined;
+    onInteractOutside?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideEventHandler | undefined;
+    interactOutsideBehavior?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideBehaviorType | undefined;
+    onFocusOutside?: ((event: FocusEvent) => void) | undefined;
+    onEscapeKeydown?: ((e: KeyboardEvent) => void) | undefined;
+    escapeKeydownBehavior?: import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeBehaviorType | undefined;
+    onOpenAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    onCloseAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    trapFocus?: boolean | undefined;
+    preventOverflowTextSelection?: boolean | undefined;
+    preventScroll?: boolean | undefined;
+    align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
+    side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined | undefined;
+    arrowPadding?: number | undefined;
+    avoidCollisions?: boolean | undefined | undefined;
+    collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
+    collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
+    sticky?: "partial" | "always" | undefined;
+    hideWhenDetached?: boolean | undefined;
+    updatePositionStrategy?: "optimized" | "always" | undefined;
+    strategy?: "absolute" | "fixed" | undefined | undefined;
+    customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
+    child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+}> & {
+    portalProps?: DropdownMenuPrimitive.PortalProps;
+}, {}, "ref">;
 type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
 export default DropdownMenuContent;

package/dist/components/ui/hover-card/hover-card-content.svelte

@@ -7,17 +7,22 @@
 		class: className,
 		align = "center",
 		sideOffset = 4,
+		portalProps,
 		...restProps
-	}: HoverCardPrimitive.ContentProps = $props();
+	}: HoverCardPrimitive.ContentProps & {
+		portalProps?: HoverCardPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<HoverCardPrimitive.Content
-	bind:ref
-	{align}
-	{sideOffset}
-	class={cn(
-		"z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
-		className
-	)}
-	{...restProps}
-/>
+<HoverCardPrimitive.Portal {...portalProps}>
+	<HoverCardPrimitive.Content
+		bind:ref
+		{align}
+		{sideOffset}
+		class={cn(
+			"z-50 mt-3 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</HoverCardPrimitive.Portal>

package/dist/components/ui/hover-card/hover-card-content.svelte.d.ts

@@ -1,4 +1,15 @@
 import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-declare const HoverCardContent: import("svelte").Component<HoverCardPrimitive.ContentProps, {}, "ref">;
+declare const HoverCardContent: import("svelte").Component<Omit<Pick<import("bits-ui/dist/bits/utilities/floating-layer/types").FloatingLayerContentProps, "dir" | "align" | "side" | "sideOffset" | "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "sticky" | "hideWhenDetached"> & Omit<import("bits-ui/dist/bits/utilities/dismissible-layer/types").DismissibleLayerProps, "onInteractOutsideStart"> & import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeLayerProps & {
+    forceMount?: boolean;
+}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[import("bits-ui").LinkPreviewContentSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").LinkPreviewContentPropsWithoutHTML> & {
+    portalProps?: HoverCardPrimitive.PortalProps;
+}, {}, "ref">;
 type HoverCardContent = ReturnType<typeof HoverCardContent>;
 export default HoverCardContent;

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

@@ -9,19 +9,24 @@
 		alignOffset = -4,
 		align = "start",
 		side = "bottom",
+		portalProps,
 		...restProps
-	}: MenubarPrimitive.ContentProps = $props();
+	}: MenubarPrimitive.ContentProps & {
+		portalProps?: MenubarPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<MenubarPrimitive.Content
-	bind:ref
-	{sideOffset}
-	{align}
-	{alignOffset}
-	{side}
-	class={cn(
-		"z-50 min-w-[12rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
-		className
-	)}
-	{...restProps}
-/>
+<MenubarPrimitive.Portal {...portalProps}>
+	<MenubarPrimitive.Content
+		bind:ref
+		{sideOffset}
+		{align}
+		{alignOffset}
+		{side}
+		class={cn(
+			"z-50 min-w-[12rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</MenubarPrimitive.Portal>

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

@@ -1,4 +1,72 @@
 import { Menubar as MenubarPrimitive } from "bits-ui";
-declare const MenubarContent: import("svelte").Component<MenubarPrimitive.ContentProps, {}, "ref">;
+declare const MenubarContent: import("svelte").Component<{
+    forceMount?: boolean | undefined;
+    dir?: import("bits-ui").Direction | undefined;
+    loop?: boolean | undefined;
+    onInteractOutside?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideEventHandler | undefined;
+    interactOutsideBehavior?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideBehaviorType | undefined;
+    onFocusOutside?: ((event: FocusEvent) => void) | undefined;
+    onEscapeKeydown?: ((e: KeyboardEvent) => void) | undefined;
+    escapeKeydownBehavior?: import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeBehaviorType | undefined;
+    onOpenAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    onCloseAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    trapFocus?: boolean | undefined;
+    preventOverflowTextSelection?: boolean | undefined;
+    preventScroll?: boolean | undefined;
+    align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
+    side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined | undefined;
+    arrowPadding?: number | undefined;
+    avoidCollisions?: boolean | undefined | undefined;
+    collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
+    collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
+    sticky?: "partial" | "always" | undefined;
+    hideWhenDetached?: boolean | undefined;
+    updatePositionStrategy?: "optimized" | "always" | undefined;
+    strategy?: "absolute" | "fixed" | undefined | undefined;
+    customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
+    child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
+        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").BitsPrimitiveDivAttributes, {
+    forceMount?: boolean | undefined;
+    dir?: import("bits-ui").Direction | undefined;
+    loop?: boolean | undefined;
+    onInteractOutside?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideEventHandler | undefined;
+    interactOutsideBehavior?: import("bits-ui/dist/bits/utilities/dismissible-layer/types").InteractOutsideBehaviorType | undefined;
+    onFocusOutside?: ((event: FocusEvent) => void) | undefined;
+    onEscapeKeydown?: ((e: KeyboardEvent) => void) | undefined;
+    escapeKeydownBehavior?: import("bits-ui/dist/bits/utilities/escape-layer/types").EscapeBehaviorType | undefined;
+    onOpenAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    onCloseAutoFocus?: import("bits-ui/dist/internal/events").EventCallback | undefined;
+    trapFocus?: boolean | undefined;
+    preventOverflowTextSelection?: boolean | undefined;
+    preventScroll?: boolean | undefined;
+    align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
+    side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined | undefined;
+    arrowPadding?: number | undefined;
+    avoidCollisions?: boolean | undefined | undefined;
+    collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
+    collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
+    sticky?: "partial" | "always" | undefined;
+    hideWhenDetached?: boolean | undefined;
+    updatePositionStrategy?: "optimized" | "always" | undefined;
+    strategy?: "absolute" | "fixed" | undefined | undefined;
+    customAnchor?: (string | HTMLElement | import("bits-ui/dist/internal/floating-svelte/types").Measurable | null) | undefined;
+    child?: import("svelte").Snippet<[import("bits-ui/dist/bits/menu/types").MenuContentSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+}> & {
+    portalProps?: MenubarPrimitive.PortalProps;
+}, {}, "ref">;
 type MenubarContent = ReturnType<typeof MenubarContent>;
 export default MenubarContent;

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

@@ -7,11 +7,14 @@
 		class: className,
 		sideOffset = 4,
 		align = "center",
+		portalProps,
 		...restProps
-	}: PopoverPrimitive.ContentProps = $props();
+	}: PopoverPrimitive.ContentProps & {
+		portalProps?: PopoverPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<PopoverPrimitive.Portal>
+<PopoverPrimitive.Portal {...portalProps}>
 	<PopoverPrimitive.Content
 		bind:ref
 		{sideOffset}

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

@@ -1,4 +1,13 @@
 import { Popover as PopoverPrimitive } from "bits-ui";
-declare const PopoverContent: import("svelte").Component<PopoverPrimitive.ContentProps, {}, "ref">;
+declare const PopoverContent: import("svelte").Component<Omit<Omit<import("bits-ui/dist/bits/utilities/popper-layer/types").PopperLayerProps, "loop" | "content">, "child" | "children"> & {
+    child?: import("svelte").Snippet<[import("bits-ui").PopoverContentSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").DatePickerContentPropsWithoutHTML> & {
+    portalProps?: PopoverPrimitive.PortalProps;
+}, {}, "ref">;
 type PopoverContent = ReturnType<typeof PopoverContent>;
 export default PopoverContent;

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

@@ -8,12 +8,15 @@
 		ref = $bindable(null),
 		class: className,
 		sideOffset = 4,
+		portalProps,
 		children,
 		...restProps
-	}: WithoutChild<SelectPrimitive.ContentProps> = $props();
+	}: WithoutChild<SelectPrimitive.ContentProps> & {
+		portalProps?: SelectPrimitive.PortalProps;
+	} = $props();
 </script>
 
-<SelectPrimitive.Portal>
+<SelectPrimitive.Portal {...portalProps}>
 	<SelectPrimitive.Content
 		bind:ref
 		{sideOffset}

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

@@ -1,4 +1,6 @@
 import { Select as SelectPrimitive } from "bits-ui";
-declare const SelectContent: import("svelte").Component<Omit<SelectPrimitive.ContentProps, "child">, {}, "ref">;
+declare const SelectContent: import("svelte").Component<Omit<SelectPrimitive.ContentProps, "child"> & {
+    portalProps?: SelectPrimitive.PortalProps;
+}, {}, "ref">;
 type SelectContent = ReturnType<typeof SelectContent>;
 export default SelectContent;

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

@@ -31,15 +31,17 @@
 		ref = $bindable(null),
 		class: className,
 		side = "right",
+		portalProps,
 		children,
 		...restProps
 	}: WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
+		portalProps?: SheetPrimitive.PortalProps;
 		side?: Side;
 		children: Snippet;
 	} = $props();
 </script>
 
-<SheetPrimitive.Portal>
+<SheetPrimitive.Portal {...portalProps}>
 	<SheetOverlay />
 	<SheetPrimitive.Content bind:ref class={cn(sheetVariants({ side }), className)} {...restProps}>
 		{@render children?.()}

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

@@ -53,6 +53,7 @@ export type Side = VariantProps<typeof sheetVariants>["side"];
 import { Dialog as SheetPrimitive } from "bits-ui";
 import type { Snippet } from "svelte";
 declare const SheetContent: import("svelte").Component<Omit<Omit<SheetPrimitive.ContentProps, "child">, "children"> & {
+    portalProps?: SheetPrimitive.PortalProps;
     side?: Side;
     children: Snippet;
 }, {}, "ref">;

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

@@ -2,16 +2,16 @@
 	import { type VariantProps, tv } from "tailwind-variants";
 
 	export const toggleVariants = tv({
-		base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+		base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		variants: {
 			variant: {
 				default: "bg-transparent",
 				outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent",
 			},
 			size: {
-				default: "h-10 px-3",
-				sm: "h-9 px-2.5",
-				lg: "h-11 px-5",
+				default: "h-10 min-w-10 px-3",
+				sm: "h-9 min-w-9 px-2.5",
+				lg: "h-11 min-w-11 px-5",
 			},
 		},
 		defaultVariants: {

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

@@ -9,7 +9,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
     };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;
@@ -49,7 +49,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
     };
-}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.12.24",
+  "version": "0.13.2",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -33,54 +33,54 @@
     "zod": "^3.23.8"
   },
   "dependencies": {
-    "@internationalized/date": "^3.5.6",
-    "bits-ui": "1.0.0-next.59",
+    "@internationalized/date": "^3.6.0",
+    "bits-ui": "1.0.0-next.64",
     "clsx": "^2.1.1",
-    "embla-carousel-svelte": "8.4.0",
+    "embla-carousel-svelte": "8.5.1",
     "formsnap": "2.0.0-next.1",
-    "mode-watcher": "^0.4.1",
+    "mode-watcher": "^0.5.0",
     "paneforge": "1.0.0-next.1",
     "svelte-sonner": "^0.3.28",
-    "tailwind-merge": "^2.5.4",
+    "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",
     "vaul-svelte": "1.0.0-next.3"
   },
   "devDependencies": {
     "@kayord/tw-plugin": "^1.0.3",
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.8.1",
+    "@sveltejs/kit": "^2.8.4",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.1",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/svelte": "^5.2.4",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
+    "@testing-library/svelte": "^5.2.6",
+    "@typescript-eslint/eslint-plugin": "^8.16.0",
+    "@typescript-eslint/parser": "^8.16.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.46.0",
     "happy-dom": "^15.11.6",
-    "lucide-svelte": "^0.460.1",
+    "lucide-svelte": "^0.461.0",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.8",
-    "prettier-plugin-tailwindcss": "^0.6.8",
+    "prettier": "^3.4.1",
+    "prettier-plugin-svelte": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.6.9",
     "publint": "^0.2.12",
-    "svelte": "^5.2.3",
-    "svelte-check": "^4.0.9",
+    "svelte": "^5.2.8",
+    "svelte-check": "^4.1.0",
     "tailwindcss": "^3.4.15",
     "tailwindcss-animate": "^1.0.7",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.2",
     "vite": "^5.4.11",
-    "vitest": "^2.1.5",
+    "vitest": "^2.1.6",
     "zod": "^3.23.8"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "type": "module",
-  "packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee",
+  "packageManager": "pnpm@9.14.2+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",

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

@@ -1,4 +0,0 @@
-import { Drawer as DrawerPrimitive } from "vaul-svelte";
-declare const DrawerContent: import("svelte").Component<DrawerPrimitive.ContentProps, {}, "ref">;
-type DrawerContent = ReturnType<typeof DrawerContent>;
-export default DrawerContent;