@signal9/era-ui 1.1.2

package/dist/ui/index.d.ts

@@ -0,0 +1,58 @@
+export * as Accordion from './accordion/index.js';
+export * as AlertDialog from './alert-dialog/index.js';
+export { AspectRatio } from './aspect-ratio/index.js';
+export * as Avatar from './avatar/index.js';
+export { Badge } from './badge/index.js';
+export * as Calendar from './calendar/index.js';
+export { Chip } from './chip/index.js';
+export { CodeBlock } from './code-block/index.js';
+export * as Checkbox from './checkbox/index.js';
+export * as Combobox from './combobox/index.js';
+export * as Collapsible from './collapsible/index.js';
+export * as Command from './command/index.js';
+export * as ContextMenu from './context-menu/index.js';
+export * as DateField from './date-field/index.js';
+export * as DatePicker from './date-picker/index.js';
+export * as DateRangeField from './date-range-field/index.js';
+export * as DateRangePicker from './date-range-picker/index.js';
+export * as Dialog from './dialog/index.js';
+export * as DropdownMenu from './dropdown-menu/index.js';
+export { FileUpload } from './file-upload/index.js';
+export * as Menubar from './menubar/index.js';
+export * as Menu from './menu/index.js';
+export { Meter } from './meter/index.js';
+export { Progress } from './progress/index.js';
+export * as RadioGroup from './radio-group/index.js';
+export * as RangeCalendar from './range-calendar/index.js';
+export * as RatingGroup from './rating-group/index.js';
+export * as ScrollArea from './scroll-area/index.js';
+export * as Select from './select/index.js';
+export * as Sheet from './sheet/index.js';
+export * as Slider from './slider/index.js';
+export * as Table from './table/index.js';
+export * as Tabs from './tabs/index.js';
+export * as TimeField from './time-field/index.js';
+export * as TimeRangeField from './time-range-field/index.js';
+export * as Tooltip from './tooltip/index.js';
+export * as ToggleGroup from './toggle-group/index.js';
+export * as Toolbar from './toolbar/index.js';
+export { Bar } from './bar/index.js';
+export { Button } from './button/index.js';
+export { ButtonGroup } from './button-group/index.js';
+export { Card } from './card/index.js';
+export { Input, Textarea } from './input/index.js';
+export { KV } from './kv/index.js';
+export { Label } from './label/index.js';
+export * as LinkPreview from './link-preview/index.js';
+export { Mode } from './mode/index.js';
+export { Pane } from './pane/index.js';
+export * as Pagination from './pagination/index.js';
+export * as NavigationMenu from './navigation-menu/index.js';
+export * as Popover from './popover/index.js';
+export * as PinInput from './pin-input/index.js';
+export { modes, defaultMode, type Mode as DensityMode, surfaces, defaultSurface, surfaceRegistry, type Surface, type SurfaceMeta, corners, defaultCorners, type Corners, fonts, defaultFont, type Font, motions, defaultMotion, type Motion, axisRegistry, axisKeys, type AxisKey, type AxisMeta, type AxisLevel } from './provider/index.js';
+export { Separator } from './separator/index.js';
+export { Skeleton } from './skeleton/index.js';
+export { Switch } from './switch/index.js';
+export { Toggle } from './toggle/index.js';
+export { VideoPlayer } from './video-player/index.js';

package/dist/ui/index.js

@@ -0,0 +1,62 @@
+export * as Accordion from './accordion/index.js';
+export * as AlertDialog from './alert-dialog/index.js';
+export { AspectRatio } from './aspect-ratio/index.js';
+export * as Avatar from './avatar/index.js';
+export { Badge } from './badge/index.js';
+export * as Calendar from './calendar/index.js';
+export { Chip } from './chip/index.js';
+export { CodeBlock } from './code-block/index.js';
+export * as Checkbox from './checkbox/index.js';
+export * as Combobox from './combobox/index.js';
+export * as Collapsible from './collapsible/index.js';
+export * as Command from './command/index.js';
+export * as ContextMenu from './context-menu/index.js';
+export * as DateField from './date-field/index.js';
+export * as DatePicker from './date-picker/index.js';
+export * as DateRangeField from './date-range-field/index.js';
+export * as DateRangePicker from './date-range-picker/index.js';
+export * as Dialog from './dialog/index.js';
+export * as DropdownMenu from './dropdown-menu/index.js';
+export { FileUpload } from './file-upload/index.js';
+export * as Menubar from './menubar/index.js';
+export * as Menu from './menu/index.js';
+export { Meter } from './meter/index.js';
+export { Progress } from './progress/index.js';
+export * as RadioGroup from './radio-group/index.js';
+export * as RangeCalendar from './range-calendar/index.js';
+export * as RatingGroup from './rating-group/index.js';
+export * as ScrollArea from './scroll-area/index.js';
+export * as Select from './select/index.js';
+export * as Sheet from './sheet/index.js';
+export * as Slider from './slider/index.js';
+export * as Table from './table/index.js';
+export * as Tabs from './tabs/index.js';
+export * as TimeField from './time-field/index.js';
+export * as TimeRangeField from './time-range-field/index.js';
+export * as Tooltip from './tooltip/index.js';
+export * as ToggleGroup from './toggle-group/index.js';
+export * as Toolbar from './toolbar/index.js';
+export { Bar } from './bar/index.js';
+export { Button } from './button/index.js';
+export { ButtonGroup } from './button-group/index.js';
+export { Card } from './card/index.js';
+export { Input, Textarea } from './input/index.js';
+export { KV } from './kv/index.js';
+export { Label } from './label/index.js';
+export * as LinkPreview from './link-preview/index.js';
+export { Mode } from './mode/index.js';
+export { Pane } from './pane/index.js';
+export * as Pagination from './pagination/index.js';
+export * as NavigationMenu from './navigation-menu/index.js';
+export * as Popover from './popover/index.js';
+export * as PinInput from './pin-input/index.js';
+// `Mode` as a top-level identifier is reserved for the component (above), so
+// the density-union type can't be re-exported here under its own name — it is
+// available (under its original name) from the `@sig-nine/era-ui/provider`
+// subpath, or aliased as `DensityMode` below. Everything else flows through.
+export { modes, defaultMode, surfaces, defaultSurface, surfaceRegistry, corners, defaultCorners, fonts, defaultFont, motions, defaultMotion, axisRegistry, axisKeys } from './provider/index.js';
+export { Separator } from './separator/index.js';
+export { Skeleton } from './skeleton/index.js';
+export { Switch } from './switch/index.js';
+export { Toggle } from './toggle/index.js';
+export { VideoPlayer } from './video-player/index.js';

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

@@ -0,0 +1,2 @@
+export { default as Input } from './input.svelte';
+export { default as Textarea } from './textarea.svelte';

package/dist/ui/input/index.js

@@ -0,0 +1,2 @@
+export { default as Input } from './input.svelte';
+export { default as Textarea } from './textarea.svelte';

package/dist/ui/input/input.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLInputAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(''),
+		class: className,
+		...restProps
+	}: HTMLInputAttributes & {
+		ref?: HTMLInputElement | null;
+	} = $props();
+</script>
+
+<input
+	bind:this={ref}
+	bind:value
+	class={cn(
+		'flex h-(--era-h-md) w-full era-interactive rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) placeholder:text-muted hover:bg-(--era-highlight) focus:bg-(--era-highlight)',
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,7 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLInputAttributes & {
+    ref?: HTMLInputElement | null;
+};
+declare const Input: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/ui/input/textarea.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { HTMLTextareaAttributes } from 'svelte/elements';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(''),
+		class: className,
+		...restProps
+	}: HTMLTextareaAttributes & {
+		ref?: HTMLTextAreaElement | null;
+	} = $props();
+</script>
+
+<textarea
+	bind:this={ref}
+	bind:value
+	class={cn(
+		'flex min-h-(--era-h-md) w-full era-interactive resize-y rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) py-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) placeholder:text-muted hover:bg-(--era-highlight) focus:bg-(--era-highlight)',
+		className
+	)}
+	{...restProps}
+></textarea>

package/dist/ui/input/textarea.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLTextareaAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLTextareaAttributes & {
+    ref?: HTMLTextAreaElement | null;
+};
+declare const Textarea: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

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

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

package/dist/ui/kv/index.js

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

package/dist/ui/kv/kv.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { Badge } from '../badge';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		key,
+		value,
+		tone = 'default',
+		class: className,
+		...restProps
+	}: HTMLAttributes<HTMLSpanElement> & {
+		ref?: HTMLSpanElement | null;
+		key: string;
+		value: string;
+		tone?: 'default' | 'accent' | 'destructive' | 'success';
+	} = $props();
+</script>
+
+<span
+	bind:this={ref}
+	class={cn(
+		'inline-flex h-(--era-h-xxs) items-center overflow-hidden rounded-(--era-rd-xxs) bg-hover font-mono text-body leading-none shadow-(--era-shadow)',
+		className
+	)}
+	{...restProps}
+>
+	<Badge {tone} class="h-full rounded-none border-r border-divider py-0">{key}</Badge>
+	<span class="min-w-(--era-h-xxs) px-(--era-inset-sm) text-center text-muted tabular-nums"
+		>{value}</span
+	>
+</span>

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLSpanElement> & {
+    ref?: HTMLSpanElement | null;
+    key: string;
+    value: string;
+    tone?: 'default' | 'accent' | 'destructive' | 'success';
+};
+declare const Kv: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Kv = ReturnType<typeof Kv>;
+export default Kv;

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

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

package/dist/ui/label/index.js

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

package/dist/ui/label/label.svelte

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

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

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

package/dist/ui/link-preview/index.d.ts

@@ -0,0 +1,7 @@
+import { LinkPreview } from 'bits-ui';
+export declare const Root: typeof LinkPreview.Root;
+export declare const Arrow: typeof LinkPreview.Arrow;
+export declare const ContentStatic: typeof LinkPreview.ContentStatic;
+export declare const Portal: typeof LinkPreview.Portal;
+export { default as Trigger } from './link-preview-trigger.svelte';
+export { default as Content } from './link-preview-content.svelte';

package/dist/ui/link-preview/index.js

@@ -0,0 +1,7 @@
+import { LinkPreview } from 'bits-ui';
+export const Root = LinkPreview.Root;
+export const Arrow = LinkPreview.Arrow;
+export const ContentStatic = LinkPreview.ContentStatic;
+export const Portal = LinkPreview.Portal;
+export { default as Trigger } from './link-preview-trigger.svelte';
+export { default as Content } from './link-preview-content.svelte';

package/dist/ui/link-preview/link-preview-content.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { LinkPreview } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 8,
+		...restProps
+	}: PartProps<LinkPreview.ContentProps> = $props();
+</script>
+
+<LinkPreview.Portal>
+	<LinkPreview.Content
+		bind:ref
+		class={cn(
+			'z-50 max-w-xs rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-inset-md) text-body shadow-(--era-shadow-lg) glass-blur',
+			className
+		)}
+		{sideOffset}
+		{...restProps}
+	>
+		{@render children?.()}
+	</LinkPreview.Content>
+</LinkPreview.Portal>

package/dist/ui/link-preview/link-preview-content.svelte.d.ts

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

package/dist/ui/link-preview/link-preview-trigger.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { LinkPreview } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<LinkPreview.TriggerProps> = $props();
+</script>
+
+<LinkPreview.Trigger
+	bind:ref
+	class={cn('underline decoration-muted underline-offset-2 hover:decoration-bright', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</LinkPreview.Trigger>

package/dist/ui/link-preview/link-preview-trigger.svelte.d.ts

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

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

@@ -0,0 +1 @@
+export { Root, Group, RadioGroup, Sub, Trigger, Content, Item, CheckboxItem, RadioItem, Separator, SubTrigger, SubContent, GroupHeading } from '../dropdown-menu/index.js';

package/dist/ui/menu/index.js

@@ -0,0 +1,3 @@
+// Bits UI does not currently export a standalone `Menu` namespace in this version,
+// so we surface the same primitive set through DropdownMenu aliases.
+export { Root, Group, RadioGroup, Sub, Trigger, Content, Item, CheckboxItem, RadioItem, Separator, SubTrigger, SubContent, GroupHeading } from '../dropdown-menu/index.js';

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

@@ -0,0 +1,16 @@
+import { Menubar } from 'bits-ui';
+export declare const Menu: typeof Menubar.Menu;
+export declare const Group: typeof Menubar.Group;
+export declare const RadioGroup: typeof Menubar.RadioGroup;
+export declare const CheckboxGroup: typeof Menubar.CheckboxGroup;
+export declare const Sub: typeof Menubar.Sub;
+export { default as Root } from './menubar-root.svelte';
+export { default as Trigger } from './menubar-trigger.svelte';
+export { default as Content } from './menubar-content.svelte';
+export { default as Item } from './menubar-item.svelte';
+export { default as CheckboxItem } from './menubar-checkbox-item.svelte';
+export { default as RadioItem } from './menubar-radio-item.svelte';
+export { default as Separator } from './menubar-separator.svelte';
+export { default as SubTrigger } from './menubar-sub-trigger.svelte';
+export { default as SubContent } from './menubar-sub-content.svelte';
+export { default as GroupHeading } from './menubar-group-heading.svelte';

package/dist/ui/menubar/index.js

@@ -0,0 +1,16 @@
+import { Menubar } from 'bits-ui';
+export const Menu = Menubar.Menu;
+export const Group = Menubar.Group;
+export const RadioGroup = Menubar.RadioGroup;
+export const CheckboxGroup = Menubar.CheckboxGroup;
+export const Sub = Menubar.Sub;
+export { default as Root } from './menubar-root.svelte';
+export { default as Trigger } from './menubar-trigger.svelte';
+export { default as Content } from './menubar-content.svelte';
+export { default as Item } from './menubar-item.svelte';
+export { default as CheckboxItem } from './menubar-checkbox-item.svelte';
+export { default as RadioItem } from './menubar-radio-item.svelte';
+export { default as Separator } from './menubar-separator.svelte';
+export { default as SubTrigger } from './menubar-sub-trigger.svelte';
+export { default as SubContent } from './menubar-sub-content.svelte';
+export { default as GroupHeading } from './menubar-group-heading.svelte';

package/dist/ui/menubar/menubar-checkbox-item.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		class: className,
+		...restProps
+	}: Menubar.CheckboxItemProps = $props();
+</script>
+
+<Menubar.CheckboxItem
+	bind:ref
+	bind:checked
+	class={cn(
+		'flex h-(--era-h-md) cursor-pointer items-center rounded-(--era-item-rd) px-(--era-inset-md) text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-(--era-highlight) data-[highlighted]:shadow-(--era-highlight-shadow)',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/menubar/menubar-checkbox-item.svelte.d.ts

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

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 0,
+		...restProps
+	}: PartProps<Menubar.ContentProps> = $props();
+</script>
+
+<Menubar.Portal>
+	<Menubar.Content
+		bind:ref
+		align="start"
+		class={cn(
+			'z-50 w-max min-w-(--bits-menubar-menu-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?.()}
+	</Menubar.Content>
+</Menubar.Portal>

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

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

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

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

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

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

package/dist/ui/menubar/menubar-item.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<Menubar.ItemProps> = $props();
+</script>
+
+<Menubar.Item
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) cursor-pointer items-center rounded-(--era-item-rd) px-(--era-inset-md) text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-(--era-highlight) data-[highlighted]:shadow-(--era-highlight-shadow)',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</Menubar.Item>

package/dist/ui/menubar/menubar-item.svelte.d.ts

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

package/dist/ui/menubar/menubar-radio-item.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: Menubar.RadioItemProps = $props();
+</script>
+
+<Menubar.RadioItem
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) cursor-pointer items-center rounded-(--era-item-rd) px-(--era-inset-md) text-body text-fg data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[highlighted]:bg-(--era-highlight) data-[highlighted]:shadow-(--era-highlight-shadow)',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/menubar/menubar-radio-item.svelte.d.ts

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

package/dist/ui/menubar/menubar-root.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: Menubar.RootProps = $props();
+</script>
+
+<Menubar.Root
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-lg) items-center rounded-(--era-rd-lg) bg-(--era-surface-bg) px-(--era-px-lg) shadow-(--era-shadow)',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/menubar/menubar-root.svelte.d.ts

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

package/dist/ui/menubar/menubar-separator.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: Menubar.SeparatorProps = $props();
+</script>
+
+<Menubar.Separator
+	bind:ref
+	class={cn('my-[calc(var(--era-gap)/2)] h-px bg-divider-faded', className)}
+	{...restProps}
+/>

package/dist/ui/menubar/menubar-separator.svelte.d.ts

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

package/dist/ui/menubar/menubar-sub-content.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Menubar } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 4,
+		...restProps
+	}: PartProps<Menubar.SubContentProps> = $props();
+</script>
+
+<Menubar.Portal>
+	<Menubar.SubContent
+		bind:ref
+		class={cn(
+			'z-50 w-max overflow-hidden rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) p-(--era-panel-inset) shadow-(--era-shadow-lg) glass-blur',
+			className
+		)}
+		{sideOffset}
+		{...restProps}
+	>
+		{@render children?.()}
+	</Menubar.SubContent>
+</Menubar.Portal>

package/dist/ui/menubar/menubar-sub-content.svelte.d.ts

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