@elmeragroup/fuse 0.1.0-canary.1

package/components/phone-number-field/phone-number-field.d.ts

@@ -0,0 +1,128 @@
+import { OverlayContainerProps } from "../overlay/overlay-props.js";
+import { FlagAssetCode } from "../../flags/manifest.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { CountryCode, MetadataJson } from "libphonenumber-js/core";
+//#region src/components/phone-number-field/phone-number-field.d.ts
+export type PhoneNumberFieldProps = {
+  /** Authoritative controlled value; URI-decoded when received. Omit for uncontrolled editing. */
+  value?: string;
+  /** Proposes a formatted output value. Controlled fields display it after parent acceptance. */
+  onChange?: (value: string) => void;
+  /**
+   * Initial country. Must be a libphonenumber country with a packaged flag asset.
+   * Untyped unresolved values fall back to `NO`, then the first picker country.
+   * @default "NO"
+   */
+  defaultCountryCode?: Extract<CountryCode, FlagAssetCode>;
+  /** Custom/trimmed metadata. Replacement reconciles the picker while preserving existing international identity. */
+  metadata?: MetadataJson;
+  /**
+   * Detect country from a `+`/`00` prefix while typing or pasting.
+   * @default true
+   */
+  autoDetectCountry?: boolean;
+  /**
+   * Preserve entered digits and international prefixes in the display. Accepted national drafts stay national.
+   * @default false
+   */
+  international?: boolean;
+  /**
+   * Keep digits when switching country. Default clears and emits `""`.
+   * @default false
+   */
+  preserveOnCountryChange?: boolean;
+  /**
+   * Format of `onChange` and the hidden submit input.
+   * @default "e164"
+   */
+  outputFormat?: "e164" | "international" | "national" | "raw";
+  /**
+   * As-you-type display formatting.
+   * @default false
+   */
+  formatOnType?: boolean;
+  /** Called when the selected picker country changes. */
+  onCountryChange?: (country: {
+    code: Extract<CountryCode, FlagAssetCode>;
+    dialCode: string;
+  }) => void;
+  /** Visible label, rendered as `Field.Label`. */
+  label?: string;
+  /** Supporting copy, rendered as `Field.Description`. */
+  description?: string;
+  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */
+  errorMessage?: ReactNode;
+  /** Placeholder for the visible number input. */
+  placeholder?: string;
+  /** Trailing content inside the InputGroup. */
+  endContent?: ReactNode;
+  /**
+   * Forwards `invalid` to `Field.Root`. InputGroup gets `aria-invalid || undefined`.
+   * @default false
+   */
+  isInvalid?: boolean;
+  /**
+   * Disables editing and both visible and hidden form inputs.
+   * @default false
+   */
+  isDisabled?: boolean;
+  /**
+   * Blocks edits, including paste and country changes, while preserving focus and form submission.
+   * @default false
+   */
+  isReadOnly?: boolean;
+  /** Forwards `required` to the visible input, so native constraint validation blocks an empty submit. */
+  isRequired?: boolean;
+  /**
+   * Hidden input gets `name`; the visible input gets `${name}-display-value`.
+   * Unset, neither input submits.
+   */
+  name?: string;
+  /** Extra classes, merged onto the root via `cn`. */
+  className?: string;
+  /** Explicit override for the built-in `selectCountry` dictionary key. */
+  selectCountryLabel?: string;
+  /** Explicit override for the built-in `searchCountries` dictionary key. */
+  searchCountriesLabel?: string;
+  /** Explicit override for the built-in `noCountries` dictionary key. */
+  noCountriesFoundText?: string;
+  /**
+   * Portal target for the country picker. Defaults to the nearest enclosing
+   * `ThemeScope` element.
+   */
+  container?: OverlayContainerProps["container"];
+  /** Native `id` forwarded to the visible input when defined. */
+  id?: ComponentProps<"input">["id"];
+  /** Native `autoFocus` forwarded to the visible input. */
+  autoFocus?: ComponentProps<"input">["autoFocus"];
+  /** Native `onBlur` forwarded to the visible input. */
+  onBlur?: ComponentProps<"input">["onBlur"];
+  /**
+   * Native `inputMode` forwarded to the visible input.
+   * @default "tel"
+   */
+  inputMode?: ComponentProps<"input">["inputMode"];
+  /** Native `enterKeyHint` forwarded to the visible input. */
+  enterKeyHint?: ComponentProps<"input">["enterKeyHint"];
+  /** Native `autoComplete`, also forwarded to Combobox.Root. */
+  autoComplete?: ComponentProps<"input">["autoComplete"];
+  /** Accessible name forwarded to the visible input when defined. */
+  "aria-label"?: ComponentProps<"input">["aria-label"];
+  /** Accessible name reference forwarded to the visible input when defined. */
+  "aria-labelledby"?: ComponentProps<"input">["aria-labelledby"];
+  /** Description reference forwarded to the visible input when defined. */
+  "aria-describedby"?: ComponentProps<"input">["aria-describedby"];
+};
+/**
+ * Labeled phone composite over Field + InputGroup. The country popup is the library
+ * `Combobox.Content/List/Item/Empty`; Root, the flag Trigger, and the popup's search
+ * Input stay raw `@base-ui/react` primitives.
+ * Client — it owns input and country state, effects, callbacks, focus restoration, and
+ * `Intl.DisplayNames`.
+ */
+export declare function PhoneNumberField({ label, description, errorMessage, placeholder, endContent, isInvalid, isDisabled, isReadOnly, isRequired, name, className, selectCountryLabel, searchCountriesLabel, noCountriesFoundText, container, id, autoFocus, onBlur, inputMode, enterKeyHint, autoComplete, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...stateOptions }: PhoneNumberFieldProps): ReactElement;
+export declare namespace PhoneNumberField {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=phone-number-field.d.ts.map

package/components/phone-number-field/phone-number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-field.d.ts","names":[],"sources":["../../../src/components/phone-number-field/phone-number-field.tsx"],"mappings":";;;;;YA6BY;;EAEV;;EAEA,YAAY;;;;;;EAMZ,qBAAqB,QAAQ,aAAa;;EAE1C,WAAW;;;;;EAKX;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;EAEA,mBAAmB;IAAW,MAAM,QAAQ,aAAa;IAAgB;;;EAEzE;;EAEA;;EAEA,eAAe;;EAEf;;EAEA,aAAa;;;;;EAKb;;;;;EAKA;;;;;EAKA;;EAEA;;;;;EAKA;;EAEA;;EAEA;;EAEA;;EAEA;;;;;EAKA,YAAY;;EAEZ,KAAK;;EAEL,YAAY;;EAEZ,SAAS;;;;;EAKT,YAAY;;EAEZ,eAAe;;EAEf,eAAe;;EAEf,eAAe;;EAEf,oBAAoB;;EAEpB,qBAAqB;;;;;;;;;wBAUP,mBACd,OACA,aACA,cACA,aACA,YACA,WACA,YACA,YACA,YACA,MACA,WACA,oBACA,sBACA,sBACA,WACA,IACA,WACA,QACA,WACA,cACA,4BACc,8BACK,oCACC,oBACjB,gBACF,wBAAwB;yBA1BX;MAAA"}

package/components/phone-number-field/phone-number-field.js

@@ -0,0 +1,163 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { useLocale } from "../../intl/locale-context.js";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { fixedCornerClass } from "../../styles/corner-radius.js";
+import { FieldFrame, fieldFrameRootClass } from "../field/field-frame.js";
+import { InputGroupAddon, InputGroupInput, InputGroupRoot } from "../input-group/input-group.js";
+import { ComboboxContent, ComboboxEmpty, ComboboxItem, ComboboxList } from "../combobox/combobox.js";
+import { useFormReset } from "../../hooks/use-form-reset.js";
+import { Flag } from "./flag.js";
+import { usePhoneNumberFieldState } from "./hooks/use-phone-number-field-state.js";
+import { phoneNumberFieldStrings } from "./intl/index.js";
+import { MagnifyingGlass } from "../../icons/generated/magnifying-glass.js";
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+//#region src/components/phone-number-field/phone-number-field.tsx
+/**
+* Labeled phone composite over Field + InputGroup. The country popup is the library
+* `Combobox.Content/List/Item/Empty`; Root, the flag Trigger, and the popup's search
+* Input stay raw `@base-ui/react` primitives.
+* Client — it owns input and country state, effects, callbacks, focus restoration, and
+* `Intl.DisplayNames`.
+*/
+function PhoneNumberField({ label, description, errorMessage, placeholder, endContent, isInvalid = false, isDisabled = false, isReadOnly = false, isRequired, name, className, selectCountryLabel, searchCountriesLabel, noCountriesFoundText, container, id, autoFocus, onBlur, inputMode = "tel", enterKeyHint, autoComplete, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...stateOptions }) {
+	const numberInputRef = useRef(null);
+	const inputGroupRef = useRef(null);
+	const countryPickerOpenRef = useRef(false);
+	const strings = useLocalizedStrings(phoneNumberFieldStrings);
+	const resolvedSelectCountryLabel = selectCountryLabel ?? strings.format("selectCountry");
+	const resolvedSearchCountriesLabel = searchCountriesLabel ?? strings.format("searchCountries");
+	const resolvedNoCountriesFoundText = noCountriesFoundText ?? strings.format("noCountries");
+	const { locale } = useLocale();
+	const phone = usePhoneNumberFieldState({
+		...stateOptions,
+		locale
+	});
+	useFormReset(numberInputRef, phone.onReset);
+	const ariaProps = {
+		id,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledby,
+		"aria-describedby": ariaDescribedby
+	};
+	const isEditable = !isDisabled && !isReadOnly;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FieldFrame, {
+		className: cn(fieldFrameRootClass, className),
+		invalid: isInvalid,
+		disabled: isDisabled,
+		label,
+		description,
+		errorMessage,
+		children: /* @__PURE__ */ jsxs(InputGroupRoot, {
+			ref: inputGroupRef,
+			"aria-invalid": isInvalid || void 0,
+			children: [
+				/* @__PURE__ */ jsxs(Combobox.Root, {
+					items: phone.countries,
+					value: phone.selectedCountry,
+					onValueChange: (next) => {
+						if (!isEditable) return;
+						phone.selectCountry(next?.code);
+						requestAnimationFrame(() => numberInputRef.current?.focus());
+					},
+					itemToStringLabel: (country) => countryPickerOpenRef.current ? phone.getCountryName(country.code) : country.code,
+					itemToStringValue: (country) => country.code,
+					isItemEqualToValue: (left, right) => left.code === right.code,
+					onOpenChange: (open) => {
+						if (open) countryPickerOpenRef.current = true;
+					},
+					disabled: isDisabled,
+					readOnly: isReadOnly,
+					autoComplete,
+					form: "fuse-phone-country-unbound",
+					locale,
+					children: [/* @__PURE__ */ jsx(InputGroupAddon, {
+						className: "text-foreground",
+						align: "inline-start",
+						children: /* @__PURE__ */ jsx(Combobox.Trigger, {
+							role: "button",
+							"aria-label": resolvedSelectCountryLabel,
+							"aria-labelledby": "",
+							className: cn(selfFocusRingClass, fixedCornerClass, "flex min-h-5.5 shrink-0 items-center px-1 transition-[color,background-color,scale] duration-150", isEditable ? "cursor-pointer hover:bg-muted active:scale-[0.97] data-pressed:bg-muted" : "cursor-default"),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ jsx(Flag, { country: phone.selectedCountry.code }), /* @__PURE__ */ jsx("span", {
+									className: "text-xs font-medium min-w-6 tabular-nums",
+									children: phone.selectedCountry.dialCode
+								})]
+							})
+						})
+					}), /* @__PURE__ */ jsxs(ComboboxContent, {
+						anchor: inputGroupRef,
+						container,
+						"aria-label": resolvedSelectCountryLabel,
+						children: [
+							/* @__PURE__ */ jsxs(InputGroupRoot, { children: [/* @__PURE__ */ jsx(InputGroupAddon, {
+								align: "inline-start",
+								children: /* @__PURE__ */ jsx(MagnifyingGlass, { className: "size-4 text-muted-foreground" })
+							}), /* @__PURE__ */ jsx(Combobox.Input, {
+								render: /* @__PURE__ */ jsx(InputGroupInput, {}),
+								"aria-label": resolvedSearchCountriesLabel,
+								"aria-labelledby": "",
+								autoComplete: "one-time-code",
+								name: "",
+								"aria-autocomplete": "none",
+								"aria-haspopup": "false"
+							})] }),
+							/* @__PURE__ */ jsx(ComboboxEmpty, { children: resolvedNoCountriesFoundText }),
+							/* @__PURE__ */ jsx(ComboboxList, { children: (country) => /* @__PURE__ */ jsxs(ComboboxItem, {
+								value: country,
+								children: [
+									/* @__PURE__ */ jsx(Flag, { country: country.code }),
+									/* @__PURE__ */ jsx("span", {
+										className: "text-sm leading-tight tabular-nums",
+										children: country.dialCode
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "text-sm leading-tight max-w-32 truncate text-ellipsis",
+										children: phone.getCountryName(country.code)
+									})
+								]
+							}, country.code) })
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsx(InputGroupInput, {
+					ref: numberInputRef,
+					readOnly: isReadOnly,
+					name: name ? `${name}-display-value` : void 0,
+					value: phone.displayValue,
+					onChange: (event) => {
+						if (isEditable) phone.handleInputChange(event.currentTarget.value);
+					},
+					onPaste: (event) => {
+						if (isEditable) phone.handlePaste(event);
+					},
+					onBlur,
+					placeholder,
+					autoFocus,
+					inputMode,
+					enterKeyHint,
+					autoComplete,
+					required: isRequired,
+					className: "shrink tabular-nums",
+					...ariaProps
+				}),
+				endContent
+			]
+		})
+	}), /* @__PURE__ */ jsx("input", {
+		type: "hidden",
+		name,
+		value: phone.outputValue,
+		disabled: isDisabled
+	})] });
+}
+PhoneNumberField.displayName = "PhoneNumberField";
+//#endregion
+export { PhoneNumberField };
+
+//# sourceMappingURL=phone-number-field.js.map

package/components/phone-number-field/phone-number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-field.js","names":["ComboboxPrimitive"],"sources":["../../../src/components/phone-number-field/phone-number-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRef } from \"react\";\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\n// Subpath import (`@base-ui/react/combobox`) type-checks but crashes at runtime with a\n// null React context. Keep the package-root import until upstream fixes it.\n// Root, Trigger, and the popup's search Input are the raw\n// primitives; the popup surface itself is the library Combobox.\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\nimport type { CountryCode, MetadataJson } from \"libphonenumber-js/core\";\n\nimport type { FlagAssetCode } from \"../../flags\";\nimport { useFormReset } from \"../../hooks/use-form-reset\";\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { MagnifyingGlass } from \"../../icons/generated/magnifying-glass\";\nimport { useLocale } from \"../../intl/locale-context\";\nimport { cn } from \"../../styles/cn\";\nimport { fixedCornerClass } from \"../../styles/corner-radius\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { ComboboxContent, ComboboxEmpty, ComboboxItem, ComboboxList } from \"../combobox/combobox\";\nimport { FieldFrame, fieldFrameRootClass } from \"../field/field-frame\";\nimport { InputGroupAddon, InputGroupInput, InputGroupRoot } from \"../input-group/input-group\";\nimport type { OverlayContainerProps } from \"../overlay/overlay-props\";\nimport { Flag } from \"./flag\";\nimport { usePhoneNumberFieldState } from \"./hooks/use-phone-number-field-state\";\nimport { phoneNumberFieldStrings } from \"./intl\";\nimport type { PhoneNumberCountry } from \"./phone-engine\";\n\nexport type PhoneNumberFieldProps = {\n  /** Authoritative controlled value; URI-decoded when received. Omit for uncontrolled editing. */\n  value?: string;\n  /** Proposes a formatted output value. Controlled fields display it after parent acceptance. */\n  onChange?: (value: string) => void;\n  /**\n   * Initial country. Must be a libphonenumber country with a packaged flag asset.\n   * Untyped unresolved values fall back to `NO`, then the first picker country.\n   * @default \"NO\"\n   */\n  defaultCountryCode?: Extract<CountryCode, FlagAssetCode>;\n  /** Custom/trimmed metadata. Replacement reconciles the picker while preserving existing international identity. */\n  metadata?: MetadataJson;\n  /**\n   * Detect country from a `+`/`00` prefix while typing or pasting.\n   * @default true\n   */\n  autoDetectCountry?: boolean;\n  /**\n   * Preserve entered digits and international prefixes in the display. Accepted national drafts stay national.\n   * @default false\n   */\n  international?: boolean;\n  /**\n   * Keep digits when switching country. Default clears and emits `\"\"`.\n   * @default false\n   */\n  preserveOnCountryChange?: boolean;\n  /**\n   * Format of `onChange` and the hidden submit input.\n   * @default \"e164\"\n   */\n  outputFormat?: \"e164\" | \"international\" | \"national\" | \"raw\";\n  /**\n   * As-you-type display formatting.\n   * @default false\n   */\n  formatOnType?: boolean;\n  /** Called when the selected picker country changes. */\n  onCountryChange?: (country: { code: Extract<CountryCode, FlagAssetCode>; dialCode: string }) => void;\n  /** Visible label, rendered as `Field.Label`. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */\n  errorMessage?: ReactNode;\n  /** Placeholder for the visible number input. */\n  placeholder?: string;\n  /** Trailing content inside the InputGroup. */\n  endContent?: ReactNode;\n  /**\n   * Forwards `invalid` to `Field.Root`. InputGroup gets `aria-invalid || undefined`.\n   * @default false\n   */\n  isInvalid?: boolean;\n  /**\n   * Disables editing and both visible and hidden form inputs.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Blocks edits, including paste and country changes, while preserving focus and form submission.\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /** Forwards `required` to the visible input, so native constraint validation blocks an empty submit. */\n  isRequired?: boolean;\n  /**\n   * Hidden input gets `name`; the visible input gets `${name}-display-value`.\n   * Unset, neither input submits.\n   */\n  name?: string;\n  /** Extra classes, merged onto the root via `cn`. */\n  className?: string;\n  /** Explicit override for the built-in `selectCountry` dictionary key. */\n  selectCountryLabel?: string;\n  /** Explicit override for the built-in `searchCountries` dictionary key. */\n  searchCountriesLabel?: string;\n  /** Explicit override for the built-in `noCountries` dictionary key. */\n  noCountriesFoundText?: string;\n  /**\n   * Portal target for the country picker. Defaults to the nearest enclosing\n   * `ThemeScope` element.\n   */\n  container?: OverlayContainerProps[\"container\"];\n  /** Native `id` forwarded to the visible input when defined. */\n  id?: ComponentProps<\"input\">[\"id\"];\n  /** Native `autoFocus` forwarded to the visible input. */\n  autoFocus?: ComponentProps<\"input\">[\"autoFocus\"];\n  /** Native `onBlur` forwarded to the visible input. */\n  onBlur?: ComponentProps<\"input\">[\"onBlur\"];\n  /**\n   * Native `inputMode` forwarded to the visible input.\n   * @default \"tel\"\n   */\n  inputMode?: ComponentProps<\"input\">[\"inputMode\"];\n  /** Native `enterKeyHint` forwarded to the visible input. */\n  enterKeyHint?: ComponentProps<\"input\">[\"enterKeyHint\"];\n  /** Native `autoComplete`, also forwarded to Combobox.Root. */\n  autoComplete?: ComponentProps<\"input\">[\"autoComplete\"];\n  /** Accessible name forwarded to the visible input when defined. */\n  \"aria-label\"?: ComponentProps<\"input\">[\"aria-label\"];\n  /** Accessible name reference forwarded to the visible input when defined. */\n  \"aria-labelledby\"?: ComponentProps<\"input\">[\"aria-labelledby\"];\n  /** Description reference forwarded to the visible input when defined. */\n  \"aria-describedby\"?: ComponentProps<\"input\">[\"aria-describedby\"];\n};\n\n/**\n * Labeled phone composite over Field + InputGroup. The country popup is the library\n * `Combobox.Content/List/Item/Empty`; Root, the flag Trigger, and the popup's search\n * Input stay raw `@base-ui/react` primitives.\n * Client — it owns input and country state, effects, callbacks, focus restoration, and\n * `Intl.DisplayNames`.\n */\nexport function PhoneNumberField({\n  label,\n  description,\n  errorMessage,\n  placeholder,\n  endContent,\n  isInvalid = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isRequired,\n  name,\n  className,\n  selectCountryLabel,\n  searchCountriesLabel,\n  noCountriesFoundText,\n  container,\n  id,\n  autoFocus,\n  onBlur,\n  inputMode = \"tel\",\n  enterKeyHint,\n  autoComplete,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  \"aria-describedby\": ariaDescribedby,\n  ...stateOptions\n}: PhoneNumberFieldProps): ReactElement {\n  const numberInputRef = useRef<HTMLInputElement>(null);\n  // Anchor the country popover to the whole field box (InputGroup), not the flag\n  // trigger, so its left edge lines up with the field rather than inset to the flag.\n  const inputGroupRef = useRef<HTMLDivElement>(null);\n  // Combobox.Root stringifies the selected item on mount; names are only needed\n  // once the popup is open (list rows + filter).\n  const countryPickerOpenRef = useRef(false);\n  const strings = useLocalizedStrings(phoneNumberFieldStrings);\n  const resolvedSelectCountryLabel = selectCountryLabel ?? strings.format(\"selectCountry\");\n  const resolvedSearchCountriesLabel = searchCountriesLabel ?? strings.format(\"searchCountries\");\n  const resolvedNoCountriesFoundText = noCountriesFoundText ?? strings.format(\"noCountries\");\n  const { locale } = useLocale();\n\n  const phone = usePhoneNumberFieldState({\n    ...stateOptions,\n    locale,\n  });\n  useFormReset(numberInputRef, phone.onReset);\n\n  // Input drops the undefined keys, so they cannot erase its Field id, label or description.\n  const ariaProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    \"aria-describedby\": ariaDescribedby,\n  };\n\n  // Every native edit path honors both flags together.\n  const isEditable = !isDisabled && !isReadOnly;\n\n  return (\n    <>\n      <FieldFrame\n        className={cn(fieldFrameRootClass, className)}\n        invalid={isInvalid}\n        disabled={isDisabled}\n        label={label}\n        description={description}\n        errorMessage={errorMessage}>\n        <InputGroupRoot ref={inputGroupRef} aria-invalid={isInvalid || undefined}>\n          <ComboboxPrimitive.Root\n            items={phone.countries}\n            value={phone.selectedCountry}\n            onValueChange={(next) => {\n              if (!isEditable) return;\n              phone.selectCountry(next?.code);\n              requestAnimationFrame(() => numberInputRef.current?.focus());\n            }}\n            itemToStringLabel={(country) =>\n              countryPickerOpenRef.current ? phone.getCountryName(country.code) : country.code\n            }\n            itemToStringValue={(country) => country.code}\n            isItemEqualToValue={(left, right) => left.code === right.code}\n            onOpenChange={(open) => {\n              // Only latch open. Base UI still filters with itemToStringLabel through\n              // the exit transition; flipping this back to false here would switch\n              // labels from names to ISO codes and flash the empty state.\n              if (open) {\n                countryPickerOpenRef.current = true;\n              }\n            }}\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            autoComplete={autoComplete}\n            // Detach the country Combobox from the host form so base-ui's own hidden\n            // country input never reaches FormData beside `${name}` and\n            // `${name}-display-value`. The id names no rendered form on purpose\n            form=\"fuse-phone-country-unbound\"\n            locale={locale}>\n            <InputGroupAddon className=\"text-foreground\" align=\"inline-start\">\n              {/* role=\"button\" overrides Base UI's default role=\"combobox\" so the trigger keeps the\n                  getByRole(\"button\", {name}) contract the browser tests freeze; an empty aria-labelledby\n                  overrides the surrounding Field's label, so aria-label wins.\n                  Don't \"simplify\" either without updating the browser tests. */}\n              <ComboboxPrimitive.Trigger\n                role=\"button\"\n                aria-label={resolvedSelectCountryLabel}\n                aria-labelledby=\"\"\n                className={cn(\n                  selfFocusRingClass,\n                  fixedCornerClass,\n                  \"flex min-h-5.5 shrink-0 items-center px-1 transition-[color,background-color,scale] duration-150\",\n                  isEditable\n                    ? \"cursor-pointer hover:bg-muted active:scale-[0.97] data-pressed:bg-muted\"\n                    : \"cursor-default\"\n                )}>\n                <div className=\"flex items-center gap-1\">\n                  <Flag country={phone.selectedCountry.code} />\n                  <span className=\"text-xs font-medium min-w-6 tabular-nums\">\n                    {phone.selectedCountry.dialCode}\n                  </span>\n                </div>\n              </ComboboxPrimitive.Trigger>\n            </InputGroupAddon>\n            <ComboboxContent\n              anchor={inputGroupRef}\n              container={container}\n              aria-label={resolvedSelectCountryLabel}>\n              <InputGroupRoot>\n                <InputGroupAddon align=\"inline-start\">\n                  <MagnifyingGlass className=\"size-4 text-muted-foreground\" />\n                </InputGroupAddon>\n                <ComboboxPrimitive.Input\n                  render={<InputGroupInput />}\n                  aria-label={resolvedSearchCountriesLabel}\n                  // Field.Label labelledby would win over aria-label. An empty list overrides\n                  // it on this input and on the Input it renders, so the search keeps\n                  // dictionary `searchCountries`.\n                  aria-labelledby=\"\"\n                  autoComplete=\"one-time-code\"\n                  // An empty name keeps the search box out of autofill heuristics and\n                  // out of any FormData: a nameless control is never submitted\n                  name=\"\"\n                  aria-autocomplete=\"none\"\n                  aria-haspopup=\"false\"\n                />\n              </InputGroupRoot>\n              <ComboboxEmpty>{resolvedNoCountriesFoundText}</ComboboxEmpty>\n              <ComboboxList>\n                {(country: PhoneNumberCountry) => (\n                  <ComboboxItem key={country.code} value={country}>\n                    <Flag country={country.code} />\n                    <span className=\"text-sm leading-tight tabular-nums\">{country.dialCode}</span>\n                    <span className=\"text-sm leading-tight max-w-32 truncate text-ellipsis\">\n                      {phone.getCountryName(country.code)}\n                    </span>\n                  </ComboboxItem>\n                )}\n              </ComboboxList>\n            </ComboboxContent>\n          </ComboboxPrimitive.Root>\n          <InputGroupInput\n            ref={numberInputRef}\n            readOnly={isReadOnly}\n            name={name ? `${name}-display-value` : undefined}\n            value={phone.displayValue}\n            onChange={(event) => {\n              if (isEditable) phone.handleInputChange(event.currentTarget.value);\n            }}\n            onPaste={(event) => {\n              if (isEditable) phone.handlePaste(event);\n            }}\n            onBlur={onBlur}\n            placeholder={placeholder}\n            autoFocus={autoFocus}\n            inputMode={inputMode}\n            enterKeyHint={enterKeyHint}\n            autoComplete={autoComplete}\n            required={isRequired}\n            className=\"shrink tabular-nums\"\n            {...ariaProps}\n          />\n          {endContent}\n        </InputGroupRoot>\n      </FieldFrame>\n      <input type=\"hidden\" name={name} value={phone.outputValue} disabled={isDisabled} />\n    </>\n  );\n}\n\nPhoneNumberField.displayName = \"PhoneNumberField\";\n"],"mappings":"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"}

package/components/popover/index.d.ts

@@ -0,0 +1,12 @@
+import { PopoverContent, PopoverDescription, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger } from "./popover.js";
+//#region src/components/popover/index.d.ts
+export declare const Popover: {
+  Root: typeof PopoverRoot;
+  Trigger: typeof PopoverTrigger;
+  Content: typeof PopoverContent;
+  Header: typeof PopoverHeader;
+  Title: typeof PopoverTitle;
+  Description: typeof PopoverDescription;
+};
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/popover/index.ts"],"mappings":";;qBAca;EACX,aAAI;EACJ,gBAAO;EACP,gBAAO;EACP,eAAM;EACN,cAAK;EACL,oBAAW"}

package/components/popover/index.js

@@ -0,0 +1,19 @@
+import { PopoverContent, PopoverDescription, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger } from "./popover.js";
+//#region src/components/popover/index.ts
+/**
+* Server-visible namespace for `Popover`.
+* The implementation stays a client module; this file has no directive,
+* so a server component can read each part instead of dotting into a client reference.
+*/
+const Popover = {
+	Root: PopoverRoot,
+	Trigger: PopoverTrigger,
+	Content: PopoverContent,
+	Header: PopoverHeader,
+	Title: PopoverTitle,
+	Description: PopoverDescription
+};
+//#endregion
+export { Popover };
+
+//# sourceMappingURL=index.js.map

package/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/popover/index.ts"],"sourcesContent":["/**\n * Server-visible namespace for `Popover`.\n * The implementation stays a client module; this file has no directive,\n * so a server component can read each part instead of dotting into a client reference.\n */\nimport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverDescription,\n} from \"./popover\";\n\nexport const Popover = {\n  Root: PopoverRoot,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Header: PopoverHeader,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n};\n"],"mappings":";;;;;;;AAcA,MAAa,UAAU;CACrB,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACR,OAAO;CACP,aAAa;AACf"}

package/components/popover/popover.d.ts

@@ -0,0 +1,36 @@
+import { OverlayContainerProps, OverlayPositionerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover/popover.d.ts
+export declare function PopoverRoot(props: ComponentProps<typeof Popover.Root>): ReactElement;
+export declare namespace PopoverRoot {
+  var displayName: string;
+}
+export declare function PopoverTrigger({ className, ...props }: ComponentProps<typeof Popover.Trigger>): ReactElement;
+export declare namespace PopoverTrigger {
+  var displayName: string;
+}
+export type PopoverContentProps = ComponentProps<typeof Popover.Popup> & OverlayPositionerProps<ComponentProps<typeof Popover.Positioner>> & {
+  /**
+   * Renders the placement arrow after `children`. Off by default.
+   */
+  showArrow?: boolean;
+} & OverlayContainerProps;
+export declare function PopoverContent({ className, align, alignOffset, side, sideOffset, showArrow, children, container, ...props }: PopoverContentProps): ReactElement | null;
+export declare namespace PopoverContent {
+  var displayName: string;
+}
+export declare function PopoverHeader({ className, ...props }: ComponentProps<"div">): ReactElement;
+export declare namespace PopoverHeader {
+  var displayName: string;
+}
+export declare function PopoverTitle({ className, ...props }: ComponentProps<typeof Popover.Title>): ReactElement;
+export declare namespace PopoverTitle {
+  var displayName: string;
+}
+export declare function PopoverDescription({ className, ...props }: ComponentProps<typeof Popover.Description>): ReactElement;
+export declare namespace PopoverDescription {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover.d.ts.map

package/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/components/popover/popover.tsx"],"mappings":";;;;wBAagB,YAAY,OAAO,sBAAsB,QAAiB,QAAQ;yBAAlE;MAAA;;wBAIA,iBACd,cACG,SACF,sBAAsB,QAAiB,WAAW;yBAHrC;MAAA;;YAaJ,sBAAsB,sBAAsB,QAAiB,SACvE,uBAAuB,sBAAsB,QAAiB;;;;EAI5D;IACE;wBAEU,iBACd,WACA,OACA,aACA,MACA,YACA,WACA,UACA,cACG,SACF,sBAAsB;yBAVT;MAAA;;wBAsCA,gBAAgB,cAAc,SAAS,wBAAwB;yBAA/D;MAAA;;wBAMA,eACd,cACG,SACF,sBAAsB,QAAiB,SAAS;yBAHnC;MAAA;;wBAaA,qBACd,cACG,SACF,sBAAsB,QAAiB,eAAe;yBAHzC;MAAA"}

package/components/popover/popover.js

@@ -0,0 +1,72 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { overlayPositionerClass, overlayTimedPopupClass } from "../overlay/overlay-classes.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/popover/popover.tsx
+function PopoverRoot(props) {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, showArrow = false, children, container, ...props }) {
+	return /* @__PURE__ */ jsx(OverlayPortal, {
+		portal: Popover.Portal,
+		container,
+		children: /* @__PURE__ */ jsx(Popover.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: overlayPositionerClass,
+			children: /* @__PURE__ */ jsxs(Popover.Popup, {
+				"data-slot": "popover-content",
+				className: mergeClassName(className, selfFocusRingClass, overlayTimedPopupClass, "text-sm flex w-72 flex-col gap-4 p-4"),
+				...props,
+				children: [children, showArrow ? /* @__PURE__ */ jsx(Popover.Arrow, { className: "relative block h-1.5 w-3 overflow-clip before:absolute before:bottom-0 before:left-1/2 before:h-[calc(6px*sqrt(2))] before:w-[calc(6px*sqrt(2))] before:[transform:translate(-50%,50%)_rotate(45deg)] before:border before:border-border before:bg-popover before:content-[''] data-[side=bottom]:top-[-6px] data-[side=left]:right-[-9px] data-[side=left]:rotate-90 data-[side=right]:left-[-9px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-6px] data-[side=top]:rotate-180" }) : null]
+			})
+		})
+	});
+}
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("text-sm flex flex-col gap-1", className),
+		...props
+	});
+}
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		className: mergeClassName(className, "font-medium text-balance"),
+		...props
+	});
+}
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-slot": "popover-description",
+		className: mergeClassName(className, "text-pretty text-muted-foreground"),
+		...props
+	});
+}
+PopoverRoot.displayName = "Popover.Root";
+PopoverTrigger.displayName = "Popover.Trigger";
+PopoverContent.displayName = "Popover.Content";
+PopoverHeader.displayName = "Popover.Header";
+PopoverTitle.displayName = "Popover.Title";
+PopoverDescription.displayName = "Popover.Description";
+//#endregion
+export { PopoverContent, PopoverDescription, PopoverHeader, PopoverRoot, PopoverTitle, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["PopoverPrimitive"],"sources":["../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { cn } from \"../../styles/cn\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { overlayPositionerClass, overlayTimedPopupClass } from \"../overlay/overlay-classes\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps, OverlayPositionerProps } from \"../overlay/overlay-props\";\n\nexport function PopoverRoot(props: ComponentProps<typeof PopoverPrimitive.Root>): ReactElement {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nexport function PopoverTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Trigger>): ReactElement {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Popup> &\n  OverlayPositionerProps<ComponentProps<typeof PopoverPrimitive.Positioner>> & {\n    /**\n     * Renders the placement arrow after `children`. Off by default.\n     */\n    showArrow?: boolean;\n  } & OverlayContainerProps;\n\nexport function PopoverContent({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  showArrow = false,\n  children,\n  container,\n  ...props\n}: PopoverContentProps): ReactElement | null {\n  return (\n    <OverlayPortal portal={PopoverPrimitive.Portal} container={container}>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className={overlayPositionerClass}>\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={mergeClassName(\n            className,\n            selfFocusRingClass,\n            overlayTimedPopupClass,\n            \"text-sm flex w-72 flex-col gap-4 p-4\"\n          )}\n          {...props}>\n          {children}\n          {showArrow ? (\n            <PopoverPrimitive.Arrow className=\"relative block h-1.5 w-3 overflow-clip before:absolute before:bottom-0 before:left-1/2 before:h-[calc(6px*sqrt(2))] before:w-[calc(6px*sqrt(2))] before:[transform:translate(-50%,50%)_rotate(45deg)] before:border before:border-border before:bg-popover before:content-[''] data-[side=bottom]:top-[-6px] data-[side=left]:right-[-9px] data-[side=left]:rotate-90 data-[side=right]:left-[-9px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-6px] data-[side=top]:rotate-180\" />\n          ) : null}\n        </PopoverPrimitive.Popup>\n      </PopoverPrimitive.Positioner>\n    </OverlayPortal>\n  );\n}\n\nexport function PopoverHeader({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return (\n    <div data-slot=\"popover-header\" className={cn(\"text-sm flex flex-col gap-1\", className)} {...props} />\n  );\n}\n\nexport function PopoverTitle({\n  className,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Title>): ReactElement {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={mergeClassName(className, \"font-medium text-balance\")}\n      {...props}\n    />\n  );\n}\n\nexport function PopoverDescription({\n  className,\n  ...props\n}: ComponentProps<typeof PopoverPrimitive.Description>): ReactElement {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={mergeClassName(className, \"text-pretty text-muted-foreground\")}\n      {...props}\n    />\n  );\n}\n\nPopoverRoot.displayName = \"Popover.Root\";\nPopoverTrigger.displayName = \"Popover.Trigger\";\nPopoverContent.displayName = \"Popover.Content\";\nPopoverHeader.displayName = \"Popover.Header\";\nPopoverTitle.displayName = \"Popover.Title\";\nPopoverDescription.displayName = \"Popover.Description\";\n"],"mappings":";;;;;;;;;AAaA,SAAgB,YAAY,OAAmE;CAC7F,OAAO,oBAACA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAgB,eAAe,EAC7B,WACA,GAAG,SAC6D;CAChE,OACE,oBAACA,QAAiB,SAAlB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,kBAAkB;EACvD,GAAI;CACL,CAAA;AAEL;AAUA,SAAgB,eAAe,EAC7B,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,YAAY,OACZ,UACA,WACA,GAAG,SACwC;CAC3C,OACE,oBAAC,eAAD;EAAe,QAAQA,QAAiB;EAAmB;EACzD,UAAA,oBAACA,QAAiB,YAAlB;GACS;GACM;GACP;GACM;GACZ,WAAW;GACX,UAAA,qBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,WAAW,eACT,WACA,oBACA,wBACA,sCACF;IACA,GAAI;IARN,UAAA,CASG,UACA,YACC,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,4dAA6d,CAAA,IAC7f,IACkB;;EACG,CAAA;CAChB,CAAA;AAEnB;AAEA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAA8C;CAC1F,OACE,oBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,GAAG,+BAA+B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEzG;AAEA,SAAgB,aAAa,EAC3B,WACA,GAAG,SAC2D;CAC9D,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,0BAA0B;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAgB,mBAAmB,EACjC,WACA,GAAG,SACiE;CACpE,OACE,oBAACA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,eAAe,WAAW,mCAAmC;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc;AAC1B,eAAe,cAAc;AAC7B,eAAe,cAAc;AAC7B,cAAc,cAAc;AAC5B,aAAa,cAAc;AAC3B,mBAAmB,cAAc"}

package/components/popover-info-button/intl/en-US.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/en-US.d.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+export declare const enUS: {
+  moreInformation: string;
+};
+//#endregion
+//# sourceMappingURL=en-US.d.ts.map

package/components/popover-info-button/intl/en-US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.d.ts","names":[],"sources":["../../../../src/components/popover-info-button/intl/en-US.ts"],"mappings":";;qBACa;EACX"}

package/components/popover-info-button/intl/en-US.js

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/en-US.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+const enUS = { moreInformation: "More information" };
+//#endregion
+export { enUS };
+
+//# sourceMappingURL=en-US.js.map

package/components/popover-info-button/intl/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","names":[],"sources":["../../../../src/components/popover-info-button/intl/en-US.ts"],"sourcesContent":["/** Default localized copy for popoverInfoButton.moreInformation. */\nexport const enUS = {\n  moreInformation: \"More information\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,iBAAiB,mBACnB"}

package/components/popover-info-button/intl/fi-FI.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/fi-FI.d.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+export declare const fiFI: {
+  moreInformation: string;
+};
+//#endregion
+//# sourceMappingURL=fi-FI.d.ts.map

package/components/popover-info-button/intl/fi-FI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.d.ts","names":[],"sources":["../../../../src/components/popover-info-button/intl/fi-FI.ts"],"mappings":";;qBACa;EACX"}

package/components/popover-info-button/intl/fi-FI.js

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/fi-FI.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+const fiFI = { moreInformation: "Lisätietoja" };
+//#endregion
+export { fiFI };
+
+//# sourceMappingURL=fi-FI.js.map

package/components/popover-info-button/intl/fi-FI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.js","names":[],"sources":["../../../../src/components/popover-info-button/intl/fi-FI.ts"],"sourcesContent":["/** Default localized copy for popoverInfoButton.moreInformation. */\nexport const fiFI = {\n  moreInformation: \"Lisätietoja\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,iBAAiB,cACnB"}

package/components/popover-info-button/intl/index.d.ts

@@ -0,0 +1,5 @@
+//#region src/components/popover-info-button/intl/index.d.ts
+/** PopoverInfoButton's own dictionary: it owns `popoverInfoButton.moreInformation`. */
+export declare const popoverInfoButtonStrings: import("@internationalized/string").LocalizedStringDictionary<"moreInformation", string>;
+//#endregion
+//# sourceMappingURL=index.d.ts.map

package/components/popover-info-button/intl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/popover-info-button/intl/index.ts"],"mappings":";;qBAOa,8DAAwB"}

package/components/popover-info-button/intl/index.js

@@ -0,0 +1,17 @@
+import { createStringDictionary } from "../../../intl/create-string-dictionary.js";
+import { enUS } from "./en-US.js";
+import { fiFI } from "./fi-FI.js";
+import { nbNO } from "./nb-NO.js";
+import { svSE } from "./sv-SE.js";
+//#region src/components/popover-info-button/intl/index.ts
+/** PopoverInfoButton's own dictionary: it owns `popoverInfoButton.moreInformation`. */
+const popoverInfoButtonStrings = createStringDictionary({
+	enUS,
+	fiFI,
+	nbNO,
+	svSE
+});
+//#endregion
+export { popoverInfoButtonStrings };
+
+//# sourceMappingURL=index.js.map

package/components/popover-info-button/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/popover-info-button/intl/index.ts"],"sourcesContent":["import { createStringDictionary } from \"../../../intl/create-string-dictionary\";\nimport { enUS } from \"./en-US\";\nimport { fiFI } from \"./fi-FI\";\nimport { nbNO } from \"./nb-NO\";\nimport { svSE } from \"./sv-SE\";\n\n/** PopoverInfoButton's own dictionary: it owns `popoverInfoButton.moreInformation`. */\nexport const popoverInfoButtonStrings = createStringDictionary({ enUS, fiFI, nbNO, svSE });\n"],"mappings":";;;;;;;AAOA,MAAa,2BAA2B,uBAAuB;CAAE;CAAM;CAAM;CAAM;AAAK,CAAC"}

package/components/popover-info-button/intl/nb-NO.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/nb-NO.d.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+export declare const nbNO: {
+  moreInformation: string;
+};
+//#endregion
+//# sourceMappingURL=nb-NO.d.ts.map

package/components/popover-info-button/intl/nb-NO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.d.ts","names":[],"sources":["../../../../src/components/popover-info-button/intl/nb-NO.ts"],"mappings":";;qBACa;EACX"}

package/components/popover-info-button/intl/nb-NO.js

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/nb-NO.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+const nbNO = { moreInformation: "Mer informasjon" };
+//#endregion
+export { nbNO };
+
+//# sourceMappingURL=nb-NO.js.map

package/components/popover-info-button/intl/nb-NO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.js","names":[],"sources":["../../../../src/components/popover-info-button/intl/nb-NO.ts"],"sourcesContent":["/** Default localized copy for popoverInfoButton.moreInformation. */\nexport const nbNO = {\n  moreInformation: \"Mer informasjon\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,iBAAiB,kBACnB"}

package/components/popover-info-button/intl/sv-SE.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/sv-SE.d.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+export declare const svSE: {
+  moreInformation: string;
+};
+//#endregion
+//# sourceMappingURL=sv-SE.d.ts.map

package/components/popover-info-button/intl/sv-SE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.d.ts","names":[],"sources":["../../../../src/components/popover-info-button/intl/sv-SE.ts"],"mappings":";;qBACa;EACX"}