@heyramzi/ui 2.23.0 → 3.0.0

package/src/record/steps-rail.svelte

@@ -14,6 +14,7 @@
 	} from "phosphor-svelte";
 	import { cn } from "../lib/utils.js";
 	import { Button } from "../shadcn/button/index.js";
+	import CountChip from "../components/chip/count-chip.svelte";
 	import { Input } from "../shadcn/input/index.js";
 	import { Skeleton } from "../shadcn/skeleton/index.js";
 	import * as Popover from "../shadcn/popover/index.js";
@@ -242,7 +243,7 @@
 {#snippet marker(kind: StepMarker)}
 	{#if kind === "complete"}
 		<span class="flex size-4 items-center justify-center rounded-full bg-success text-white">
-			<Check class="size-2.5" weight="bold" />
+			<Check aria-hidden="true" class="size-2.5" weight="bold" />
 		</span>
 	{:else if kind === "current"}
 		<span class="rounded-full bg-card p-0.75">
@@ -277,12 +278,14 @@
 							class="relative ml-auto text-muted-foreground"
 							aria-label={t.editSteps}
 						>
-							<DotsThreeVertical class="size-4" weight="bold" />
+							<DotsThreeVertical aria-hidden="true" class="size-4" weight="bold" />
 							{#if hiddenCount > 0}
-								<span
-									class="absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-muted px-1 text-xs font-medium tabular-nums"
-									>{hiddenCount.toLocaleString()}</span
-								>
+								<!-- Opaque, since it sits over the icon's corner. -->
+								<CountChip
+									count={hiddenCount}
+									size="sm"
+									class="absolute -top-0.5 -right-0.5 bg-muted"
+								/>
 							{/if}
 						</Button>
 					{/snippet}
@@ -303,9 +306,9 @@
 							>
 								<span class="flex size-4 shrink-0 items-center justify-center">
 									{#if step.hidden}
-										<EyeSlash class="size-3.5 text-muted-foreground" />
+										<EyeSlash aria-hidden="true" class="size-3.5 text-muted-foreground" />
 									{:else}
-										<Eye class="size-3.5" />
+										<Eye aria-hidden="true" class="size-3.5" />
 									{/if}
 								</span>
 								<span
@@ -442,29 +445,29 @@
 								<ContextMenu.Content class="w-48">
 									{#if onRename}
 										<ContextMenu.Item onclick={() => startRename(step)}>
-											<PencilSimple class="mr-2 size-3.5" />
+											<PencilSimple aria-hidden="true" class="mr-2 size-3.5" />
 											{t.rename}
 										</ContextMenu.Item>
 										{#if step.renamed}
 											<ContextMenu.Item onclick={() => onRename(step.id, "")}>
-												<ArrowCounterClockwise class="mr-2 size-3.5" />
+												<ArrowCounterClockwise aria-hidden="true" class="mr-2 size-3.5" />
 												{t.resetName}
 											</ContextMenu.Item>
 										{/if}
 									{/if}
 									{#if onReorder}
 										<ContextMenu.Item onclick={() => applyOrder(nudgeStep(ordered, step.id, -1))}>
-											<ArrowUp class="mr-2 size-3.5" />
+											<ArrowUp aria-hidden="true" class="mr-2 size-3.5" />
 											{t.moveUp}
 										</ContextMenu.Item>
 										<ContextMenu.Item onclick={() => applyOrder(nudgeStep(ordered, step.id, 1))}>
-											<ArrowDown class="mr-2 size-3.5" />
+											<ArrowDown aria-hidden="true" class="mr-2 size-3.5" />
 											{t.moveDown}
 										</ContextMenu.Item>
 									{/if}
 									{#if onToggle}
 										<ContextMenu.Item onclick={() => onToggle(step.id, false)}>
-											<EyeSlash class="mr-2 size-3.5" />
+											<EyeSlash aria-hidden="true" class="mr-2 size-3.5" />
 											{t.hide}
 										</ContextMenu.Item>
 									{/if}

package/src/record/steps-rail.svelte.d.ts

@@ -0,0 +1,23 @@
+import { type RecordLabels, type StepDef, type StepGroupDef } from "./types.js";
+interface Props {
+    steps: StepDef[];
+    /** Group headers in the order to draw them, such as Sales then Delivery. */
+    groups?: StepGroupDef[];
+    activeId?: string | null;
+    onSelect?: (id: string) => void;
+    /** Show or hide a step. Without it the visibility menu isn't drawn. */
+    onToggle?: (id: string, visible: boolean) => void;
+    /** The whole new id order, after a drag or a keyboard move. */
+    onReorder?: (ids: string[]) => void;
+    /** An empty label resets the name. */
+    onRename?: (id: string, label: string) => void;
+    loading?: boolean;
+    labels?: Partial<RecordLabels>;
+    locale?: string;
+    /** ISO date. Decides "late". Defaults to the viewer's today. */
+    today?: string;
+    class?: string;
+}
+declare const $$Component: import("svelte").Component<Props, {}, "">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/record/where-we-are.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Tone } from "../lib/tone.js";
+import { type RecordLabels } from "./types.js";
+interface Props {
+    /** The status note. Nothing draws without it. */
+    note?: string | null;
+    /** ISO timestamp of the note. */
+    at?: string | null;
+    actor?: string | null;
+    health?: {
+        label: string;
+        tone: Tone;
+    } | null;
+    /** Client mode: the project this note belongs to. */
+    project?: {
+        name: string;
+        href?: string | null;
+    } | null;
+    labels?: Partial<RecordLabels>;
+    locale?: string;
+    now?: Date | number;
+    class?: string;
+}
+declare const $$Component: import("svelte").Component<Props, {}, "">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/accordion/accordion-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const $$Component: import("svelte").Component<Omit<AccordionPrimitive.ContentProps, "child">, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/accordion/accordion-item.svelte.d.ts

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

package/src/shadcn/accordion/accordion-trigger.svelte

@@ -35,7 +35,7 @@
 		{:else}
 			<!-- One caret that turns over, not two that swap. A transform and not a
 			     `d:` path morph, which is Chromium-only. -->
-			<CaretDown
+			<CaretDown aria-hidden="true"
 				data-slot="accordion-trigger-icon"
 				class="cn-accordion-trigger-icon pointer-events-none shrink-0 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-smooth-out)] group-aria-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none"
 			/>

package/src/shadcn/accordion/accordion-trigger.svelte.d.ts

@@ -0,0 +1,12 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+import { type WithoutChild } from "../../lib/utils.js";
+import type { Snippet } from "svelte";
+type $$ComponentProps = WithoutChild<AccordionPrimitive.TriggerProps> & {
+    level?: AccordionPrimitive.HeaderProps["level"];
+    /** Replaces the caret, e.g. a plus that turns into a minus. Style it off
+     * `group-aria-expanded/accordion-trigger:`. */
+    indicator?: Snippet;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/accordion/accordion.svelte.d.ts

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

package/src/shadcn/alert/alert-description.svelte.d.ts

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

package/src/shadcn/alert/alert-title.svelte.d.ts

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

package/src/shadcn/alert/alert-variants.ts

@@ -6,7 +6,7 @@ export const alertVariants = tv({
     variant: {
       default: "bg-card text-card-foreground",
       destructive:
-        "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
+        "text-destructive-ink bg-card *:data-[slot=alert-description]:text-destructive-ink [&>svg]:text-current",
     },
   },
   defaultVariants: {

package/src/shadcn/alert/alert.svelte.d.ts

@@ -0,0 +1,10 @@
+import { alertVariants, type AlertVariant } from "./alert-variants.js";
+export { alertVariants, type AlertVariant };
+import type { HTMLAttributes } from "svelte/elements";
+import { type WithElementRef } from "../../lib/utils.js";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    variant?: AlertVariant;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/alert-dialog/alert-dialog-action.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-cancel.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+import AlertDialogPortal from "./alert-dialog-portal.svelte";
+import { type WithoutChild, type WithoutChildrenOrChild } from "../../lib/utils.js";
+import type { ComponentProps } from "svelte";
+type $$ComponentProps = WithoutChild<AlertDialogPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof AlertDialogPortal>>;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/alert-dialog/alert-dialog-description.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-footer.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type WithElementRef } from "../../lib/utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    /** A hairline and a quiet surface out to both edges and the bottom corners. Last child only. */
+    band?: boolean;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/alert-dialog/alert-dialog-header.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-overlay.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-portal.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-title.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog-trigger.svelte.d.ts

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

package/src/shadcn/alert-dialog/alert-dialog.svelte.d.ts

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

package/src/shadcn/attachment/attachment-action.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { Button, type ButtonProps } from "../button/index.js";
 	import { cn } from "../../lib/utils.js";
+	import { getAttachmentTitleId } from "./context.js";
 
 	let {
 		ref = $bindable(null),
@@ -8,16 +9,22 @@
 		variant = "ghost",
 		size = "sm",
 		icon = true,
+		"aria-label": ariaLabel,
 		...restProps
 	}: ButtonProps = $props();
+
+	const titleId = getAttachmentTitleId();
 </script>
 
+<!-- An unnamed icon action reads "Remove", with the card's title as its description. -->
 <Button
 	bind:ref
 	data-slot="attachment-action"
 	{variant}
 	{size}
 	{icon}
+	aria-label={ariaLabel ?? (icon ? "Remove" : undefined)}
+	aria-describedby={icon && !ariaLabel ? titleId : undefined}
 	class={cn("cn-attachment-action", className)}
 	{...restProps}
 />

package/src/shadcn/attachment/attachment-action.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from "../button/index.js";
+declare const $$Component: import("svelte").Component<ButtonProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/attachment/attachment-actions.svelte.d.ts

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

package/src/shadcn/attachment/attachment-content.svelte.d.ts

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

package/src/shadcn/attachment/attachment-description.svelte.d.ts

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

package/src/shadcn/attachment/attachment-group.svelte.d.ts

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

package/src/shadcn/attachment/attachment-media.svelte.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const attachmentMediaVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        icon: string;
+        image: string;
+    };
+}, undefined, "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none bg-muted text-foreground w-10 rounded-lg group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md [&_svg:not([class*='size-'])]:size-4 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5 group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6!", undefined, undefined, undefined>;
+export type AttachmentMediaVariant = VariantProps<typeof attachmentMediaVariants>["variant"];
+import { type WithElementRef } from "../../lib/utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    variant?: AttachmentMediaVariant;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/attachment/attachment-title.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
+	import { getAttachmentTitleId } from "./context.js";
 
 	let {
 		ref = $bindable(null),
 		class: className,
+		id = getAttachmentTitleId(),
 		children,
 		...restProps
 	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
@@ -12,6 +14,7 @@
 
 <span
 	bind:this={ref}
+	{id}
 	data-slot="attachment-title"
 	class={cn(
 		"cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer font-medium",

package/src/shadcn/attachment/attachment-title.svelte.d.ts

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

package/src/shadcn/attachment/attachment-trigger.svelte

@@ -2,6 +2,7 @@
 	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { Snippet } from "svelte";
 	import type { HTMLButtonAttributes } from "svelte/elements";
+	import { getAttachmentTitleId } from "./context.js";
 
 	let {
 		ref = $bindable(null),
@@ -13,9 +14,13 @@
 		child?: Snippet<[{ props: Record<string, unknown> }]>;
 	} = $props();
 
+	const titleId = getAttachmentTitleId();
+
+	// With no aria-label, the trigger is named by the card's title, since it has no text of its own.
 	const mergedProps = $derived({
 		class: cn("cn-attachment-trigger absolute inset-0 z-10 outline-none", className),
 		"data-slot": "attachment-trigger",
+		"aria-labelledby": restProps["aria-label"] ? undefined : titleId,
 		...restProps,
 	});
 </script>

package/src/shadcn/attachment/attachment-trigger.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type WithElementRef } from "../../lib/utils.js";
+import type { Snippet } from "svelte";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLButtonAttributes> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/attachment/attachment.svelte

@@ -26,6 +26,7 @@
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../lib/utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
+	import { setAttachmentTitleId } from "./context.js";
 
 	let {
 		ref = $bindable(null),
@@ -40,6 +41,9 @@
 		size?: AttachmentSize;
 		orientation?: AttachmentOrientation;
 	} = $props();
+
+	const uid = $props.id();
+	setAttachmentTitleId(`${uid}-title`);
 </script>
 
 <div

package/src/shadcn/attachment/attachment.svelte.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const attachmentVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: string;
+        sm: string;
+        xs: string;
+    };
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+}, undefined, "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed rounded-xl w-fit focus-within:ring-1 focus-within:ring-ring/50", undefined, undefined, undefined>;
+export type AttachmentSize = VariantProps<typeof attachmentVariants>["size"];
+export type AttachmentOrientation = VariantProps<typeof attachmentVariants>["orientation"];
+export type AttachmentState = "idle" | "uploading" | "processing" | "error" | "done";
+import { type WithElementRef } from "../../lib/utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    state?: AttachmentState;
+    size?: AttachmentSize;
+    orientation?: AttachmentOrientation;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/attachment/context.ts

@@ -0,0 +1,13 @@
+import { getContext, setContext } from "svelte";
+
+const KEY = Symbol("attachment");
+
+/** Called by Attachment.Root: the id its Title takes, so the Trigger and Actions can point at it. */
+export function setAttachmentTitleId(id: string): void {
+  setContext(KEY, id);
+}
+
+/** The enclosing card's title id, or undefined outside an Attachment.Root. */
+export function getAttachmentTitleId(): string | undefined {
+  return getContext<string | undefined>(KEY);
+}

package/src/shadcn/avatar/avatar-badge.svelte.d.ts

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

package/src/shadcn/avatar/avatar-fallback.svelte.d.ts

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

package/src/shadcn/avatar/avatar-group-count.svelte.d.ts

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

package/src/shadcn/avatar/avatar-group.svelte.d.ts

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

package/src/shadcn/avatar/avatar-image.svelte.d.ts

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

package/src/shadcn/avatar/avatar.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Avatar as AvatarPrimitive } from "bits-ui";
+type $$ComponentProps = AvatarPrimitive.RootProps & {
+    size?: "default" | "sm" | "lg";
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref" | "loadingStatus">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/badge/badge.svelte.d.ts

@@ -0,0 +1,13 @@
+import { badgeVariants, type BadgeVariant } from "./badge-variants.js";
+export { badgeVariants, type BadgeVariant };
+import type { HTMLAnchorAttributes } from "svelte/elements";
+import { type WithElementRef } from "../../lib/utils.js";
+import { type Tone } from "../../lib/tone.js";
+type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
+    variant?: BadgeVariant;
+    /** The severity scale. Draws an outlined chip in the tone's colours and ignores `variant`. */
+    tone?: Tone;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte

@@ -18,6 +18,6 @@
 	class={cn("flex size-9 items-center justify-center", className)}
 	{...restProps}
 >
-	<DotsThree class="size-4" />
+	<DotsThree aria-hidden="true" class="size-4" />
 	<span class="sr-only">More</span>
 </span>

package/src/shadcn/breadcrumb/breadcrumb-ellipsis.svelte.d.ts

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

package/src/shadcn/breadcrumb/breadcrumb-item.svelte.d.ts

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

package/src/shadcn/breadcrumb/breadcrumb-link.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAnchorAttributes } from "svelte/elements";
+import type { Snippet } from "svelte";
+import { type WithElementRef } from "../../lib/utils.js";
+type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
+    child?: Snippet<[{
+        props: HTMLAnchorAttributes;
+    }]>;
+};
+declare const $$Component: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type $$Component = ReturnType<typeof $$Component>;
+export default $$Component;

package/src/shadcn/breadcrumb/breadcrumb-list.svelte.d.ts

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

package/src/shadcn/breadcrumb/breadcrumb-page.svelte.d.ts

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

package/src/shadcn/breadcrumb/breadcrumb-separator.svelte

@@ -22,6 +22,6 @@
 	{#if children}
 		{@render children?.()}
 	{:else}
-		<CaretRight />
+		<CaretRight aria-hidden="true" />
 	{/if}
 </li>

package/src/shadcn/breadcrumb/breadcrumb-separator.svelte.d.ts

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