sheer-ui 0.4.2 → 0.5.0

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

@@ -1,92 +0,0 @@
-import type { EscapeLayerProps } from '../../internal/escape-layer/types.js';
-import type { DismissibleLayerProps } from '../../internal/dismissible-layer/types.js';
-import type { FloatingLayerContentProps } from '../../internal/floating-layer/types.js';
-import type { TextSelectionGuardProps } from '../../internal/types.js';
-import type { PresenceProps } from '../../internal/types.js';
-import type { FocusScopeProps } from '../../internal/focus-scope/types.js';
-import type { ScrollLockProps } from '../../internal/body-scroll-lock.svelte.js';
-import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from '../../internal/types.js';
-import type { Snippet } from 'svelte';
-import type { OpenCell } from '../../internal/open-cell.svelte.js';
-import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from '../../internal/attribute-types.js';
-import type { FloatingContentSnippetProps } from '../../internal/types.js';
-import type { PortalProps } from '../../internal/portal/index.js';
-
-/**
- * Content prop surface, composed from the same layer building blocks the (now-removed) Floating-UI
- * `PopperLayer` aggregated. The component no longer renders any Floating-UI layer — positioning is
- * native CSS `anchor()` — but the prop names are preserved so existing consumers keep type-checking;
- * the Floating-UI-only positioning props are simply ignored at runtime.
- */
-type PopoverFloatingProps = EscapeLayerProps &
-	Omit<DismissibleLayerProps, 'onInteractOutsideStart'> &
-	FloatingLayerContentProps &
-	PresenceProps &
-	TextSelectionGuardProps &
-	FocusScopeProps &
-	Omit<ScrollLockProps, 'restoreScrollDelay'>;
-
-export type PopoverRootPropsWithoutHTML = {
-	/**
-	 * The derivation source for the popover'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 that is called when the popover's open state changes and the animation is complete.
-	 * This is an occurrence (animation settled), not a state mirror — 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?: OpenCell;
-
-	/** Children receive the state cell, typed and guaranteed within the tree. */
-	children?: Snippet<[OpenCell]>;
-};
-
-export type PopoverRootProps = PopoverRootPropsWithoutHTML;
-
-export type PopoverContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<
-	Omit<PopoverFloatingProps, 'content' | 'loop'>,
-	FloatingContentSnippetProps
->;
-
-export type PopoverContentProps = PopoverContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, PopoverContentPropsWithoutHTML>;
-
-export type PopoverTriggerPropsWithoutHTML = WithChild<{
-	/**
-	 * Whether the popover should open when the trigger is hovered.
-	 * @default false
-	 */
-	openOnHover?: boolean;
-
-	/**
-	 * How long to wait before opening the popover on hover (ms).
-	 * Only applies when `openOnHover` is `true`.
-	 * @default 700
-	 */
-	openDelay?: number;
-
-	/**
-	 * How long to wait before closing the popover after hover ends (ms).
-	 * Only applies when `openOnHover` is `true`.
-	 * @default 300
-	 */
-	closeDelay?: number;
-}>;
-
-export type PopoverTriggerProps = PopoverTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, PopoverTriggerPropsWithoutHTML>;
-
-export type PopoverClosePropsWithoutHTML = WithChild;
-
-export type PopoverCloseProps = PopoverClosePropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, PopoverClosePropsWithoutHTML>;
-
-export type PopoverPortalPropsWithoutHTML = PortalProps;
-export type PopoverPortalProps = PortalProps;

package/src/lib/components/progress/components/progress.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-	import { boxWith } from '../../../internal/tools/index.js';
-	import { mergeProps } from '../../../internal/merge-props.js';
-	import type { ProgressRootProps } from '../types.js';
-	import { getProgressPercent, ProgressRootState } from '../progress.svelte.js';
-	import { createId } from '../../../internal/create-id.js';
-
-	const uid = $props.id();
-
-	let {
-		child,
-		children,
-		value = 0,
-		max = 100,
-		min = 0,
-		id = createId(uid),
-		ref = $bindable(null),
-		...restProps
-	}: ProgressRootProps = $props();
-
-	const rootState = ProgressRootState.create({
-		value: boxWith(() => value),
-		max: boxWith(() => max),
-		min: boxWith(() => min),
-		id: boxWith(() => id),
-		ref: boxWith(
-			() => ref,
-			(v) => (ref = v),
-		),
-	});
-
-	const mergedProps = $derived(
-		mergeProps(
-			{
-				'data-slot': 'progress',
-				class: 'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
-			},
-			restProps,
-			rootState.props,
-		),
-	);
-	const percent = $derived(getProgressPercent(value, min, max));
-</script>
-
-{#if child}
-	{@render child({ props: mergedProps })}
-{:else}
-	<div {...mergedProps}>
-		<div
-			data-slot="progress-indicator"
-			class="bg-primary h-full w-full flex-1 transition-all"
-			style="transform: translateX(-{100 - (percent ?? 0)}%)">
-		</div>
-		{@render children?.()}
-	</div>
-{/if}

package/src/lib/components/progress/exports.ts

@@ -1,3 +0,0 @@
-export { default as Root } from './components/progress.svelte';
-
-export type { ProgressRootProps as RootProps } from './types.js';

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

@@ -1,58 +0,0 @@
-import { attachRef, type ReadableBoxedValues } from '../../internal/tools/index.js';
-import { createBitsAttrs } from '../../internal/attrs.js';
-import type { RefAttachment, WithRefOpts } from '../../internal/types.js';
-
-const progressAttrs = createBitsAttrs({
-	component: 'progress',
-	parts: ['root'],
-});
-
-export function getProgressPercent(value: number | null, min: number, max: number): number | null {
-	if (value === null) return null;
-	const range = max - min;
-	if (!Number.isFinite(value) || !Number.isFinite(min) || !Number.isFinite(max) || range <= 0) return 0;
-	return Math.min(100, Math.max(0, ((value - min) / range) * 100));
-}
-
-interface ProgressRootStateOpts
-	extends
-		WithRefOpts,
-		ReadableBoxedValues<{
-			value: number | null;
-			max: number;
-			min: number;
-		}> {}
-
-export class ProgressRootState {
-	static create(opts: ProgressRootStateOpts) {
-		return new ProgressRootState(opts);
-	}
-
-	readonly opts: ProgressRootStateOpts;
-	readonly attachment: RefAttachment;
-
-	constructor(opts: ProgressRootStateOpts) {
-		this.opts = opts;
-		this.attachment = attachRef(this.opts.ref);
-	}
-
-	readonly props = $derived.by(() => {
-		const value = this.opts.value.current;
-		const percent = getProgressPercent(value, this.opts.min.current, this.opts.max.current);
-		const isIndeterminate = value === null;
-		return {
-			role: 'progressbar',
-			value,
-			'aria-valuemin': this.opts.min.current,
-			'aria-valuemax': this.opts.max.current,
-			'aria-valuenow': isIndeterminate ? undefined : value,
-			'data-value': isIndeterminate ? undefined : value,
-			'data-state': value === null ? 'indeterminate' : percent === 100 ? 'loaded' : 'loading',
-			'data-max': this.opts.max.current,
-			'data-min': this.opts.min.current,
-			'data-indeterminate': isIndeterminate ? '' : undefined,
-			[progressAttrs.root]: '',
-			...this.attachment,
-		} as const;
-	});
-}

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

@@ -1,28 +0,0 @@
-import type { WithChild, Without } from '../../internal/types.js';
-import type { BitsPrimitiveDivAttributes } from '../../internal/attribute-types.js';
-
-export type ProgressRootPropsWithoutHTML = WithChild<{
-	/**
-	 * The current value of the progress bar.
-	 * If `null`, the progress bar will be in an indeterminate state.
-	 *
-	 * @default 0
-	 */
-	value?: number | null;
-
-	/**
-	 * The maximum value of the progress bar.
-	 *
-	 * @default 100
-	 */
-	max?: number;
-
-	/**
-	 * The minimum value of the progress bar.
-	 *
-	 * @default 0
-	 */
-	min?: number;
-}>;
-
-export type ProgressRootProps = ProgressRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ProgressRootPropsWithoutHTML>;

package/src/lib/components/radio-group/context.ts

@@ -1,13 +0,0 @@
-import { createContext } from 'svelte';
-
-export type RadioGroupContext = {
-	/** Shared <input> name; native radios group by name (roving focus + single selection). */
-	readonly name: string;
-	readonly value: string;
-	readonly disabled: boolean;
-	readonly readonly: boolean;
-	readonly required: boolean;
-	select: (value: string) => void;
-};
-
-export const [getRadioGroupContext, setRadioGroupContext] = createContext<RadioGroupContext>();

package/src/lib/components/radio-group/index.ts

@@ -1,10 +0,0 @@
-import Root from './radio-group.svelte';
-import Item from './radio-group-item.svelte';
-
-export type { RadioGroupProps } from './radio-group.svelte';
-export type { RadioGroupItemProps } from './radio-group-item.svelte';
-
-export {
-	Root,
-	Item,
-};

package/src/lib/components/range-calendar/exports.ts

@@ -1,31 +0,0 @@
-export { default as Root } from "./components/range-calendar.svelte";
-export { default as Day } from "./components/range-calendar-day.svelte";
-export { default as Cell } from "./components/range-calendar-cell.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.svelte";
-export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
-export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
-export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
-export { default as Header } from "../calendar/components/calendar-header.svelte";
-export { default as Heading } from "../calendar/components/calendar-heading.svelte";
-export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
-export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
-export { default as MonthSelect } from "../calendar/components/calendar-month-select.svelte";
-export { default as YearSelect } from "../calendar/components/calendar-year-select.svelte";
-
-export type {
-	RangeCalendarRootProps as RootProps,
-	RangeCalendarPrevButtonProps as PrevButtonProps,
-	RangeCalendarNextButtonProps as NextButtonProps,
-	RangeCalendarHeadingProps as HeadingProps,
-	RangeCalendarHeaderProps as HeaderProps,
-	RangeCalendarGridProps as GridProps,
-	RangeCalendarGridHeadProps as GridHeadProps,
-	RangeCalendarHeadCellProps as HeadCellProps,
-	RangeCalendarGridBodyProps as GridBodyProps,
-	RangeCalendarCellProps as CellProps,
-	RangeCalendarGridRowProps as GridRowProps,
-	RangeCalendarDayProps as DayProps,
-	RangeCalendarMonthSelectProps as MonthSelectProps,
-	RangeCalendarYearSelectProps as YearSelectProps,
-} from "./types.js";