svelte-docsmith 0.3.0 → 0.5.0

package/dist/ui/layouts/docs-sidebar.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import { cn } from '../../shadcn.js';
+	import { normalizePath } from '../../normalize-path.js';
 	import type { NavGroup } from '../../config.js';
 
 	const { nav, class: className = '' }: { nav: NavGroup[]; class?: string } = $props();
@@ -8,7 +9,7 @@
 
 <aside class={cn('sticky top-24 hidden h-screen w-56 shrink-0 bg-transparent lg:block', className)}>
 	<div class="max-h-[calc(100vh-10rem)] overflow-y-auto px-4">
-		<nav class="space-y-6">
+		<nav aria-label="Documentation" class="space-y-6">
 			{#each nav as group (group.title)}
 				<div class="space-y-3">
 					<h4 class="text-foreground px-2 text-sm font-semibold">{group.title}</h4>
@@ -19,7 +20,7 @@
 									href={item.url}
 									class={cn(
 										'hover:text-primary hover:bg-primary/20 block rounded-md px-2 py-1.5 text-sm transition-colors',
-										page.url.pathname === item.url
+										normalizePath(page.url.pathname) === item.url
 											? 'text-primary bg-primary/20 font-medium'
 											: 'text-muted-foreground'
 									)}

package/dist/ui/layouts/prev-next-nav.svelte

@@ -1,11 +1,18 @@
 <script lang="ts">
 	import type { NavItem } from '../../config.js';
 
-	const { prev, next }: { prev?: NavItem; next?: NavItem } = $props();
+	const {
+		prev,
+		next,
+		bordered = true
+	}: { prev?: NavItem; next?: NavItem; bordered?: boolean } = $props();
 </script>
 
 {#if prev || next}
-	<nav class="border-border mt-8 flex justify-between gap-4 border-t pt-8">
+	<nav
+		aria-label="Pagination"
+		class="flex justify-between gap-4 {bordered ? 'border-border mt-8 border-t pt-8' : 'mt-6'}"
+	>
 		{#if prev}
 			<a
 				href={prev.url}

package/dist/ui/layouts/prev-next-nav.svelte.d.ts

@@ -2,6 +2,7 @@ import type { NavItem } from '../../config.js';
 type $$ComponentProps = {
     prev?: NavItem;
     next?: NavItem;
+    bordered?: boolean;
 };
 declare const PrevNextNav: import("svelte").Component<$$ComponentProps, {}, "">;
 type PrevNextNav = ReturnType<typeof PrevNextNav>;

package/dist/ui/layouts/seo-head.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/state';
+	import { normalizePath } from '../../normalize-path.js';
 	import type { DocsmithConfig } from '../../config.js';
 
 	const {
@@ -23,7 +24,7 @@
 
 	const origin = $derived(config.url?.replace(/\/$/, ''));
 	// Absolute URLs need a configured origin; otherwise canonical/og:url are omitted.
-	const canonical = $derived(origin ? origin + page.url.pathname : undefined);
+	const canonical = $derived(origin ? origin + normalizePath(page.url.pathname) : undefined);
 	const image = $derived.by(() => {
 		const src = config.ogImage;
 		if (!src) return undefined;

package/dist/ui/markdown/pre.svelte

@@ -20,24 +20,6 @@
 		<pre class="not-prose shiki max-h-[32rem] flex shrink" use:clipboard.readText>
 			{@render children()}
 		</pre>
-
-		<!-- Scroll indicators with increased fade intensity -->
-		<div
-			class="absolute bottom-0 left-0 right-0 h-4 bg-gradient-to-t from-muted via-muted/70 to-transparent pointer-events-none"
-			aria-hidden="true"
-		></div>
-		<div
-			class="absolute top-0 left-0 right-0 h-4 bg-gradient-to-b from-muted via-muted/70 to-transparent pointer-events-none"
-			aria-hidden="true"
-		></div>
-		<div
-			class="absolute top-0 bottom-0 right-0 w-4 bg-gradient-to-l from-muted via-muted/70 to-transparent pointer-events-none"
-			aria-hidden="true"
-		></div>
-		<div
-			class="absolute top-0 bottom-0 left-0 w-4 bg-gradient-to-r from-muted via-muted/70 to-transparent pointer-events-none"
-			aria-hidden="true"
-		></div>
 	</ScrollArea>
 </div>
 
@@ -62,27 +44,95 @@
 		padding-inline: 1rem;
 	}
 
+	/* Two tiers of annotation. EMPHASIS (highlight, word) tints with the theme's
+	   --primary, so it reads as the brand pointing at a line and recolors with
+	   the active theme. SEMANTIC (diff, error, warning) uses fixed OKLCH hues so
+	   green/red/amber stay legible on any theme. All are translucent washes over
+	   the code background via color-mix. */
+
+	/* --- Line highlight (// [!code highlight] and {1,3} meta) --- */
 	:global(pre span.line.highlighted) {
-		background-color: rgb(254 240 138 / 0.5);
+		background: color-mix(in oklch, var(--primary) 12%, transparent);
 	}
-
 	:global(.dark pre span.line.highlighted) {
-		background-color: rgb(250 204 21 / 0.2);
+		background: color-mix(in oklch, var(--primary) 20%, transparent);
 	}
 
+	/* --- Diff (// [!code ++] / [!code --]) with +/- gutter glyphs --- */
+	:global(pre span.line.diff) {
+		position: relative;
+	}
 	:global(pre span.line.diff.add) {
-		background-color: rgb(134 239 172 / 0.5);
+		background: color-mix(in oklch, oklch(0.7 0.16 150) 15%, transparent);
 	}
-
 	:global(pre span.line.diff.remove) {
-		background-color: rgb(252 165 165 / 0.5);
+		background: color-mix(in oklch, oklch(0.62 0.2 25) 14%, transparent);
 	}
-
 	:global(.dark pre span.line.diff.add) {
-		background-color: rgb(22 163 74 / 0.2);
+		background: color-mix(in oklch, oklch(0.7 0.16 150) 22%, transparent);
 	}
-
 	:global(.dark pre span.line.diff.remove) {
-		background-color: rgb(220 38 38 / 0.2);
+		background: color-mix(in oklch, oklch(0.62 0.2 25) 22%, transparent);
+	}
+	:global(pre span.line.diff::before) {
+		position: absolute;
+		left: 0.45rem;
+		font-weight: 600;
+	}
+	:global(pre span.line.diff.add::before) {
+		content: '+';
+		color: oklch(0.6 0.15 150);
+	}
+	:global(pre span.line.diff.remove::before) {
+		content: '−';
+		color: oklch(0.58 0.19 25);
+	}
+	:global(.dark pre span.line.diff.add::before) {
+		color: oklch(0.78 0.17 150);
+	}
+	:global(.dark pre span.line.diff.remove::before) {
+		color: oklch(0.72 0.18 25);
+	}
+
+	/* --- Error / warning severity (// [!code error] / [!code warning]).
+	   No gutter glyph, so they stay distinct from the +/- diff lines. --- */
+	:global(pre span.line.highlighted.error) {
+		background: color-mix(in oklch, oklch(0.62 0.2 25) 18%, transparent);
+	}
+	:global(pre span.line.highlighted.warning) {
+		background: color-mix(in oklch, oklch(0.8 0.13 85) 22%, transparent);
+	}
+	:global(.dark pre span.line.highlighted.error) {
+		background: color-mix(in oklch, oklch(0.62 0.2 25) 26%, transparent);
+	}
+	:global(.dark pre span.line.highlighted.warning) {
+		background: color-mix(in oklch, oklch(0.8 0.13 85) 20%, transparent);
+	}
+
+	/* --- Focus (// [!code focus]): dim the other lines and restore on hover.
+	   A clean opacity fade reads calmer than a muddy blur. `:has` recreates
+	   Shiki's stripped container flag from the line classes alone. --- */
+	:global(pre code:has(span.line.focused) span.line:not(.focused)) {
+		opacity: 0.42;
+		transition: opacity 0.25s ease;
+	}
+	:global(pre:hover code:has(span.line.focused) span.line:not(.focused)) {
+		opacity: 1;
+	}
+	@media (prefers-reduced-motion: reduce) {
+		:global(pre code:has(span.line.focused) span.line:not(.focused)) {
+			transition: none;
+		}
+	}
+
+	/* --- Word highlight (// [!code word:name]): a primary-tinted inline pill --- */
+	:global(pre .highlighted-word) {
+		border-radius: 0.3rem;
+		padding: 0.1rem 0.3rem;
+		background: color-mix(in oklch, var(--primary) 16%, transparent);
+		box-shadow: 0 0 0 1px color-mix(in oklch, var(--primary) 35%, transparent);
+	}
+	:global(.dark pre .highlighted-word) {
+		background: color-mix(in oklch, var(--primary) 24%, transparent);
 	}
 </style>

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-checkbox-group.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable([]),
+		...restProps
+	}: DropdownMenuPrimitive.CheckboxGroupProps = $props();
+</script>
+
+<DropdownMenuPrimitive.CheckboxGroup
+	bind:ref
+	bind:value
+	data-slot="dropdown-menu-checkbox-group"
+	{...restProps}
+/>

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-checkbox-group.svelte.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import { type WithoutChildrenOrChild } from '../../../shadcn.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
+    children?: Snippet;
+};
+declare const DropdownMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked" | "indeterminate">;
+type DropdownMenuCheckboxItem = ReturnType<typeof DropdownMenuCheckboxItem>;
+export default DropdownMenuCheckboxItem;

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-content.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { cn, type WithoutChildrenOrChild } from '../../../shadcn.js';
+	import DropdownMenuPortal from './dropdown-menu-portal.svelte';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		sideOffset = 4,
+		align = 'start',
+		portalProps,
+		class: className,
+		...restProps
+	}: DropdownMenuPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DropdownMenuPortal>>;
+	} = $props();
+</script>
+
+<DropdownMenuPortal {...portalProps}>
+	<DropdownMenuPrimitive.Content
+		bind:ref
+		data-slot="dropdown-menu-content"
+		{sideOffset}
+		{align}
+		class={cn(
+			'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-md p-1 shadow-md ring-1 duration-100 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 w-(--bits-dropdown-menu-anchor-width) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',
+			className
+		)}
+		{...restProps}
+	/>
+</DropdownMenuPortal>

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type WithoutChildrenOrChild } from '../../../shadcn.js';
+import DropdownMenuPortal from './dropdown-menu-portal.svelte';
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = DropdownMenuPrimitive.ContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DropdownMenuPortal>>;
+};
+declare const DropdownMenuContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
+export default DropdownMenuContent;

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-group-heading.svelte

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-group-heading.svelte.d.ts

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-group.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
+</script>
+
+<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-group.svelte.d.ts

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

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { cn } from '../../../shadcn.js';
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		variant = 'default',
+		...restProps
+	}: DropdownMenuPrimitive.ItemProps & {
+		inset?: boolean;
+		variant?: 'default' | 'destructive';
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.Item
+	bind:ref
+	data-slot="dropdown-menu-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../shadcn.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dropdown-menu-label"
+	data-inset={inset}
+	class={cn(
+		'text-muted-foreground px-2 py-1.5 text-xs font-medium data-inset:pl-8 data-[inset]:pl-8',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-portal.svelte

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-portal.svelte.d.ts

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-radio-group.svelte

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts

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

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

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import CheckIcon from '@lucide/svelte/icons/check';
+	import { cn, type WithoutChild } from '../../../shadcn.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
+</script>
+
+<DropdownMenuPrimitive.RadioItem
+	bind:ref
+	data-slot="dropdown-menu-radio-item"
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span
+			class="absolute right-2 flex items-center justify-center pointer-events-none"
+			data-slot="dropdown-menu-radio-item-indicator"
+		>
+			{#if checked}
+				<CheckIcon />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</DropdownMenuPrimitive.RadioItem>

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

@@ -0,0 +1,4 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+declare const DropdownMenuRadioItem: import("svelte").Component<Omit<DropdownMenuPrimitive.RadioItemProps, "child">, {}, "ref">;
+type DropdownMenuRadioItem = ReturnType<typeof DropdownMenuRadioItem>;
+export default DropdownMenuRadioItem;

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-separator.svelte

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-separator.svelte.d.ts

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../../shadcn.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="dropdown-menu-shortcut"
+	class={cn(
+		'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts

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

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import { cn } from '../../../shadcn.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DropdownMenuPrimitive.SubContentProps = $props();
+</script>
+
+<DropdownMenuPrimitive.SubContent
+	bind:ref
+	data-slot="dropdown-menu-sub-content"
+	class={cn(
+		'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/shadcn/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts

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

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

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+	import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+	import { cn } from '../../../shadcn.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	}: DropdownMenuPrimitive.SubTriggerProps & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<DropdownMenuPrimitive.SubTrigger
+	bind:ref
+	data-slot="dropdown-menu-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ml-auto" />
+</DropdownMenuPrimitive.SubTrigger>

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

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