@salmexio/ui 1.3.0 → 1.3.1

package/dist/dialogs/Modal/Modal.svelte

@@ -149,7 +149,7 @@ function handleBackdropClick(e: MouseEvent) {
 }
 
 function handleKeyDown(e: KeyboardEvent) {
-	if (closeOnEscape && e.key === Keys.Escape) {
+	if (closeOnEscape && e.key === Keys.Escape && !e.defaultPrevented) {
 		e.preventDefault();
 		handleClose();
 	}

package/dist/feedback/Skeleton/Skeleton.svelte

@@ -50,25 +50,15 @@ let {
 
 const effectiveWidth = $derived(width ?? (variant === 'circle' ? '40px' : '100%'));
 const effectiveHeight = $derived(
-	height ??
-		(variant === 'circle'
-			? effectiveWidth
-			: variant === 'text'
-				? '1em'
-				: '100px')
+	height ?? (variant === 'circle' ? effectiveWidth : variant === 'text' ? '1em' : '100px')
 );
 
 const borderRadius = $derived(
-	rounded ??
-		(variant === 'circle'
-			? 'var(--sx-radius-full)'
-			: 'var(--sx-radius-sm)')
+	rounded ?? (variant === 'circle' ? 'var(--sx-radius-full)' : 'var(--sx-radius-sm)')
 );
 
 const lineWidths = $derived(
-	lines > 1
-		? Array.from({ length: lines }, (_, i) => (i === lines - 1 ? '75%' : '100%'))
-		: ['100%']
+	lines > 1 ? Array.from({ length: lines }, (_, i) => (i === lines - 1 ? '75%' : '100%')) : ['100%']
 );
 </script>
 

package/dist/feedback/Skeleton/Skeleton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/Skeleton.svelte.ts"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,UAAU,KAAK;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AA6DD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Skeleton/Skeleton.svelte.ts"],"names":[],"mappings":"AAMA,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,UAAU,KAAK;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAmDD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/feedback/Toast/Toaster.svelte

@@ -24,10 +24,7 @@ interface Props {
 	class?: string;
 }
 
-let {
-	position = 'bottom-right',
-	class: className = ''
-}: Props = $props();
+let { position = 'bottom-right', class: className = '' }: Props = $props();
 
 let timers = new Map<string, ReturnType<typeof setTimeout>>();
 let pausedToasts = new Set<string>();
@@ -78,10 +75,14 @@ function handleKeydown(e: KeyboardEvent, id: string) {
 
 function getIcon(type: ToastItem['type']): string {
 	switch (type) {
-		case 'success': return 'M9 12l2 2 4-4';
-		case 'error': return 'M18 6L6 18M6 6l12 12';
-		case 'warning': return 'M12 9v4m0 4h.01';
-		case 'info': return 'M12 16v-4m0-4h.01';
+		case 'success':
+			return 'M9 12l2 2 4-4';
+		case 'error':
+			return 'M18 6L6 18M6 6l12 12';
+		case 'warning':
+			return 'M12 9v4m0 4h.01';
+		case 'info':
+			return 'M12 16v-4m0-4h.01';
 	}
 }
 

package/dist/feedback/Toast/Toaster.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Toast/Toaster.svelte.ts"],"names":[],"mappings":"AASA,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/E,UAAU,KAAK;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAkJD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Toaster.svelte.d.ts","sourceRoot":"","sources":["../../../src/feedback/Toast/Toaster.svelte.ts"],"names":[],"mappings":"AASA,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/E,UAAU,KAAK;IACd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAmJD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/forms/DatePicker/DatePicker.svelte

@@ -83,8 +83,20 @@ let viewMonth = $state(new Date().getMonth());
 let focusedDay = $state(new Date().getDate());
 
 const DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-const MONTHS = ['January', 'February', 'March', 'April', 'May', 'June',
-	'July', 'August', 'September', 'October', 'November', 'December'];
+const MONTHS = [
+	'January',
+	'February',
+	'March',
+	'April',
+	'May',
+	'June',
+	'July',
+	'August',
+	'September',
+	'October',
+	'November',
+	'December'
+];
 
 const showError = $derived(hasInteracted && !!error);
 const ariaDescribedBy = $derived(
@@ -144,7 +156,11 @@ function isToday(year: number, month: number, day: number): boolean {
 
 function isSelected(year: number, month: number, day: number): boolean {
 	if (!selectedDate) return false;
-	return year === selectedDate.getFullYear() && month === selectedDate.getMonth() && day === selectedDate.getDate();
+	return (
+		year === selectedDate.getFullYear() &&
+		month === selectedDate.getMonth() &&
+		day === selectedDate.getDate()
+	);
 }
 
 function positionCalendar() {
@@ -243,22 +259,36 @@ function handleCalendarKeydown(e: KeyboardEvent) {
 		case Keys.ArrowRight:
 			e.preventDefault();
 			if (focusedDay < daysInMonth) focusedDay++;
-			else { nextMonth(); focusedDay = 1; }
+			else {
+				nextMonth();
+				focusedDay = 1;
+			}
 			break;
 		case Keys.ArrowLeft:
 			e.preventDefault();
 			if (focusedDay > 1) focusedDay--;
-			else { prevMonth(); focusedDay = daysInMonth; }
+			else {
+				prevMonth();
+				focusedDay = daysInMonth;
+			}
 			break;
 		case Keys.ArrowDown:
 			e.preventDefault();
 			if (focusedDay + 7 <= daysInMonth) focusedDay += 7;
-			else { const overflow = focusedDay + 7 - daysInMonth; nextMonth(); focusedDay = overflow; }
+			else {
+				const overflow = focusedDay + 7 - daysInMonth;
+				nextMonth();
+				focusedDay = overflow;
+			}
 			break;
 		case Keys.ArrowUp:
 			e.preventDefault();
 			if (focusedDay - 7 >= 1) focusedDay -= 7;
-			else { const newDay = daysInPrevMonth + (focusedDay - 7); prevMonth(); focusedDay = newDay; }
+			else {
+				const newDay = daysInPrevMonth + (focusedDay - 7);
+				prevMonth();
+				focusedDay = newDay;
+			}
 			break;
 		case Keys.Home:
 			e.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/DatePicker/DatePicker.svelte.ts"],"names":[],"mappings":"AAQA,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,UAAU,KAAK;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAsYD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/DatePicker/DatePicker.svelte.ts"],"names":[],"mappings":"AAQA,KAAK,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,UAAU,KAAK;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAoaD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/forms/PhoneInput/PhoneInput.svelte

@@ -42,7 +42,7 @@ export const DEFAULT_COUNTRIES: Country[] = [
 	{ code: 'NG', name: 'Nigeria', dial: '+234', flag: '\u{1F1F3}\u{1F1EC}' },
 	{ code: 'ZA', name: 'South Africa', dial: '+27', flag: '\u{1F1FF}\u{1F1E6}' },
 	{ code: 'CN', name: 'China', dial: '+86', flag: '\u{1F1E8}\u{1F1F3}' },
-	{ code: 'RU', name: 'Russia', dial: '+7', flag: '\u{1F1F7}\u{1F1FA}' },
+	{ code: 'RU', name: 'Russia', dial: '+7', flag: '\u{1F1F7}\u{1F1FA}' }
 ];
 </script>
 

package/dist/forms/Toggle/Toggle.svelte

@@ -59,8 +59,6 @@ function toggle() {
 	checked = !checked;
 	onchange?.(checked);
 }
-
-
 </script>
 
 <div

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/Toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtC,UAAU,KAAK;IACd,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AA4DD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM,kDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/forms/Toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrC,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtC,UAAU,KAAK;IACd,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AA0DD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,MAAM,kDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/layout/ThermalBackground/ThermalBackground.svelte

@@ -11,23 +11,23 @@
 -->
 
 <script lang="ts">
-	interface Props {
-		/** Show film grain overlay */
-		grain?: boolean;
-		/** Blob intensity: low = barely visible, default = subtle, high = pronounced */
-		intensity?: 'low' | 'default' | 'high';
-		/** Additional CSS class */
-		class?: string;
-		/** Test ID */
-		testId?: string;
-	}
-
-	let {
-		grain = true,
-		intensity = 'default',
-		class: className = '',
-		testId = undefined,
-	}: Props = $props();
+interface Props {
+	/** Show film grain overlay */
+	grain?: boolean;
+	/** Blob intensity: low = barely visible, default = subtle, high = pronounced */
+	intensity?: 'low' | 'default' | 'high';
+	/** Additional CSS class */
+	class?: string;
+	/** Test ID */
+	testId?: string;
+}
+
+let {
+	grain = true,
+	intensity = 'default',
+	class: className = '',
+	testId = undefined
+}: Props = $props();
 </script>
 
 <div

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

@@ -1 +1 @@
-{"version":3,"file":"ThermalBackground.svelte.d.ts","sourceRoot":"","sources":["../../../src/layout/ThermalBackground/ThermalBackground.svelte.ts"],"names":[],"mappings":"AAGC,UAAU,KAAK;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ThermalBackground.svelte.d.ts","sourceRoot":"","sources":["../../../src/layout/ThermalBackground/ThermalBackground.svelte.ts"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCD,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/styles/tokens.css

@@ -17,42 +17,42 @@
 	   Raw palette — never use directly in components
 	   ======================================== */
 
-	--sx-gray-950: #08080C;
-	--sx-gray-900: #0F0F14;
+	--sx-gray-950: #08080c;
+	--sx-gray-900: #0f0f14;
 	--sx-gray-800: #171720;
-	--sx-gray-700: #1F1F2A;
-	--sx-gray-600: #2D2D3A;
+	--sx-gray-700: #1f1f2a;
+	--sx-gray-600: #2d2d3a;
 	--sx-gray-500: #505060;
-	--sx-gray-400: #7A7A88;
-	--sx-gray-300: #A0A0AB;
-	--sx-gray-200: #C5C5CC;
-	--sx-gray-100: #E8E6E1;
-	--sx-white: #F0EEE8;
+	--sx-gray-400: #7a7a88;
+	--sx-gray-300: #a0a0ab;
+	--sx-gray-200: #c5c5cc;
+	--sx-gray-100: #e8e6e1;
+	--sx-white: #f0eee8;
 
 	/* Accents — Vermilion (forge heat) */
-	--sx-vermilion-500: #FF6B35;
-	--sx-vermilion-400: #FF8C5A;
-	--sx-vermilion-600: #E05520;
+	--sx-vermilion-500: #ff6b35;
+	--sx-vermilion-400: #ff8c5a;
+	--sx-vermilion-600: #e05520;
 
 	/* Accents — Brass (earned authority) */
-	--sx-brass-500: #C8A84E;
-	--sx-brass-400: #D4B86A;
-	--sx-brass-600: #A68B3A;
+	--sx-brass-500: #c8a84e;
+	--sx-brass-400: #d4b86a;
+	--sx-brass-600: #a68b3a;
 
 	/* Accents — Danger */
-	--sx-red-500: #DC2626;
-	--sx-red-400: #EF4444;
-	--sx-red-600: #B91C1C;
+	--sx-red-500: #dc2626;
+	--sx-red-400: #ef4444;
+	--sx-red-600: #b91c1c;
 
 	/* Accents — Phosphor (operational green) */
-	--sx-green-500: #4ADE80;
-	--sx-green-400: #6EE7A0;
-	--sx-green-600: #22C55E;
+	--sx-green-500: #4ade80;
+	--sx-green-400: #6ee7a0;
+	--sx-green-600: #22c55e;
 
 	/* Accents — Teal (encrypted channel) */
-	--sx-teal-500: #3D8B8B;
-	--sx-teal-400: #5AABAB;
-	--sx-teal-600: #2D6B6B;
+	--sx-teal-500: #3d8b8b;
+	--sx-teal-400: #5aabab;
+	--sx-teal-600: #2d6b6b;
 
 	/* ========================================
 	   SEMANTIC COLORS
@@ -112,7 +112,7 @@
 	--sx-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
 	--sx-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
 	--sx-shadow-glow-primary: 0 0 20px rgba(255, 107, 53, 0.18);
-	--sx-shadow-glow-primary-strong: 0 0 30px rgba(255, 107, 53, 0.30);
+	--sx-shadow-glow-primary-strong: 0 0 30px rgba(255, 107, 53, 0.3);
 	--sx-shadow-glow-brass: 0 0 20px rgba(200, 168, 78, 0.15);
 	--sx-shadow-glow-red: 0 0 20px rgba(220, 38, 38, 0.15);
 	--sx-shadow-glow-green: 0 0 20px rgba(74, 222, 128, 0.15);
@@ -164,9 +164,9 @@
 	   TYPOGRAPHY
 	   ======================================== */
 
-	--sx-font-body: 'TT Fors', system-ui, -apple-system, sans-serif;
-	--sx-font-display: 'TT Quaris', Georgia, 'Times New Roman', serif;
-	--sx-font-mono: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
+	--sx-font-body: "TT Fors", system-ui, -apple-system, sans-serif;
+	--sx-font-display: "TT Quaris", Georgia, "Times New Roman", serif;
+	--sx-font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;
 
 	--sx-text-xs: 0.75rem;
 	--sx-text-sm: 0.875rem;
@@ -251,7 +251,7 @@
 	   ======================================== */
 
 	--sx-z-base: 1;
-	--sx-z-dropdown: 1000;
+	--sx-z-dropdown: 1055;
 	--sx-z-sticky: 1020;
 	--sx-z-fixed: 1030;
 	--sx-z-modal-backdrop: 1040;
@@ -316,9 +316,11 @@
 
 body {
 	background-color: var(--sx-color-base);
-	background-image:
-		radial-gradient(ellipse at 15% 50%, rgba(255, 107, 53, 0.02) 0%, transparent 50%),
-		radial-gradient(ellipse at 85% 20%, rgba(200, 168, 78, 0.015) 0%, transparent 50%),
+	background-image: radial-gradient(
+			ellipse at 15% 50%,
+			rgba(255, 107, 53, 0.02) 0%,
+			transparent 50%
+		), radial-gradient(ellipse at 85% 20%, rgba(200, 168, 78, 0.015) 0%, transparent 50%),
 		radial-gradient(ellipse at 50% 85%, rgba(61, 139, 139, 0.015) 0%, transparent 50%);
 	background-size: 200% 200%;
 	animation: sx-ambient-drift 25s ease-in-out infinite;
@@ -359,23 +361,47 @@ body {
 }
 
 @keyframes sx-ambient-drift {
-	0%   { background-position: 0% 50%; }
-	50%  { background-position: 100% 50%; }
-	100% { background-position: 0% 50%; }
+	0% {
+		background-position: 0% 50%;
+	}
+	50% {
+		background-position: 100% 50%;
+	}
+	100% {
+		background-position: 0% 50%;
+	}
 }
 
 @keyframes sx-focus-breathe {
-	0%, 100% { box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.12); }
-	50%      { box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.28); }
+	0%,
+	100% {
+		box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.12);
+	}
+	50% {
+		box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.28);
+	}
 }
 
 @keyframes sx-error-shake {
-	0%, 100% { transform: translateX(0); }
-	15%      { transform: translateX(-4px); }
-	30%      { transform: translateX(4px); }
-	45%      { transform: translateX(-3px); }
-	60%      { transform: translateX(2px); }
-	75%      { transform: translateX(-1px); }
+	0%,
+	100% {
+		transform: translateX(0);
+	}
+	15% {
+		transform: translateX(-4px);
+	}
+	30% {
+		transform: translateX(4px);
+	}
+	45% {
+		transform: translateX(-3px);
+	}
+	60% {
+		transform: translateX(2px);
+	}
+	75% {
+		transform: translateX(-1px);
+	}
 }
 
 @keyframes sx-check-in {
@@ -390,9 +416,15 @@ body {
 }
 
 @keyframes sx-badge-pop {
-	0%   { transform: scale(1); }
-	40%  { transform: scale(1.15); }
-	100% { transform: scale(1); }
+	0% {
+		transform: scale(1);
+	}
+	40% {
+		transform: scale(1.15);
+	}
+	100% {
+		transform: scale(1);
+	}
 }
 
 @keyframes sx-alert-in {

package/dist/utils/accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAcH,kDAAkD;AAClD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAe3D;AAED,mEAAmE;AACnE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAI1E;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CACvB,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,QAAQ,GAAG,WAAsB,GACzC,IAAI,CAgCN;AAED,gDAAgD;AAChD,wBAAgB,oBAAoB,IAAI,OAAO,CAG9C"}
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAcH,kDAAkD;AAClD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAe3D;AAED,mEAAmE;AACnE,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAI1E;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAE,QAAQ,GAAG,WAAsB,GAAG,IAAI,CAgC3F;AAED,gDAAgD;AAChD,wBAAgB,oBAAoB,IAAI,OAAO,CAG9C"}

package/dist/utils/accessibility.js

@@ -9,7 +9,7 @@ const FOCUSABLE_SELECTORS = [
     'select:not([disabled]):not([tabindex="-1"])',
     'textarea:not([disabled]):not([tabindex="-1"])',
     '[tabindex]:not([tabindex="-1"])',
-    '[contenteditable]:not([tabindex="-1"])',
+    '[contenteditable]:not([tabindex="-1"])'
 ];
 const FOCUSABLE_SELECTOR = FOCUSABLE_SELECTORS.join(', ');
 /** Check whether an element can receive focus. */
@@ -62,7 +62,7 @@ export function announce(message, priority = 'polite') {
             overflow: 'hidden',
             clip: 'rect(0, 0, 0, 0)',
             whiteSpace: 'nowrap',
-            border: '0',
+            border: '0'
         });
         document.body.appendChild(region);
     }

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { cn } from './cn.js';
-export { createFocusTrap, generateId, Keys, isKey, isActivationKey, isNavigationKey, } from './keyboard.js';
+export { createFocusTrap, generateId, Keys, isKey, isActivationKey, isNavigationKey } from './keyboard.js';
 export type { FocusTrap, Key } from './keyboard.js';
-export { isElementFocusable, getFocusableElements, announce, prefersReducedMotion, } from './accessibility.js';
+export { isElementFocusable, getFocusableElements, announce, prefersReducedMotion } from './accessibility.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EACN,eAAe,EACf,UAAU,EACV,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,GACf,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EACN,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,EACR,oBAAoB,GACpB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EACN,eAAe,EACf,UAAU,EACV,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EACN,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,EACR,oBAAoB,EACpB,MAAM,oBAAoB,CAAC"}

package/dist/utils/index.js

@@ -1,3 +1,3 @@
 export { cn } from './cn.js';
-export { createFocusTrap, generateId, Keys, isKey, isActivationKey, isNavigationKey, } from './keyboard.js';
-export { isElementFocusable, getFocusableElements, announce, prefersReducedMotion, } from './accessibility.js';
+export { createFocusTrap, generateId, Keys, isKey, isActivationKey, isNavigationKey } from './keyboard.js';
+export { isElementFocusable, getFocusableElements, announce, prefersReducedMotion } from './accessibility.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@salmexio/ui",
-	"version": "1.3.0",
+	"version": "1.3.1",
 	"description": "Salmex I/O Design System — INFRARED component library for Salmex products",
 	"type": "module",
 	"license": "UNLICENSED",