@signal9/era-ui 1.1.2

package/dist/ui/toggle-group/toggle-group-item.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { ToggleGroup } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	// Pattern A pass-through: bits-ui's typed children snippet flows through
+	// restProps untouched.
+	let { ref = $bindable(null), class: className, ...restProps }: ToggleGroup.ItemProps = $props();
+</script>
+
+<ToggleGroup.Item
+	bind:ref
+	class={cn(
+		'inline-flex h-(--era-h-md) min-w-(--era-h-md) items-center justify-center rounded-(--era-rd-md) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow) hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) focus:outline-none active:translate-x-(--era-press-shift) active:translate-y-(--era-press-shift) active:shadow-(--era-shadow-pressed) disabled:opacity-50 data-[state=on]:bg-hover data-[state=on]:text-bright data-[state=on]:shadow-(--era-shadow-pressed)',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/toggle-group/toggle-group-item.svelte.d.ts

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

package/dist/ui/toggle-group/toggle-group-root.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { ToggleGroup } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<ToggleGroup.RootProps> = $props();
+</script>
+
+<ToggleGroup.Root
+	bind:ref
+	class={cn('inline-flex items-center gap-(--era-gap)', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</ToggleGroup.Root>

package/dist/ui/toggle-group/toggle-group-root.svelte.d.ts

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

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

@@ -0,0 +1,6 @@
+import { Toolbar } from 'bits-ui';
+export declare const Root: typeof Toolbar.Root;
+export declare const Button: typeof Toolbar.Button;
+export declare const Link: typeof Toolbar.Link;
+export declare const Group: typeof Toolbar.Group;
+export declare const GroupItem: typeof Toolbar.GroupItem;

package/dist/ui/toolbar/index.js

@@ -0,0 +1,6 @@
+import { Toolbar } from 'bits-ui';
+export const Root = Toolbar.Root;
+export const Button = Toolbar.Button;
+export const Link = Toolbar.Link;
+export const Group = Toolbar.Group;
+export const GroupItem = Toolbar.GroupItem;

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

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

package/dist/ui/tooltip/index.js

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

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

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Tooltip } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 4,
+		...restProps
+	}: PartProps<Tooltip.ContentProps> = $props();
+</script>
+
+<Tooltip.Portal>
+	<Tooltip.Content
+		bind:ref
+		class={cn(
+			'z-50 inline-flex h-(--era-h-xxs) items-center gap-(--era-gap) rounded-(--era-rd-xxs) bg-(--era-surface-bg-elevated) px-(--era-inset-xxs) text-body leading-none whitespace-nowrap text-fg shadow-(--era-shadow-lg) glass-blur has-[svg]:gap-(--era-inset-xxs)',
+			className
+		)}
+		{sideOffset}
+		{...restProps}
+	>
+		{@render children?.()}
+	</Tooltip.Content>
+</Tooltip.Portal>

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

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

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

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tooltip } from 'bits-ui';
+
+	let { ref = $bindable(null), class: className, ...restProps }: Tooltip.TriggerProps = $props();
+</script>
+
+<Tooltip.Trigger bind:ref class={className} {...restProps} />

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

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

package/dist/ui/video-player/index.d.ts

@@ -0,0 +1 @@
+export { default as VideoPlayer } from './video-player.svelte';

package/dist/ui/video-player/index.js

@@ -0,0 +1 @@
+export { default as VideoPlayer } from './video-player.svelte';