@salmexio/ui 0.1.1 → 0.2.0

package/dist/forms/Checkbox/Checkbox.svelte

@@ -6,70 +6,70 @@
   Label, description, error, indeterminate. Full a11y; focus and semantics follow the native input.
 -->
 <script lang="ts">
-	import { cn } from '../../utils/cn.js';
-	import { generateId } from '../../utils/keyboard.js';
-
-	type CheckboxSize = 'sm' | 'md' | 'lg';
-
-	interface Props {
-		id?: string;
-		name?: string;
-		value?: string;
-		label: string;
-		checked?: boolean;
-		description?: string;
-		required?: boolean;
-		disabled?: boolean;
-		error?: string;
-		indeterminate?: boolean;
-		size?: CheckboxSize;
-		hideLabel?: boolean;
-		class?: string;
-		onchange?: (event: Event) => void;
-		testId?: string;
-		validateOnMount?: boolean;
-	}
-
-	let {
-		id = generateId('checkbox'),
-		name,
-		value,
-		label,
-		checked = $bindable(false),
-		description = '',
-		required = false,
-		disabled = false,
-		error = '',
-		indeterminate = false,
-		size = 'md',
-		hideLabel = false,
-		class: className = '',
-		onchange,
-		testId,
-		validateOnMount = false,
-	}: Props = $props();
-
-	let inputElement = $state<HTMLInputElement | undefined>(undefined);
-	let hasInteracted = $state(false);
-
-	$effect(() => {
-		const el = inputElement;
-		if (el) el.indeterminate = indeterminate;
-	});
-
-	const showChecked = $derived(checked && !indeterminate);
-	const shouldValidate = $derived(hasInteracted || validateOnMount);
-	const showError = $derived(shouldValidate && !!error);
-	const errorId = $derived(`${id}-error`);
-	const descriptionId = $derived(`${id}-description`);
-	const ariaDescribedBy = $derived(
-		[showError && errorId, description && descriptionId].filter(Boolean).join(' ') || undefined
-	);
-
-	function handleChange(e: Event) {
-		hasInteracted = true;
-		onchange?.(e);
-	}
+import { cn } from '../../utils/cn.js';
+import { generateId } from '../../utils/keyboard.js';
+
+type CheckboxSize = 'sm' | 'md' | 'lg';
+
+interface Props {
+	id?: string;
+	name?: string;
+	value?: string;
+	label: string;
+	checked?: boolean;
+	description?: string;
+	required?: boolean;
+	disabled?: boolean;
+	error?: string;
+	indeterminate?: boolean;
+	size?: CheckboxSize;
+	hideLabel?: boolean;
+	class?: string;
+	onchange?: (event: Event) => void;
+	testId?: string;
+	validateOnMount?: boolean;
+}
+
+let {
+	id = generateId('checkbox'),
+	name,
+	value,
+	label,
+	checked = $bindable(false),
+	description = '',
+	required = false,
+	disabled = false,
+	error = '',
+	indeterminate = false,
+	size = 'md',
+	hideLabel = false,
+	class: className = '',
+	onchange,
+	testId,
+	validateOnMount = false
+}: Props = $props();
+
+let inputElement = $state<HTMLInputElement | undefined>(undefined);
+let hasInteracted = $state(false);
+
+$effect(() => {
+	const el = inputElement;
+	if (el) el.indeterminate = indeterminate;
+});
+
+const showChecked = $derived(checked && !indeterminate);
+const shouldValidate = $derived(hasInteracted || validateOnMount);
+const showError = $derived(shouldValidate && !!error);
+const errorId = $derived(`${id}-error`);
+const descriptionId = $derived(`${id}-description`);
+const ariaDescribedBy = $derived(
+	[showError && errorId, description && descriptionId].filter(Boolean).join(' ') || undefined
+);
+
+function handleChange(e: Event) {
+	hasInteracted = true;
+	onchange?.(e);
+}
 </script>
 
 <div

package/dist/forms/Checkbox/Checkbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/Checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,KAAK;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AA+FF;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/Checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAOA,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,KAAK;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AA+FD;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/forms/TextInput/TextInput.svelte

@@ -5,148 +5,148 @@
   Label, error, hint, prefix/suffix, clearable, password toggle. Full a11y.
 -->
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLInputAttributes } from 'svelte/elements';
-	import { cn } from '../../utils/cn.js';
-
-	type InputSize = 'sm' | 'md' | 'lg';
-	type InputMode = 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
-
-	interface Props extends Omit<HTMLInputAttributes, 'class' | 'size' | 'inputmode' | 'autocomplete'> {
-		id?: string;
-		name?: string;
-		type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
-		label: string;
-		value?: string;
-		placeholder?: string;
-		required?: boolean;
-		disabled?: boolean;
-		readonly?: boolean;
-		error?: string;
-		hint?: string;
-		successMessage?: string;
-		maxLength?: number;
-		minLength?: number;
-		showCharCount?: boolean;
-		pattern?: string;
-		inputMode?: InputMode;
-		autocomplete?: string;
-		size?: InputSize;
-		iconLeft?: Snippet;
-		iconRight?: Snippet;
-		hideLabel?: boolean;
-		class?: string;
-		prefix?: string;
-		suffix?: string;
-		clearable?: boolean;
-		showPasswordToggle?: boolean;
-		loading?: boolean;
-		oninput?: (event: Event) => void;
-		onblur?: (event: FocusEvent) => void;
-		onfocus?: (event: FocusEvent) => void;
-		onclear?: () => void;
-		testId?: string;
-		validateOnMount?: boolean;
-	}
-
-	let {
-		id = `input-${Math.random().toString(36).slice(2, 9)}`,
-		name,
-		type = 'text',
-		label,
-		value = $bindable(''),
-		placeholder = '',
-		required = false,
-		disabled = false,
-		readonly = false,
-		error = '',
-		hint = '',
-		successMessage = '',
-		maxLength,
-		minLength,
-		showCharCount = false,
-		pattern,
-		inputMode = 'text',
-		autocomplete = 'off',
-		size = 'md',
-		iconLeft,
-		iconRight,
-		hideLabel = false,
-		class: className = '',
-		prefix,
-		suffix,
-		clearable = false,
-		showPasswordToggle = false,
-		loading = false,
-		oninput,
-		onblur,
-		onfocus,
-		onclear,
-		testId,
-		validateOnMount = false,
-		...restProps
-	}: Props = $props();
-
-	let inputRef = $state<HTMLInputElement | undefined>();
-	let isFocused = $state(false);
-	let hasInteracted = $state(false);
-	let passwordVisible = $state(false);
-
-	const shouldValidate = $derived(hasInteracted || validateOnMount);
-	const showError = $derived(shouldValidate && !!error);
-	const showSuccess = $derived(shouldValidate && !error && !!value && !!successMessage);
-	const effectiveType = $derived(type === 'password' && passwordVisible ? 'text' : type);
-	const errorId = $derived(`${id}-error`);
-	const hintId = $derived(`${id}-hint`);
-	const hasRightContent = $derived(
-		loading ||
-			showError ||
-			showSuccess ||
-			(clearable && value && !disabled && !readonly) ||
-			(showPasswordToggle && type === 'password') ||
+import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
+import { cn } from '../../utils/cn.js';
+
+type InputSize = 'sm' | 'md' | 'lg';
+type InputMode = 'none' | 'text' | 'search' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal';
+
+interface Props extends Omit<HTMLInputAttributes, 'class' | 'size' | 'inputmode' | 'autocomplete'> {
+	id?: string;
+	name?: string;
+	type?: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number';
+	label: string;
+	value?: string;
+	placeholder?: string;
+	required?: boolean;
+	disabled?: boolean;
+	readonly?: boolean;
+	error?: string;
+	hint?: string;
+	successMessage?: string;
+	maxLength?: number;
+	minLength?: number;
+	showCharCount?: boolean;
+	pattern?: string;
+	inputMode?: InputMode;
+	autocomplete?: string;
+	size?: InputSize;
+	iconLeft?: Snippet;
+	iconRight?: Snippet;
+	hideLabel?: boolean;
+	class?: string;
+	prefix?: string;
+	suffix?: string;
+	clearable?: boolean;
+	showPasswordToggle?: boolean;
+	loading?: boolean;
+	oninput?: (event: Event) => void;
+	onblur?: (event: FocusEvent) => void;
+	onfocus?: (event: FocusEvent) => void;
+	onclear?: () => void;
+	testId?: string;
+	validateOnMount?: boolean;
+}
+
+let {
+	id = `input-${Math.random().toString(36).slice(2, 9)}`,
+	name,
+	type = 'text',
+	label,
+	value = $bindable(''),
+	placeholder = '',
+	required = false,
+	disabled = false,
+	readonly = false,
+	error = '',
+	hint = '',
+	successMessage = '',
+	maxLength,
+	minLength,
+	showCharCount = false,
+	pattern,
+	inputMode = 'text',
+	autocomplete = 'off',
+	size = 'md',
+	iconLeft,
+	iconRight,
+	hideLabel = false,
+	class: className = '',
+	prefix,
+	suffix,
+	clearable = false,
+	showPasswordToggle = false,
+	loading = false,
+	oninput,
+	onblur,
+	onfocus,
+	onclear,
+	testId,
+	validateOnMount = false,
+	...restProps
+}: Props = $props();
+
+let inputRef = $state<HTMLInputElement | undefined>();
+let isFocused = $state(false);
+let hasInteracted = $state(false);
+let passwordVisible = $state(false);
+
+const shouldValidate = $derived(hasInteracted || validateOnMount);
+const showError = $derived(shouldValidate && !!error);
+const showSuccess = $derived(shouldValidate && !error && !!value && !!successMessage);
+const effectiveType = $derived(type === 'password' && passwordVisible ? 'text' : type);
+const errorId = $derived(`${id}-error`);
+const hintId = $derived(`${id}-hint`);
+const hasRightContent = $derived(
+	loading ||
+		showError ||
+		showSuccess ||
+		(clearable && value && !disabled && !readonly) ||
+		(showPasswordToggle && type === 'password') ||
 		!!iconRight
-	);
-	const ariaDescribedBy = $derived(
-		[error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined
-	);
-
-	function handleInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		value = target.value;
-		oninput?.(e);
-	}
-
-	function handleBlur(e: FocusEvent) {
-		isFocused = false;
-		hasInteracted = true;
-		onblur?.(e);
-	}
-
-	function handleFocus(e: FocusEvent) {
-		isFocused = true;
-		onfocus?.(e);
-	}
-
-	function handleClear() {
-		value = '';
-		if (inputRef) {
-			inputRef.value = '';
-			inputRef.focus();
-		}
-		onclear?.();
-	}
-
-	function togglePassword() {
-		passwordVisible = !passwordVisible;
-		inputRef?.focus();
-	}
-
-	function handleKeyDown(e: KeyboardEvent) {
-		if (e.key === 'Escape' && clearable && value && !disabled && !readonly) {
-			e.preventDefault();
-			handleClear();
-		}
-	}
+);
+const ariaDescribedBy = $derived(
+	[error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined
+);
+
+function handleInput(e: Event) {
+	const target = e.target as HTMLInputElement;
+	value = target.value;
+	oninput?.(e);
+}
+
+function handleBlur(e: FocusEvent) {
+	isFocused = false;
+	hasInteracted = true;
+	onblur?.(e);
+}
+
+function handleFocus(e: FocusEvent) {
+	isFocused = true;
+	onfocus?.(e);
+}
+
+function handleClear() {
+	value = '';
+	if (inputRef) {
+		inputRef.value = '';
+		inputRef.focus();
+	}
+	onclear?.();
+}
+
+function togglePassword() {
+	passwordVisible = !passwordVisible;
+	inputRef?.focus();
+}
+
+function handleKeyDown(e: KeyboardEvent) {
+	if (e.key === 'Escape' && clearable && value && !disabled && !readonly) {
+		e.preventDefault();
+		handleClear();
+	}
+}
 </script>
 
 <div

package/dist/forms/TextInput/TextInput.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/TextInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI1D,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9F,UAAU,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;IACjG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuNF;;;;;GAKG;AACH,QAAA,MAAM,SAAS,gDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/TextInput/TextInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpC,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9F,UAAU,KAAM,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;IACjG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuND;;;;;GAKG;AACH,QAAA,MAAM,SAAS,gDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/index.d.ts

@@ -4,5 +4,6 @@ export * from './layout/index.js';
 export * from './feedback/index.js';
 export * from './forms/index.js';
 export * from './dialogs/index.js';
+export * from './windowing/index.js';
 export * from './utils/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -4,4 +4,5 @@ export * from './layout/index.js';
 export * from './feedback/index.js';
 export * from './forms/index.js';
 export * from './dialogs/index.js';
+export * from './windowing/index.js';
 export * from './utils/index.js';

package/dist/layout/Card/Card.svelte

@@ -9,66 +9,66 @@
   <Card variant="accent" accentColor="success" header={...} footer={...} />
 -->
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { cn } from '../../utils/cn.js';
-
-	type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-	type CardVariant = 'default' | 'elevated' | 'outlined' | 'accent';
-	type AccentColor = 'primary' | 'success' | 'warning' | 'error' | 'info';
-
-	interface Props {
-		variant?: CardVariant;
-		padding?: CardPadding;
-		accentColor?: AccentColor;
-		interactive?: boolean;
-		asButton?: boolean;
-		as?: 'div' | 'article' | 'section';
-		id?: string;
-		ariaLabelledby?: string;
-		class?: string;
-		header?: Snippet;
-		footer?: Snippet;
-		children?: Snippet;
-		onclick?: (event: MouseEvent) => void;
-		onkeydown?: (event: KeyboardEvent) => void;
-		testId?: string;
-	}
-
-	let {
-		variant = 'default',
-		padding = 'md',
-		accentColor = 'primary',
-		interactive = false,
-		asButton = false,
-		as = 'div',
-		id,
-		ariaLabelledby,
-		class: className = '',
-		header,
-		footer,
-		children,
-		onclick,
-		onkeydown,
-		testId
-	}: Props = $props();
-
-	const paddingValues: Record<CardPadding, string> = {
-		none: '0',
-		sm: 'var(--salmex-space-4)',
-		md: 'var(--salmex-space-6)',
-		lg: 'var(--salmex-space-8)',
-		xl: 'var(--salmex-space-10)'
-	};
-
-	const currentPadding = $derived(paddingValues[padding]);
-
-	function handleKeydown(e: KeyboardEvent) {
-		if (e.key === 'Enter' || e.key === ' ') {
-			e.preventDefault();
-			(e.currentTarget as HTMLElement).click();
-		}
-		onkeydown?.(e);
+import type { Snippet } from 'svelte';
+import { cn } from '../../utils/cn.js';
+
+type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+type CardVariant = 'default' | 'elevated' | 'outlined' | 'accent';
+type AccentColor = 'primary' | 'success' | 'warning' | 'error' | 'info';
+
+interface Props {
+	variant?: CardVariant;
+	padding?: CardPadding;
+	accentColor?: AccentColor;
+	interactive?: boolean;
+	asButton?: boolean;
+	as?: 'div' | 'article' | 'section';
+	id?: string;
+	ariaLabelledby?: string;
+	class?: string;
+	header?: Snippet;
+	footer?: Snippet;
+	children?: Snippet;
+	onclick?: (event: MouseEvent) => void;
+	onkeydown?: (event: KeyboardEvent) => void;
+	testId?: string;
+}
+
+let {
+	variant = 'default',
+	padding = 'md',
+	accentColor = 'primary',
+	interactive = false,
+	asButton = false,
+	as = 'div',
+	id,
+	ariaLabelledby,
+	class: className = '',
+	header,
+	footer,
+	children,
+	onclick,
+	onkeydown,
+	testId
+}: Props = $props();
+
+const paddingValues: Record<CardPadding, string> = {
+	none: '0',
+	sm: 'var(--salmex-space-4)',
+	md: 'var(--salmex-space-6)',
+	lg: 'var(--salmex-space-8)',
+	xl: 'var(--salmex-space-10)'
+};
+
+const currentPadding = $derived(paddingValues[padding]);
+
+function handleKeydown(e: KeyboardEvent) {
+	if (e.key === 'Enter' || e.key === ' ') {
+		e.preventDefault();
+		(e.currentTarget as HTMLElement).click();
 	}
+	onkeydown?.(e);
+}
 </script>
 
 {#snippet cardContent()}

package/dist/layout/Card/Card.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/layout/Card/Card.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIrC,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,KAAK,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAClE,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAuGF;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/layout/Card/Card.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,KAAK,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAClE,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAuGD;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}