@stackloop/ui 3.3.1 → 3.3.2

package/README.md

@@ -234,7 +234,7 @@ Components with the `animate` prop:
 - **Description:** Phone number input with a country calling code selector and optional locale-based default.
 - **Props:**
   - **`value`**: `string` — optional.
-  - **`onChange`**: `(value: string) => void` — optional.
+  - **`onChange`**: `(dialCode: string, value: string) => void` — optional.
   - **`country`**: `string` — optional ISO2 override (e.g. `US`).
   - **`defaultCountry`**: `string` — default: `'US'`.
   - **`autoDetect`**: `boolean` — default: `true`. Uses `navigator.language` to select a country.
@@ -251,7 +251,7 @@ Components with the `animate` prop:
   <PhoneInput
     label="Phone"
     value={phone}
-    onChange={setPhone}
+    onChange={(dialCode, value) => setPhone(`${dialCode}${value}`)}
     searchable
     autoDetect
   />

package/dist/PhoneInput.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type Country } from './countries';
 export interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     value?: string;
-    onChange?: (value: string) => void;
+    onChange?: (dialCode: string, value: string) => void;
     country?: string;
     defaultCountry?: string;
     autoDetect?: boolean;