@signal9/era-ui 1.1.2

package/dist/ui/card/card.svelte

@@ -0,0 +1,159 @@
+<script lang="ts" module>
+	import { cn, tv } from '../../utils/index.js';
+
+	export const cardVariants = tv({
+		base: 'block w-full rounded-(--era-rd-lg) text-left text-fg',
+		variants: {
+			tone: {
+				elevated: 'bg-(--era-surface-bg-elevated) shadow-(--era-shadow)',
+				surface: 'bg-(--era-surface-bg)',
+				flat: ''
+			},
+			// Sectioned layout (header / body / footer with dividers) omits the
+			// outer padding — each section pads itself so dividers run edge-to-edge.
+			// `p-0` (not just "no class") so a <button> card drops the browser's
+			// default button padding and lines up with the <div>/<a> variants.
+			sectioned: { true: 'p-0', false: 'p-(--era-pad-md)' },
+			interactive: {
+				true: 'cursor-pointer hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus-visible:bg-(--era-highlight) era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50'
+			}
+		},
+		defaultVariants: { tone: 'elevated', sectioned: false, interactive: false }
+	});
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
+
+	type CardElement = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;
+
+	type AnchorBits = Pick<
+		HTMLAnchorAttributes,
+		'href' | 'target' | 'rel' | 'download' | 'hreflang' | 'referrerpolicy'
+	>;
+	type ButtonBits = Pick<
+		HTMLButtonAttributes,
+		| 'type'
+		| 'disabled'
+		| 'form'
+		| 'formaction'
+		| 'formmethod'
+		| 'formtarget'
+		| 'formnovalidate'
+		| 'name'
+		| 'value'
+	>;
+
+	let {
+		ref = $bindable(null),
+		tone = 'elevated',
+		href,
+		target,
+		rel,
+		download,
+		hreflang,
+		referrerpolicy,
+		type,
+		disabled,
+		form,
+		formaction,
+		formmethod,
+		formtarget,
+		formnovalidate,
+		name,
+		value,
+		onclick,
+		header,
+		footer,
+		children,
+		class: className,
+		...restProps
+	}: HTMLAttributes<HTMLElement> &
+		AnchorBits &
+		ButtonBits & {
+			ref?: CardElement | null;
+			/**
+			 * Surface tier the card paints on.
+			 * - `elevated` (default): the lifted surface. Use on the page background.
+			 * - `surface`: the base surface tier. Use when nesting cards inside another elevated container.
+			 * - `flat`: no background; only the rounded/padded shell. For grouping content visually without adding contrast.
+			 */
+			tone?: 'elevated' | 'surface' | 'flat';
+			/** Rendered above the body with a subtle divider. */
+			header?: Snippet;
+			/** Rendered below the body with a subtle divider. */
+			footer?: Snippet;
+			children?: Snippet;
+		} = $props();
+
+	const sectioned = $derived(header != null || footer != null);
+</script>
+
+{#snippet body()}
+	{#if sectioned}
+		{#if header}
+			<div class="border-b border-divider-faded p-(--era-pad-md) text-bright">
+				{@render header()}
+			</div>
+		{/if}
+		<div class="p-(--era-pad-md)">
+			{@render children?.()}
+		</div>
+		{#if footer}
+			<div class="border-t border-divider-faded p-(--era-pad-md)">
+				{@render footer()}
+			</div>
+		{/if}
+	{:else}
+		{@render children?.()}
+	{/if}
+{/snippet}
+
+{#if href != null}
+	<!-- Card is a generic wrapper; consumers pass external URLs or pre-resolved paths. -->
+	<!-- eslint-disable svelte/no-navigation-without-resolve -->
+	<a
+		bind:this={ref as HTMLAnchorElement}
+		href={disabled ? undefined : href}
+		{target}
+		{rel}
+		{download}
+		{hreflang}
+		{referrerpolicy}
+		aria-disabled={disabled || undefined}
+		tabindex={disabled ? -1 : undefined}
+		onclick={disabled ? (e) => e.preventDefault() : onclick}
+		class={cn(cardVariants({ tone, sectioned, interactive: true }), className)}
+		{...restProps}
+	>
+		{@render body()}
+	</a>
+	<!-- eslint-enable svelte/no-navigation-without-resolve -->
+{:else if onclick != null}
+	<button
+		bind:this={ref as HTMLButtonElement}
+		type={type ?? 'button'}
+		{disabled}
+		{form}
+		{formaction}
+		{formmethod}
+		{formtarget}
+		{formnovalidate}
+		{name}
+		{value}
+		{onclick}
+		class={cn(cardVariants({ tone, sectioned, interactive: true }), className)}
+		{...restProps}
+	>
+		{@render body()}
+	</button>
+{:else}
+	<div
+		bind:this={ref as HTMLDivElement}
+		class={cn(cardVariants({ tone, sectioned }), className)}
+		{...restProps}
+	>
+		{@render body()}
+	</div>
+{/if}

package/dist/ui/card/card.svelte.d.ts

@@ -0,0 +1,63 @@
+export declare const cardVariants: import("tailwind-variants").TVReturnType<{
+    tone: {
+        elevated: string;
+        surface: string;
+        flat: string;
+    };
+    sectioned: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+    };
+}, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", {
+    tone: {
+        elevated: string;
+        surface: string;
+        flat: string;
+    };
+    sectioned: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    tone: {
+        elevated: string;
+        surface: string;
+        flat: string;
+    };
+    sectioned: {
+        true: string;
+        false: string;
+    };
+    interactive: {
+        true: string;
+    };
+}, undefined, "block w-full rounded-(--era-rd-lg) text-left text-fg", unknown, unknown, undefined>>;
+import type { Snippet } from 'svelte';
+import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
+type CardElement = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;
+type AnchorBits = Pick<HTMLAnchorAttributes, 'href' | 'target' | 'rel' | 'download' | 'hreflang' | 'referrerpolicy'>;
+type ButtonBits = Pick<HTMLButtonAttributes, 'type' | 'disabled' | 'form' | 'formaction' | 'formmethod' | 'formtarget' | 'formnovalidate' | 'name' | 'value'>;
+type $$ComponentProps = HTMLAttributes<HTMLElement> & AnchorBits & ButtonBits & {
+    ref?: CardElement | null;
+    /**
+     * Surface tier the card paints on.
+     * - `elevated` (default): the lifted surface. Use on the page background.
+     * - `surface`: the base surface tier. Use when nesting cards inside another elevated container.
+     * - `flat`: no background; only the rounded/padded shell. For grouping content visually without adding contrast.
+     */
+    tone?: 'elevated' | 'surface' | 'flat';
+    /** Rendered above the body with a subtle divider. */
+    header?: Snippet;
+    /** Rendered below the body with a subtle divider. */
+    footer?: Snippet;
+    children?: Snippet;
+};
+declare const Card: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Card = ReturnType<typeof Card>;
+export default Card;

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

@@ -0,0 +1 @@
+export { default as Card } from './card.svelte';

package/dist/ui/card/index.js

@@ -0,0 +1 @@
+export { default as Card } from './card.svelte';

package/dist/ui/checkbox/checkbox-group-label.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Checkbox } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: Checkbox.GroupLabelProps = $props();
+</script>
+
+<Checkbox.GroupLabel bind:ref class={cn('text-body text-muted', className)} {...restProps} />

package/dist/ui/checkbox/checkbox-group-label.svelte.d.ts

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

package/dist/ui/checkbox/checkbox-group.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Checkbox } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable([]),
+		class: className,
+		...restProps
+	}: Checkbox.GroupProps = $props();
+</script>
+
+<Checkbox.Group
+	bind:ref
+	bind:value
+	class={cn('flex flex-col gap-(--era-gap)', className)}
+	{...restProps}
+/>

package/dist/ui/checkbox/checkbox-group.svelte.d.ts

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

package/dist/ui/checkbox/checkbox.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Checkbox } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+	import Check from '@lucide/svelte/icons/check';
+	import Minus from '@lucide/svelte/icons/minus';
+
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		class: className,
+		...restProps
+	}: Checkbox.RootProps = $props();
+</script>
+
+<Checkbox.Root
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	class={cn(
+		'group flex size-(--era-h-xs) shrink-0 era-interactive cursor-pointer items-center justify-center rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) shadow-(--era-shadow-well) hover:bg-(--era-highlight)',
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked, indeterminate })}
+		{#if indeterminate}
+			<Minus class="size-[calc(var(--era-h-xs)*0.75)] text-fg" strokeWidth={3} />
+		{:else if checked}
+			<Check class="size-[calc(var(--era-h-xs)*0.75)] text-fg" strokeWidth={3} />
+		{/if}
+	{/snippet}
+</Checkbox.Root>

package/dist/ui/checkbox/checkbox.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Checkbox } from 'bits-ui';
+declare const Checkbox: import("svelte").Component<Checkbox.RootProps, {}, "ref" | "checked" | "indeterminate">;
+type Checkbox = ReturnType<typeof Checkbox>;
+export default Checkbox;

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

@@ -0,0 +1,3 @@
+export { default as Root } from './checkbox.svelte';
+export { default as Group } from './checkbox-group.svelte';
+export { default as GroupLabel } from './checkbox-group-label.svelte';

package/dist/ui/checkbox/index.js

@@ -0,0 +1,3 @@
+export { default as Root } from './checkbox.svelte';
+export { default as Group } from './checkbox-group.svelte';
+export { default as GroupLabel } from './checkbox-group-label.svelte';

package/dist/ui/chip/chip.svelte

@@ -0,0 +1,66 @@
+<script lang="ts" module>
+	import { tv } from '../../utils/index.js';
+
+	// Chip is uniformly the standalone-pill tier (h-sm = 2·sp + 6) — the
+	// ladder's own spec for a free chip — so text-only and dismissible chips
+	// share one height. Text pads with the pill side padding (glyph-advance
+	// derived, ~2× the vertical inset — see density.css) so words breathe;
+	// the dismiss button (icon tier, h-xs) still nests with the xs-inset-sm
+	// concentric gap (sp/2, the same pairing Switch's thumb and KV's icon
+	// use), so promoting the housing never violates the even-gap law.
+	export const chipVariants = tv({
+		base: 'inline-flex h-(--era-h-sm) min-w-(--era-h-sm) items-center rounded-(--era-rd-sm) bg-hover pl-(--era-pill-sm) font-mono text-body leading-none text-fg shadow-(--era-shadow)',
+		variants: {
+			dismissible: {
+				true: 'gap-(--era-xs-inset-sm) pr-(--era-xs-inset-sm)',
+				false: 'gap-(--era-gap) pr-(--era-pill-sm)'
+			}
+		},
+		defaultVariants: { dismissible: false }
+	});
+</script>
+
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/index.js';
+	import { Button } from '../button';
+	import X from '@lucide/svelte/icons/x';
+
+	let {
+		ref = $bindable(null),
+		ondismiss,
+		children,
+		class: className,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		ref?: HTMLDivElement | null;
+		ondismiss?: () => void;
+		children?: Snippet;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn(chipVariants({ dismissible: !!ondismiss }), className)}
+	{...restProps}
+>
+	{@render children?.()}
+	{#if ondismiss}
+		<!--
+			Stop pointerdown/up from bubbling to ancestor triggers (Select.Trigger,
+			Popover.Trigger, etc.) that open on pointerdown — otherwise dismissing
+			a chip inside a trigger would also toggle the trigger.
+		-->
+		<Button
+			icon
+			size="icon"
+			tone="destructive"
+			onclick={ondismiss}
+			onpointerdown={(e: PointerEvent) => e.stopPropagation()}
+			onpointerup={(e: PointerEvent) => e.stopPropagation()}
+		>
+			<X class="size-(--era-h-xs)" />
+		</Button>
+	{/if}
+</div>

package/dist/ui/chip/chip.svelte.d.ts

@@ -0,0 +1,26 @@
+export declare const chipVariants: import("tailwind-variants").TVReturnType<{
+    dismissible: {
+        true: string;
+        false: string;
+    };
+}, undefined, "inline-flex h-(--era-h-sm) min-w-(--era-h-sm) items-center rounded-(--era-rd-sm) bg-hover pl-(--era-pill-sm) font-mono text-body leading-none text-fg shadow-(--era-shadow)", {
+    dismissible: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    dismissible: {
+        true: string;
+        false: string;
+    };
+}, undefined, "inline-flex h-(--era-h-sm) min-w-(--era-h-sm) items-center rounded-(--era-rd-sm) bg-hover pl-(--era-pill-sm) font-mono text-body leading-none text-fg shadow-(--era-shadow)", unknown, unknown, undefined>>;
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: HTMLDivElement | null;
+    ondismiss?: () => void;
+    children?: Snippet;
+};
+declare const Chip: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Chip = ReturnType<typeof Chip>;
+export default Chip;

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

@@ -0,0 +1 @@
+export { default as Chip } from './chip.svelte';

package/dist/ui/chip/index.js

@@ -0,0 +1 @@
+export { default as Chip } from './chip.svelte';

package/dist/ui/code-block/code-block.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/index.js';
+	import { Button } from '../button';
+	import Copy from '@lucide/svelte/icons/copy';
+	import Check from '@lucide/svelte/icons/check';
+
+	let {
+		ref = $bindable(null),
+		code,
+		copyable = true,
+		children,
+		class: className,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		ref?: HTMLDivElement | null;
+		code?: string;
+		copyable?: boolean;
+		children?: Snippet;
+	} = $props();
+
+	let copied = $state(false);
+
+	function copy() {
+		const text = code ?? ref?.querySelector('code')?.textContent ?? '';
+		navigator.clipboard.writeText(text);
+		copied = true;
+		setTimeout(() => {
+			copied = false;
+		}, 1500);
+	}
+</script>
+
+<div
+	bind:this={ref}
+	class={cn('relative rounded-(--era-rd-lg) bg-surface shadow-(--era-shadow)', className)}
+	{...restProps}
+>
+	<pre
+		class="overflow-x-auto p-(--era-inset-md) pr-[calc(var(--era-inset-md)+var(--era-h-sm)+var(--era-inset-md))] font-mono text-body leading-relaxed text-fg"><code
+			>{#if children}{@render children()}{:else}{code}{/if}</code
+		></pre>
+	{#if copyable}
+		<Button
+			icon
+			size="sm"
+			class="absolute top-[calc(var(--era-inset-md)+(var(--era-text)*1.625-var(--era-h-sm))/2)] right-[calc(var(--era-inset-md)+(var(--era-text)*1.625-var(--era-h-sm))/2)]"
+			onclick={copy}
+		>
+			{#if copied}
+				<Check class="size-(--era-h-xs)" />
+			{:else}
+				<Copy class="size-(--era-h-xs)" />
+			{/if}
+		</Button>
+	{/if}
+</div>

package/dist/ui/code-block/code-block.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: HTMLDivElement | null;
+    code?: string;
+    copyable?: boolean;
+    children?: Snippet;
+};
+declare const CodeBlock: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CodeBlock = ReturnType<typeof CodeBlock>;
+export default CodeBlock;

package/dist/ui/code-block/index.d.ts

@@ -0,0 +1 @@
+export { default as CodeBlock } from './code-block.svelte';

package/dist/ui/code-block/index.js

@@ -0,0 +1 @@
+export { default as CodeBlock } from './code-block.svelte';

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Collapsible } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<Collapsible.ContentProps> = $props();
+</script>
+
+<Collapsible.Content bind:ref class={cn('overflow-hidden text-body', className)} {...restProps}>
+	{@render children?.()}
+</Collapsible.Content>

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

@@ -0,0 +1,5 @@
+import { Collapsible } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const CollapsibleContent: import("svelte").Component<PartProps<Collapsible.ContentProps>, {}, "ref">;
+type CollapsibleContent = ReturnType<typeof CollapsibleContent>;
+export default CollapsibleContent;

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Collapsible } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<Collapsible.TriggerProps> = $props();
+</script>
+
+<Collapsible.Trigger
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) w-full items-center rounded-(--era-rd-md) px-(--era-inset-md) text-body text-fg hover:bg-(--era-highlight) focus:outline-none disabled:opacity-50',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</Collapsible.Trigger>

package/dist/ui/collapsible/collapsible-trigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const CollapsibleTrigger: import("svelte").Component<PartProps<Collapsible.TriggerProps>, {}, "ref">;
+type CollapsibleTrigger = ReturnType<typeof CollapsibleTrigger>;
+export default CollapsibleTrigger;

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

@@ -0,0 +1,4 @@
+import { Collapsible } from 'bits-ui';
+export declare const Root: typeof Collapsible.Root;
+export { default as Trigger } from './collapsible-trigger.svelte';
+export { default as Content } from './collapsible-content.svelte';

package/dist/ui/collapsible/index.js

@@ -0,0 +1,4 @@
+import { Collapsible } from 'bits-ui';
+export const Root = Collapsible.Root;
+export { default as Trigger } from './collapsible-trigger.svelte';
+export { default as Content } from './collapsible-content.svelte';

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { Combobox } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 0,
+		...restProps
+	}: PartProps<Combobox.ContentProps> = $props();
+</script>
+
+<Combobox.Content
+	bind:ref
+	align="start"
+	class={cn(
+		'z-50 w-max min-w-(--bits-combobox-anchor-width) overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur data-[side=bottom]:rounded-t-none data-[side=top]:rounded-b-none',
+		className
+	)}
+	{sideOffset}
+	{...restProps}
+>
+	{@render children?.()}
+</Combobox.Content>

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

@@ -0,0 +1,5 @@
+import { Combobox } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const ComboboxContent: import("svelte").Component<PartProps<Combobox.ContentProps>, {}, "ref">;
+type ComboboxContent = ReturnType<typeof ComboboxContent>;
+export default ComboboxContent;

package/dist/ui/combobox/combobox-empty.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		children,
+		class: className
+	}: {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+</script>
+
+<div
+	class={cn('flex h-(--era-h-md) items-center px-(--era-inset-md) text-body text-muted', className)}
+>
+	{#if children}
+		{@render children()}
+	{:else}
+		No results found
+	{/if}
+</div>

package/dist/ui/combobox/combobox-empty.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children?: Snippet;
+    class?: string;
+};
+declare const ComboboxEmpty: import("svelte").Component<$$ComponentProps, {}, "">;
+type ComboboxEmpty = ReturnType<typeof ComboboxEmpty>;
+export default ComboboxEmpty;

package/dist/ui/combobox/combobox-group-heading.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Combobox } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<Combobox.GroupHeadingProps> = $props();
+</script>
+
+<Combobox.GroupHeading
+	bind:ref
+	class={cn('flex h-(--era-h-md) items-center px-(--era-inset-md) text-body text-muted', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</Combobox.GroupHeading>

package/dist/ui/combobox/combobox-group-heading.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Combobox } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const ComboboxGroupHeading: import("svelte").Component<PartProps<Combobox.GroupHeadingProps>, {}, "ref">;
+type ComboboxGroupHeading = ReturnType<typeof ComboboxGroupHeading>;
+export default ComboboxGroupHeading;