@jovertical/mise-design-system 0.0.0-stage → 1.1.0

package/dist/components/actions/command/command-input.svelte

@@ -0,0 +1,38 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`CommandInput`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: bits-ui Command for cmdk.
+-->
+<script lang="ts" module>
+  import { Command as CommandPrimitive } from 'bits-ui'
+
+  /** The search field, with its glyph, ruled off from the list below. */
+  export type CommandInputProps = CommandPrimitive.InputProps
+</script>
+
+<script lang="ts">
+  import SearchIcon from '@lucide/svelte/icons/search'
+
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(''),
+    class: className,
+    ...rest
+  }: CommandInputProps = $props()
+</script>
+
+<div data-slot="command-input-wrapper" class="flex h-9 items-center gap-2 border-b px-3">
+  <SearchIcon class="size-4 shrink-0 opacity-50" />
+  <CommandPrimitive.Input
+    bind:ref
+    bind:value
+    data-slot="command-input"
+    class={cn(
+      'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
+      className,
+    )}
+    {...rest}
+  />
+</div>

package/dist/components/actions/command/command-input.svelte.d.ts

@@ -0,0 +1,6 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+/** The search field, with its glyph, ruled off from the list below. */
+export type CommandInputProps = CommandPrimitive.InputProps;
+declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "ref" | "value">;
+type CommandInput = ReturnType<typeof CommandInput>;
+export default CommandInput;

package/dist/components/actions/command/command-item.svelte

@@ -0,0 +1,27 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`CommandItem`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: bits-ui Command for cmdk. bits-ui marks the highlighted and disabled items with empty `data-selected` and `data-disabled` attributes, where cmdk set them to `"true"`.
+-->
+<script lang="ts" module>
+  import { Command as CommandPrimitive } from 'bits-ui'
+
+  /** One command. The highlighted row takes the muted wash, as a menu row does. */
+  export type CommandItemProps = CommandPrimitive.ItemProps
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let { ref = $bindable(null), class: className, ...rest }: CommandItemProps = $props()
+</script>
+
+<CommandPrimitive.Item
+  bind:ref
+  data-slot="command-item"
+  class={cn(
+    "data-selected:bg-muted data-selected:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex min-h-7 cursor-default items-center gap-2 rounded-xl px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-2xl data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className,
+  )}
+  {...rest}
+/>

package/dist/components/actions/command/command-item.svelte.d.ts

@@ -0,0 +1,6 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+/** One command. The highlighted row takes the muted wash, as a menu row does. */
+export type CommandItemProps = CommandPrimitive.ItemProps;
+declare const CommandItem: import("svelte").Component<CommandPrimitive.ItemProps, {}, "ref">;
+type CommandItem = ReturnType<typeof CommandItem>;
+export default CommandItem;

package/dist/components/actions/command/command-list.svelte

@@ -0,0 +1,24 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`CommandList`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: bits-ui Command for cmdk.
+-->
+<script lang="ts" module>
+  import { Command as CommandPrimitive } from 'bits-ui'
+
+  /** The scrolling list of groups and items. */
+  export type CommandListProps = CommandPrimitive.ListProps
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let { ref = $bindable(null), class: className, ...rest }: CommandListProps = $props()
+</script>
+
+<CommandPrimitive.List
+  bind:ref
+  data-slot="command-list"
+  class={cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className)}
+  {...rest}
+/>

package/dist/components/actions/command/command-list.svelte.d.ts

@@ -0,0 +1,6 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+/** The scrolling list of groups and items. */
+export type CommandListProps = CommandPrimitive.ListProps;
+declare const CommandList: import("svelte").Component<CommandPrimitive.ListProps, {}, "ref">;
+type CommandList = ReturnType<typeof CommandList>;
+export default CommandList;

package/dist/components/actions/command/command-separator.svelte

@@ -0,0 +1,24 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`CommandSeparator`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: bits-ui Command for cmdk.
+-->
+<script lang="ts" module>
+  import { Command as CommandPrimitive } from 'bits-ui'
+
+  /** A rule between groups. */
+  export type CommandSeparatorProps = CommandPrimitive.SeparatorProps
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let { ref = $bindable(null), class: className, ...rest }: CommandSeparatorProps = $props()
+</script>
+
+<CommandPrimitive.Separator
+  bind:ref
+  data-slot="command-separator"
+  class={cn('bg-border -mx-1 h-px', className)}
+  {...rest}
+/>

package/dist/components/actions/command/command-separator.svelte.d.ts

@@ -0,0 +1,6 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+/** A rule between groups. */
+export type CommandSeparatorProps = CommandPrimitive.SeparatorProps;
+declare const CommandSeparator: import("svelte").Component<CommandPrimitive.SeparatorProps, {}, "ref">;
+type CommandSeparator = ReturnType<typeof CommandSeparator>;
+export default CommandSeparator;

package/dist/components/actions/command/command-shortcut.svelte

@@ -0,0 +1,33 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`CommandShortcut`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: none beyond the port.
+-->
+<script lang="ts" module>
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  import type { WithElementRef } from '../../../utils/types.js'
+
+  /** A keyboard shortcut, muted at the end of the item. */
+  export type CommandShortcutProps = WithElementRef<HTMLAttributes<HTMLSpanElement>>
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...rest
+  }: CommandShortcutProps = $props()
+</script>
+
+<span
+  bind:this={ref}
+  data-slot="command-shortcut"
+  class={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}
+  {...rest}
+>
+  {@render children?.()}
+</span>

package/dist/components/actions/command/command-shortcut.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../utils/types.js';
+/** A keyboard shortcut, muted at the end of the item. */
+export type CommandShortcutProps = WithElementRef<HTMLAttributes<HTMLSpanElement>>;
+declare const CommandShortcut: import("svelte").Component<CommandShortcutProps, {}, "ref">;
+type CommandShortcut = ReturnType<typeof CommandShortcut>;
+export default CommandShortcut;

package/dist/components/actions/command/command.svelte

@@ -0,0 +1,37 @@
+<!--
+  Origin: the React package 2.23.0 `command.tsx` (`Command`), itself shadcn/ui new-york `command`
+  Svelte: shadcn-svelte `command`
+  Diverged: bits-ui Command for cmdk.
+-->
+<script lang="ts" module>
+  import { Command as CommandPrimitive } from 'bits-ui'
+
+  /**
+   * A filterable, keyboard-navigable list, grouped by section: the shape a
+   * command palette is built on. Bare for an inline picker; `CommandDialog`
+   * puts it in a dialog.
+   */
+  export type CommandProps = CommandPrimitive.RootProps
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(''),
+    class: className,
+    ...rest
+  }: CommandProps = $props()
+</script>
+
+<CommandPrimitive.Root
+  bind:ref
+  bind:value
+  data-slot="command"
+  class={cn(
+    'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-2xl',
+    className,
+  )}
+  {...rest}
+/>

package/dist/components/actions/command/command.svelte.d.ts

@@ -0,0 +1,10 @@
+import { Command as CommandPrimitive } from 'bits-ui';
+/**
+ * A filterable, keyboard-navigable list, grouped by section: the shape a
+ * command palette is built on. Bare for an inline picker; `CommandDialog`
+ * puts it in a dialog.
+ */
+export type CommandProps = CommandPrimitive.RootProps;
+declare const Command: import("svelte").Component<CommandPrimitive.RootProps, {}, "ref" | "value">;
+type Command = ReturnType<typeof Command>;
+export default Command;

package/dist/components/actions/command/index.d.ts

@@ -0,0 +1,9 @@
+export { type CommandProps, default as Command } from './command.svelte';
+export { type CommandDialogProps, default as CommandDialog } from './command-dialog.svelte';
+export { type CommandEmptyProps, default as CommandEmpty } from './command-empty.svelte';
+export { type CommandGroupProps, default as CommandGroup } from './command-group.svelte';
+export { type CommandInputProps, default as CommandInput } from './command-input.svelte';
+export { type CommandItemProps, default as CommandItem } from './command-item.svelte';
+export { type CommandListProps, default as CommandList } from './command-list.svelte';
+export { type CommandSeparatorProps, default as CommandSeparator } from './command-separator.svelte';
+export { type CommandShortcutProps, default as CommandShortcut } from './command-shortcut.svelte';

package/dist/components/actions/command/index.js

@@ -0,0 +1,9 @@
+export { default as Command } from './command.svelte';
+export { default as CommandDialog } from './command-dialog.svelte';
+export { default as CommandEmpty } from './command-empty.svelte';
+export { default as CommandGroup } from './command-group.svelte';
+export { default as CommandInput } from './command-input.svelte';
+export { default as CommandItem } from './command-item.svelte';
+export { default as CommandList } from './command-list.svelte';
+export { default as CommandSeparator } from './command-separator.svelte';
+export { default as CommandShortcut } from './command-shortcut.svelte';

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

@@ -0,0 +1,52 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuCheckboxItem`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: bits-ui marks the active row `data-highlighted` rather than focusing
+    it, so each `focus:` utility is mirrored on `data-[highlighted]`.
+    The check is drawn from the item's `checked` snippet argument.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import type { Snippet } from 'svelte'
+
+  import type { WithoutChildrenOrChild } from '../../../utils/types.js'
+
+  export type DropdownMenuCheckboxItemProps =
+    WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
+      children?: Snippet
+    }
+</script>
+
+<script lang="ts">
+  import CheckIcon from '@lucide/svelte/icons/check'
+
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    checked = $bindable(false),
+    class: className,
+    children: content,
+    ...rest
+  }: DropdownMenuCheckboxItemProps = $props()
+</script>
+
+<DropdownMenuPrimitive.CheckboxItem
+  bind:ref
+  bind:checked
+  data-slot="dropdown-menu-checkbox-item"
+  class={cn(
+    "focus:bg-muted data-[highlighted]:bg-muted focus:text-foreground data-[highlighted]:text-foreground relative flex cursor-default items-center min-h-7 gap-2 rounded-xl in-data-[slot=dialog-content]:rounded-2xl py-1.5 pr-2 pl-8 text-sm whitespace-nowrap outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className,
+  )}
+  {...rest}
+>
+  {#snippet children({ checked })}
+    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+      {#if checked}
+        <CheckIcon class="size-4" />
+      {/if}
+    </span>
+    {@render content?.()}
+  {/snippet}
+</DropdownMenuPrimitive.CheckboxItem>

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

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

package/dist/components/actions/dropdown-menu/dropdown-menu-content.svelte

@@ -0,0 +1,38 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuContent`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: the size and origin variables are bits-ui's (`--bits-menu-*`).
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  /** `min-w-44` (176px) by default, the width menus kept asking for. */
+  export type DropdownMenuContentProps = DropdownMenuPrimitive.ContentProps & {
+    portalProps?: DropdownMenuPrimitive.PortalProps
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    sideOffset = 4,
+    portalProps,
+    class: className,
+    ...rest
+  }: DropdownMenuContentProps = $props()
+</script>
+
+<DropdownMenuPrimitive.Portal {...portalProps}>
+  <DropdownMenuPrimitive.Content
+    bind:ref
+    data-slot="dropdown-menu-content"
+    {sideOffset}
+    class={cn(
+      'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 max-h-(--bits-menu-content-available-height) min-w-44 origin-(--bits-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl p-1.5 shadow-lg ring-1 ring-foreground/5 dark:ring-foreground/10',
+      className,
+    )}
+    {...rest}
+  />
+</DropdownMenuPrimitive.Portal>

package/dist/components/actions/dropdown-menu/dropdown-menu-content.svelte.d.ts

@@ -0,0 +1,8 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+/** `min-w-44` (176px) by default, the width menus kept asking for. */
+export type DropdownMenuContentProps = DropdownMenuPrimitive.ContentProps & {
+    portalProps?: DropdownMenuPrimitive.PortalProps;
+};
+declare const DropdownMenuContent: import("svelte").Component<DropdownMenuContentProps, {}, "ref">;
+type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
+export default DropdownMenuContent;

package/dist/components/actions/dropdown-menu/dropdown-menu-group.svelte

@@ -0,0 +1,16 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuGroup`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: none beyond the port.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  export type DropdownMenuGroupProps = DropdownMenuPrimitive.GroupProps
+</script>
+
+<script lang="ts">
+  let { ref = $bindable(null), ...rest }: DropdownMenuGroupProps = $props()
+</script>
+
+<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...rest} />

package/dist/components/actions/dropdown-menu/dropdown-menu-group.svelte.d.ts

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

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

@@ -0,0 +1,39 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuItem`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: bits-ui marks the active row `data-highlighted` rather than focusing
+    it, so each `focus:` utility is mirrored on `data-[highlighted]`.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  export type DropdownMenuItemProps = DropdownMenuPrimitive.ItemProps & {
+    inset?: boolean
+    /** `destructive` for an action that removes or ends something. */
+    variant?: 'default' | 'destructive'
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    inset,
+    variant = 'default',
+    class: className,
+    ...rest
+  }: DropdownMenuItemProps = $props()
+</script>
+
+<DropdownMenuPrimitive.Item
+  bind:ref
+  data-slot="dropdown-menu-item"
+  data-inset={inset || undefined}
+  data-variant={variant}
+  class={cn(
+    "focus:bg-muted data-[highlighted]:bg-muted focus:text-foreground data-[highlighted]:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:data-[highlighted]:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 dark:data-[variant=destructive]:data-[highlighted]:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:data-[highlighted]:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center min-h-7 gap-2 rounded-xl in-data-[slot=dialog-content]:rounded-2xl px-2 py-1.5 text-sm whitespace-nowrap outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className,
+  )}
+  {...rest}
+/>

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

@@ -0,0 +1,9 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+export type DropdownMenuItemProps = DropdownMenuPrimitive.ItemProps & {
+    inset?: boolean;
+    /** `destructive` for an action that removes or ends something. */
+    variant?: 'default' | 'destructive';
+};
+declare const DropdownMenuItem: import("svelte").Component<DropdownMenuItemProps, {}, "ref">;
+type DropdownMenuItem = ReturnType<typeof DropdownMenuItem>;
+export default DropdownMenuItem;

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

@@ -0,0 +1,37 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuLabel`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: a plain div, as in shadcn-svelte: bits-ui's GroupHeading must sit
+    inside a Group, and React's Label did not.
+-->
+<script lang="ts" module>
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  import type { WithElementRef } from '../../../utils/types.js'
+
+  export type DropdownMenuLabelProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    inset?: boolean
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    inset,
+    class: className,
+    children,
+    ...rest
+  }: DropdownMenuLabelProps = $props()
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="dropdown-menu-label"
+  data-inset={inset || undefined}
+  class={cn('text-muted-foreground px-2 py-1 text-xs font-medium data-[inset]:pl-8', className)}
+  {...rest}
+>
+  {@render children?.()}
+</div>

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

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

package/dist/components/actions/dropdown-menu/dropdown-menu-portal.svelte

@@ -0,0 +1,16 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuPortal`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: none beyond the port.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  export type DropdownMenuPortalProps = DropdownMenuPrimitive.PortalProps
+</script>
+
+<script lang="ts">
+  let { ...rest }: DropdownMenuPortalProps = $props()
+</script>
+
+<DropdownMenuPrimitive.Portal {...rest} />

package/dist/components/actions/dropdown-menu/dropdown-menu-portal.svelte.d.ts

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

package/dist/components/actions/dropdown-menu/dropdown-menu-radio-group.svelte

@@ -0,0 +1,25 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuRadioGroup`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: none beyond the port. `value` is bindable.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  export type DropdownMenuRadioGroupProps = DropdownMenuPrimitive.RadioGroupProps
+</script>
+
+<script lang="ts">
+  let {
+    ref = $bindable(null),
+    value = $bindable(''),
+    ...rest
+  }: DropdownMenuRadioGroupProps = $props()
+</script>
+
+<DropdownMenuPrimitive.RadioGroup
+  bind:ref
+  bind:value
+  data-slot="dropdown-menu-radio-group"
+  {...rest}
+/>

package/dist/components/actions/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts

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

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

@@ -0,0 +1,50 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuRadioItem`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: bits-ui marks the active row `data-highlighted` rather than focusing
+    it, so each `focus:` utility is mirrored on `data-[highlighted]`.
+    The dot is drawn from the item's `checked` snippet argument.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+  import type { Snippet } from 'svelte'
+
+  import type { WithoutChildrenOrChild } from '../../../utils/types.js'
+
+  export type DropdownMenuRadioItemProps =
+    WithoutChildrenOrChild<DropdownMenuPrimitive.RadioItemProps> & {
+      children?: Snippet
+    }
+</script>
+
+<script lang="ts">
+  import CircleIcon from '@lucide/svelte/icons/circle'
+
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children: content,
+    ...rest
+  }: DropdownMenuRadioItemProps = $props()
+</script>
+
+<DropdownMenuPrimitive.RadioItem
+  bind:ref
+  data-slot="dropdown-menu-radio-item"
+  class={cn(
+    "focus:bg-muted data-[highlighted]:bg-muted focus:text-foreground data-[highlighted]:text-foreground relative flex cursor-default items-center min-h-7 gap-2 rounded-xl in-data-[slot=dialog-content]:rounded-2xl py-1.5 pr-2 pl-8 text-sm whitespace-nowrap outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    className,
+  )}
+  {...rest}
+>
+  {#snippet children({ checked })}
+    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+      {#if checked}
+        <CircleIcon class="size-2 fill-current" />
+      {/if}
+    </span>
+    {@render content?.()}
+  {/snippet}
+</DropdownMenuPrimitive.RadioItem>

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

@@ -0,0 +1,9 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../../utils/types.js';
+export type DropdownMenuRadioItemProps = WithoutChildrenOrChild<DropdownMenuPrimitive.RadioItemProps> & {
+    children?: Snippet;
+};
+declare const DropdownMenuRadioItem: import("svelte").Component<DropdownMenuRadioItemProps, {}, "ref">;
+type DropdownMenuRadioItem = ReturnType<typeof DropdownMenuRadioItem>;
+export default DropdownMenuRadioItem;

package/dist/components/actions/dropdown-menu/dropdown-menu-separator.svelte

@@ -0,0 +1,23 @@
+<!--
+  Origin: the React package 2.23.0 `dropdown-menu.tsx` (`DropdownMenuSeparator`), itself shadcn/ui new-york `dropdown-menu`
+  Svelte: shadcn-svelte `dropdown-menu`
+  Diverged: none beyond the port.
+-->
+<script lang="ts" module>
+  import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+
+  export type DropdownMenuSeparatorProps = DropdownMenuPrimitive.SeparatorProps
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let { ref = $bindable(null), class: className, ...rest }: DropdownMenuSeparatorProps = $props()
+</script>
+
+<DropdownMenuPrimitive.Separator
+  bind:ref
+  data-slot="dropdown-menu-separator"
+  class={cn('bg-border -mx-1 my-1 h-px', className)}
+  {...rest}
+/>

package/dist/components/actions/dropdown-menu/dropdown-menu-separator.svelte.d.ts

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