@velastack/cms 0.1.0

package/dist/components/admin-bar/ui/menubar/menubar-group-heading.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { cn } from '../../utils.js';
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		inset,
+		class: className,
+		...restProps
+	}: ComponentProps<typeof MenubarPrimitive.GroupHeading> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.GroupHeading
+	bind:ref
+	data-slot="menubar-group-heading"
+	data-inset={inset}
+	class={cn(
+		'vela:px-2 vela:py-1.5 vela:text-sm vela:font-medium vela:data-[inset]:ps-8',
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = ComponentProps<typeof MenubarPrimitive.GroupHeading> & {
+    inset?: boolean;
+};
+declare const MenubarGroupHeading: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarGroupHeading = ReturnType<typeof MenubarGroupHeading>;
+export default MenubarGroupHeading;

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

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		...restProps
+	}: MenubarPrimitive.GroupProps & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.Group bind:ref data-slot="menubar-group" {...restProps} />

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

@@ -0,0 +1,7 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+type $$ComponentProps = MenubarPrimitive.GroupProps & {
+    inset?: boolean;
+};
+declare const MenubarGroup: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarGroup = ReturnType<typeof MenubarGroup>;
+export default MenubarGroup;

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset = undefined,
+		variant = 'default',
+		...restProps
+	}: MenubarPrimitive.ItemProps & {
+		inset?: boolean;
+		variant?: 'default' | 'destructive';
+	} = $props();
+</script>
+
+<MenubarPrimitive.Item
+	bind:ref
+	data-slot="menubar-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"vela:focus:bg-accent vela:focus:text-accent-foreground vela:data-[variant=destructive]:text-destructive vela:data-[variant=destructive]:focus:bg-destructive/10 vela:dark:data-[variant=destructive]:focus:bg-destructive/20 vela:data-[variant=destructive]:focus:text-destructive vela:data-[variant=destructive]:*:[svg]:text-destructive! vela:not-data-[variant=destructive]:focus:**:text-accent-foreground vela:gap-1.5 vela:rounded-md vela:px-1.5 vela:py-1 vela:text-sm vela:data-disabled:opacity-50 vela:data-inset:pl-7 vela:[&_svg:not([class*='size-'])]:size-4 vela:group/menubar-item vela:flex vela:items-center",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+type $$ComponentProps = MenubarPrimitive.ItemProps & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+};
+declare const MenubarItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarItem = ReturnType<typeof MenubarItem>;
+export default MenubarItem;

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { cn } from '../../utils.js';
+	import { type WithElementRef } from 'bits-ui';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		inset,
+		children,
+		class: className,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="menubar-label"
+	data-inset={inset}
+	class={cn('vela:px-1.5 vela:py-1 vela:text-sm vela:font-medium vela:data-inset:pl-7', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

@@ -0,0 +1,8 @@
+import { type WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    inset?: boolean;
+};
+declare const MenubarLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarLabel = ReturnType<typeof MenubarLabel>;
+export default MenubarLabel;

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

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

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

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

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

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

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

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

package/dist/components/admin-bar/ui/menubar/menubar-radio-group.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(''),
+		...restProps
+	}: MenubarPrimitive.RadioGroupProps = $props();
+</script>
+
+<MenubarPrimitive.RadioGroup bind:ref bind:value data-slot="menubar-radio-group" {...restProps} />

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

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

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

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn, type WithoutChild } from '../../utils.js';
+	import CheckIcon from '../../icons/check.svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<MenubarPrimitive.RadioItemProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.RadioItem
+	bind:ref
+	data-slot="menubar-radio-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-disabled:opacity-50 vela:data-inset:pl-7 vela:[&_svg:not([class*='size-'])]:size-4 vela:relative vela:flex vela:cursor-default vela:items-center vela:outline-hidden vela:select-none vela:data-disabled:pointer-events-none vela:[&_svg]:pointer-events-none vela:[&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<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 checked}
+				<CheckIcon />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</MenubarPrimitive.RadioItem>

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

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../utils.js';
+type $$ComponentProps = WithoutChild<MenubarPrimitive.RadioItemProps> & {
+    inset?: boolean;
+};
+declare const MenubarRadioItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarRadioItem = ReturnType<typeof MenubarRadioItem>;
+export default MenubarRadioItem;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.SeparatorProps = $props();
+</script>
+
+<MenubarPrimitive.Separator
+	bind:ref
+	data-slot="menubar-separator"
+	class={cn('vela:bg-border vela:-mx-1 vela:my-1 vela:h-px', className)}
+	{...restProps}
+/>

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

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

package/dist/components/admin-bar/ui/menubar/menubar-shortcut.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<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="menubar-shortcut"
+	class={cn(
+		'vela:text-muted-foreground vela:group-focus/menubar-item:text-accent-foreground vela:text-xs vela:tracking-widest vela:ml-auto',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

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

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

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.SubContentProps = $props();
+</script>
+
+<MenubarPrimitive.SubContent
+	bind:ref
+	data-slot="menubar-sub-content"
+	class={cn(
+		'vela:bg-popover vela:text-popover-foreground vela:data-open:animate-in vela:data-closed:animate-out vela:data-closed:fade-out-0 vela:data-open:fade-in-0 vela:data-closed:zoom-out-95 vela:data-open:zoom-in-95 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:ring-foreground/10 vela:min-w-32 vela:rounded-lg vela:p-1 vela:shadow-lg vela:ring-1 vela:duration-100',
+		className
+	)}
+	{...restProps}
+/>

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

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

package/dist/components/admin-bar/ui/menubar/menubar-sub-trigger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn, type WithoutChild } from '../../utils.js';
+	import ChevronRightIcon from '../../icons/chevron-right.svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset = undefined,
+		children,
+		...restProps
+	}: WithoutChild<MenubarPrimitive.SubTriggerProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.SubTrigger
+	bind:ref
+	data-slot="menubar-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"vela:focus:bg-accent vela:focus:text-accent-foreground vela:data-open:bg-accent vela:data-open:text-accent-foreground vela:gap-1.5 vela:rounded-md vela:px-1.5 vela:py-1 vela:text-sm vela:data-inset:pl-7 vela:[&_svg:not([class*='size-'])]:size-4 vela:flex vela:cursor-default vela:items-center vela:outline-none vela:select-none",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="cn-rtl-flip vela:ml-auto vela:size-4" />
+</MenubarPrimitive.SubTrigger>

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

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../utils.js';
+type $$ComponentProps = WithoutChild<MenubarPrimitive.SubTriggerProps> & {
+    inset?: boolean;
+};
+declare const MenubarSubTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarSubTrigger = ReturnType<typeof MenubarSubTrigger>;
+export default MenubarSubTrigger;

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+
+	let { open = $bindable(false), ...restProps }: MenubarPrimitive.SubProps = $props();
+</script>
+
+<MenubarPrimitive.Sub bind:open {...restProps} />

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

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

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.TriggerProps = $props();
+</script>
+
+<MenubarPrimitive.Trigger
+	bind:ref
+	data-slot="menubar-trigger"
+	class={cn(
+		'vela:hover:bg-muted vela:aria-expanded:bg-muted vela:rounded-sm vela:px-1.5 vela:py-[2px] vela:text-sm vela:font-medium vela:flex vela:items-center vela:outline-hidden vela:select-none',
+		className
+	)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.RootProps = $props();
+</script>
+
+<MenubarPrimitive.Root
+	bind:ref
+	data-slot="menubar"
+	class={cn(
+		'vela:h-8 vela:gap-0.5 vela:rounded-lg vela:border vela:p-[3px] vela:flex vela:items-center',
+		className
+	)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,12 @@
+import Root from './select.svelte';
+import Group from './select-group.svelte';
+import Label from './select-label.svelte';
+import Item from './select-item.svelte';
+import Content from './select-content.svelte';
+import Trigger from './select-trigger.svelte';
+import Separator from './select-separator.svelte';
+import ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+import Portal from './select-portal.svelte';
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, Portal as SelectPortal };

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

@@ -0,0 +1,14 @@
+import Root from './select.svelte';
+import Group from './select-group.svelte';
+import Label from './select-label.svelte';
+import Item from './select-item.svelte';
+import Content from './select-content.svelte';
+import Trigger from './select-trigger.svelte';
+import Separator from './select-separator.svelte';
+import ScrollDownButton from './select-scroll-down-button.svelte';
+import ScrollUpButton from './select-scroll-up-button.svelte';
+import GroupHeading from './select-group-heading.svelte';
+import Portal from './select-portal.svelte';
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal, 
+//
+Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, Portal as SelectPortal };

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

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import SelectPortal from './select-portal.svelte';
+	import SelectScrollUpButton from './select-scroll-up-button.svelte';
+	import SelectScrollDownButton from './select-scroll-down-button.svelte';
+	import { cn, type WithoutChild } from '../../utils.js';
+	import type { ComponentProps } from 'svelte';
+	import type { WithoutChildrenOrChild } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		portalProps,
+		children,
+		preventScroll = true,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ContentProps> & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
+	} = $props();
+</script>
+
+<SelectPortal {...portalProps}>
+	<SelectPrimitive.Content
+		bind:ref
+		{sideOffset}
+		{preventScroll}
+		data-slot="select-content"
+		class={cn(
+			'vela:relative vela:isolate vela:z-50 vela:min-w-36 vela:overflow-x-hidden vela:overflow-y-auto vela:rounded-md vela:border vela:border-[var(--cms-bar-divider)] vela:bg-bar-bg vela:text-bar-text vela:shadow-[0_8px_24px_rgba(0,0,0,0.35)] vela:duration-100 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',
+			className
+		)}
+		{...restProps}
+	>
+		<SelectScrollUpButton />
+		<SelectPrimitive.Viewport
+			class={cn(
+				'vela:h-(--bits-select-anchor-height) vela:w-full vela:min-w-(--bits-select-anchor-width) vela:scroll-my-1 vela:p-1'
+			)}
+		>
+			{@render children?.()}
+		</SelectPrimitive.Viewport>
+		<SelectScrollDownButton />
+	</SelectPrimitive.Content>
+</SelectPortal>

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

@@ -0,0 +1,11 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import SelectPortal from './select-portal.svelte';
+import { type WithoutChild } from '../../utils.js';
+import type { ComponentProps } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../utils.js';
+type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
+};
+declare const SelectContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SelectContent = ReturnType<typeof SelectContent>;
+export default SelectContent;

package/dist/components/admin-bar/ui/select/select-group-heading.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
+</script>
+
+<SelectPrimitive.GroupHeading
+	bind:ref
+	data-slot="select-group-heading"
+	class={cn('vela:text-bar-text-secondary vela:px-2 vela:py-1 vela:text-[11px]', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</SelectPrimitive.GroupHeading>

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

@@ -0,0 +1,10 @@
+declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "children" | "child"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").ComboboxGroupHeadingPropsWithoutHTML>, {}, "ref">;
+type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
+export default SelectGroupHeading;

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

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn } from '../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SelectPrimitive.GroupProps = $props();
+</script>
+
+<SelectPrimitive.Group
+	bind:ref
+	data-slot="select-group"
+	class={cn('vela:scroll-my-1 vela:p-1', className)}
+	{...restProps}
+/>

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

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

package/dist/components/admin-bar/ui/select/select-item.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from 'bits-ui';
+	import { cn, type WithoutChild } from '../../utils.js';
+	import CheckIcon from '../../icons/check.svelte';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		label,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ItemProps> = $props();
+</script>
+
+<SelectPrimitive.Item
+	bind:ref
+	{value}
+	data-slot="select-item"
+	class={cn(
+		'vela:relative vela:flex vela:w-full vela:items-center vela:gap-1.5 vela:rounded-sm vela:py-1 vela:pr-7 vela:pl-2 vela:text-xs vela:cursor-default vela:select-none vela:outline-hidden vela:text-bar-text vela:data-highlighted:bg-[var(--cms-bar-bg-hover)] vela:data-[disabled]:pointer-events-none vela:data-[disabled]:opacity-50',
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ selected, highlighted })}
+		<span
+			class="vela:absolute vela:end-2 vela:flex vela:size-3.5 vela:items-center vela:justify-center"
+		>
+			{#if selected}
+				<CheckIcon class="vela:size-3.5" />
+			{/if}
+		</span>
+		{#if childrenProp}
+			{@render childrenProp({ selected, highlighted })}
+		{:else}
+			{label || value}
+		{/if}
+	{/snippet}
+</SelectPrimitive.Item>

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

@@ -0,0 +1,5 @@
+import { Select as SelectPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../utils.js';
+declare const SelectItem: import("svelte").Component<WithoutChild<SelectPrimitive.ItemProps>, {}, "ref">;
+type SelectItem = ReturnType<typeof SelectItem>;
+export default SelectItem;

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="select-label"
+	class={cn('vela:text-bar-text-secondary vela:px-2 vela:py-1 vela:text-[11px]', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

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