@mieweb/ui 0.8.0-dev.20 → 0.8.0-dev.21

package/dist/index.d.cts

@@ -4203,14 +4203,19 @@ type CountryDropdownProps = CountryCodeDropdownProps;
  * dial codes. The trigger shows the flag and country name; the dropdown
  * lists flag + name only.
  *
+ * Unlike `CountryCodeDropdown`, nothing is selected by default: the trigger
+ * shows `placeholder` until the user picks a country. Pass `defaultValue`
+ * (uncontrolled) or `value` (controlled) to start with a country selected;
+ * pass `value=""` for a controlled empty state.
+ *
  * @example
  * ```tsx
  * const [country, setCountry] = useState<CountryData>();
  *
- * <CountryDropdown value={country?.code} onChange={setCountry} />
+ * <CountryDropdown value={country?.code ?? ''} onChange={setCountry} />
  * ```
  */
-declare function CountryDropdown({ 'aria-label': ariaLabel, ...props }: CountryDropdownProps): react_jsx_runtime.JSX.Element;
+declare function CountryDropdown({ 'aria-label': ariaLabel, defaultValue, ...props }: CountryDropdownProps): react_jsx_runtime.JSX.Element;
 declare namespace CountryDropdown {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -4203,14 +4203,19 @@ type CountryDropdownProps = CountryCodeDropdownProps;
  * dial codes. The trigger shows the flag and country name; the dropdown
  * lists flag + name only.
  *
+ * Unlike `CountryCodeDropdown`, nothing is selected by default: the trigger
+ * shows `placeholder` until the user picks a country. Pass `defaultValue`
+ * (uncontrolled) or `value` (controlled) to start with a country selected;
+ * pass `value=""` for a controlled empty state.
+ *
  * @example
  * ```tsx
  * const [country, setCountry] = useState<CountryData>();
  *
- * <CountryDropdown value={country?.code} onChange={setCountry} />
+ * <CountryDropdown value={country?.code ?? ''} onChange={setCountry} />
  * ```
  */
-declare function CountryDropdown({ 'aria-label': ariaLabel, ...props }: CountryDropdownProps): react_jsx_runtime.JSX.Element;
+declare function CountryDropdown({ 'aria-label': ariaLabel, defaultValue, ...props }: CountryDropdownProps): react_jsx_runtime.JSX.Element;
 declare namespace CountryDropdown {
     var displayName: string;
 }

package/dist/index.js

@@ -57,8 +57,8 @@ export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants }
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-5WOB4UBD.js';
 export { CopyButton } from './chunk-5QZ73PZC.js';
-import { CountryDropdownBase } from './chunk-CLRWVJOD.js';
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-CLRWVJOD.js';
+import { CountryDropdownBase } from './chunk-T5BBZQ66.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-T5BBZQ66.js';
 export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from './chunk-KRYJJMYN.js';
 import { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
@@ -16091,6 +16091,7 @@ var CountBadge = React13.forwardRef(
 CountBadge.displayName = "CountBadge";
 function CountryDropdown({
   "aria-label": ariaLabel = "Select country",
+  defaultValue = "",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
@@ -16098,6 +16099,7 @@ function CountryDropdown({
     {
       ...props,
       "aria-label": ariaLabel,
+      defaultValue,
       showDialCode: false
     }
   );