sheer-ui 0.4.3 → 0.5.0

package/src/lib/components/dialog/dialog.svelte.ts

@@ -1,383 +0,0 @@
-import { attachRef } from '../../internal/tools/index.js';
-import { createContext, onDestroy, untrack } from 'svelte';
-import { createBitsAttrs, boolToStr, getDataOpenClosed, boolToEmptyStrOrUndef } from '../../internal/attrs.js';
-import type { BitsKeyboardEvent, BitsMouseEvent, OnChangeFn, RefAttachment, RefOpts } from '../../internal/types.js';
-import { kbd } from '../../internal/kbd.js';
-import { useOpenChangeComplete } from '../../internal/animations-settled.svelte.js';
-
-type DialogVariant = 'alert-dialog' | 'dialog';
-
-const dialogAttrs = createBitsAttrs({
-	component: 'dialog',
-	parts: ['content', 'trigger', 'overlay', 'title', 'description', 'close', 'cancel', 'action'],
-});
-
-const [getDialogRoot, setDialogRoot, hasDialogRoot] = createContext<DialogRootState>();
-
-// The dialog's public state cell is the shared overlay OpenCell (internal/open-cell.svelte.ts),
-// exported under its established dialog-facing name.
-import { OpenCell as DialogState } from '../../internal/open-cell.svelte.js';
-export { DialogState };
-
-interface DialogRootStateOpts {
-	readonly variant: DialogVariant;
-	readonly onOpenChangeComplete: OnChangeFn<boolean>;
-	open: boolean;
-}
-
-export class DialogRootState {
-	static create(opts: DialogRootStateOpts) {
-		const parent = hasDialogRoot() ? getDialogRoot() : null;
-		return setDialogRoot(new DialogRootState(opts, parent));
-	}
-
-	readonly opts: DialogRootStateOpts;
-	triggerNode = $state<HTMLElement | null>(null);
-	contentNode = $state<HTMLElement | null>(null);
-	descriptionNode = $state<HTMLElement | null>(null);
-	contentId = $state<string | undefined>(undefined);
-	triggerId = $state<string | undefined>(undefined);
-	titleState = $state<DialogTitleState | null>(null);
-	descriptionState = $state<DialogDescriptionState | null>(null);
-	readonly titleId = $derived.by(() => this.titleState?.opts.id);
-	readonly descriptionId = $derived.by(() => this.descriptionState?.opts.id);
-	cancelNode = $state<HTMLElement | null>(null);
-	nestedOpenCount = $state(0);
-	readonly depth: number;
-	readonly parent: DialogRootState | null;
-	readonly #completion: { readonly pending: boolean };
-	/** Rendered: open, or closing with the exit still settling — the window the headless content's scroll lock covers. */
-	readonly present = $derived.by(() => this.opts.open || this.#completion.pending);
-
-	constructor(opts: DialogRootStateOpts, parent: DialogRootState | null) {
-		this.opts = opts;
-		this.parent = parent;
-		this.depth = parent ? parent.depth + 1 : 0;
-		this.handleOpen = this.handleOpen.bind(this);
-		this.handleClose = this.handleClose.bind(this);
-
-		this.#completion = useOpenChangeComplete(
-			() => this.opts.open,
-			() => this.contentNode,
-			(isOpen) => this.opts.onOpenChangeComplete(isOpen),
-		);
-
-		let started = false;
-		$effect(() => {
-			const isOpen = this.opts.open;
-			if (!started) {
-				started = true;
-				return;
-			}
-			untrack(() => {
-				if (!this.parent) return;
-				if (isOpen) {
-					this.parent.incrementNested();
-				} else {
-					this.parent.decrementNested();
-				}
-			});
-		});
-
-		onDestroy(() => {
-			if (this.opts.open) {
-				this.parent?.decrementNested();
-			}
-		});
-	}
-
-	handleOpen() {
-		this.opts.open = true;
-	}
-
-	handleClose() {
-		this.opts.open = false;
-	}
-
-	getBitsAttr: typeof dialogAttrs.getAttr = (part) => {
-		return dialogAttrs.getAttr(part, this.opts.variant);
-	};
-
-	incrementNested() {
-		this.nestedOpenCount++;
-		this.parent?.incrementNested();
-	}
-
-	decrementNested() {
-		if (this.nestedOpenCount === 0) return;
-		this.nestedOpenCount--;
-		this.parent?.decrementNested();
-	}
-
-	readonly sharedProps = $derived.by(
-		() =>
-			({
-				'data-state': getDataOpenClosed(this.opts.open),
-			}) as const,
-	);
-}
-
-interface DialogTriggerStateOpts extends RefOpts {
-	readonly disabled: boolean;
-}
-
-export class DialogTriggerState {
-	static create(opts: DialogTriggerStateOpts) {
-		return new DialogTriggerState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogTriggerStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: DialogTriggerStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.attachment = attachRef<HTMLElement>(
-			(v) => (opts.ref = v),
-			(v) => {
-				this.root.triggerNode = v;
-				this.root.triggerId = v?.id;
-			},
-		);
-		this.onclick = this.onclick.bind(this);
-		this.onkeydown = this.onkeydown.bind(this);
-	}
-
-	onclick(e: BitsMouseEvent) {
-		if (this.opts.disabled) return;
-		if (e.button > 0) return;
-		this.root.handleOpen();
-	}
-
-	onkeydown(e: BitsKeyboardEvent) {
-		if (this.opts.disabled) return;
-		if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
-			e.preventDefault();
-			this.root.handleOpen();
-		}
-	}
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				'aria-haspopup': 'dialog',
-				'aria-expanded': boolToStr(this.root.opts.open),
-				'aria-controls': this.root.contentId,
-				[this.root.getBitsAttr('trigger')]: '',
-				onkeydown: this.onkeydown,
-				onclick: this.onclick,
-				disabled: this.opts.disabled ? true : undefined,
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}
-
-interface DialogCloseStateOpts extends RefOpts {
-	readonly variant: 'action' | 'cancel' | 'close';
-	readonly disabled: boolean;
-}
-
-export class DialogCloseState {
-	static create(opts: DialogCloseStateOpts) {
-		return new DialogCloseState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogCloseStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: DialogCloseStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.attachment = attachRef<HTMLElement>((v) => (opts.ref = v));
-		this.onclick = this.onclick.bind(this);
-		this.onkeydown = this.onkeydown.bind(this);
-	}
-
-	onclick(e: BitsMouseEvent) {
-		if (this.opts.disabled) return;
-		if (e.button > 0) return;
-		this.root.handleClose();
-	}
-
-	onkeydown(e: BitsKeyboardEvent) {
-		if (this.opts.disabled) return;
-		if (e.key === kbd.SPACE || e.key === kbd.ENTER) {
-			e.preventDefault();
-			this.root.handleClose();
-		}
-	}
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				[this.root.getBitsAttr(this.opts.variant)]: '',
-				onclick: this.onclick,
-				onkeydown: this.onkeydown,
-				disabled: this.opts.disabled ? true : undefined,
-				tabindex: 0,
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}
-
-interface DialogTitleStateOpts extends RefOpts {
-	readonly level: 1 | 2 | 3 | 4 | 5 | 6;
-}
-
-export class DialogTitleState {
-	static create(opts: DialogTitleStateOpts) {
-		return new DialogTitleState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogTitleStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: DialogTitleStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.root.titleState = this;
-		this.attachment = attachRef<HTMLElement>((v) => (opts.ref = v));
-	}
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				role: 'heading',
-				'aria-level': this.opts.level,
-				[this.root.getBitsAttr('title')]: '',
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}
-
-interface DialogDescriptionStateOpts extends RefOpts {}
-
-export class DialogDescriptionState {
-	static create(opts: DialogDescriptionStateOpts) {
-		return new DialogDescriptionState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogDescriptionStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: DialogDescriptionStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.root.descriptionState = this;
-		this.attachment = attachRef<HTMLElement>(
-			(v) => (opts.ref = v),
-			(v) => {
-				this.root.descriptionNode = v;
-			},
-		);
-	}
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				[this.root.getBitsAttr('description')]: '',
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}
-
-interface DialogContentStateOpts extends RefOpts {}
-
-export class DialogContentState {
-	static create(opts: DialogContentStateOpts) {
-		return new DialogContentState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogContentStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: DialogContentStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.attachment = attachRef<HTMLElement>(
-			(v) => (opts.ref = v),
-			(v) => {
-				this.root.contentNode = v;
-				this.root.contentId = v?.id;
-			},
-		);
-	}
-
-	readonly snippetProps = $derived.by(() => ({ open: this.root.opts.open }));
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				role: this.root.opts.variant === 'alert-dialog' ? 'alertdialog' : 'dialog',
-				'aria-modal': 'true',
-				'aria-describedby': this.root.descriptionId,
-				'aria-labelledby': this.root.titleId,
-				[this.root.getBitsAttr('content')]: '',
-				style: {
-					pointerEvents: 'auto',
-					outline: this.root.opts.variant === 'alert-dialog' ? 'none' : undefined,
-					'--bits-dialog-depth': this.root.depth,
-					'--bits-dialog-nested-count': this.root.nestedOpenCount,
-					// CSS containment isolates style/layout calculations from the rest of the page,
-					// improving performance when there's a large DOM behind the dialog.
-					// Paint is omitted so tooltips/selects can render outside dialog bounds.
-					contain: 'layout style',
-				},
-				tabindex: this.root.opts.variant === 'alert-dialog' ? -1 : undefined,
-				'data-nested-open': boolToEmptyStrOrUndef(this.root.nestedOpenCount > 0),
-				'data-nested': boolToEmptyStrOrUndef(this.root.parent !== null),
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}
-
-interface DialogOverlayStateOpts extends RefOpts {}
-
-export class DialogOverlayState {
-	static create(opts: DialogOverlayStateOpts) {
-		return new DialogOverlayState(opts, getDialogRoot());
-	}
-
-	readonly opts: DialogOverlayStateOpts;
-	readonly root: DialogRootState;
-	readonly attachment: RefAttachment;
-	constructor(opts: DialogOverlayStateOpts, root: DialogRootState) {
-		this.opts = opts;
-		this.root = root;
-		this.attachment = attachRef<HTMLElement>((v) => (opts.ref = v));
-	}
-
-	readonly snippetProps = $derived.by(() => ({ open: this.root.opts.open }));
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id,
-				[this.root.getBitsAttr('overlay')]: '',
-				style: {
-					pointerEvents: 'auto',
-					'--bits-dialog-depth': this.root.depth,
-					'--bits-dialog-nested-count': this.root.nestedOpenCount,
-				},
-				'data-nested-open': boolToEmptyStrOrUndef(this.root.nestedOpenCount > 0),
-				'data-nested': boolToEmptyStrOrUndef(this.root.parent !== null),
-				...this.root.sharedProps,
-				...this.attachment,
-			}) as const,
-	);
-}

package/src/lib/components/dialog/index.ts

@@ -1,19 +0,0 @@
-export { default as Root } from './components/dialog.svelte';
-export { default as Title } from './components/dialog-title.svelte';
-export { default as Close } from './components/dialog-close.svelte';
-export { default as Portal } from '../../internal/portal/portal.svelte';
-export { default as Content } from './components/dialog-content.svelte';
-export { default as Overlay } from './components/dialog-overlay.svelte';
-export { default as Trigger } from './components/dialog-trigger.svelte';
-export { default as Description } from './components/dialog-description.svelte';
-
-export type {
-	DialogRootProps as RootProps,
-	DialogTitleProps as TitleProps,
-	DialogCloseProps as CloseProps,
-	DialogPortalProps as PortalProps,
-	DialogContentProps as ContentProps,
-	DialogOverlayProps as OverlayProps,
-	DialogTriggerProps as TriggerProps,
-	DialogDescriptionProps as DescriptionProps,
-} from './types.js';

package/src/lib/components/dialog/types.ts

@@ -1,105 +0,0 @@
-import type { EscapeLayerProps } from "../../internal/escape-layer/types.js";
-import type { DismissibleLayerProps } from "../../internal/dismissible-layer/types.js";
-import type { PresenceProps } from "../../internal/types.js";
-import type { FocusScopeProps } from "../../internal/focus-scope/types.js";
-import type { TextSelectionGuardProps } from "../../internal/types.js";
-import type { ScrollLockProps } from "../../internal/body-scroll-lock.svelte.js";
-import type { Snippet } from "svelte";
-import type {
-	OnChangeFn,
-	WithChild,
-	WithChildNoChildrenSnippetProps,
-	Without,
-} from "../../internal/types.js";
-import type {
-	BitsPrimitiveButtonAttributes,
-	BitsPrimitiveDivAttributes,
-} from "../../internal/attribute-types.js";
-import type { PortalProps } from "../../internal/portal/index.js";
-import type { DialogState } from "./dialog.svelte.js";
-
-export type DialogRootPropsWithoutHTML = {
-	/**
-	 * The derivation source for the dialog's open state: the internal cell
-	 * re-derives whenever this prop changes, and interactions (trigger, Escape,
-	 * a snippet-cell write) override it until the next change. Reconcile
-	 * dismissals via onOpenChangeComplete. Plain value — not bindable.
-	 */
-	open?: boolean;
-
-	/**
-	 * A callback called when the dialog finishes opening/closing animations.
-	 * This is an occurrence (animation settled), not a state mirror — use it
-	 * for dismissal-is-navigation flows, not to track `open` (depend on the
-	 * cell instead).
-	 */
-	onOpenChangeComplete?: OnChangeFn<boolean>;
-
-	/**
-	 * A caller-constructed cell (own source and, optionally, a delegate writer)
-	 * used instead of building one from `open`. When given, `open` is ignored.
-	 */
-	state?: DialogState;
-
-	/** Children receive the state cell, typed and guaranteed within the tree. */
-	children?: Snippet<[DialogState]>;
-};
-
-export type DialogRootProps = DialogRootPropsWithoutHTML;
-
-export type DialogContentSnippetProps = {
-	open: boolean;
-};
-
-export type DialogContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<
-	Omit<
-		EscapeLayerProps &
-			Omit<DismissibleLayerProps, "onInteractOutsideStart"> &
-			PresenceProps &
-			FocusScopeProps &
-			TextSelectionGuardProps &
-			ScrollLockProps,
-		"loop"
-	>,
-	DialogContentSnippetProps
->;
-
-export type DialogContentProps = DialogContentPropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, DialogContentPropsWithoutHTML>;
-
-export type DialogOverlaySnippetProps = {
-	open: boolean;
-};
-
-export type DialogOverlayPropsWithoutHTML = WithChild<
-	PresenceProps,
-	DialogOverlaySnippetProps
->;
-
-export type DialogOverlayProps = DialogOverlayPropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, DialogOverlayPropsWithoutHTML>;
-
-export type DialogPortalPropsWithoutHTML = PortalProps;
-export type DialogPortalProps = DialogPortalPropsWithoutHTML;
-
-export type DialogTriggerPropsWithoutHTML = WithChild;
-
-export type DialogTriggerProps = DialogTriggerPropsWithoutHTML &
-	Without<BitsPrimitiveButtonAttributes, DialogTriggerPropsWithoutHTML>;
-
-export type DialogTitlePropsWithoutHTML = WithChild<{
-	/**
-	 * The heading level of the dialog title.
-	 */
-	level?: 1 | 2 | 3 | 4 | 5 | 6;
-}>;
-
-export type DialogTitleProps = DialogTitlePropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, DialogTitlePropsWithoutHTML>;
-
-export type DialogClosePropsWithoutHTML = DialogTriggerPropsWithoutHTML;
-export type DialogCloseProps = DialogTriggerProps;
-
-export type DialogDescriptionPropsWithoutHTML = WithChild;
-export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML &
-	Without<BitsPrimitiveDivAttributes, DialogDescriptionPropsWithoutHTML>;

package/src/lib/components/drawer/index.ts

@@ -1,37 +0,0 @@
-import Root from './drawer.svelte';
-import Close from './drawer-close.svelte';
-import Content from './drawer-content.svelte';
-import Description from './drawer-description.svelte';
-import Footer from './drawer-footer.svelte';
-import Header from './drawer-header.svelte';
-import NestedRoot from './drawer-nested.svelte';
-import Overlay from './drawer-overlay.svelte';
-import Portal from './drawer-portal.svelte';
-import Title from './drawer-title.svelte';
-import Trigger from './drawer-trigger.svelte';
-
-export {
-	Root,
-	NestedRoot,
-	Content,
-	Description,
-	Overlay,
-	Footer,
-	Header,
-	Title,
-	Trigger,
-	Portal,
-	Close,
-	//
-	Root as Drawer,
-	NestedRoot as DrawerNestedRoot,
-	Content as DrawerContent,
-	Description as DrawerDescription,
-	Overlay as DrawerOverlay,
-	Footer as DrawerFooter,
-	Header as DrawerHeader,
-	Title as DrawerTitle,
-	Trigger as DrawerTrigger,
-	Portal as DrawerPortal,
-	Close as DrawerClose,
-};

package/src/lib/components/dropdown-menu/index.ts

@@ -1,39 +0,0 @@
-export { default as Root } from '../menu/components/menu.svelte';
-export { default as Sub } from '../menu/components/menu-sub.svelte';
-export { default as Item } from '../menu/components/menu-item.svelte';
-export { default as Group } from '../menu/components/menu-group.svelte';
-export { default as GroupHeading } from '../menu/components/menu-group-heading.svelte';
-export { default as Arrow } from '../menu/components/menu-arrow.svelte';
-export { default as Content } from './components/dropdown-menu-content.svelte';
-export { default as ContentStatic } from './components/dropdown-menu-content-static.svelte';
-export { default as Trigger } from '../menu/components/menu-trigger.svelte';
-export { default as RadioItem } from '../menu/components/menu-radio-item.svelte';
-export { default as Separator } from '../menu/components/menu-separator.svelte';
-export { default as RadioGroup } from '../menu/components/menu-radio-group.svelte';
-export { default as SubContent } from '../menu/components/menu-sub-content.svelte';
-export { default as SubContentStatic } from '../menu/components/menu-sub-content-static.svelte';
-export { default as SubTrigger } from '../menu/components/menu-sub-trigger.svelte';
-export { default as CheckboxItem } from '../menu/components/menu-checkbox-item.svelte';
-export { default as Portal } from '../../internal/portal/portal.svelte';
-export { default as CheckboxGroup } from '../menu/components/menu-checkbox-group.svelte';
-
-export type {
-	DropdownMenuArrowProps as ArrowProps,
-	DropdownMenuCheckboxItemProps as CheckboxItemProps,
-	DropdownMenuContentProps as ContentProps,
-	DropdownMenuContentStaticProps as ContentStaticProps,
-	DropdownMenuGroupProps as GroupProps,
-	DropdownMenuItemProps as ItemProps,
-	DropdownMenuGroupHeadingProps as GroupHeadingProps,
-	DropdownMenuRootProps as RootProps,
-	DropdownMenuRadioGroupProps as RadioGroupProps,
-	DropdownMenuRadioItemProps as RadioItemProps,
-	DropdownMenuSeparatorProps as SeparatorProps,
-	DropdownMenuSubContentProps as SubContentProps,
-	DropdownMenuSubContentStaticProps as SubContentStaticProps,
-	DropdownMenuSubProps as SubProps,
-	DropdownMenuSubTriggerProps as SubTriggerProps,
-	DropdownMenuTriggerProps as TriggerProps,
-	DropdownMenuPortalProps as PortalProps,
-	DropdownMenuCheckboxGroupProps as CheckboxGroupProps,
-} from './types.js';

package/src/lib/components/dropdown-menu/types.ts

@@ -1,41 +0,0 @@
-export type {
-	MenuArrowProps as DropdownMenuArrowProps,
-	MenuCheckboxItemProps as DropdownMenuCheckboxItemProps,
-	MenuContentProps as DropdownMenuContentProps,
-	MenuContentStaticProps as DropdownMenuContentStaticProps,
-	MenuGroupProps as DropdownMenuGroupProps,
-	MenuItemProps as DropdownMenuItemProps,
-	MenuGroupHeadingProps as DropdownMenuGroupHeadingProps,
-	MenuRootProps as DropdownMenuRootProps,
-	MenuRadioGroupProps as DropdownMenuRadioGroupProps,
-	MenuRadioItemProps as DropdownMenuRadioItemProps,
-	MenuSeparatorProps as DropdownMenuSeparatorProps,
-	MenuSubContentProps as DropdownMenuSubContentProps,
-	MenuSubContentStaticProps as DropdownMenuSubContentStaticProps,
-	MenuSubProps as DropdownMenuSubProps,
-	MenuSubTriggerProps as DropdownMenuSubTriggerProps,
-	MenuTriggerProps as DropdownMenuTriggerProps,
-	MenuPortalProps as DropdownMenuPortalProps,
-	MenuCheckboxGroupProps as DropdownMenuCheckboxGroupProps,
-} from "../menu/types.js";
-
-export type {
-	MenuRootPropsWithoutHTML as DropdownMenuRootPropsWithoutHTML,
-	MenuArrowPropsWithoutHTML as DropdownMenuArrowPropsWithoutHTML,
-	MenuCheckboxItemPropsWithoutHTML as DropdownMenuCheckboxItemPropsWithoutHTML,
-	MenuContentPropsWithoutHTML as DropdownMenuContentPropsWithoutHTML,
-	MenuContentStaticPropsWithoutHTML as DropdownMenuContentStaticPropsWithoutHTML,
-	MenuGroupPropsWithoutHTML as DropdownMenuGroupPropsWithoutHTML,
-	MenuItemPropsWithoutHTML as DropdownMenuItemPropsWithoutHTML,
-	MenuGroupHeadingPropsWithoutHTML as DropdownMenuGroupHeadingPropsWithoutHTML,
-	MenuRadioGroupPropsWithoutHTML as DropdownMenuRadioGroupPropsWithoutHTML,
-	MenuRadioItemPropsWithoutHTML as DropdownMenuRadioItemPropsWithoutHTML,
-	MenuSeparatorPropsWithoutHTML as DropdownMenuSeparatorPropsWithoutHTML,
-	MenuSubPropsWithoutHTML as DropdownMenuSubPropsWithoutHTML,
-	MenuSubTriggerPropsWithoutHTML as DropdownMenuSubTriggerPropsWithoutHTML,
-	MenuSubContentPropsWithoutHTML as DropdownMenuSubContentPropsWithoutHTML,
-	MenuSubContentStaticPropsWithoutHTML as DropdownMenuSubContentStaticPropsWithoutHTML,
-	MenuTriggerPropsWithoutHTML as DropdownMenuTriggerPropsWithoutHTML,
-	MenuPortalPropsWithoutHTML as DropdownMenuPortalPropsWithoutHTML,
-	MenuCheckboxGroupPropsWithoutHTML as DropdownMenuCheckboxGroupPropsWithoutHTML,
-} from "../menu/types.js";

package/src/lib/components/empty/index.ts

@@ -1,22 +0,0 @@
-import Root from './empty.svelte';
-import Header from './empty-header.svelte';
-import Media from './empty-media.svelte';
-import Title from './empty-title.svelte';
-import Description from './empty-description.svelte';
-import Content from './empty-content.svelte';
-
-export {
-	Root,
-	Header,
-	Media,
-	Title,
-	Description,
-	Content,
-	//
-	Root as Empty,
-	Header as EmptyHeader,
-	Media as EmptyMedia,
-	Title as EmptyTitle,
-	Description as EmptyDescription,
-	Content as EmptyContent,
-};

package/src/lib/components/empty/variants.ts

@@ -1,16 +0,0 @@
-import { declareVariants, type VariantProps } from 'overrule';
-
-export const emptyMediaVariants = declareVariants({
-	base: 'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
-	variants: {
-		variant: {
-			default: 'bg-transparent',
-			icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6",
-		},
-	},
-	defaultVariants: {
-		variant: 'default',
-	},
-});
-
-export type EmptyMediaVariant = VariantProps<typeof emptyMediaVariants>['variant'];