@velastack/cms 0.1.0

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

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import XIcon from '../../icons/x.svelte';
+	import type { Snippet } from 'svelte';
+	import { cn, type WithoutChildrenOrChild } from '../../utils.js';
+	import DialogOverlay from './dialog-overlay.svelte';
+	import DialogPortal from './dialog-portal.svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		showCloseButton = true,
+		children,
+		...restProps
+	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+		portalProps?: DialogPrimitive.PortalProps;
+		showCloseButton?: boolean;
+		children: Snippet;
+	} = $props();
+</script>
+
+<!-- Portal targets `.vela-admin-bar` (not body) so the @scope-wrapped utilities apply. -->
+<DialogPortal to=".vela-admin-bar" {...portalProps}>
+	<DialogOverlay />
+	<DialogPrimitive.Content
+		bind:ref
+		data-slot="dialog-content"
+		class={cn(
+			'vela:bg-bar-bg vela:text-bar-text vela:data-[state=open]:animate-in vela:data-[state=closed]:animate-out vela:data-[state=closed]:fade-out-0 vela:data-[state=open]:fade-in-0 vela:data-[state=closed]:zoom-out-95 vela:data-[state=open]:zoom-in-95 vela:fixed vela:top-1/2 vela:left-1/2 vela:z-50 vela:grid vela:w-[calc(100%-2rem)] vela:max-w-[30rem] vela:-translate-x-1/2 vela:-translate-y-1/2 vela:rounded-2xl vela:border vela:border-[var(--cms-bar-divider)] vela:shadow-[0_24px_60px_rgba(0,0,0,0.5),0_4px_12px_rgba(0,0,0,0.25)] vela:duration-200',
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		{#if showCloseButton}
+			<DialogPrimitive.Close
+				data-slot="dialog-close"
+				class="vela:absolute vela:top-3 vela:right-3 vela:inline-flex vela:items-center vela:justify-center vela:w-7 vela:h-7 vela:rounded-full vela:text-bar-text-secondary vela:hover:text-bar-text vela:hover:bg-[var(--cms-bar-bg-hover)] vela:focus:outline-none vela:focus-visible:ring-2 vela:focus-visible:ring-[var(--cms-accent)] vela:cursor-pointer vela:disabled:pointer-events-none"
+			>
+				<XIcon class="vela:size-4" />
+				<span class="vela:sr-only">Close</span>
+			</DialogPrimitive.Close>
+		{/if}
+	</DialogPrimitive.Content>
+</DialogPortal>

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

@@ -0,0 +1,11 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import { type WithoutChildrenOrChild } from '../../utils.js';
+type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    portalProps?: DialogPrimitive.PortalProps;
+    showCloseButton?: boolean;
+    children: Snippet;
+};
+declare const DialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;

package/dist/components/admin-bar/ui/dialog/dialog-description.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DialogPrimitive.DescriptionProps = $props();
+</script>
+
+<DialogPrimitive.Description
+	bind:ref
+	data-slot="dialog-description"
+	class={cn('vela:text-[13px] vela:text-bar-text-secondary', className)}
+	{...restProps}
+/>

package/dist/components/admin-bar/ui/dialog/dialog-description.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const DialogDescription: import("svelte").Component<DialogPrimitive.DescriptionProps, {}, "ref">;
+type DialogDescription = ReturnType<typeof DialogDescription>;
+export default DialogDescription;

package/dist/components/admin-bar/ui/dialog/dialog-footer.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dialog-footer"
+	class={cn(
+		'vela:flex vela:items-center vela:justify-between vela:gap-3 vela:px-6 vela:pt-3 vela:pb-5',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/admin-bar/ui/dialog/dialog-footer.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../utils.js';
+declare const DialogFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type DialogFooter = ReturnType<typeof DialogFooter>;
+export default DialogFooter;

package/dist/components/admin-bar/ui/dialog/dialog-header.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dialog-header"
+	class={cn('vela:flex vela:flex-col vela:gap-1 vela:px-6 vela:pt-5 vela:pb-4', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/admin-bar/ui/dialog/dialog-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../utils.js';
+declare const DialogHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type DialogHeader = ReturnType<typeof DialogHeader>;
+export default DialogHeader;

package/dist/components/admin-bar/ui/dialog/dialog-overlay.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DialogPrimitive.OverlayProps = $props();
+</script>
+
+<DialogPrimitive.Overlay
+	bind:ref
+	data-slot="dialog-overlay"
+	class={cn(
+		'vela:data-[state=open]:animate-in vela:data-[state=closed]:animate-out vela:data-[state=closed]:fade-out-0 vela:data-[state=open]:fade-in-0 vela:fixed vela:inset-0 vela:z-50 vela:bg-black/55',
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/admin-bar/ui/dialog/dialog-overlay.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const DialogOverlay: import("svelte").Component<DialogPrimitive.OverlayProps, {}, "ref">;
+type DialogOverlay = ReturnType<typeof DialogOverlay>;
+export default DialogOverlay;

package/dist/components/admin-bar/ui/dialog/dialog-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+
+	let { ...restProps }: DialogPrimitive.PortalProps = $props();
+</script>
+
+<DialogPrimitive.Portal {...restProps} />

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

@@ -0,0 +1,3 @@
+declare const DialogPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type DialogPortal = ReturnType<typeof DialogPortal>;
+export default DialogPortal;

package/dist/components/admin-bar/ui/dialog/dialog-title.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DialogPrimitive.TitleProps = $props();
+</script>
+
+<DialogPrimitive.Title
+	bind:ref
+	data-slot="dialog-title"
+	class={cn('vela:text-[18px] vela:font-semibold vela:text-bar-text', className)}
+	{...restProps}
+/>

package/dist/components/admin-bar/ui/dialog/dialog-title.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const DialogTitle: import("svelte").Component<DialogPrimitive.TitleProps, {}, "ref">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;

package/dist/components/admin-bar/ui/dialog/dialog-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), ...restProps }: DialogPrimitive.TriggerProps = $props();
+</script>
+
+<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {...restProps} />

package/dist/components/admin-bar/ui/dialog/dialog-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Dialog as DialogPrimitive } from 'bits-ui';
+declare const DialogTrigger: import("svelte").Component<DialogPrimitive.TriggerProps, {}, "ref">;
+type DialogTrigger = ReturnType<typeof DialogTrigger>;
+export default DialogTrigger;

package/dist/components/admin-bar/ui/dialog/dialog.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from 'bits-ui';
+
+	let { ...restProps }: DialogPrimitive.RootProps = $props();
+</script>
+
+<DialogPrimitive.Root {...restProps} />

package/dist/components/admin-bar/ui/dialog/dialog.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Dialog: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "">;
+type Dialog = ReturnType<typeof Dialog>;
+export default Dialog;

package/dist/components/admin-bar/ui/dialog/index.d.ts

@@ -0,0 +1,11 @@
+import Root from './dialog.svelte';
+import Trigger from './dialog-trigger.svelte';
+import Portal from './dialog-portal.svelte';
+import Close from './dialog-close.svelte';
+import Overlay from './dialog-overlay.svelte';
+import Content from './dialog-content.svelte';
+import Header from './dialog-header.svelte';
+import Footer from './dialog-footer.svelte';
+import Title from './dialog-title.svelte';
+import Description from './dialog-description.svelte';
+export { Root, Trigger, Portal, Close, Overlay, Content, Header, Footer, Title, Description, Root as Dialog, Trigger as DialogTrigger, Portal as DialogPortal, Close as DialogClose, Overlay as DialogOverlay, Content as DialogContent, Header as DialogHeader, Footer as DialogFooter, Title as DialogTitle, Description as DialogDescription };

package/dist/components/admin-bar/ui/dialog/index.js

@@ -0,0 +1,13 @@
+import Root from './dialog.svelte';
+import Trigger from './dialog-trigger.svelte';
+import Portal from './dialog-portal.svelte';
+import Close from './dialog-close.svelte';
+import Overlay from './dialog-overlay.svelte';
+import Content from './dialog-content.svelte';
+import Header from './dialog-header.svelte';
+import Footer from './dialog-footer.svelte';
+import Title from './dialog-title.svelte';
+import Description from './dialog-description.svelte';
+export { Root, Trigger, Portal, Close, Overlay, Content, Header, Footer, Title, Description, 
+//
+Root as Dialog, Trigger as DialogTrigger, Portal as DialogPortal, Close as DialogClose, Overlay as DialogOverlay, Content as DialogContent, Header as DialogHeader, Footer as DialogFooter, Title as DialogTitle, Description as DialogDescription };

package/dist/components/admin-bar/ui/input/index.d.ts

@@ -0,0 +1,3 @@
+import Root from './input.svelte';
+export { Root, Root as Input };
+export default Root;

package/dist/components/admin-bar/ui/input/index.js

@@ -0,0 +1,3 @@
+import Root from './input.svelte';
+export { Root, Root as Input };
+export default Root;

package/dist/components/admin-bar/ui/input/input.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { HTMLInputAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		type = 'text',
+		...restProps
+	}: WithElementRef<HTMLInputAttributes> = $props();
+</script>
+
+<input
+	bind:this={ref}
+	bind:value
+	{type}
+	data-slot="input"
+	class={cn(
+		'vela:flex vela:h-9 vela:w-full vela:rounded-md vela:border vela:border-[var(--cms-bar-divider)] vela:bg-transparent vela:px-3 vela:py-1 vela:text-[13px] vela:text-bar-text vela:placeholder:text-bar-text-tertiary vela:transition-colors vela:focus:outline-none vela:focus:border-[var(--cms-accent)] vela:disabled:opacity-60 vela:disabled:cursor-not-allowed',
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/admin-bar/ui/input/input.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../utils.js';
+declare const Input: import("svelte").Component<WithElementRef<HTMLInputAttributes>, {}, "value" | "ref">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/components/admin-bar/ui/kbd/index.d.ts

@@ -0,0 +1,4 @@
+import Root from './kbd.svelte';
+import Group from './kbd-group.svelte';
+import Shortcut from './kbd-shortcut.svelte';
+export { Root, Group, Shortcut, Root as Kbd, Group as KbdGroup, Shortcut as KbdShortcut };

package/dist/components/admin-bar/ui/kbd/index.js

@@ -0,0 +1,6 @@
+import Root from './kbd.svelte';
+import Group from './kbd-group.svelte';
+import Shortcut from './kbd-shortcut.svelte';
+export { Root, Group, Shortcut, 
+//
+Root as Kbd, Group as KbdGroup, Shortcut as KbdShortcut };

package/dist/components/admin-bar/ui/kbd/kbd-group.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<kbd
+	bind:this={ref}
+	data-slot="kbd-group"
+	class={cn('vela:inline-flex vela:items-center vela:gap-1', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</kbd>

package/dist/components/admin-bar/ui/kbd/kbd-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../utils.js';
+declare const KbdGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type KbdGroup = ReturnType<typeof KbdGroup>;
+export default KbdGroup;

package/dist/components/admin-bar/ui/kbd/kbd-shortcut.svelte

@@ -0,0 +1,52 @@
+<script lang="ts" module>
+	// Multi-character tokens we don't want to split into individual chips.
+	// Anything not in this list is rendered as a single character.
+	const MULTI_CHAR_TOKENS = ['esc', 'tab', 'shift', 'ctrl', 'alt', 'opt', 'cmd'];
+
+	export function splitShortcut(input: string): string[] {
+		const tokens: string[] = [];
+		let i = 0;
+		const lower = input.toLowerCase();
+		while (i < input.length) {
+			const ch = input[i]!;
+			if (ch === ' ' || ch === '+') {
+				i += 1;
+				continue;
+			}
+			let matched = false;
+			for (const tok of MULTI_CHAR_TOKENS) {
+				if (lower.startsWith(tok, i)) {
+					tokens.push(input.slice(i, i + tok.length));
+					i += tok.length;
+					matched = true;
+					break;
+				}
+			}
+			if (!matched) {
+				tokens.push(ch);
+				i += 1;
+			}
+		}
+		return tokens;
+	}
+</script>
+
+<script lang="ts">
+	import { cn } from '../../utils.js';
+	import Kbd from './kbd.svelte';
+	import KbdGroup from './kbd-group.svelte';
+
+	type Props = {
+		keys: string;
+		class?: string;
+	};
+	let { keys, class: className }: Props = $props();
+
+	const tokens = $derived(splitShortcut(keys));
+</script>
+
+<KbdGroup class={cn(className)}>
+	{#each tokens as token}
+		<Kbd>{token}</Kbd>
+	{/each}
+</KbdGroup>

package/dist/components/admin-bar/ui/kbd/kbd-shortcut.svelte.d.ts

@@ -0,0 +1,8 @@
+export declare function splitShortcut(input: string): string[];
+type Props = {
+    keys: string;
+    class?: string;
+};
+declare const KbdShortcut: import("svelte").Component<Props, {}, "">;
+type KbdShortcut = ReturnType<typeof KbdShortcut>;
+export default KbdShortcut;

package/dist/components/admin-bar/ui/kbd/kbd.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<kbd
+	bind:this={ref}
+	data-slot="kbd"
+	class={cn(
+		'vela:pointer-events-none vela:inline-flex vela:h-[18px] vela:min-w-[18px] vela:items-center vela:justify-center vela:gap-1 vela:rounded vela:px-1 vela:select-none',
+		'vela:bg-[var(--cms-bar-bg-hover)] vela:text-bar-text-tertiary',
+		'vela:border vela:border-[var(--cms-bar-divider)]',
+		'vela:font-mono vela:text-[10px] vela:font-medium vela:tracking-normal',
+		"vela:[&_svg:not([class*='size-'])]:size-3",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</kbd>

package/dist/components/admin-bar/ui/kbd/kbd.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../utils.js';
+declare const Kbd: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type Kbd = ReturnType<typeof Kbd>;
+export default Kbd;

package/dist/components/admin-bar/ui/label/index.d.ts

@@ -0,0 +1,3 @@
+import Root from './label.svelte';
+export { Root, Root as Label };
+export default Root;

package/dist/components/admin-bar/ui/label/index.js

@@ -0,0 +1,3 @@
+import Root from './label.svelte';
+export { Root, Root as Label };
+export default Root;

package/dist/components/admin-bar/ui/label/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Label as LabelPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: LabelPrimitive.RootProps = $props();
+</script>
+
+<LabelPrimitive.Root
+	bind:ref
+	data-slot="label"
+	class={cn(
+		'vela:flex vela:items-center vela:gap-2 vela:text-[12px] vela:text-bar-text-secondary vela:select-none',
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/admin-bar/ui/label/label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from 'bits-ui';
+declare const Label: import("svelte").Component<LabelPrimitive.RootProps, {}, "ref">;
+type Label = ReturnType<typeof Label>;
+export default Label;

package/dist/components/admin-bar/ui/menubar/index.d.ts

@@ -0,0 +1,18 @@
+import Root from './menubar.svelte';
+import Menu from './menubar-menu.svelte';
+import Sub from './menubar-sub.svelte';
+import RadioGroup from './menubar-radio-group.svelte';
+import CheckboxItem from './menubar-checkbox-item.svelte';
+import Content from './menubar-content.svelte';
+import Item from './menubar-item.svelte';
+import Group from './menubar-group.svelte';
+import RadioItem from './menubar-radio-item.svelte';
+import Separator from './menubar-separator.svelte';
+import Shortcut from './menubar-shortcut.svelte';
+import SubContent from './menubar-sub-content.svelte';
+import SubTrigger from './menubar-sub-trigger.svelte';
+import Trigger from './menubar-trigger.svelte';
+import Label from './menubar-label.svelte';
+import GroupHeading from './menubar-group-heading.svelte';
+import Portal from './menubar-portal.svelte';
+export { Root, CheckboxItem, Content, Item, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Label, GroupHeading, Portal, Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, Shortcut as MenubarShortcut, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, Trigger as MenubarTrigger, Menu as MenubarMenu, Group as MenubarGroup, Sub as MenubarSub, RadioGroup as MenubarRadioGroup, Label as MenubarLabel, GroupHeading as MenubarGroupHeading, Portal as MenubarPortal };

package/dist/components/admin-bar/ui/menubar/index.js

@@ -0,0 +1,20 @@
+import Root from './menubar.svelte';
+import Menu from './menubar-menu.svelte';
+import Sub from './menubar-sub.svelte';
+import RadioGroup from './menubar-radio-group.svelte';
+import CheckboxItem from './menubar-checkbox-item.svelte';
+import Content from './menubar-content.svelte';
+import Item from './menubar-item.svelte';
+import Group from './menubar-group.svelte';
+import RadioItem from './menubar-radio-item.svelte';
+import Separator from './menubar-separator.svelte';
+import Shortcut from './menubar-shortcut.svelte';
+import SubContent from './menubar-sub-content.svelte';
+import SubTrigger from './menubar-sub-trigger.svelte';
+import Trigger from './menubar-trigger.svelte';
+import Label from './menubar-label.svelte';
+import GroupHeading from './menubar-group-heading.svelte';
+import Portal from './menubar-portal.svelte';
+export { Root, CheckboxItem, Content, Item, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Label, GroupHeading, Portal, 
+//
+Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, Shortcut as MenubarShortcut, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, Trigger as MenubarTrigger, Menu as MenubarMenu, Group as MenubarGroup, Sub as MenubarSub, RadioGroup as MenubarRadioGroup, Label as MenubarLabel, GroupHeading as MenubarGroupHeading, Portal as MenubarPortal };

package/dist/components/admin-bar/ui/menubar/menubar-checkbox-item.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn, type WithoutChildrenOrChild } from '../../utils.js';
+	import type { Snippet } from 'svelte';
+	import MinusIcon from '../../icons/minus.svelte';
+	import CheckIcon from '../../icons/check.svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		inset,
+		children: childrenProp,
+		...restProps
+	}: WithoutChildrenOrChild<MenubarPrimitive.CheckboxItemProps> & {
+		inset?: boolean;
+		children?: Snippet;
+	} = $props();
+</script>
+
+<MenubarPrimitive.CheckboxItem
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	data-slot="menubar-checkbox-item"
+	data-inset={inset}
+	class={cn(
+		'vela:focus:bg-accent vela:focus:text-accent-foreground vela:focus:**:text-accent-foreground vela:gap-1.5 vela:rounded-md vela:py-1 vela:pr-1.5 vela:pl-7 vela:text-sm vela:data-inset:pl-7 vela:relative vela:flex vela:cursor-default vela:items-center vela:outline-hidden vela:select-none vela:data-disabled:pointer-events-none vela:data-disabled:opacity-50 vela:[&_svg]:pointer-events-none vela:[&_svg]:shrink-0',
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked: checked, indeterminate: indeterminate })}
+		<span
+			class="vela:left-1.5 vela:size-4 vela:[&_svg:not([class*='size-'])]:size-4 vela:pointer-events-none vela:absolute vela:flex vela:items-center vela:justify-center"
+		>
+			{#if indeterminate}
+				<MinusIcon />
+			{:else if checked}
+				<CheckIcon />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</MenubarPrimitive.CheckboxItem>

package/dist/components/admin-bar/ui/menubar/menubar-checkbox-item.svelte.d.ts

@@ -0,0 +1,10 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+import { type WithoutChildrenOrChild } from '../../utils.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithoutChildrenOrChild<MenubarPrimitive.CheckboxItemProps> & {
+    inset?: boolean;
+    children?: Snippet;
+};
+declare const MenubarCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked" | "indeterminate">;
+type MenubarCheckboxItem = ReturnType<typeof MenubarCheckboxItem>;
+export default MenubarCheckboxItem;

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

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 8,
+		alignOffset = -4,
+		align = 'start',
+		side = 'bottom',
+		...restProps
+	}: MenubarPrimitive.ContentProps = $props();
+</script>
+
+<MenubarPrimitive.Content
+	bind:ref
+	data-slot="menubar-content"
+	{align}
+	{alignOffset}
+	{side}
+	{sideOffset}
+	class={cn(
+		'vela:bg-popover vela:text-popover-foreground vela:ring-foreground/10 vela:data-[side=bottom]:slide-in-from-top-2 vela:data-[side=left]:slide-in-from-right-2 vela:data-[side=right]:slide-in-from-left-2 vela:data-[side=top]:slide-in-from-bottom-2 vela:data-open:animate-in vela:data-open:fade-in-0 vela:data-open:zoom-in-95 vela:z-50 vela:min-w-36 vela:origin-(--bits-menubar-content-transform-origin) vela:overflow-hidden vela:rounded-lg vela:p-1 vela:shadow-md vela:ring-1 vela:duration-100',
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+declare const MenubarContent: import("svelte").Component<MenubarPrimitive.ContentProps, {}, "ref">;
+type MenubarContent = ReturnType<typeof MenubarContent>;
+export default MenubarContent;