sheer-ui 0.3.1 → 0.4.2

package/src/lib/internal/vaul/use-drawer-root.svelte.ts

@@ -1,4 +1,4 @@
-import { simpleBox, type ReadableBoxedValues, type WritableBoxedValues } from '../tools/index.js';
+import type { ReadableBoxedValues, WritableBoxedValues } from '../tools/index.js';
 import type { DrawerDirection } from './types.js';
 import { useSnapPoints } from './use-snap-points.svelte.js';
 import { isInput, usePreventScroll } from './use-prevent-scroll.svelte.js';
@@ -64,7 +64,7 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 	let isAllowedToDrag = false;
 	let nestedTransitionCleanup: (() => void) | null = null;
 	let pointerStart = 0;
-	let keyboardIsOpen = simpleBox(false);
+	let keyboardIsOpen = $state.raw(false);
 	let shouldAnimate = $state(!opts.open.current);
 	let previousDiffFromInitial = 0;
 	let drawerHeight = 0;
@@ -307,7 +307,7 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 		if (!drawerNode || !opts.repositionInputs.current) return;
 
 		const focusedElement = document.activeElement as HTMLElement;
-		if (isInput(focusedElement) || keyboardIsOpen.current) {
+		if (isInput(focusedElement) || keyboardIsOpen) {
 			const visualViewportHeight = window.visualViewport?.height || 0;
 			const totalHeight = window.innerHeight;
 			// This is the height of the keyboard
@@ -323,7 +323,7 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 
 			// visualViewport height may change due to some subtle changes to the keyboard. Checking if the height changed by 60 or more will make sure that they keyboard really changed its open state.
 			if (Math.abs(previousDiffFromInitial - diffFromInitial) > 60) {
-				keyboardIsOpen.current = !keyboardIsOpen.current;
+				keyboardIsOpen = !keyboardIsOpen;
 			}
 
 			if (
@@ -337,7 +337,7 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 			}
 			previousDiffFromInitial = diffFromInitial;
 			// We don't have to change the height if the input is in view, when we are here we are in the opened keyboard state so we can correctly check if the input is in view
-			if (drawerHeight > visualViewportHeight || keyboardIsOpen.current) {
+			if (drawerHeight > visualViewportHeight || keyboardIsOpen) {
 				const height = drawerNode.getBoundingClientRect().height;
 				let newDrawerHeight = height;
 
@@ -354,7 +354,7 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 				drawerNode.style.height = `${initialDrawerHeight}px`;
 			}
 
-			if (opts.snapPoints.current && opts.snapPoints.current.length > 0 && !keyboardIsOpen.current) {
+			if (opts.snapPoints.current && opts.snapPoints.current.length > 0 && !keyboardIsOpen) {
 				drawerNode.style.bottom = `0px`;
 			} else {
 				// Negative bottom value would never make sense
@@ -653,7 +653,12 @@ export function useDrawerRoot(opts: UseDrawerRootProps) {
 		handleOnly: opts.handleOnly,
 		container: opts.container,
 		autoFocus: opts.autoFocus,
-		keyboardIsOpen,
+		get keyboardIsOpen() {
+			return keyboardIsOpen;
+		},
+		set keyboardIsOpen(v: boolean) {
+			keyboardIsOpen = v;
+		},
 		setDrawerNode,
 		setOverlayNode,
 		onPress,

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

@@ -1,43 +0,0 @@
-import { createContext } from 'svelte';
-
-export type AccordionType = 'single' | 'multiple';
-
-type AccordionStateProps = {
-	type: () => AccordionType;
-	value: () => string | string[];
-	setValue: (value: string | string[]) => void;
-};
-
-/**
- * Each item is a `<details>`; this state owns the open set (bindable `value`) and
- * single-type exclusivity — not the native `name` attribute, which would unrender a
- * force-closed sibling before its closing transition can play. Items intercept summary
- * clicks and report intent here; the grid-track animation lives in ui.css.
- */
-export class AccordionState {
-	readonly props: AccordionStateProps;
-
-	constructor(props: AccordionStateProps) {
-		this.props = props;
-	}
-
-	includes(item: string): boolean {
-		const value = this.props.value();
-		return Array.isArray(value) ? value.includes(item) : value === item;
-	}
-
-	/** Open/close intent from an item — intercepted summary clicks and native force-opens alike. */
-	report(item: string, open: boolean): void {
-		const value = this.props.value();
-		if (Array.isArray(value)) {
-			if (open && !value.includes(item)) this.props.setValue([...value, item]);
-			else if (!open && value.includes(item)) this.props.setValue(value.filter((v) => v !== item));
-		} else if (open) {
-			if (value !== item) this.props.setValue(item);
-		} else if (value === item) {
-			this.props.setValue('');
-		}
-	}
-}
-
-export const [useAccordion, setAccordion] = createContext<AccordionState>();