@nasa-jpl/stellar-svelte 2.0.0-alpha.48 → 2.0.0-alpha.50

package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -1,30 +1,33 @@
-<script>import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 import Check from "lucide-svelte/icons/check";
-import { cn } from "../../../utils.js";
+import { contextMenuVariants } from "./index.js";
 let className = void 0;
 export let checked = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <ContextMenuPrimitive.CheckboxItem
-	bind:checked
-	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  bind:checked
+  class={cn(
+    'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+    contextMenuVariants.size[size].checkboxItem,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-		<ContextMenuPrimitive.CheckboxIndicator>
-			<Check class="h-4 w-4" />
-		</ContextMenuPrimitive.CheckboxIndicator>
-	</span>
-	<slot />
+  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <ContextMenuPrimitive.CheckboxIndicator>
+      <Check class="h-3.5 w-3.5" />
+    </ContextMenuPrimitive.CheckboxIndicator>
+  </span>
+  <slot />
 </ContextMenuPrimitive.CheckboxItem>

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

@@ -1,7 +1,16 @@
 import { SvelteComponent } from "svelte";
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { type ContextMenuSize } from './index.js';
 declare const __propDef: {
-    props: ContextMenuPrimitive.CheckboxItemProps;
+    props: {
+        disabled?: boolean | undefined;
+        checked?: boolean | "indeterminate" | undefined | undefined;
+        onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
+        asChild?: boolean | undefined | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        size?: ContextMenuSize;
+    };
     slots: {
         default: {};
     };

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

@@ -1,24 +1,27 @@
-<script>import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { contextMenuVariants } from "./index.js";
 let className = void 0;
+export let size = "default";
 export let inset = void 0;
 export { className as class };
 </script>
 
 <ContextMenuPrimitive.Item
-	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		inset && "pl-8",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+    inset && 'pl-8',
+    contextMenuVariants.size[size].item,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<slot />
+  <slot />
 </ContextMenuPrimitive.Item>

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

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { type ContextMenuSize } from './index.js';
 declare const __propDef: {
     props: ContextMenuPrimitive.ItemProps & {
         inset?: boolean;
+        size?: ContextMenuSize;
     };
     slots: {
         default: {};

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

@@ -1,13 +1,15 @@
-<script>import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { contextMenuVariants } from "./index.js";
 let className = void 0;
 export let inset = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <ContextMenuPrimitive.Label
-	class={cn("text-foreground px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
-	{...$$restProps}
+  class={cn('text-foreground px-2 font-semibold', inset && 'pl-8', contextMenuVariants.size[size].label, className)}
+  {...$$restProps}
 >
-	<slot />
+  <slot />
 </ContextMenuPrimitive.Label>

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

@@ -1,10 +1,12 @@
 import { SvelteComponent } from "svelte";
+import { type ContextMenuSize } from './index.js';
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         inset?: boolean;
+        size?: ContextMenuSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ui/context-menu/context-menu-radio-item.svelte

@@ -1,30 +1,33 @@
-<script>import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils.js";
+import { contextMenuVariants } from "./index.js";
 let className = void 0;
 export let value;
+export let size = "default";
 export { className as class };
 </script>
 
 <ContextMenuPrimitive.RadioItem
-	class={cn(
-		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-		className
-	)}
-	{value}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+    contextMenuVariants.size[size].radioItem,
+    className,
+  )}
+  {value}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-		<ContextMenuPrimitive.RadioIndicator>
-			<Circle class="h-2 w-2 fill-current" />
-		</ContextMenuPrimitive.RadioIndicator>
-	</span>
-	<slot />
+  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <ContextMenuPrimitive.RadioIndicator>
+      <Circle class="h-1.5 w-1.5 fill-current" />
+    </ContextMenuPrimitive.RadioIndicator>
+  </span>
+  <slot />
 </ContextMenuPrimitive.RadioItem>

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

@@ -1,7 +1,15 @@
 import { SvelteComponent } from "svelte";
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { type ContextMenuSize } from './index.js';
 declare const __propDef: {
-    props: ContextMenuPrimitive.RadioItemProps;
+    props: {
+        value: string;
+        disabled?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        size?: ContextMenuSize;
+    };
     slots: {
         default: {};
     };

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -1,25 +1,28 @@
-<script>import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { cn } from "../../../utils.js";
+import { contextMenuVariants } from "./index.js";
 let className = void 0;
 export let inset = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <ContextMenuPrimitive.SubTrigger
-	class={cn(
-		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-		inset && "pl-8",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 outline-none',
+    inset && 'pl-8',
+    contextMenuVariants.size[size].subTrigger,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerleave
+  on:pointermove
 >
-	<slot />
-	<ChevronRight class="ml-auto h-4 w-4" />
+  <slot />
+  <ChevronRight class="ml-auto h-4 w-4" />
 </ContextMenuPrimitive.SubTrigger>

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

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { type ContextMenuSize } from './index.js';
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined | undefined;
         asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         inset?: boolean;
+        size?: ContextMenuSize;
     };
     slots: {
         default: {};

package/dist/components/ui/context-menu/index.d.ts

@@ -1,16 +1,35 @@
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import Item from "./context-menu-item.svelte";
-import Label from "./context-menu-label.svelte";
-import Content from "./context-menu-content.svelte";
-import Shortcut from "./context-menu-shortcut.svelte";
-import RadioItem from "./context-menu-radio-item.svelte";
-import Separator from "./context-menu-separator.svelte";
-import RadioGroup from "./context-menu-radio-group.svelte";
-import SubContent from "./context-menu-sub-content.svelte";
-import SubTrigger from "./context-menu-sub-trigger.svelte";
-import CheckboxItem from "./context-menu-checkbox-item.svelte";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import CheckboxItem from './context-menu-checkbox-item.svelte';
+import Content from './context-menu-content.svelte';
+import Item from './context-menu-item.svelte';
+import Label from './context-menu-label.svelte';
+import RadioGroup from './context-menu-radio-group.svelte';
+import RadioItem from './context-menu-radio-item.svelte';
+import Separator from './context-menu-separator.svelte';
+import Shortcut from './context-menu-shortcut.svelte';
+import SubContent from './context-menu-sub-content.svelte';
+import SubTrigger from './context-menu-sub-trigger.svelte';
 declare const Sub: typeof ContextMenuPrimitive.Sub;
 declare const Root: typeof ContextMenuPrimitive.Root;
 declare const Trigger: typeof ContextMenuPrimitive.Trigger;
 declare const Group: typeof ContextMenuPrimitive.Group;
-export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, };
+export type ContextMenuSize = 'default' | 'sm';
+declare const contextMenuVariants: {
+    size: {
+        default: {
+            checkboxItem: string;
+            item: string;
+            label: string;
+            radioItem: string;
+            subTrigger: string;
+        };
+        sm: {
+            checkboxItem: string;
+            item: string;
+            label: string;
+            radioItem: string;
+            subTrigger: string;
+        };
+    };
+};
+export { CheckboxItem, Content, Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/components/ui/context-menu/index.js

@@ -1,18 +1,36 @@
-import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import Item from "./context-menu-item.svelte";
-import Label from "./context-menu-label.svelte";
-import Content from "./context-menu-content.svelte";
-import Shortcut from "./context-menu-shortcut.svelte";
-import RadioItem from "./context-menu-radio-item.svelte";
-import Separator from "./context-menu-separator.svelte";
-import RadioGroup from "./context-menu-radio-group.svelte";
-import SubContent from "./context-menu-sub-content.svelte";
-import SubTrigger from "./context-menu-sub-trigger.svelte";
-import CheckboxItem from "./context-menu-checkbox-item.svelte";
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import CheckboxItem from './context-menu-checkbox-item.svelte';
+import Content from './context-menu-content.svelte';
+import Item from './context-menu-item.svelte';
+import Label from './context-menu-label.svelte';
+import RadioGroup from './context-menu-radio-group.svelte';
+import RadioItem from './context-menu-radio-item.svelte';
+import Separator from './context-menu-separator.svelte';
+import Shortcut from './context-menu-shortcut.svelte';
+import SubContent from './context-menu-sub-content.svelte';
+import SubTrigger from './context-menu-sub-trigger.svelte';
 const Sub = ContextMenuPrimitive.Sub;
 const Root = ContextMenuPrimitive.Root;
 const Trigger = ContextMenuPrimitive.Trigger;
 const Group = ContextMenuPrimitive.Group;
-export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, 
+const contextMenuVariants = {
+    size: {
+        default: {
+            checkboxItem: 'py-1.5 text-sm',
+            item: 'py-1.5 text-sm',
+            label: 'py-1.5 text-sm',
+            radioItem: 'py-1.5 text-sm',
+            subTrigger: 'py-1.5 text-sm',
+        },
+        sm: {
+            checkboxItem: 'py-1 text-xs',
+            item: 'py-1 text-xs',
+            label: 'py-1 text-xs',
+            radioItem: 'py-1 text-xs',
+            subTrigger: 'py-1 text-xs',
+        },
+    },
+};
+export { CheckboxItem, Content, 
 //
-Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, };
+Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,30 +1,33 @@
-<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import Check from "lucide-svelte/icons/check";
-import { cn } from "../../../utils.js";
+import { dropdownMenuVariants } from "./index.js";
 let className = void 0;
 export let checked = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <DropdownMenuPrimitive.CheckboxItem
-	bind:checked
-	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  bind:checked
+  class={cn(
+    'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
+    dropdownMenuVariants.size[size].checkboxItem,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-		<DropdownMenuPrimitive.CheckboxIndicator>
-			<Check class="h-4 w-4" />
-		</DropdownMenuPrimitive.CheckboxIndicator>
-	</span>
-	<slot />
+  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <DropdownMenuPrimitive.CheckboxIndicator>
+      <Check class="h-4 w-4" />
+    </DropdownMenuPrimitive.CheckboxIndicator>
+  </span>
+  <slot />
 </DropdownMenuPrimitive.CheckboxItem>

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

@@ -1,7 +1,16 @@
 import { SvelteComponent } from "svelte";
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { type DropdownMenuSize } from './index.js';
 declare const __propDef: {
-    props: DropdownMenuPrimitive.CheckboxItemProps;
+    props: {
+        disabled?: boolean | undefined;
+        checked?: boolean | "indeterminate" | undefined | undefined;
+        onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
+        asChild?: boolean | undefined | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        size?: DropdownMenuSize;
+    };
     slots: {
         default: {};
     };

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

@@ -1,24 +1,27 @@
-<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { dropdownMenuVariants } from "./index.js";
 let className = void 0;
 export let inset = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <DropdownMenuPrimitive.Item
-	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
-		inset && "pl-8",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
+    inset && 'pl-8',
+    dropdownMenuVariants.size[size].item,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<slot />
+  <slot />
 </DropdownMenuPrimitive.Item>

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

@@ -1,8 +1,10 @@
 import { SvelteComponent } from "svelte";
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { type DropdownMenuSize } from './index.js';
 declare const __propDef: {
     props: DropdownMenuPrimitive.ItemProps & {
         inset?: boolean;
+        size?: DropdownMenuSize;
     };
     slots: {
         default: {};

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

@@ -1,13 +1,15 @@
-<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
+<script>import { cn } from "../../../utils.js";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { dropdownMenuVariants } from "./index.js";
 let className = void 0;
 export let inset = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <DropdownMenuPrimitive.Label
-	class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
-	{...$$restProps}
+  class={cn('px-2 font-semibold', inset && 'pl-8', dropdownMenuVariants.size[size].label, className)}
+  {...$$restProps}
 >
-	<slot />
+  <slot />
 </DropdownMenuPrimitive.Label>

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

@@ -1,10 +1,12 @@
 import { SvelteComponent } from "svelte";
+import { type DropdownMenuSize } from './index.js';
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         inset?: boolean;
+        size?: DropdownMenuSize;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,30 +1,33 @@
-<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils.js";
+import { dropdownMenuVariants } from "./index.js";
 let className = void 0;
 export let value;
+export let size = "default";
 export { className as class };
 </script>
 
 <DropdownMenuPrimitive.RadioItem
-	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
-		className
-	)}
-	{value}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerdown
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
+    dropdownMenuVariants.size[size].radioItem,
+    className,
+  )}
+  {value}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerdown
+  on:pointerleave
+  on:pointermove
 >
-	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-		<DropdownMenuPrimitive.RadioIndicator>
-			<Circle class="h-2 w-2 fill-current" />
-		</DropdownMenuPrimitive.RadioIndicator>
-	</span>
-	<slot />
+  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <DropdownMenuPrimitive.RadioIndicator>
+      <Circle class="h-1.5 w-1.5 fill-current" />
+    </DropdownMenuPrimitive.RadioIndicator>
+  </span>
+  <slot />
 </DropdownMenuPrimitive.RadioItem>

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

@@ -1,7 +1,15 @@
 import { SvelteComponent } from "svelte";
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { type DropdownMenuSize } from './index.js';
 declare const __propDef: {
-    props: DropdownMenuPrimitive.RadioItemProps;
+    props: {
+        value: string;
+        disabled?: boolean | undefined;
+        asChild?: boolean | undefined | undefined;
+        el?: HTMLDivElement | undefined;
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
+        size?: DropdownMenuSize;
+    };
     slots: {
         default: {};
     };

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,25 +1,28 @@
-<script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+<script>import { cn } from "../../../utils.js";
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { cn } from "../../../utils.js";
+import { dropdownMenuVariants } from "./index.js";
 let className = void 0;
 export let inset = void 0;
+export let size = "default";
 export { className as class };
 </script>
 
 <DropdownMenuPrimitive.SubTrigger
-	class={cn(
-		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
-		inset && "pl-8",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerleave
-	on:pointermove
+  class={cn(
+    'flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground',
+    inset && 'pl-8',
+    dropdownMenuVariants.size[size].subTrigger,
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerleave
+  on:pointermove
 >
-	<slot />
-	<ChevronRight class="ml-auto h-4 w-4" />
+  <slot />
+  <ChevronRight class="ml-auto h-4 w-4" />
 </DropdownMenuPrimitive.SubTrigger>

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

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { type DropdownMenuSize } from './index.js';
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined | undefined;
         asChild?: boolean | undefined | undefined;
         el?: HTMLDivElement | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
         inset?: boolean;
+        size?: DropdownMenuSize;
     };
     slots: {
         default: {};

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -1,16 +1,35 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import Item from "./dropdown-menu-item.svelte";
-import Label from "./dropdown-menu-label.svelte";
-import Content from "./dropdown-menu-content.svelte";
-import Shortcut from "./dropdown-menu-shortcut.svelte";
-import RadioItem from "./dropdown-menu-radio-item.svelte";
-import Separator from "./dropdown-menu-separator.svelte";
-import RadioGroup from "./dropdown-menu-radio-group.svelte";
-import SubContent from "./dropdown-menu-sub-content.svelte";
-import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
-import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
+import Content from './dropdown-menu-content.svelte';
+import Item from './dropdown-menu-item.svelte';
+import Label from './dropdown-menu-label.svelte';
+import RadioGroup from './dropdown-menu-radio-group.svelte';
+import RadioItem from './dropdown-menu-radio-item.svelte';
+import Separator from './dropdown-menu-separator.svelte';
+import Shortcut from './dropdown-menu-shortcut.svelte';
+import SubContent from './dropdown-menu-sub-content.svelte';
+import SubTrigger from './dropdown-menu-sub-trigger.svelte';
 declare const Sub: typeof DropdownMenuPrimitive.Sub;
 declare const Root: typeof DropdownMenuPrimitive.Root;
 declare const Trigger: typeof DropdownMenuPrimitive.Trigger;
 declare const Group: typeof DropdownMenuPrimitive.Group;
-export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
+export type DropdownMenuSize = 'default' | 'sm';
+declare const dropdownMenuVariants: {
+    size: {
+        default: {
+            checkboxItem: string;
+            item: string;
+            label: string;
+            radioItem: string;
+            subTrigger: string;
+        };
+        sm: {
+            checkboxItem: string;
+            item: string;
+            label: string;
+            radioItem: string;
+            subTrigger: string;
+        };
+    };
+};
+export { CheckboxItem, Content, Root as DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/components/ui/dropdown-menu/index.js

@@ -1,18 +1,36 @@
-import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import Item from "./dropdown-menu-item.svelte";
-import Label from "./dropdown-menu-label.svelte";
-import Content from "./dropdown-menu-content.svelte";
-import Shortcut from "./dropdown-menu-shortcut.svelte";
-import RadioItem from "./dropdown-menu-radio-item.svelte";
-import Separator from "./dropdown-menu-separator.svelte";
-import RadioGroup from "./dropdown-menu-radio-group.svelte";
-import SubContent from "./dropdown-menu-sub-content.svelte";
-import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
-import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
+import Content from './dropdown-menu-content.svelte';
+import Item from './dropdown-menu-item.svelte';
+import Label from './dropdown-menu-label.svelte';
+import RadioGroup from './dropdown-menu-radio-group.svelte';
+import RadioItem from './dropdown-menu-radio-item.svelte';
+import Separator from './dropdown-menu-separator.svelte';
+import Shortcut from './dropdown-menu-shortcut.svelte';
+import SubContent from './dropdown-menu-sub-content.svelte';
+import SubTrigger from './dropdown-menu-sub-trigger.svelte';
 const Sub = DropdownMenuPrimitive.Sub;
 const Root = DropdownMenuPrimitive.Root;
 const Trigger = DropdownMenuPrimitive.Trigger;
 const Group = DropdownMenuPrimitive.Group;
-export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, 
+const dropdownMenuVariants = {
+    size: {
+        default: {
+            checkboxItem: 'py-1.5 text-sm',
+            item: 'py-1.5 text-sm',
+            label: 'py-1.5 text-sm',
+            radioItem: 'py-1.5 text-sm',
+            subTrigger: 'py-1.5 text-sm',
+        },
+        sm: {
+            checkboxItem: 'py-1 text-xs',
+            item: 'py-1 text-xs',
+            label: 'py-1 text-xs',
+            radioItem: 'py-1 text-xs',
+            subTrigger: 'py-1 text-xs',
+        },
+    },
+};
+export { CheckboxItem, Content, 
 //
-Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
+Root as DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/index.css

@@ -926,6 +926,10 @@ body {
   aspect-ratio: 1 / 1;
 }
 
+.h-1\.5 {
+  height: 0.375rem;
+}
+
 .h-10 {
   height: 2.5rem;
 }
@@ -1062,6 +1066,10 @@ body {
   min-height: 100vh;
 }
 
+.w-1\.5 {
+  width: 0.375rem;
+}
+
 .w-10 {
   width: 2.5rem;
 }

package/package.json

@@ -83,6 +83,6 @@
   "svelte": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "2.0.0-alpha.48",
-  "gitHead": "4dfb394fcbaa158b1c134b23e132eb6bd4e82d5a"
+  "version": "2.0.0-alpha.50",
+  "gitHead": "ec655bce0e06da585a4fa69829074e4e298173d1"
 }