@nasa-jpl/stellar-svelte 2.0.0-alpha.31 → 2.0.0-alpha.33

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

@@ -1,7 +1,7 @@
-import { type VariantProps } from "tailwind-variants";
-import Root from "./alert.svelte";
-import Description from "./alert-description.svelte";
-import Title from "./alert-title.svelte";
+import type { VariantProps } from '../../../types/tailwind.js';
+import Description from './alert-description.svelte';
+import Title from './alert-title.svelte';
+import Root from './alert.svelte';
 export declare const alertVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -38,6 +38,6 @@ export declare const alertVariants: import("tailwind-variants").TVReturnType<{
         destructive: string;
     };
 }>, unknown, unknown, undefined>>;
-export type Variant = VariantProps<typeof alertVariants>["variant"];
-export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export { Root, Description, Title, Root as Alert, Description as AlertDescription, Title as AlertTitle, };
+export type Variant = VariantProps<typeof alertVariants>['variant'];
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export { Root as Alert, Description as AlertDescription, Title as AlertTitle, Description, Root, Title, };

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

@@ -1,19 +1,19 @@
-import { tv } from "tailwind-variants";
-import Root from "./alert.svelte";
-import Description from "./alert-description.svelte";
-import Title from "./alert-title.svelte";
+import { tv } from 'tailwind-variants';
+import Description from './alert-description.svelte';
+import Title from './alert-title.svelte';
+import Root from './alert.svelte';
 export const alertVariants = tv({
-    base: "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+    base: 'relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',
     variants: {
         variant: {
-            default: "bg-background text-foreground",
-            destructive: "border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive",
+            default: 'bg-background text-foreground',
+            destructive: 'border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive',
         },
     },
     defaultVariants: {
-        variant: "default",
+        variant: 'default',
     },
 });
-export { Root, Description, Title, 
+export { 
 //
-Root as Alert, Description as AlertDescription, Title as AlertTitle, };
+Root as Alert, Description as AlertDescription, Title as AlertTitle, Description, Root, Title, };

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

@@ -1,5 +1,5 @@
-import { type VariantProps } from "tailwind-variants";
-export { default as Badge } from "./badge.svelte";
+import type { VariantProps } from '../../../types/tailwind.js';
+export { default as Badge } from './badge.svelte';
 export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -50,4 +50,4 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         outline: string;
     };
 }>, unknown, unknown, undefined>>;
-export type Variant = VariantProps<typeof badgeVariants>["variant"];
+export type Variant = VariantProps<typeof badgeVariants>['variant'];

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

@@ -1,16 +1,16 @@
-import { tv } from "tailwind-variants";
-export { default as Badge } from "./badge.svelte";
+import { tv } from 'tailwind-variants';
+export { default as Badge } from './badge.svelte';
 export const badgeVariants = tv({
-    base: "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    base: 'inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
     variants: {
         variant: {
-            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-            outline: "text-foreground",
+            default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            outline: 'text-foreground',
         },
     },
     defaultVariants: {
-        variant: "default",
+        variant: 'default',
     },
 });

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

@@ -1,5 +1,5 @@
+import type { VariantProps } from '../../../types/tailwind.js';
 import type { Button as ButtonPrimitive } from 'bits-ui';
-import { type VariantProps } from 'tailwind-variants';
 import Root from './button.svelte';
 declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
@@ -121,4 +121,4 @@ type Props = ButtonPrimitive.Props & {
     size?: Size;
 };
 type Events = ButtonPrimitive.Events;
-export { Root as Button, Root, buttonVariants, type Events as ButtonEvents, type Props as ButtonProps, type Events, type Props, };
+export { Root as Button, buttonVariants, Root, type Events as ButtonEvents, type Props as ButtonProps, type Events, type Props, };

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

@@ -26,4 +26,4 @@ const buttonVariants = tv({
 });
 export { 
 //
-Root as Button, Root, buttonVariants, };
+Root as Button, buttonVariants, Root, };

package/dist/components/ui/carousel/carousel-next.svelte

@@ -1,9 +1,7 @@
-<script>import ArrowRight from "lucide-svelte/icons/arrow-right";
-import { getEmblaContext } from "./context.js";
+<script>import { Button } from "../button/index.js";
 import { cn } from "../../../utils.js";
-import {
-  Button
-} from "../button/index.js";
+import ArrowRight from "lucide-svelte/icons/arrow-right";
+import { getEmblaContext } from "./context.js";
 let className = void 0;
 export { className as class };
 export let variant = "outline";
@@ -12,20 +10,20 @@ const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContex
 </script>
 
 <Button
-	{variant}
-	{size}
-	class={cn(
-		"absolute h-8 w-8 touch-manipulation rounded-full",
-		$orientation === "horizontal"
-			? "-right-12 top-1/2 -translate-y-1/2"
-			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-		className
-	)}
-	disabled={!$canScrollNext}
-	on:click={scrollNext}
-	on:keydown={handleKeyDown}
-	{...$$restProps}
+  {variant}
+  {size}
+  class={cn(
+    'absolute h-8 w-8 touch-manipulation rounded-full',
+    $orientation === 'horizontal'
+      ? '-right-12 top-1/2 -translate-y-1/2'
+      : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
+    className,
+  )}
+  disabled={!$canScrollNext}
+  on:click={scrollNext}
+  on:keydown={handleKeyDown}
+  {...$$restProps}
 >
-	<ArrowRight class="h-4 w-4" />
-	<span class="sr-only">Next slide</span>
+  <ArrowRight class="h-4 w-4" />
+  <span class="sr-only">Next slide</span>
 </Button>

package/dist/components/ui/carousel/carousel-next.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type Props } from "../button/index.js";
+import { type Props } from '../button/index.js';
 declare const __propDef: {
     props: Props;
     events: {

package/dist/components/ui/carousel/carousel-previous.svelte

@@ -1,9 +1,7 @@
-<script>import ArrowLeft from "lucide-svelte/icons/arrow-left";
-import { getEmblaContext } from "./context.js";
+<script>import { Button } from "../button/index.js";
 import { cn } from "../../../utils.js";
-import {
-  Button
-} from "../button/index.js";
+import ArrowLeft from "lucide-svelte/icons/arrow-left";
+import { getEmblaContext } from "./context.js";
 let className = void 0;
 export { className as class };
 export let variant = "outline";
@@ -12,20 +10,18 @@ const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContex
 </script>
 
 <Button
-	{variant}
-	{size}
-	class={cn(
-		"absolute h-8 w-8 touch-manipulation rounded-full",
-		$orientation === "horizontal"
-			? "-left-12 top-1/2 -translate-y-1/2"
-			: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-		className
-	)}
-	disabled={!$canScrollPrev}
-	on:click={scrollPrev}
-	on:keydown={handleKeyDown}
-	{...$$restProps}
+  {variant}
+  {size}
+  class={cn(
+    'absolute h-8 w-8 touch-manipulation rounded-full',
+    $orientation === 'horizontal' ? '-left-12 top-1/2 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
+    className,
+  )}
+  disabled={!$canScrollPrev}
+  on:click={scrollPrev}
+  on:keydown={handleKeyDown}
+  {...$$restProps}
 >
-	<ArrowLeft class="h-4 w-4" />
-	<span class="sr-only">Previous slide</span>
+  <ArrowLeft class="h-4 w-4" />
+  <span class="sr-only">Previous slide</span>
 </Button>

package/dist/components/ui/carousel/carousel-previous.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type Props } from "../button/index.js";
+import { type Props } from '../button/index.js';
 declare const __propDef: {
     props: Props;
     events: {

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

@@ -1,16 +1,16 @@
-import { Dialog as SheetPrimitive } from "bits-ui";
-import { type VariantProps } from "tailwind-variants";
-import Portal from "./sheet-portal.svelte";
-import Overlay from "./sheet-overlay.svelte";
-import Content from "./sheet-content.svelte";
-import Header from "./sheet-header.svelte";
-import Footer from "./sheet-footer.svelte";
-import Title from "./sheet-title.svelte";
-import Description from "./sheet-description.svelte";
+import type { VariantProps } from '../../../types/tailwind.js';
+import { Dialog as SheetPrimitive } from 'bits-ui';
+import Content from './sheet-content.svelte';
+import Description from './sheet-description.svelte';
+import Footer from './sheet-footer.svelte';
+import Header from './sheet-header.svelte';
+import Overlay from './sheet-overlay.svelte';
+import Portal from './sheet-portal.svelte';
+import Title from './sheet-title.svelte';
 declare const Root: typeof SheetPrimitive.Root;
 declare const Close: typeof SheetPrimitive.Close;
 declare const Trigger: typeof SheetPrimitive.Trigger;
-export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
+export { Close, Content, Description, Footer, Header, Overlay, Portal, Root, Root as Sheet, Close as SheetClose, Content as SheetContent, Description as SheetDescription, Footer as SheetFooter, Header as SheetHeader, Overlay as SheetOverlay, Portal as SheetPortal, Title as SheetTitle, Trigger as SheetTrigger, Title, Trigger, };
 export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
     side: {
         top: string;
@@ -111,4 +111,4 @@ export declare const sheetTransitions: {
         };
     };
 };
-export type Side = VariantProps<typeof sheetVariants>["side"];
+export type Side = VariantProps<typeof sheetVariants>['side'];

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

@@ -1,77 +1,77 @@
-import { Dialog as SheetPrimitive } from "bits-ui";
-import { tv } from "tailwind-variants";
-import Portal from "./sheet-portal.svelte";
-import Overlay from "./sheet-overlay.svelte";
-import Content from "./sheet-content.svelte";
-import Header from "./sheet-header.svelte";
-import Footer from "./sheet-footer.svelte";
-import Title from "./sheet-title.svelte";
-import Description from "./sheet-description.svelte";
+import { Dialog as SheetPrimitive } from 'bits-ui';
+import { tv } from 'tailwind-variants';
+import Content from './sheet-content.svelte';
+import Description from './sheet-description.svelte';
+import Footer from './sheet-footer.svelte';
+import Header from './sheet-header.svelte';
+import Overlay from './sheet-overlay.svelte';
+import Portal from './sheet-portal.svelte';
+import Title from './sheet-title.svelte';
 const Root = SheetPrimitive.Root;
 const Close = SheetPrimitive.Close;
 const Trigger = SheetPrimitive.Trigger;
-export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
+export { Close, Content, Description, Footer, Header, Overlay, Portal, Root, 
 //
-Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
+Root as Sheet, Close as SheetClose, Content as SheetContent, Description as SheetDescription, Footer as SheetFooter, Header as SheetHeader, Overlay as SheetOverlay, Portal as SheetPortal, Title as SheetTitle, Trigger as SheetTrigger, Title, Trigger, };
 export const sheetVariants = tv({
-    base: "bg-background fixed z-50 gap-4 p-6 shadow-lg",
+    base: 'bg-background fixed z-50 gap-4 p-6 shadow-lg',
     variants: {
         side: {
-            top: "inset-x-0 top-0 border-b",
-            bottom: "inset-x-0 bottom-0 border-t",
-            left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-            right: "inset-y-0 right-0 h-full w-3/4  border-l sm:max-w-sm",
+            top: 'inset-x-0 top-0 border-b',
+            bottom: 'inset-x-0 bottom-0 border-t',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+            right: 'inset-y-0 right-0 h-full w-3/4  border-l sm:max-w-sm',
         },
     },
     defaultVariants: {
-        side: "right",
+        side: 'right',
     },
 });
 export const sheetTransitions = {
     top: {
         in: {
-            y: "-100%",
+            y: '-100%',
             duration: 500,
             opacity: 1,
         },
         out: {
-            y: "-100%",
+            y: '-100%',
             duration: 300,
             opacity: 1,
         },
     },
     bottom: {
         in: {
-            y: "100%",
+            y: '100%',
             duration: 500,
             opacity: 1,
         },
         out: {
-            y: "100%",
+            y: '100%',
             duration: 300,
             opacity: 1,
         },
     },
     left: {
         in: {
-            x: "-100%",
+            x: '-100%',
             duration: 500,
             opacity: 1,
         },
         out: {
-            x: "-100%",
+            x: '-100%',
             duration: 300,
             opacity: 1,
         },
     },
     right: {
         in: {
-            x: "100%",
+            x: '100%',
             duration: 500,
             opacity: 1,
         },
         out: {
-            x: "100%",
+            x: '100%',
             duration: 300,
             opacity: 1,
         },

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

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'tailwind-variants';
+import type { VariantProps } from '../../../types/tailwind.js';
 import Body from './table-body.svelte';
 import Caption from './table-caption.svelte';
 import Cell from './table-cell.svelte';
@@ -60,4 +60,4 @@ declare const tableCellVariants: import("tailwind-variants").TVReturnType<{
 type TableCellProps = {
     size?: VariantProps<typeof tableCellVariants>['size'];
 };
-export { Body, Caption, Cell, Footer, Head, Header, Root, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, tableCellVariants, type TableCellProps, };
+export { Body, Caption, Cell, Footer, Head, Header, Root, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, tableCellVariants, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, type TableCellProps, };

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

@@ -23,4 +23,4 @@ const tableCellVariants = tv({
 });
 export { Body, Caption, Cell, Footer, Head, Header, Root, Row, 
 //
-Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, tableCellVariants, };
+Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, tableCellVariants, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, };

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

@@ -1,5 +1,5 @@
-import { type VariantProps } from "tailwind-variants";
-import Root from "./toggle.svelte";
+import type { VariantProps } from '../../../types/tailwind.js';
+import Root from './toggle.svelte';
 export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -71,6 +71,6 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
     };
 }>, unknown, unknown, undefined>>;
-export type Variant = VariantProps<typeof toggleVariants>["variant"];
-export type Size = VariantProps<typeof toggleVariants>["size"];
+export type Variant = VariantProps<typeof toggleVariants>['variant'];
+export type Size = VariantProps<typeof toggleVariants>['size'];
 export { Root, Root as Toggle, };

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

@@ -1,21 +1,21 @@
-import { tv } from "tailwind-variants";
-import Root from "./toggle.svelte";
+import { tv } from 'tailwind-variants';
+import Root from './toggle.svelte';
 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 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',
     variants: {
         variant: {
-            default: "bg-transparent",
-            outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent",
+            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 px-3',
+            sm: 'h-9 px-2.5',
+            lg: 'h-11 px-5',
         },
     },
     defaultVariants: {
-        variant: "default",
-        size: "default",
+        variant: 'default',
+        size: 'default',
     },
 });
 export { Root, 

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

@@ -1,8 +1,11 @@
-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";
+import type { toggleVariants } from '../toggle/index.js';
+import type { VariantProps } from '../../../types/tailwind.js';
+import Item from './toggle-group-item.svelte';
+import Root from './toggle-group.svelte';
 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, };
+export declare function getToggleGroupCtx(): {
+    variant?: "default" | "outline" | undefined;
+    size?: "default" | "sm" | "lg" | undefined;
+};
+export { Item, Root, Root as ToggleGroup, Item as ToggleGroupItem, };

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

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

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

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
-import { type ToggleVariants } from "./index.js";
 declare const __propDef: {
     props: {
         value: string;
         disabled?: boolean | undefined | undefined;
         asChild?: boolean | undefined | undefined;
         el?: HTMLButtonElement | undefined;
-    } & import("svelte/elements.js").HTMLButtonAttributes & ToggleVariants;
+    } & import("svelte/elements.js").HTMLButtonAttributes & {
+        variant?: "default" | "outline" | undefined;
+        size?: "default" | "sm" | "lg" | undefined;
+    };
     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";
+<script>import { cn } from "../../../utils.js";
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 import { setToggleGroupCtx } from "./index.js";
-import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 export let variant = "default";
@@ -13,10 +13,10 @@ setToggleGroupCtx({
 </script>
 
 <ToggleGroupPrimitive.Root
-	class={cn("flex items-center justify-center gap-1", className)}
-	bind:value
-	{...$$restProps}
-	let:builder
+  class={cn('flex items-center justify-center gap-1', className)}
+  bind:value
+  {...$$restProps}
+  let:builder
 >
-	<slot {builder} />
+  <slot {builder} />
 </ToggleGroupPrimitive.Root>

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

@@ -1,6 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { VariantProps } from "tailwind-variants";
-declare class __sveltets_Render<T extends "single" | "multiple"> {
+declare class __sveltets_Render<T extends 'single' | 'multiple'> {
     props(): {
         disabled?: boolean | undefined;
         type?: T | undefined;
@@ -11,77 +10,10 @@ declare class __sveltets_Render<T extends "single" | "multiple"> {
         onValueChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<(T extends "single" ? string : string[]) | undefined> | undefined;
         asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & VariantProps<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.js").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;
-        };
-    }>, {
-        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.js").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>>>;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        variant?: "default" | "outline" | undefined;
+        size?: "default" | "sm" | "lg" | undefined;
+    };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
@@ -98,9 +30,9 @@ declare class __sveltets_Render<T extends "single" | "multiple"> {
         };
     };
 }
-export type ToggleGroupProps<T extends "single" | "multiple"> = ReturnType<__sveltets_Render<T>['props']>;
-export type ToggleGroupEvents<T extends "single" | "multiple"> = ReturnType<__sveltets_Render<T>['events']>;
-export type ToggleGroupSlots<T extends "single" | "multiple"> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class ToggleGroup<T extends "single" | "multiple"> extends SvelteComponent<ToggleGroupProps<T>, ToggleGroupEvents<T>, ToggleGroupSlots<T>> {
+export type ToggleGroupProps<T extends 'single' | 'multiple'> = ReturnType<__sveltets_Render<T>['props']>;
+export type ToggleGroupEvents<T extends 'single' | 'multiple'> = ReturnType<__sveltets_Render<T>['events']>;
+export type ToggleGroupSlots<T extends 'single' | 'multiple'> = ReturnType<__sveltets_Render<T>['slots']>;
+export default class ToggleGroup<T extends 'single' | 'multiple'> extends SvelteComponent<ToggleGroupProps<T>, ToggleGroupEvents<T>, ToggleGroupSlots<T>> {
 }
 export {};

package/dist/index.d.ts

@@ -1,47 +1,46 @@
-import * as Accordion from './components/ui/accordion/index.js';
-import * as AlertDialog from './components/ui/alert-dialog/index.js';
-import * as Alert from './components/ui/alert/index.js';
-import { AspectRatio } from './components/ui/aspect-ratio/index.js';
-import * as Avatar from './components/ui/avatar/index.js';
-import { Badge } from './components/ui/badge/index.js';
-import * as Breadcrumb from './components/ui/breadcrumb/index.js';
-import { Button } from './components/ui/button/index.js';
-import * as Calendar from './components/ui/calendar/index.js';
-import * as Card from './components/ui/card/index.js';
-import * as Carousel from './components/ui/carousel/index.js';
-import { Checkbox } from './components/ui/checkbox/index.js';
-import { Collapsible } from './components/ui/collapsible/index.js';
-import * as Command from './components/ui/command/index.js';
-import * as ContextMenu from './components/ui/context-menu/index.js';
-import * as Dialog from './components/ui/dialog/index.js';
-import * as Drawer from './components/ui/drawer/index.js';
-import * as DropdownMenu from './components/ui/dropdown-menu/index.js';
-import * as Form from './components/ui/form/index.js';
-import { HoverCard } from './components/ui/hover-card/index.js';
-import { Input } from './components/ui/input/index.js';
-import { Label } from './components/ui/label/index.js';
-import * as Menubar from './components/ui/menubar/index.js';
-import { ModeWatcher } from './components/ui/theme-switcher/index.js';
-import * as Pagination from './components/ui/pagination/index.js';
-import * as Popover from './components/ui/popover/index.js';
-import { Progress } from './components/ui/progress/index.js';
-import * as RadioGroup from './components/ui/radio-group/index.js';
-import * as RangeCalendar from './components/ui/range-calendar/index.js';
-import * as Resizable from './components/ui/resizable/index.js';
-import * as ScrollArea from './components/ui/scroll-area/index.js';
-import * as Select from './components/ui/select/index.js';
-import { Separator } from './components/ui/separator/index.js';
-import * as Sheet from './components/ui/sheet/index.js';
-import { Skeleton } from './components/ui/skeleton/index.js';
-import { Slider } from './components/ui/slider/index.js';
-import * as Sonner from './components/ui/sonner/index.js';
-import { Switch } from './components/ui/switch/index.js';
-import * as Table from './components/ui/table/index.js';
-import * as Tabs from './components/ui/tabs/index.js';
-import { Textarea } from './components/ui/textarea/index.js';
-import { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/theme-switcher/index.js';
-import * as ToggleGroup from './components/ui/toggle-group/index.js';
-import { Toggle } from './components/ui/toggle/index.js';
-import { Tooltip } from './components/ui/tooltip/index.js';
-import { H1, H2, H3, H4, P } from './components/ui/typography/index.js';
-export { Accordion, Alert, AlertDialog, AspectRatio, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Collapsible, Command, ContextMenu, Dialog, Drawer, DropdownMenu, Form, H1, H2, H3, H4, HoverCard, Input, Label, Menubar, ModeWatcher, P, Pagination, Popover, Progress, RadioGroup, RangeCalendar, Resizable, ScrollArea, Select, Separator, Sheet, Skeleton, Slider, Sonner, Switch, Table, Tabs, Textarea, ThemeSwitcherButton, ThemeSwitcherDropdown, Toggle, ToggleGroup, Tooltip, };
+export * as Accordion from './components/ui/accordion/index.js';
+export * as AlertDialog from './components/ui/alert-dialog/index.js';
+export * as Alert from './components/ui/alert/index.js';
+export { AspectRatio } from './components/ui/aspect-ratio/index.js';
+export * as Avatar from './components/ui/avatar/index.js';
+export { Badge } from './components/ui/badge/index.js';
+export * as Breadcrumb from './components/ui/breadcrumb/index.js';
+export { Button } from './components/ui/button/index.js';
+export * as Calendar from './components/ui/calendar/index.js';
+export * as Card from './components/ui/card/index.js';
+export * as Carousel from './components/ui/carousel/index.js';
+export { Checkbox } from './components/ui/checkbox/index.js';
+export { Collapsible } from './components/ui/collapsible/index.js';
+export * as Command from './components/ui/command/index.js';
+export * as ContextMenu from './components/ui/context-menu/index.js';
+export * as Dialog from './components/ui/dialog/index.js';
+export * as Drawer from './components/ui/drawer/index.js';
+export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
+export * as Form from './components/ui/form/index.js';
+export { HoverCard } from './components/ui/hover-card/index.js';
+export { Input } from './components/ui/input/index.js';
+export { Label } from './components/ui/label/index.js';
+export * as Menubar from './components/ui/menubar/index.js';
+export { ModeWatcher } from './components/ui/theme-switcher/index.js';
+export * as Pagination from './components/ui/pagination/index.js';
+export * as Popover from './components/ui/popover/index.js';
+export { Progress } from './components/ui/progress/index.js';
+export * as RadioGroup from './components/ui/radio-group/index.js';
+export * as RangeCalendar from './components/ui/range-calendar/index.js';
+export * as Resizable from './components/ui/resizable/index.js';
+export * as ScrollArea from './components/ui/scroll-area/index.js';
+export * as Select from './components/ui/select/index.js';
+export { Separator } from './components/ui/separator/index.js';
+export * as Sheet from './components/ui/sheet/index.js';
+export { Skeleton } from './components/ui/skeleton/index.js';
+export { Slider } from './components/ui/slider/index.js';
+export * as Sonner from './components/ui/sonner/index.js';
+export { Switch } from './components/ui/switch/index.js';
+export * as Table from './components/ui/table/index.js';
+export * as Tabs from './components/ui/tabs/index.js';
+export { Textarea } from './components/ui/textarea/index.js';
+export { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/theme-switcher/index.js';
+export * as ToggleGroup from './components/ui/toggle-group/index.js';
+export { Toggle } from './components/ui/toggle/index.js';
+export { Tooltip } from './components/ui/tooltip/index.js';
+export { H1, H2, H3, H4, P } from './components/ui/typography/index.js';

package/dist/index.js

@@ -1,53 +1,49 @@
 // Reexport your entry components here
-import * as Accordion from './components/ui/accordion/index.js';
-import * as AlertDialog from './components/ui/alert-dialog/index.js';
-import * as Alert from './components/ui/alert/index.js';
-import { AspectRatio } from './components/ui/aspect-ratio/index.js';
-import * as Avatar from './components/ui/avatar/index.js';
-import { Badge } from './components/ui/badge/index.js';
-import * as Breadcrumb from './components/ui/breadcrumb/index.js';
-import { Button } from './components/ui/button/index.js';
-import * as Calendar from './components/ui/calendar/index.js';
-import * as Card from './components/ui/card/index.js';
-import * as Carousel from './components/ui/carousel/index.js';
-import { Checkbox } from './components/ui/checkbox/index.js';
-import { Collapsible } from './components/ui/collapsible/index.js';
-import * as Command from './components/ui/command/index.js';
-import * as ContextMenu from './components/ui/context-menu/index.js';
-import * as Dialog from './components/ui/dialog/index.js';
-import * as Drawer from './components/ui/drawer/index.js';
-import * as DropdownMenu from './components/ui/dropdown-menu/index.js';
-import * as Form from './components/ui/form/index.js';
-import { HoverCard } from './components/ui/hover-card/index.js';
-import { Input } from './components/ui/input/index.js';
-import { Label } from './components/ui/label/index.js';
-import * as Menubar from './components/ui/menubar/index.js';
-import { ModeWatcher } from './components/ui/theme-switcher/index.js';
-// import { NavigationMenu } from './components/ui/navigation-menu/index.js';
-// import { NumberInput } from './components/ui/number-input/index.js';
-import * as Pagination from './components/ui/pagination/index.js';
-import * as Popover from './components/ui/popover/index.js';
-import { Progress } from './components/ui/progress/index.js';
-import * as RadioGroup from './components/ui/radio-group/index.js';
-import * as RangeCalendar from './components/ui/range-calendar/index.js';
-import * as Resizable from './components/ui/resizable/index.js';
-import * as ScrollArea from './components/ui/scroll-area/index.js';
-import * as Select from './components/ui/select/index.js';
-import { Separator } from './components/ui/separator/index.js';
-import * as Sheet from './components/ui/sheet/index.js';
-import { Skeleton } from './components/ui/skeleton/index.js';
-import { Slider } from './components/ui/slider/index.js';
-import * as Sonner from './components/ui/sonner/index.js';
-import { Switch } from './components/ui/switch/index.js';
-import * as Table from './components/ui/table/index.js';
-import * as Tabs from './components/ui/tabs/index.js';
-import { Textarea } from './components/ui/textarea/index.js';
-import { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/theme-switcher/index.js';
-import * as ToggleGroup from './components/ui/toggle-group/index.js';
-import { Toggle } from './components/ui/toggle/index.js';
-import { Tooltip } from './components/ui/tooltip/index.js';
-import { H1, H2, H3, H4, P } from './components/ui/typography/index.js';
-export { Accordion, Alert, AlertDialog, AspectRatio, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Collapsible, Command, ContextMenu, Dialog, Drawer, DropdownMenu, Form, H1, H2, H3, H4, HoverCard, Input, Label, Menubar, ModeWatcher, 
-// NavigationMenu,
-// NumberInput,
-P, Pagination, Popover, Progress, RadioGroup, RangeCalendar, Resizable, ScrollArea, Select, Separator, Sheet, Skeleton, Slider, Sonner, Switch, Table, Tabs, Textarea, ThemeSwitcherButton, ThemeSwitcherDropdown, Toggle, ToggleGroup, Tooltip, };
+export * as Accordion from './components/ui/accordion/index.js';
+export * as AlertDialog from './components/ui/alert-dialog/index.js';
+export * as Alert from './components/ui/alert/index.js';
+export { AspectRatio } from './components/ui/aspect-ratio/index.js';
+export * as Avatar from './components/ui/avatar/index.js';
+export { Badge } from './components/ui/badge/index.js';
+export * as Breadcrumb from './components/ui/breadcrumb/index.js';
+export { Button } from './components/ui/button/index.js';
+export * as Calendar from './components/ui/calendar/index.js';
+export * as Card from './components/ui/card/index.js';
+export * as Carousel from './components/ui/carousel/index.js';
+export { Checkbox } from './components/ui/checkbox/index.js';
+export { Collapsible } from './components/ui/collapsible/index.js';
+export * as Command from './components/ui/command/index.js';
+export * as ContextMenu from './components/ui/context-menu/index.js';
+export * as Dialog from './components/ui/dialog/index.js';
+export * as Drawer from './components/ui/drawer/index.js';
+export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
+export * as Form from './components/ui/form/index.js';
+export { HoverCard } from './components/ui/hover-card/index.js';
+export { Input } from './components/ui/input/index.js';
+export { Label } from './components/ui/label/index.js';
+export * as Menubar from './components/ui/menubar/index.js';
+export { ModeWatcher } from './components/ui/theme-switcher/index.js';
+// export { NavigationMenu } from './components/ui/navigation-menu/index.js';
+// export { NumberInput } from './components/ui/number-input/index.js';
+export * as Pagination from './components/ui/pagination/index.js';
+export * as Popover from './components/ui/popover/index.js';
+export { Progress } from './components/ui/progress/index.js';
+export * as RadioGroup from './components/ui/radio-group/index.js';
+export * as RangeCalendar from './components/ui/range-calendar/index.js';
+export * as Resizable from './components/ui/resizable/index.js';
+export * as ScrollArea from './components/ui/scroll-area/index.js';
+export * as Select from './components/ui/select/index.js';
+export { Separator } from './components/ui/separator/index.js';
+export * as Sheet from './components/ui/sheet/index.js';
+export { Skeleton } from './components/ui/skeleton/index.js';
+export { Slider } from './components/ui/slider/index.js';
+export * as Sonner from './components/ui/sonner/index.js';
+export { Switch } from './components/ui/switch/index.js';
+export * as Table from './components/ui/table/index.js';
+export * as Tabs from './components/ui/tabs/index.js';
+export { Textarea } from './components/ui/textarea/index.js';
+export { ThemeSwitcherButton, ThemeSwitcherDropdown } from './components/ui/theme-switcher/index.js';
+export * as ToggleGroup from './components/ui/toggle-group/index.js';
+export { Toggle } from './components/ui/toggle/index.js';
+export { Tooltip } from './components/ui/tooltip/index.js';
+export { H1, H2, H3, H4, P } from './components/ui/typography/index.js';

package/dist/types/tailwind.d.ts

@@ -0,0 +1,18 @@
+import type { ClassValue, TVVariantKeys } from 'tailwind-variants';
+type TVSlots = Record<string, ClassValue> | undefined;
+type TVBaseName = 'base';
+type TVSlotsWithBase<S extends TVSlots, B extends ClassValue> = B extends undefined ? keyof S : keyof S | TVBaseName;
+type SlotsClassValue<S extends TVSlots, B extends ClassValue> = {
+    [K in TVSlotsWithBase<S, B>]?: ClassValue;
+};
+type TVVariantsDefault<S extends TVSlots, B extends ClassValue> = S extends undefined ? {} : {
+    [key: string]: {
+        [key: string]: S extends TVSlots ? SlotsClassValue<S, B> | ClassValue : ClassValue;
+    };
+};
+export type VariantProps<T> = T extends {
+    variants: infer V;
+} ? V extends TVVariantsDefault<any, undefined> ? {
+    [K in TVVariantKeys<V, any>[number]]?: keyof V[K];
+} : never : never;
+export {};

package/dist/types/tailwind.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -80,6 +80,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.31",
-  "gitHead": "f95f8962fbc32d635349479eabdb91ed7e46702b"
+  "version": "2.0.0-alpha.33",
+  "gitHead": "1bec247b4709828d586f16653b93414ca53bf4ac"
 }