@ripple-ui/svelte 0.0.0-stage → 0.8.2

package/dist/components/ui/context-menu/context-menu-shortcut.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu-sub-content.svelte

@@ -0,0 +1,28 @@
+<!--
+  context-menu-sub-content.svelte — vendored shadcn-svelte ContextMenu.SubContent.
+  Re-tokened 2026-09-14 (ripple overlay canonical): host-only bg-popover / border
+  swapped for bg-ripple-popover + ring-ripple-border + backdrop-blur-md (glass
+  in tokens). 2026-09-17 (fix/port-gaps): moved off bg-ripple-surface, the host's
+  in-flow --card tint, which let page text read through the submenu. Wraps bits-ui ContextMenuPrimitive.SubContent.
+  Originally vendored 2026-07-10 (feat/canonical-menubar-contextmenu).
+-->
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ContextMenuPrimitive.SubContentProps = $props();
+</script>
+
+<ContextMenuPrimitive.SubContent
+	bind:ref
+	data-slot="context-menu-sub-content"
+	class={cn(
+		"bg-ripple-popover text-ripple-popover-foreground backdrop-blur-md 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-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--bits-context-menu-content-transform-origin) overflow-hidden rounded-xl ring-1 ring-ripple-border p-1 shadow-lg",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-sub-content.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -0,0 +1,35 @@
+<!--
+  context-menu-sub-trigger.svelte — vendored shadcn-svelte ContextMenu.SubTrigger.
+  Wraps bits-ui ContextMenuPrimitive.SubTrigger with the canonical accent
+  treatment + a trailing chevron. Vendored 2026-07-10 with the paw
+  frosted-popover canon.
+-->
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children,
+		...restProps
+	}: ContextMenuPrimitive.SubTriggerProps & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<ContextMenuPrimitive.SubTrigger
+	bind:ref
+	data-slot="context-menu-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ms-auto size-4" />
+</ContextMenuPrimitive.SubTrigger>

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu-sub.svelte

@@ -0,0 +1,12 @@
+<!--
+  context-menu-sub.svelte — vendored shadcn-svelte ContextMenu.Sub. Wraps bits-ui
+  ContextMenuPrimitive.Sub. Vendored 2026-07-10 with the paw frosted-popover
+  canon.
+-->
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.SubProps = $props();
+</script>
+
+<ContextMenuPrimitive.Sub bind:open {...restProps} />

package/dist/components/ui/context-menu/context-menu-sub.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu-trigger.svelte

@@ -0,0 +1,12 @@
+<!--
+  context-menu-trigger.svelte — vendored shadcn-svelte ContextMenu.Trigger. Wraps
+  bits-ui ContextMenuPrimitive.Trigger; right-clicking anywhere inside it opens
+  the menu at the cursor. Vendored 2026-07-10 with the paw frosted-popover canon.
+-->
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.TriggerProps = $props();
+</script>
+
+<ContextMenuPrimitive.Trigger bind:ref data-slot="context-menu-trigger" {...restProps} />

package/dist/components/ui/context-menu/context-menu-trigger.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu.svelte

@@ -0,0 +1,13 @@
+<!--
+  context-menu.svelte — vendored shadcn-svelte ContextMenu Root. Wraps bits-ui
+  ContextMenuPrimitive.Root, which anchors to the right-click cursor natively.
+  Vendored 2026-07-10 (feat/canonical-menubar-contextmenu) with the paw
+  frosted-popover canon on its Content part.
+-->
+<script lang="ts">
+	import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.RootProps = $props();
+</script>
+
+<ContextMenuPrimitive.Root bind:open {...restProps} />

package/dist/components/ui/context-menu/context-menu.svelte.d.ts

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

package/dist/components/ui/context-menu/index.d.ts

@@ -0,0 +1,17 @@
+import Root from "./context-menu.svelte";
+import Sub from "./context-menu-sub.svelte";
+import CheckboxItem from "./context-menu-checkbox-item.svelte";
+import Content from "./context-menu-content.svelte";
+import Group from "./context-menu-group.svelte";
+import Item from "./context-menu-item.svelte";
+import Label from "./context-menu-label.svelte";
+import RadioGroup from "./context-menu-radio-group.svelte";
+import RadioItem from "./context-menu-radio-item.svelte";
+import Separator from "./context-menu-separator.svelte";
+import Shortcut from "./context-menu-shortcut.svelte";
+import Trigger from "./context-menu-trigger.svelte";
+import SubContent from "./context-menu-sub-content.svelte";
+import SubTrigger from "./context-menu-sub-trigger.svelte";
+import GroupHeading from "./context-menu-group-heading.svelte";
+import Portal from "./context-menu-portal.svelte";
+export { CheckboxItem, Content, Portal, Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Portal as ContextMenuPortal, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, GroupHeading as ContextMenuGroupHeading, Group, GroupHeading, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/components/ui/context-menu/index.js

@@ -0,0 +1,24 @@
+// context-menu/index.ts — ContextMenu composable namespace. Added 2026-09-14 (ripple overlay
+// canonical): copied from paw-enterprise, re-tokened to ripple surface tokens,
+// exported through `@ripple-ui/svelte/ui`.
+// index.ts — vendored shadcn-svelte ContextMenu barrel, carrying the paw
+// frosted-popover canon on Content / SubContent. Mirrors ui/dropdown-menu's
+// index idiom. bits-ui ContextMenu is cursor-anchored (Trigger wraps the
+// right-clickable region). Vendored 2026-07-10 (feat/canonical-menubar-contextmenu).
+import Root from "./context-menu.svelte";
+import Sub from "./context-menu-sub.svelte";
+import CheckboxItem from "./context-menu-checkbox-item.svelte";
+import Content from "./context-menu-content.svelte";
+import Group from "./context-menu-group.svelte";
+import Item from "./context-menu-item.svelte";
+import Label from "./context-menu-label.svelte";
+import RadioGroup from "./context-menu-radio-group.svelte";
+import RadioItem from "./context-menu-radio-item.svelte";
+import Separator from "./context-menu-separator.svelte";
+import Shortcut from "./context-menu-shortcut.svelte";
+import Trigger from "./context-menu-trigger.svelte";
+import SubContent from "./context-menu-sub-content.svelte";
+import SubTrigger from "./context-menu-sub-trigger.svelte";
+import GroupHeading from "./context-menu-group-heading.svelte";
+import Portal from "./context-menu-portal.svelte";
+export { CheckboxItem, Content, Portal, Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Portal as ContextMenuPortal, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, GroupHeading as ContextMenuGroupHeading, Group, GroupHeading, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };

package/dist/components/ui/control.d.ts

@@ -0,0 +1,4 @@
+export declare const FIELD = "rfield flex min-w-0 flex-col gap-1.5";
+export declare const FIELD_LABEL = "text-sm font-medium leading-[1.35] text-ripple-surface-foreground";
+/** The md control height (36px), shared with input's md shell. */
+export declare const CONTROL_H = "h-9";

package/dist/components/ui/control.js

@@ -0,0 +1,11 @@
+// control.ts: the shared field rhythm for form atoms, so controls placed side
+// by side agree. Input, select, combobox, date-picker, time-picker and
+// number-input stack FIELD (label, 6px gap, control) and size the control box
+// with CONTROL_H at md. Every field and inline (switch, checkbox, radio) label
+// uses FIELD_LABEL's 1.35 line height, so wrapped labels read the same.
+// `rfield` is the hook Grid uses to put fields in one row on shared row lines;
+// a label that is not a <label> element carries data-field-label for it.
+export const FIELD = 'rfield flex min-w-0 flex-col gap-1.5';
+export const FIELD_LABEL = 'text-sm font-medium leading-[1.35] text-ripple-surface-foreground';
+/** The md control height (36px), shared with input's md shell. */
+export const CONTROL_H = 'h-9';

package/dist/components/ui/dialog/dialog-close.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from "bits-ui";
+
+	let {
+		ref = $bindable(null),
+		type = "button",
+		...restProps
+	}: DialogPrimitive.CloseProps = $props();
+</script>
+
+<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />

package/dist/components/ui/dialog/dialog-close.svelte.d.ts

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

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

@@ -0,0 +1,68 @@
+<!-- dialog-content.svelte
+     The modal box: portaled above a scrim (Dialog.Overlay), centred, glass in
+     tokens (bg-ripple-popover + backdrop-blur, ring-ripple-border). It is a
+     floating layer over content, so it uses --ripple-popover, not the in-flow
+     --ripple-surface card tint.
+     - Width: max-w-[calc(100%-2rem)] on phones, sm:max-w-sm by default. `cn`
+       runs twMerge, so a host widens it with a same-variant class
+       (`sm:max-w-lg`); a bare `max-w-md` loses to sm:max-w-sm on desktop.
+     - The single grid track is minmax(0,1fr), so a wide child (a long
+       Segmented, a table) can never stretch the track past the box. Without it
+       Dialog.Footer's -mx-4 bleed followed the stretched track out past the
+       right edge.
+     - `overlayClass` goes to the scrim, so a host stacking dialogs above its
+       own chrome lifts both layers (`class="z-[100]"` + `overlayClass="z-[100]"`).
+     - State variants are written in full (`data-[state=open]:`), not ripple's
+       shorthand, which resolves only where styles.css's @custom-variant rules
+       load. -->
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import DialogPortal from "./dialog-portal.svelte";
+	import type { Snippet } from "svelte";
+	import * as Dialog from "./index.js";
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import type { ComponentProps } from "svelte";
+	import { Button } from "../button/index.js";
+	import XIcon from '@lucide/svelte/icons/x';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		children,
+		showCloseButton = true,
+		overlayClass,
+		...restProps
+	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>>;
+		children: Snippet;
+		showCloseButton?: boolean;
+		/** Classes for the scrim (Dialog.Overlay), e.g. a z-index to match `class`. */
+		overlayClass?: string;
+	} = $props();
+</script>
+
+<DialogPortal {...portalProps}>
+	<Dialog.Overlay class={overlayClass} />
+	<DialogPrimitive.Content
+		bind:ref
+		data-slot="dialog-content"
+		class={cn(
+			"bg-ripple-popover text-ripple-popover-foreground backdrop-blur-xl 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 ring-ripple-border grid grid-cols-[minmax(0,1fr)] max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none sm:max-w-sm",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		{#if showCloseButton}
+			<DialogPrimitive.Close data-slot="dialog-close">
+				{#snippet child({ props })}
+					<Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
+						<XIcon  />
+						<span class="sr-only">Close</span>
+					</Button>
+				{/snippet}
+			</DialogPrimitive.Close>
+		{/if}
+	</DialogPrimitive.Content>
+</DialogPortal>

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

@@ -0,0 +1,15 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+import DialogPortal from "./dialog-portal.svelte";
+import type { Snippet } from "svelte";
+import { type WithoutChildrenOrChild } from "../../../utils.js";
+import type { ComponentProps } from "svelte";
+type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>>;
+    children: Snippet;
+    showCloseButton?: boolean;
+    /** Classes for the scrim (Dialog.Overlay), e.g. a z-index to match `class`. */
+    overlayClass?: string;
+};
+declare const DialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;

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

@@ -0,0 +1,19 @@
+<!-- dialog-description.svelte — the dialog's muted subtitle. text-pretty keeps a
+     two-line description from ending on a lone orphan word. -->
+<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 *:[a]:hover:text-foreground text-sm text-pretty *:[a]:underline *:[a]:underline-offset-3", className)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { Button } from "../button/index.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		showCloseButton = false,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		showCloseButton?: boolean;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dialog-footer"
+	class={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+	{...restProps}
+>
+	{@render children?.()}
+	{#if showCloseButton}
+		<DialogPrimitive.Close>
+			{#snippet child({ props })}
+				<Button variant="outline" {...props}>Close</Button>
+			{/snippet}
+		</DialogPrimitive.Close>
+	{/if}
+</div>

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+<!-- dialog-overlay.svelte — shadcn-svelte primitive wrapper over bits-ui.
+     2026-09-14: state variants written out in full (`data-[state=open]:` …) instead of
+     ripple's `data-open`-style shorthand. The shorthand resolves only where styles.css's
+     @custom-variant declarations are loaded; a consumer importing theme.css alone got
+     `[data-open]`, which bits-ui never emits — so these classes were silently dead. -->
+<script lang="ts">
+	import { Dialog as DialogPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DialogPrimitive.OverlayProps = $props();
+</script>
+
+<DialogPrimitive.Overlay
+	bind:ref
+	data-slot="dialog-overlay"
+	class={cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
+	{...restProps}
+/>

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

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

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

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

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

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

package/dist/components/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-base leading-none font-medium", className)}
+	{...restProps}
+/>

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

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

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

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

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

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

package/dist/components/ui/dialog/dialog.svelte

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

package/dist/components/ui/dialog/dialog.svelte.d.ts

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

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

@@ -0,0 +1,11 @@
+import Root from "./dialog.svelte";
+import Portal from "./dialog-portal.svelte";
+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";
+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/components/ui/dialog/index.js

@@ -0,0 +1,13 @@
+import Root from "./dialog.svelte";
+import Portal from "./dialog-portal.svelte";
+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";
+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/components/ui/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/components/ui/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/components/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 ps-8 pe-2 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 start-2 flex size-3.5 items-center justify-center"
+		>
+			{#if indeterminate}
+				<MinusIcon class="size-4" />
+			{:else}
+				<CheckIcon class={cn("size-4", !checked && "text-transparent")} />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</DropdownMenuPrimitive.CheckboxItem>

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

@@ -0,0 +1,9 @@
+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;