@kayord/ui 0.11.0 → 0.12.0

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

@@ -1,36 +1,92 @@
-import { Toggle as TogglePrimitive } from "bits-ui";
-import { type Size, type Variant } from "./index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Toggle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    disabled?: boolean | undefined;
-    pressed?: boolean | undefined;
-    onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
-    asChild?: boolean | undefined;
-    el?: HTMLButtonElement | undefined;
-} & import("svelte/elements.js").HTMLButtonAttributes & {
-    variant?: Variant;
-    size?: Size;
+import { type VariantProps } from "tailwind-variants";
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        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<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
 }, {
-    default: {};
-}>, TogglePrimitive.Events, {
-    default: {};
-}, {}, string>;
-type Toggle = InstanceType<typeof Toggle>;
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        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<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
+export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
+declare const Toggle: import("svelte").Component<Omit<{
+    pressed?: boolean | undefined;
+    onPressedChange?: import("bits-ui/dist/internal/types").OnChangeFn<boolean>;
+    disabled?: boolean | null | undefined;
+    controlledPressed?: boolean;
+}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[import("bits-ui").ToggleRootSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[import("bits-ui").ToggleRootSnippetProps]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").ToggleRootPropsWithoutHTML> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+}, {}, "ref" | "pressed">;
 export default Toggle;

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

@@ -1,8 +1,3 @@
-import type { VariantProps } from "tailwind-variants";
 import Root from "./toggle-group.svelte";
 import Item from "./toggle-group-item.svelte";
-import type { toggleVariants } from "../toggle/index.js";
-export type ToggleVariants = VariantProps<typeof toggleVariants>;
-export declare function setToggleGroupCtx(props: ToggleVariants): void;
-export declare function getToggleGroupCtx(): ToggleVariants;
 export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem, };

package/dist/components/ui/toggle-group/index.js

@@ -1,12 +1,5 @@
-import { getContext, setContext } from "svelte";
 import Root from "./toggle-group.svelte";
 import Item from "./toggle-group-item.svelte";
-export function setToggleGroupCtx(props) {
-    setContext("toggleGroup", props);
-}
-export function getToggleGroupCtx() {
-    return getContext("toggleGroup");
-}
 export { Root, Item, 
 //
 Root as ToggleGroup, Item as ToggleGroupItem, };

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

@@ -1,22 +1,23 @@
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { type ToggleVariants, getToggleGroupCtx } from "./index.js";
+	import { getToggleGroupCtx } from "./toggle-group.svelte";
 	import { cn } from "../../../utils.js";
-	import { toggleVariants } from "../toggle/index.js";
+	import { type ToggleVariants, toggleVariants } from "../toggle/index.js";
 
-	type $$Props = ToggleGroupPrimitive.ItemProps & ToggleVariants;
-
-	let className: string | undefined | null = undefined;
-
-	export { className as class };
-	export let variant: $$Props["variant"] = "default";
-	export let size: $$Props["size"] = "default";
-	export let value: $$Props["value"];
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		size,
+		variant,
+		...restProps
+	}: ToggleGroupPrimitive.ItemProps & ToggleVariants = $props();
 
 	const ctx = getToggleGroupCtx();
 </script>
 
 <ToggleGroupPrimitive.Item
+	bind:ref
 	class={cn(
 		toggleVariants({
 			variant: ctx.variant || variant,
@@ -25,7 +26,5 @@
 		className
 	)}
 	{value}
-	{...$$restProps}
->
-	<slot />
-</ToggleGroupPrimitive.Item>
+	{...restProps}
+/>

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

@@ -1,33 +1,13 @@
-import { type ToggleVariants } from "./index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const ToggleGroupItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+import { type ToggleVariants } from "../toggle/index.js";
+declare const ToggleGroupItem: import("svelte").Component<Omit<{
+    disabled?: boolean | null | undefined;
     value: string;
-    disabled?: boolean | undefined;
-    asChild?: boolean | undefined;
-    el?: HTMLButtonElement | undefined;
-} & import("svelte/elements.js").HTMLButtonAttributes & ToggleVariants, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type ToggleGroupItem = InstanceType<typeof ToggleGroupItem>;
+}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[import("bits-ui").ToggleGroupItemSnippetProps & {
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[import("bits-ui").ToggleGroupItemSnippetProps]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").ToggleGroupItemPropsWithoutHTML> & ToggleVariants, {}, "ref" | "value">;
 export default ToggleGroupItem;

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

@@ -1,18 +1,27 @@
+<script lang="ts" module>
+	import { getContext, setContext } from "svelte";
+	import type { ToggleVariants } from "../toggle/index.js";
+	export function setToggleGroupCtx(props: ToggleVariants) {
+		setContext("toggleGroup", props);
+	}
+
+	export function getToggleGroupCtx() {
+		return getContext<ToggleVariants>("toggleGroup");
+	}
+</script>
+
 <script lang="ts">
-	import type { VariantProps } from "tailwind-variants";
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { setToggleGroupCtx } from "./index.js";
-	import type { toggleVariants } from "../toggle/index.js";
 	import { cn } from "../../../utils.js";
 
-	type T = $$Generic<"single" | "multiple">;
-	type $$Props = ToggleGroupPrimitive.Props<T> & VariantProps<typeof toggleVariants>;
-
-	let className: string | undefined | null = undefined;
-	export { className as class };
-	export let variant: $$Props["variant"] = "default";
-	export let size: $$Props["size"] = "default";
-	export let value: $$Props["value"] = undefined;
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
 
 	setToggleGroupCtx({
 		variant,
@@ -20,11 +29,13 @@
 	});
 </script>
 
+<!--
+Discriminated Unions + Destructing (required for bindable) do not
+get along, so we shut typescript up by casting `value` to `never`.
+-->
 <ToggleGroupPrimitive.Root
+	bind:value={value as never}
+	bind:ref
 	class={cn("flex items-center justify-center gap-1", className)}
-	bind:value
-	{...$$restProps}
-	let:builder
->
-	<slot {builder} />
-</ToggleGroupPrimitive.Root>
+	{...restProps}
+/>

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

@@ -0,0 +1,6 @@
+import type { ToggleVariants } from "../toggle/index.js";
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+declare const ToggleGroup: import("svelte").Component<ToggleGroupPrimitive.RootProps & ToggleVariants, {}, "ref" | "value">;
+export default ToggleGroup;

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

@@ -2,6 +2,7 @@ import { Tooltip as TooltipPrimitive } from "bits-ui";
 import Content from "./tooltip-content.svelte";
 const Root = TooltipPrimitive.Root;
 const Trigger = TooltipPrimitive.Trigger;
-export { Root, Trigger, Content, 
+const Provider = TooltipPrimitive.Provider;
+export { Root, Trigger, Content, Provider, 
 //
-Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, };
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, };

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

@@ -1,28 +1,21 @@
 <script lang="ts">
 	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "../../../utils.js";
+	import { cn } from "../../../utils.js";
 
-	type $$Props = TooltipPrimitive.ContentProps;
-
-	let className: $$Props["class"] = undefined;
-	export let sideOffset: $$Props["sideOffset"] = 4;
-	export let transition: $$Props["transition"] = flyAndScale;
-	export let transitionConfig: $$Props["transitionConfig"] = {
-		y: 8,
-		duration: 150,
-	};
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		...restProps
+	}: TooltipPrimitive.ContentProps = $props();
 </script>
 
 <TooltipPrimitive.Content
-	{transition}
-	{transitionConfig}
+	bind:ref
 	{sideOffset}
 	class={cn(
 		"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
 		className
 	)}
-	{...$$restProps}
->
-	<slot />
-</TooltipPrimitive.Content>
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { Tooltip as TooltipPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const TooltipContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<TooltipPrimitive.ContentProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type TooltipContent = InstanceType<typeof TooltipContent>;
+declare const TooltipContent: import("svelte").Component<TooltipPrimitive.ContentProps, {}, "ref">;
 export default TooltipContent;

package/dist/hooks/is-mobile.svelte.d.ts

@@ -0,0 +1,5 @@
+export declare class IsMobile {
+    #private;
+    constructor();
+    get current(): boolean;
+}

package/dist/hooks/is-mobile.svelte.js

@@ -0,0 +1,23 @@
+import { untrack } from "svelte";
+const MOBILE_BREAKPOINT = 768;
+export class IsMobile {
+    #current = $state(false);
+    constructor() {
+        $effect(() => {
+            return untrack(() => {
+                const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+                const onChange = () => {
+                    this.#current = window.innerWidth < MOBILE_BREAKPOINT;
+                };
+                mql.addEventListener("change", onChange);
+                onChange();
+                return () => {
+                    mql.removeEventListener("change", onChange);
+                };
+            });
+        });
+    }
+    get current() {
+        return this.#current;
+    }
+}

package/dist/utils.d.ts

@@ -1,11 +1,2 @@
 import { type ClassValue } from "clsx";
-import type { TransitionConfig } from "svelte/transition";
 export declare function cn(...inputs: ClassValue[]): string;
-type FlyAndScaleParams = {
-    y?: number;
-    x?: number;
-    start?: number;
-    duration?: number;
-};
-export declare const flyAndScale: (node: Element, params?: FlyAndScaleParams) => TransitionConfig;
-export {};

package/dist/utils.js

@@ -1,38 +1,5 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { cubicOut } from "svelte/easing";
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
-export const flyAndScale = (node, params = { y: -8, x: 0, start: 0.95, duration: 150 }) => {
-    const style = getComputedStyle(node);
-    const transform = style.transform === "none" ? "" : style.transform;
-    const scaleConversion = (valueA, scaleA, scaleB) => {
-        const [minA, maxA] = scaleA;
-        const [minB, maxB] = scaleB;
-        const percentage = (valueA - minA) / (maxA - minA);
-        const valueB = percentage * (maxB - minB) + minB;
-        return valueB;
-    };
-    const styleToString = (style) => {
-        return Object.keys(style).reduce((str, key) => {
-            if (style[key] === undefined)
-                return str;
-            return str + `${key}:${style[key]};`;
-        }, "");
-    };
-    return {
-        duration: params.duration ?? 200,
-        delay: 0,
-        css: (t) => {
-            const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
-            const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
-            const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
-            return styleToString({
-                transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
-                opacity: t,
-            });
-        },
-        easing: cubicOut,
-    };
-};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.11.0",
+  "version": "0.12.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -26,63 +26,53 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "@tanstack/svelte-table": "^9.0.0-alpha.10",
     "lucide-svelte": ">= 0.400.0 < 1.0.0",
     "svelte": "^4.0.0 || ^5.0.0",
     "sveltekit-superforms": "^2.15.1",
     "zod": "^3.23.8"
   },
   "dependencies": {
-    "@internationalized/date": "^3.5.6",
-    "bits-ui": "^0.21.16",
+    "@tanstack/table-core": "^8.20.5",
     "clsx": "^2.1.1",
-    "cmdk-sv": "^0.0.18",
-    "embla-carousel-svelte": "8.3.0",
-    "formsnap": "^1.0.1",
-    "mode-watcher": "^0.4.1",
-    "paneforge": "^0.0.6",
-    "svelte-sonner": "^0.3.28",
     "tailwind-merge": "^2.5.4",
-    "tailwind-variants": "^0.2.1",
-    "vaul-svelte": "^0.3.2"
+    "tailwind-variants": "^0.2.1"
   },
   "devDependencies": {
     "@internationalized/date": "^3.5.6",
-    "@sveltejs/adapter-auto": "^3.2.5",
-    "@sveltejs/kit": "^2.7.2",
-    "@sveltejs/package": "^2.3.5",
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/kit": "^2.7.3",
+    "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@tanstack/svelte-table": "9.0.0-alpha.10",
     "@testing-library/jest-dom": "^6.6.2",
     "@testing-library/svelte": "^5.2.4",
     "@typescript-eslint/eslint-plugin": "^8.11.0",
     "@typescript-eslint/parser": "^8.11.0",
     "autoprefixer": "^10.4.20",
-    "bits-ui": "^0.21.16",
+    "bits-ui": "1.0.0-next.29",
     "cmdk-sv": "^0.0.18",
     "embla-carousel-svelte": "8.3.0",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.46.0",
-    "formsnap": "^1.0.1",
+    "formsnap": "2.0.0-next.0",
     "happy-dom": "^15.7.4",
     "lucide-svelte": "^0.453.0",
     "mode-watcher": "^0.4.1",
-    "paneforge": "^0.0.6",
+    "paneforge": "1.0.0-next.1",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.7",
     "prettier-plugin-tailwindcss": "^0.6.8",
-    "publint": "^0.2.11",
-    "svelte": "^5.0.5",
+    "publint": "^0.2.12",
+    "svelte": "^5.1.3",
     "svelte-check": "^4.0.5",
     "svelte-sonner": "^0.3.28",
     "sveltekit-superforms": "^2.20.0",
     "tailwindcss": "^3.4.14",
     "tslib": "^2.8.0",
     "typescript": "^5.6.3",
-    "vaul-svelte": "^0.3.2",
-    "vite": "^5.4.9",
+    "vaul-svelte": "1.0.0-next.1",
+    "vite": "^5.4.10",
     "vitest": "^2.1.3",
     "zod": "^3.23.8"
   },
@@ -102,6 +92,6 @@
     "lint": "prettier --check . && eslint .",
     "format": "prettier --write .",
     "test:unit": "vitest",
-    "lib": "npx shadcn-svelte@latest update -a -y && pnpm format && pnpm version --no-git-tag-version patch"
+    "lib": "pnpm dlx shadcn-svelte@next add -a -y -o && pnpm format && pnpm version --no-git-tag-version patch"
   }
 }

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

@@ -1,6 +0,0 @@
-import { Accordion as AccordionPrimitive } from "bits-ui";
-import Content from "./accordion-content.svelte";
-import Item from "./accordion-item.svelte";
-import Trigger from "./accordion-trigger.svelte";
-declare const Root: typeof AccordionPrimitive.Root;
-export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

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

@@ -1,9 +0,0 @@
-<script lang="ts">
-	import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-
-	type $$Props = AlertDialogPrimitive.PortalProps;
-</script>
-
-<AlertDialogPrimitive.Portal {...$$restProps}>
-	<slot />
-</AlertDialogPrimitive.Portal>

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

@@ -1,28 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const AlertDialogPortal: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<AlertDialogPrimitive.PortalProps, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type AlertDialogPortal = InstanceType<typeof AlertDialogPortal>;
-export default AlertDialogPortal;

package/dist/components/ui/alert-dialog/index.d.ts

@@ -1,13 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import Title from "./alert-dialog-title.svelte";
-import Action from "./alert-dialog-action.svelte";
-import Cancel from "./alert-dialog-cancel.svelte";
-import Portal from "./alert-dialog-portal.svelte";
-import Footer from "./alert-dialog-footer.svelte";
-import Header from "./alert-dialog-header.svelte";
-import Overlay from "./alert-dialog-overlay.svelte";
-import Content from "./alert-dialog-content.svelte";
-import Description from "./alert-dialog-description.svelte";
-declare const Root: typeof AlertDialogPrimitive.Root;
-declare const Trigger: typeof AlertDialogPrimitive.Trigger;
-export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };

package/dist/components/ui/aspect-ratio/aspect-ratio.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
-
-	type $$Props = AspectRatioPrimitive.Props;
-
-	export let ratio: $$Props["ratio"] = 4 / 3;
-</script>
-
-<AspectRatioPrimitive.Root {ratio} {...$$restProps}>
-	<slot />
-</AspectRatioPrimitive.Root>