@lapismd/mira 0.0.1

package/dist/ui/dialog/dialog-content.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">
+  import { Dialog as DialogPrimitive } from "bits-ui";
+  import XIcon from "@lucide/svelte/icons/x";
+  import { getContext, type Snippet } from "svelte";
+  import * as Dialog from "./index.js";
+  import { cn, type WithoutChildrenOrChild } from "../utils.js";
+  import {
+    miraAppearanceContextKey,
+    miraColorModeAttribute,
+    miraColorModeClassName,
+    normalizeMiraTheme,
+    type MiraAppearanceContext,
+  } from "../../internal/appearance-context.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    portalProps,
+    children,
+    showCloseButton = true,
+    ...restProps
+  }: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    portalProps?: DialogPrimitive.PortalProps;
+    children: Snippet;
+    showCloseButton?: boolean;
+  } = $props();
+
+  const appearance = getContext<MiraAppearanceContext | undefined>(
+    miraAppearanceContextKey,
+  );
+  const appearanceTheme = $derived(normalizeMiraTheme(appearance?.theme));
+  const appearanceMode = $derived(
+    miraColorModeAttribute(appearance?.colorMode),
+  );
+  const appearanceClass = $derived(
+    miraColorModeClassName(appearance?.colorMode),
+  );
+</script>
+
+<Dialog.Portal {...portalProps}>
+  <Dialog.Overlay />
+  <DialogPrimitive.Content
+    bind:ref
+    data-slot="dialog-content"
+    data-mira-overlay
+    data-mira-theme={appearanceTheme}
+    data-mira-color-mode={appearanceMode}
+    class={cn(
+      "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 duration-200 sm:max-w-lg",
+      appearanceClass,
+      className,
+    )}
+    {...restProps}
+  >
+    {@render children?.()}
+    {#if showCloseButton}
+      <DialogPrimitive.Close
+        data-slot="dialog-close"
+        class="ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      >
+        <XIcon />
+        <span class="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    {/if}
+  </DialogPrimitive.Content>
+</Dialog.Portal>

package/dist/ui/dialog/dialog-content.svelte.d.ts

@@ -0,0 +1,12 @@
+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;
+    children: Snippet;
+    showCloseButton?: boolean;
+};
+declare const DialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;
+//# sourceMappingURL=dialog-content.svelte.d.ts.map

package/dist/ui/dialog/dialog-content.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAElD,OAAO,EAAM,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAS7D,KAAK,gBAAgB,GAAI,sBAAsB,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG;IAC7E,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAiDJ,QAAA,MAAM,aAAa,yDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/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("text-muted-foreground text-sm", className)}
+  {...restProps}
+/>

package/dist/ui/dialog/dialog-description.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const DialogDescription: import("svelte").Component<DialogPrimitive.DescriptionProps, {}, "ref">;
+type DialogDescription = ReturnType<typeof DialogDescription>;
+export default DialogDescription;
+//# sourceMappingURL=dialog-description.svelte.d.ts.map

package/dist/ui/dialog/dialog-description.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-description.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-description.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBpD,QAAA,MAAM,iBAAiB,yEAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/ui/dialog/dialog-footer.svelte

@@ -0,0 +1,23 @@
+<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="dialog-footer"
+  class={cn(
+    "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+    className,
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/ui/dialog/dialog-footer.svelte.d.ts

@@ -0,0 +1,6 @@
+import { type WithElementRef } from "../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const DialogFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type DialogFooter = ReturnType<typeof DialogFooter>;
+export default DialogFooter;
+//# sourceMappingURL=dialog-footer.svelte.d.ts.map

package/dist/ui/dialog/dialog-footer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-footer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAuBtD,QAAA,MAAM,YAAY,uFAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/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("flex flex-col gap-2 text-center sm:text-left", className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/ui/dialog/dialog-header.svelte.d.ts

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=dialog-header.svelte.d.ts.map

package/dist/ui/dialog/dialog-header.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-header.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-header.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAoBtD,QAAA,MAAM,YAAY,uFAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/dialog/dialog-overlay.svelte

@@ -0,0 +1,21 @@
+<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"
+  data-mira-overlay
+  class={cn(
+    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+    className,
+  )}
+  {...restProps}
+/>

package/dist/ui/dialog/dialog-overlay.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const DialogOverlay: import("svelte").Component<DialogPrimitive.OverlayProps, {}, "ref">;
+type DialogOverlay = ReturnType<typeof DialogOverlay>;
+export default DialogOverlay;
+//# sourceMappingURL=dialog-overlay.svelte.d.ts.map

package/dist/ui/dialog/dialog-overlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-overlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-overlay.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAqBpD,QAAA,MAAM,aAAa,qEAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/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("text-lg leading-none font-semibold", className)}
+  {...restProps}
+/>

package/dist/ui/dialog/dialog-title.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const DialogTitle: import("svelte").Component<DialogPrimitive.TitleProps, {}, "ref">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;
+//# sourceMappingURL=dialog-title.svelte.d.ts.map

package/dist/ui/dialog/dialog-title.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-title.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBpD,QAAA,MAAM,WAAW,mEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/dialog/dialog-trigger.svelte

@@ -0,0 +1,8 @@
+<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/ui/dialog/dialog-trigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+declare const DialogTrigger: import("svelte").Component<DialogPrimitive.TriggerProps, {}, "ref">;
+type DialogTrigger = ReturnType<typeof DialogTrigger>;
+export default DialogTrigger;
+//# sourceMappingURL=dialog-trigger.svelte.d.ts.map

package/dist/ui/dialog/dialog-trigger.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/dialog-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,SAAS,CAAC;AAapD,QAAA,MAAM,aAAa,qEAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/dialog/index.d.ts

@@ -0,0 +1,12 @@
+import Title from "./dialog-title.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+import Trigger from "./dialog-trigger.svelte";
+import Close from "./dialog-close.svelte";
+declare const Root: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Close, Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, Close as DialogClose, };
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAE1C,QAAA,MAAM,IAAI,2FAAuB,CAAC;AAClC,QAAA,MAAM,MAAM,mEAAyB,CAAC;AAEtC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,KAAK,EAEL,IAAI,IAAI,MAAM,EACd,KAAK,IAAI,WAAW,EACpB,MAAM,IAAI,YAAY,EACtB,MAAM,IAAI,YAAY,EACtB,MAAM,IAAI,YAAY,EACtB,OAAO,IAAI,aAAa,EACxB,OAAO,IAAI,aAAa,EACxB,OAAO,IAAI,aAAa,EACxB,WAAW,IAAI,iBAAiB,EAChC,KAAK,IAAI,WAAW,GACrB,CAAC"}

package/dist/ui/dialog/index.js

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

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

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+  import CheckIcon from "@lucide/svelte/icons/check";
+  import MinusIcon from "@lucide/svelte/icons/minus";
+  import { cn, type WithoutChildrenOrChild } from "../utils.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 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm 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,
+  )}
+  {...restProps}
+>
+  {#snippet children({ checked, indeterminate })}
+    <span
+      class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+    >
+      {#if indeterminate}
+        <MinusIcon class="size-4" />
+      {:else if checked}
+        <CheckIcon class="size-4" />
+      {/if}
+    </span>
+    {@render childrenProp?.()}
+  {/snippet}
+</DropdownMenuPrimitive.CheckboxItem>

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

@@ -0,0 +1,10 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+import { type WithoutChildrenOrChild } from "../utils.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;
+//# sourceMappingURL=dropdown-menu-checkbox-item.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-checkbox-item.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhE,OAAO,EAAM,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErC,KAAK,gBAAgB,GAAI,sBAAsB,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,GAAG;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCJ,QAAA,MAAM,wBAAwB,uFAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import { cn } from "../utils.js";
+  import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+  import { getContext } from "svelte";
+  import {
+    disableOverlayPortalContextKey,
+    dropdownMenuPortalContextKey,
+    resolveOverlayPortalProps,
+    type OverlayPortalContext,
+  } from "../internal/overlay-portal-context.js";
+  import {
+    miraAppearanceContextKey,
+    miraColorModeAttribute,
+    miraColorModeClassName,
+    normalizeMiraTheme,
+    type MiraAppearanceContext,
+  } from "../../internal/appearance-context.js";
+
+  let {
+    ref = $bindable(null),
+    sideOffset = 4,
+    portalProps,
+    class: className,
+    ...restProps
+  }: DropdownMenuPrimitive.ContentProps & {
+    portalProps?: DropdownMenuPrimitive.PortalProps;
+  } = $props();
+
+  const portalContext = getContext<OverlayPortalContext | undefined>(
+    dropdownMenuPortalContextKey,
+  );
+  const disablePortals =
+    getContext<boolean | undefined>(disableOverlayPortalContextKey) ?? false;
+  const appearance = getContext<MiraAppearanceContext | undefined>(
+    miraAppearanceContextKey,
+  );
+  const appearanceTheme = $derived(normalizeMiraTheme(appearance?.theme));
+  const appearanceMode = $derived(
+    miraColorModeAttribute(appearance?.colorMode),
+  );
+  const appearanceClass = $derived(
+    miraColorModeClassName(appearance?.colorMode),
+  );
+</script>
+
+<DropdownMenuPrimitive.Portal
+  {...resolveOverlayPortalProps(portalContext, portalProps, disablePortals)}
+>
+  <DropdownMenuPrimitive.Content
+    bind:ref
+    data-slot="dropdown-menu-content"
+    data-mira-overlay
+    data-mira-theme={appearanceTheme}
+    data-mira-color-mode={appearanceMode}
+    {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-[1100] max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 [-webkit-app-region:no-drag]",
+      appearanceClass,
+      className,
+    )}
+    {...restProps}
+  />
+</DropdownMenuPrimitive.Portal>

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

@@ -0,0 +1,8 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+type $$ComponentProps = DropdownMenuPrimitive.ContentProps & {
+    portalProps?: DropdownMenuPrimitive.PortalProps;
+};
+declare const DropdownMenuContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
+export default DropdownMenuContent;
+//# sourceMappingURL=dropdown-menu-content.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-content.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-content.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgB/D,KAAK,gBAAgB,GAAI,qBAAqB,CAAC,YAAY,GAAG;IAC3D,WAAW,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC;CACjD,CAAC;AA2CJ,QAAA,MAAM,mBAAmB,yDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+  import { cn } from "../utils.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]:pl-8", className)}
+  {...restProps}
+/>

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

@@ -0,0 +1,9 @@
+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;
+//# sourceMappingURL=dropdown-menu-group-heading.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-group-heading.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-group-heading.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE5C,KAAK,gBAAgB,GAAI,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,GAAG;IAClF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAkBJ,QAAA,MAAM,wBAAwB,yDAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,14 @@
+<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/dropdown-menu/dropdown-menu-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
+declare const DropdownMenuGroup: import("svelte").Component<DropdownMenuPrimitive.GroupProps, {}, "ref">;
+type DropdownMenuGroup = ReturnType<typeof DropdownMenuGroup>;
+export default DropdownMenuGroup;
+//# sourceMappingURL=dropdown-menu-group.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAehE,QAAA,MAAM,iBAAiB,yEAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn } from "../utils.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(
+    "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 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 gap-2 rounded-sm px-2 py-1.5 text-sm 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,
+  )}
+  {...restProps}
+/>

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

@@ -0,0 +1,9 @@
+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;
+//# sourceMappingURL=dropdown-menu-item.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-item.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-item.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE/D,KAAK,gBAAgB,GAAI,qBAAqB,CAAC,SAAS,GAAG;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAqBJ,QAAA,MAAM,gBAAgB,yDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from "../utils.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("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8", className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,9 @@
+import { type WithElementRef } from "../utils.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;
+//# sourceMappingURL=dropdown-menu-label.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-label.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-label.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAErD,KAAK,gBAAgB,GAAI,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAoBJ,QAAA,MAAM,iBAAiB,yDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/ui/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/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts

@@ -0,0 +1,5 @@
+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;
+//# sourceMappingURL=dropdown-menu-radio-group.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-radio-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown-menu/dropdown-menu-radio-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBhE,QAAA,MAAM,sBAAsB,wFAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}