sheer-ui 0.4.2 → 0.5.0

package/src/lib/components/drawer/drawer.svelte

@@ -1,290 +0,0 @@
-<script lang="ts">
-	import { untrack } from 'svelte';
-	import { DialogRootState, DialogState } from '../dialog/dialog.svelte.js';
-	import { OpenCell } from '../../internal/open-cell.svelte.js';
-	import { boxWith } from '../../internal/tools/index.js';
-	import type { DrawerRootProps as RootProps } from '../../internal/vaul/types.js';
-	import { CLOSE_THRESHOLD, SCROLL_LOCK_TIMEOUT } from '../../internal/vaul/constants.js';
-	import { useDrawerRoot } from '../../internal/vaul/use-drawer-root.svelte.js';
-
-	let {
-		open = false,
-		state: givenCell,
-		_internal_onOpenChange = () => {},
-		onDrag = () => {},
-		onRelease = () => {},
-		snapPoints,
-		shouldScaleBackground = true,
-		setBackgroundColorOnScale = true,
-		closeThreshold = CLOSE_THRESHOLD,
-		scrollLockTimeout = SCROLL_LOCK_TIMEOUT,
-		dismissible = true,
-		handleOnly = false,
-		fadeFromIndex = snapPoints && snapPoints.length - 1,
-		activeSnapPoint = $bindable(snapPoints?.[0] ?? null),
-		onActiveSnapPointChange = () => {},
-		fixed = false,
-		modal = true,
-		onClose = () => {},
-		nested = false,
-		noBodyStyles = false,
-		direction = 'bottom',
-		snapToSequentialPoint = false,
-		preventScrollRestoration = false,
-		repositionInputs = true,
-		onAnimationEnd = () => {},
-		onOpenChangeComplete = () => {},
-		container = null,
-		autoFocus = false,
-		disablePreventScroll = true,
-		...restProps
-	}: Omit<RootProps, 'open' | 'onOpenChange'> & {
-		/**
-		 * The derivation source for the drawer's open state: the internal cell
-		 * re-derives whenever this prop changes, and interactions (drag-dismiss,
-		 * a snippet-cell write) override it until the next change. Not bindable.
-		 */
-		open?: 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?: OpenCell;
-		/** Machine-level open notification for the nested-drawer wiring — not a consumer API. */
-		_internal_onOpenChange?: (open: boolean) => void;
-	} = $props();
-
-	function handleOpenChangeComplete(o: boolean) {
-		rootState.handleOpenChangeComplete(o);
-		onOpenChangeComplete(o);
-	}
-
-	// Consumer cell over the source prop; vaul's machine keeps its boxed-open input
-	// (vendored, ADR 0006) — the box is a bridge over the cell, so the cell owns the
-	// consumer-facing `open` while the machine still drives dismissal internally.
-	// svelte-ignore state_referenced_locally
-	const cell = givenCell ?? new OpenCell(() => open);
-
-	const rootState = useDrawerRoot({
-		open: boxWith(
-			() => cell.open,
-			(o) => (cell.open = o),
-		),
-		closeThreshold: boxWith(() => closeThreshold),
-		scrollLockTimeout: boxWith(() => scrollLockTimeout),
-		snapPoints: boxWith(() => snapPoints),
-		fadeFromIndex: boxWith(() => fadeFromIndex),
-		nested: boxWith(() => nested),
-		shouldScaleBackground: boxWith(() => shouldScaleBackground),
-		activeSnapPoint: boxWith(
-			() => activeSnapPoint,
-			(v) => {
-				activeSnapPoint = v;
-				onActiveSnapPointChange(v);
-			},
-		),
-		onRelease: boxWith(() => onRelease),
-		onDrag: boxWith(() => onDrag),
-		onClose: boxWith(() => onClose),
-		dismissible: boxWith(() => dismissible),
-		direction: boxWith(() => direction),
-		fixed: boxWith(() => fixed),
-		modal: boxWith(() => modal),
-		handleOnly: boxWith(() => handleOnly),
-		noBodyStyles: boxWith(() => noBodyStyles),
-		preventScrollRestoration: boxWith(() => preventScrollRestoration),
-		setBackgroundColorOnScale: boxWith(() => setBackgroundColorOnScale),
-		repositionInputs: boxWith(() => repositionInputs),
-		autoFocus: boxWith(() => autoFocus),
-		snapToSequentialPoint: boxWith(() => snapToSequentialPoint),
-		container: boxWith(() => container),
-		disablePreventScroll: boxWith(() => disablePreventScroll),
-		onOpenChange: boxWith(() => _internal_onOpenChange),
-		onAnimationEnd: boxWith(() => onAnimationEnd),
-	});
-
-	// The drawer (vendored vaul) is an external state machine that owns `open`;
-	// the dialog cell derives from it. Dialog-initiated closes (a Close button,
-	// the dialog layers) write the cell, and this adapter routes them through
-	// the drawer's own animated close instead of just flipping the signal.
-	// The drawer acts as its own dialog root (the sheet.svelte pattern) so the
-	// cell stays internal — no consumer-facing state surface exists.
-	const dialogCell = new DialogState(() => rootState.open.current);
-	$effect(() => {
-		const o = dialogCell.open;
-		untrack(() => {
-			if (o !== rootState.open.current) rootState.onDialogOpenChange(o);
-		});
-	});
-
-	DialogRootState.create({
-		variant: boxWith(() => 'dialog'),
-		cell: dialogCell,
-		onOpenChangeComplete: boxWith(() => handleOpenChangeComplete),
-	});
-</script>
-
-{@render restProps.children?.()}
-
-<style global>
-	/* Mirrors TRANSITIONS in internal/vaul/constants.ts — keep the two in sync. */
-	:global([data-vaul-drawer]),
-	:global([data-vaul-overlay]) {
-		--vaul-duration: 0.5s;
-		--vaul-ease: cubic-bezier(0.32, 0.72, 0, 1);
-	}
-
-	:global([data-vaul-drawer]) {
-		touch-action: none;
-		will-change: transform;
-		transition: transform var(--vaul-duration) var(--vaul-ease);
-		animation-duration: var(--vaul-duration);
-		animation-timing-function: var(--vaul-ease);
-	}
-
-	:global([data-vaul-overlay]) {
-		transition: opacity var(--vaul-duration) var(--vaul-ease);
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='bottom'][data-state='open']) {
-		animation-name: slideFromBottom;
-	}
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='bottom'][data-state='closed']) {
-		animation-name: slideToBottom;
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='top'][data-state='open']) {
-		animation-name: slideFromTop;
-	}
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='top'][data-state='closed']) {
-		animation-name: slideToTop;
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='left'][data-state='open']) {
-		animation-name: slideFromLeft;
-	}
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='left'][data-state='closed']) {
-		animation-name: slideToLeft;
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='right'][data-state='open']) {
-		animation-name: slideFromRight;
-	}
-	:global([data-vaul-drawer][data-vaul-snap-points='false'][data-vaul-drawer-direction='right'][data-state='closed']) {
-		animation-name: slideToRight;
-	}
-
-	/* Snap-point drawers exit by transform transition, not keyframes: hold visibility for its length. */
-	:global([data-vaul-drawer][data-vaul-snap-points='true'][data-state='closed']) {
-		transition: transform var(--vaul-duration) var(--vaul-ease), visibility var(--vaul-duration);
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='bottom']) {
-		transform: translate3d(0, var(--initial-transform, 100%), 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='top']) {
-		transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='left']) {
-		transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-snap-points='true'][data-vaul-drawer-direction='right']) {
-		transform: translate3d(var(--initial-transform, 100%), 0, 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='top']) {
-		transform: translate3d(0, var(--snap-point-height, 0), 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='bottom']) {
-		transform: translate3d(0, var(--snap-point-height, 0), 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='left']) {
-		transform: translate3d(var(--snap-point-height, 0), 0, 0);
-	}
-
-	:global([data-vaul-drawer][data-vaul-delayed-snap-points='true'][data-vaul-drawer-direction='right']) {
-		transform: translate3d(var(--snap-point-height, 0), 0, 0);
-	}
-
-	:global([data-vaul-overlay][data-vaul-snap-points='false']) {
-		animation-duration: var(--vaul-duration);
-		animation-timing-function: var(--vaul-ease);
-	}
-	:global([data-vaul-overlay][data-vaul-snap-points='false'][data-state='open']) {
-		animation-name: fadeIn;
-	}
-	:global([data-vaul-overlay][data-state='closed']) {
-		animation-name: fadeOut;
-	}
-
-	:global([data-vaul-animate='false']) {
-		animation: none !important;
-	}
-
-	:global([data-vaul-overlay][data-vaul-snap-points='true']) {
-		opacity: 1;
-	}
-
-	:global([data-vaul-drawer].vaul-dragging),
-	:global([data-vaul-overlay].vaul-dragging) {
-		transition: none;
-	}
-
-	:global([data-vaul-drawer]:not([data-vaul-custom-container='true'])::after) {
-		content: '';
-		position: absolute;
-		background: inherit;
-		background-color: inherit;
-	}
-
-	:global([data-vaul-drawer][data-vaul-drawer-direction='top']::after) {
-		top: initial;
-		bottom: 100%;
-		left: 0;
-		right: 0;
-		height: 200%;
-	}
-
-	:global([data-vaul-drawer][data-vaul-drawer-direction='bottom']::after) {
-		top: 100%;
-		bottom: initial;
-		left: 0;
-		right: 0;
-		height: 200%;
-	}
-
-	:global([data-vaul-drawer][data-vaul-drawer-direction='left']::after) {
-		left: initial;
-		right: 100%;
-		top: 0;
-		bottom: 0;
-		width: 200%;
-	}
-
-	:global([data-vaul-drawer][data-vaul-drawer-direction='right']::after) {
-		left: 100%;
-		right: initial;
-		top: 0;
-		bottom: 0;
-		width: 200%;
-	}
-
-	:global([data-vaul-overlay][data-vaul-snap-points='true']:not([data-vaul-snap-points-overlay='true']):not([data-state='closed'])) {
-		opacity: 0;
-	}
-
-	:global([data-vaul-overlay][data-vaul-snap-points-overlay='true']) {
-		opacity: 1;
-	}
-
-	@media (hover: hover) and (pointer: fine) {
-		:global([data-vaul-drawer]) {
-			user-select: none !important;
-		}
-	}
-</style>

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'];

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

@@ -1,32 +0,0 @@
-import Field from './field.svelte';
-import Set from './field-set.svelte';
-import Legend from './field-legend.svelte';
-import Group from './field-group.svelte';
-import Content from './field-content.svelte';
-import Label from './field-label.svelte';
-import Title from './field-title.svelte';
-import Description from './field-description.svelte';
-import Separator from './field-separator.svelte';
-import Error from './field-error.svelte';
-export {
-	Field,
-	Set,
-	Legend,
-	Group,
-	Content,
-	Label,
-	Title,
-	Description,
-	Separator,
-	Error,
-	//
-	Set as FieldSet,
-	Legend as FieldLegend,
-	Group as FieldGroup,
-	Content as FieldContent,
-	Label as FieldLabel,
-	Title as FieldTitle,
-	Description as FieldDescription,
-	Separator as FieldSeparator,
-	Error as FieldError,
-};

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

@@ -1,19 +0,0 @@
-import { declareVariants, type VariantProps } from 'overrule';
-
-export const fieldVariants = declareVariants({
-	base: 'data-[invalid=true]:text-destructive gap-3 group/field flex w-full',
-	variants: {
-		orientation: {
-			vertical: 'np-field-orientation-vertical flex-col *:w-full [&>.sr-only]:w-auto',
-			horizontal:
-				'np-field-orientation-horizontal flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
-			responsive:
-				'np-field-orientation-responsive flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start *:w-full @md/field-group:*:w-auto [&>.sr-only]:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
-		},
-	},
-	defaultVariants: {
-		orientation: 'vertical',
-	},
-});
-
-export type FieldOrientation = VariantProps<typeof fieldVariants>['orientation'];

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

@@ -1,12 +0,0 @@
-import { inputVariants, type InputVariant } from './variants';
-import FileInput from './file-input.svelte';
-import Root from './input.svelte';
-
-export {
-	Root,
-	FileInput,
-	inputVariants,
-	type InputVariant,
-	//
-	Root as Input,
-};

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

@@ -1,28 +0,0 @@
-import { declareVariants, type VariantProps } from 'overrule';
-
-export const inputVariants = declareVariants({
-	base: 'placeholder:text-muted-foreground w-full min-w-0 outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 h-9 px-2.5 py-1 ',
-	variants: {
-		variant: {
-			default:
-				'rounded-md border border-input bg-transparent text-base shadow-xs transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',
-			invisible:
-				'rounded-none border-0 bg-transparent text-sm shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent',
-		},
-	},
-	defaultVariants: {
-		variant: 'default',
-	},
-});
-
-export type InputVariant = VariantProps<typeof inputVariants>['variant'];
-
-/**
- * Per-variant `data-slot`. An invisible input is an input-group control, which the
- * `.wrap-input-identity` wrapper targets via `has-[[data-slot=input-group-control]...]`.
- * A caller can still pass an explicit `data-slot` to override this.
- */
-export const inputVariantSlots = {
-	default: 'input',
-	invisible: 'input-group-control',
-} as const satisfies Record<NonNullable<InputVariant>, string>;

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

@@ -1,34 +0,0 @@
-import Root from './item.svelte';
-import Group from './item-group.svelte';
-import Separator from './item-separator.svelte';
-import Header from './item-header.svelte';
-import Footer from './item-footer.svelte';
-import Content from './item-content.svelte';
-import Title from './item-title.svelte';
-import Description from './item-description.svelte';
-import Actions from './item-actions.svelte';
-import Media from './item-media.svelte';
-
-export {
-	Root,
-	Group,
-	Separator,
-	Header,
-	Footer,
-	Content,
-	Title,
-	Description,
-	Actions,
-	Media,
-	//
-	Root as Item,
-	Group as ItemGroup,
-	Separator as ItemSeparator,
-	Header as ItemHeader,
-	Footer as ItemFooter,
-	Content as ItemContent,
-	Title as ItemTitle,
-	Description as ItemDescription,
-	Actions as ItemActions,
-	Media as ItemMedia,
-};

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

@@ -1,10 +0,0 @@
-import Root from './kbd.svelte';
-import Group from './kbd-group.svelte';
-
-export {
-	Root,
-	Group,
-	//
-	Root as Kbd,
-	Group as KbdGroup,
-};

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

@@ -1,39 +0,0 @@
-import { attachRef } from '../../internal/tools/index.js';
-import type { BitsMouseEvent, RefAttachment, WithRefOpts } from "../../internal/types.js";
-import { createBitsAttrs } from "../../internal/attrs.js";
-
-const labelAttrs = createBitsAttrs({
-	component: "label",
-	parts: ["root"],
-});
-
-interface LabelRootStateOpts extends WithRefOpts {}
-
-export class LabelRootState {
-	static create(opts: LabelRootStateOpts) {
-		return new LabelRootState(opts);
-	}
-
-	readonly opts: LabelRootStateOpts;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: LabelRootStateOpts) {
-		this.opts = opts;
-		this.attachment = attachRef(this.opts.ref);
-		this.onmousedown = this.onmousedown.bind(this);
-	}
-
-	onmousedown(e: BitsMouseEvent) {
-		if (e.detail > 1) e.preventDefault();
-	}
-
-	readonly props = $derived.by(
-		() =>
-			({
-				id: this.opts.id.current,
-				[labelAttrs.root]: "",
-				onmousedown: this.onmousedown,
-				...this.attachment,
-			}) as const
-	);
-}

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

@@ -1,7 +0,0 @@
-import type { WithChild, Without } from "../../internal/types.js";
-import type { BitsPrimitiveLabelAttributes } from "../../internal/attribute-types.js";
-
-export type LabelRootPropsWithoutHTML = WithChild;
-
-export type LabelRootProps = LabelRootPropsWithoutHTML &
-	Without<BitsPrimitiveLabelAttributes, LabelRootPropsWithoutHTML>;