@marianmeres/stuic 3.94.2 → 3.94.4

package/dist/components/Checkout/CheckoutShippingStep.svelte

@@ -10,6 +10,7 @@
 		CheckoutValidationError,
 	} from "./_internal/checkout-types.js";
 	import type { NotificationsStack } from "../Notifications/notifications-stack.svelte.js";
+	import type { Props as CheckoutAddressFormProps } from "./CheckoutAddressForm.svelte";
 
 	export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
 		/** Order data (for totals display in sidebar) */
@@ -94,6 +95,24 @@
 			]
 		>;
 
+		/**
+		 * Props forwarded to both inner `CheckoutAddressForm` instances (shipping
+		 * and, when visible, billing). Use this to configure `phoneFieldProps`,
+		 * `countryFieldProps`, `preferredCountries`, `countryList`, `countryNames`,
+		 * `requiredFields`, or `fields` without replacing the entire left column
+		 * via the `leftColumn` snippet.
+		 *
+		 * Structural props that `CheckoutShippingStep` owns (`address`, `errors`,
+		 * `label`, `countryField`, `t`, `unstyled`, `el`) cannot be overridden via
+		 * this object — they are applied after the spread.
+		 */
+		addressFormProps?: Partial<
+			Omit<
+				CheckoutAddressFormProps,
+				"address" | "errors" | "label" | "countryField" | "t" | "unstyled" | "el"
+			>
+		>;
+
 		/** Override left column entirely */
 		leftColumn?: Snippet;
 
@@ -154,6 +173,7 @@
 		continueLabel,
 		continuingLabel,
 		countryField,
+		addressFormProps,
 		leftColumn,
 		rightColumn,
 		t: tProp,
@@ -267,6 +287,7 @@
 						</CheckoutSectionHeader>
 						<CheckoutAddressForm
 							bind:this={shippingFormRef}
+							{...addressFormProps}
 							bind:address={shippingAddress}
 							label="shipping"
 							errors={shippingErrors}
@@ -293,6 +314,7 @@
 							</CheckoutSectionHeader>
 							<CheckoutAddressForm
 								bind:this={billingFormRef}
+								{...addressFormProps}
 								bind:address={billingAddress}
 								label="billing"
 								errors={billingErrors}

package/dist/components/Checkout/CheckoutShippingStep.svelte.d.ts

@@ -3,6 +3,7 @@ import type { HTMLAttributes } from "svelte/elements";
 import type { TranslateFn } from "../../types.js";
 import type { CheckoutAddressData, CheckoutDeliveryOption, CheckoutOrderData, CheckoutStep, CheckoutValidationError } from "./_internal/checkout-types.js";
 import type { NotificationsStack } from "../Notifications/notifications-stack.svelte.js";
+import type { Props as CheckoutAddressFormProps } from "./CheckoutAddressForm.svelte";
 export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     /** Order data (for totals display in sidebar) */
     order: CheckoutOrderData;
@@ -50,6 +51,18 @@ export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children">
             id: string;
         }
     ]>;
+    /**
+     * Props forwarded to both inner `CheckoutAddressForm` instances (shipping
+     * and, when visible, billing). Use this to configure `phoneFieldProps`,
+     * `countryFieldProps`, `preferredCountries`, `countryList`, `countryNames`,
+     * `requiredFields`, or `fields` without replacing the entire left column
+     * via the `leftColumn` snippet.
+     *
+     * Structural props that `CheckoutShippingStep` owns (`address`, `errors`,
+     * `label`, `countryField`, `t`, `unstyled`, `el`) cannot be overridden via
+     * this object — they are applied after the spread.
+     */
+    addressFormProps?: Partial<Omit<CheckoutAddressFormProps, "address" | "errors" | "label" | "countryField" | "t" | "unstyled" | "el">>;
     /** Override left column entirely */
     leftColumn?: Snippet;
     /** Override right column entirely */

package/dist/components/Input/_internal/PhonePrefixPicker.svelte

@@ -52,7 +52,11 @@
 		const preferredSet = new Set(preferredCountries?.map((c) => c.toUpperCase()) ?? []);
 
 		if (preferredSet.size > 0) {
-			const preferred = countryList.filter((c) => preferredSet.has(c.iso));
+			// Preserve the order given in `preferredCountries`.
+			const order = preferredCountries!.map((c) => c.toUpperCase());
+			const preferred = order
+				.map((iso) => countryList.find((c) => c.iso === iso))
+				.filter((c): c is Country => !!c);
 			preferred.forEach((c) => result.push(countryToItem(c)));
 			if (preferred.length > 0) {
 				result.push({ type: "divider" });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "3.94.2",
+	"version": "3.94.4",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && pnpm run prepack",