@giddaa-housing/ui 3.3.0 → 3.5.0

package/dist/styles.css

@@ -164,6 +164,7 @@
     --animate-accordion-up: accordion-up 0.2s ease-out;
     --animate-sonar-glow: sonar-glow 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-round-sonar-glow: round-sonar-glow 1.5s ease-out infinite;
+    --animate-sonar-wave: sonar-wave 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
     --animate-spin-slow: spin 3s linear infinite;
   }
 }
@@ -479,6 +480,15 @@
   .bottom-16 {
     bottom: calc(var(--spacing) * 16);
   }
+  .bottom-20 {
+    bottom: calc(var(--spacing) * 20);
+  }
+  .bottom-24 {
+    bottom: calc(var(--spacing) * 24);
+  }
+  .bottom-28 {
+    bottom: calc(var(--spacing) * 28);
+  }
   .bottom-\[18px\] {
     bottom: 18px;
   }
@@ -721,6 +731,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -1555,6 +1568,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .animate-sonar-wave {
+    animation: var(--animate-sonar-wave);
+  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -3692,6 +3708,15 @@
   .\[--slider-track-size\:0\.375rem\] {
     --slider-track-size: 0.375rem;
   }
+  .\[--sonar-spread\:0\.375rem\] {
+    --sonar-spread: 0.375rem;
+  }
+  .\[--sonar-spread\:0\.625rem\] {
+    --sonar-spread: 0.625rem;
+  }
+  .\[--sonar-spread\:0\.875rem\] {
+    --sonar-spread: 0.875rem;
+  }
   .\[--switch-spinner-size\:0\.75rem\] {
     --switch-spinner-size: 0.75rem;
   }
@@ -6447,6 +6472,16 @@
       }
     }
   }
+  .hover\:bg-black\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black\/80 {
     &:hover {
       @media (hover: hover) {
@@ -7143,9 +7178,19 @@
       border-radius: var(--radius-xl);
     }
   }
-  .has-data-\[slot\=combobox-chip\]\:px-1 {
+  .has-data-\[slot\=combobox-chip\]\:px-1\.5 {
     &:has(*[data-slot="combobox-chip"]) {
-      padding-inline: var(--spacing);
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .has-data-\[slot\=combobox-chip\]\:px-2 {
+    &:has(*[data-slot="combobox-chip"]) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .has-data-\[slot\=combobox-chip\]\:px-2\.5 {
+    &:has(*[data-slot="combobox-chip"]) {
+      padding-inline: calc(var(--spacing) * 2.5);
     }
   }
   .has-data-\[slot\=combobox-chip-remove\]\:pr-0 {
@@ -8326,6 +8371,11 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .data-\[grown\=true\]\:rounded-2xl {
+    &[data-grown="true"] {
+      border-radius: var(--radius-2xl);
+    }
+  }
   .data-\[interactive\=true\]\:cursor-pointer {
     &[data-interactive="true"] {
       cursor: pointer;
@@ -9647,6 +9697,11 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
+  .motion-reduce\:hidden {
+    @media (prefers-reduced-motion: reduce) {
+      display: none;
+    }
+  }
   .motion-reduce\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       --tw-scale-x: 100%;
@@ -9660,6 +9715,17 @@
       animation: none;
     }
   }
+  .motion-reduce\:opacity-40 {
+    @media (prefers-reduced-motion: reduce) {
+      opacity: 40%;
+    }
+  }
+  .motion-reduce\:shadow-\[0_0_0_2px_currentColor\] {
+    @media (prefers-reduced-motion: reduce) {
+      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentColor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .motion-reduce\:transition-colors {
     @media (prefers-reduced-motion: reduce) {
       transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -11208,6 +11274,12 @@
       pointer-events: none;
     }
   }
+  .\[\&_svg\]\:size-3 {
+    & svg {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+  }
   .\[\&_svg\]\:size-3\.5 {
     & svg {
       width: calc(var(--spacing) * 3.5);
@@ -12451,6 +12523,7 @@
     --animate-bouncing-loader: none;
     --animate-sonar-glow: none;
     --animate-round-sonar-glow: none;
+    --animate-sonar-wave: none;
     --animate-spin-slow: none;
   }
 }
@@ -12533,6 +12606,16 @@
     opacity: 0;
   }
 }
+@keyframes sonar-wave {
+  from {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0.55;
+  }
+  to {
+    box-shadow: 0 0 0 var(--sonar-spread, 0.625rem) currentColor;
+    opacity: 0;
+  }
+}
 @layer base {
   body {
     display: flex;

package/dist/switch.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useComponentSize } from "./size-context.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/table-card.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";

package/dist/table.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/table.tsx
 function getPinnedDividerClassName(pinnedSide) {

package/dist/tabs.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { SizeProvider, useComponentSize } from "./size-context.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/tag.js

@@ -1,6 +1,6 @@
 "use client";
 import { X } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useComponentSize } from "./size-context.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/testimonial-block.js

@@ -1,6 +1,6 @@
 "use client";
 import { ArrowUpRight, Play, Star } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
 import { buttonVariants } from "./button.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/textarea.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useComponentSize } from "./size-context.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/theme-switcher.js

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronDown, Monitor, Moon, Sun } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useComponentSize } from "./size-context.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/time-picker.d.ts

@@ -1,7 +1,8 @@
 import { n as InputSize } from "./input-CfoEJ8A6.js";
+import { t as PickerPlacementProps } from "./picker-CsnHtbe4.js";
 import * as React from "react";
 //#region src/time-picker.d.ts
-interface TimePickerProps {
+interface TimePickerProps extends PickerPlacementProps {
   value?: string;
   onChange?: (time: string | undefined) => void;
   format?: "12h" | "24h";
@@ -11,6 +12,6 @@ interface TimePickerProps {
   placeholder?: string;
   className?: string;
 }
-declare function TimePicker({ value, onChange, format, disabled, size, placeholder, className }: TimePickerProps): React.JSX.Element;
+declare function TimePicker({ value, onChange, format, disabled, size, placeholder, className, ...placement }: TimePickerProps): React.JSX.Element;
 //#endregion
 export { TimePicker, type TimePickerProps };

package/dist/time-picker.js

@@ -1,9 +1,9 @@
 "use client";
 import { Clock } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
-import { t as useReducedMotion } from "./use-reduced-motion-BDvOK14x.js";
+import { cn } from "./utils/cn.js";
+import { useReducedMotion } from "./utils/use-reduced-motion.js";
 import { Popover, PopoverContent } from "./popover.js";
-import { n as PickerFooter, r as PickerTrigger, t as PICKER_COLLISION_AVOIDANCE } from "./picker-xSTzeYhc.js";
+import { n as PickerTrigger, t as PickerFooter } from "./picker-DmIiQKLJ.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/lib/time-picker-paint.ts
@@ -239,7 +239,7 @@ function TimeColumn({ label, items, value, onChange }) {
 		})]
 	});
 }
-function TimePicker({ value, onChange, format = "12h", disabled = false, size, placeholder = "Select time", className }) {
+function TimePicker({ value, onChange, format = "12h", disabled = false, size, placeholder = "Select time", className, ...placement }) {
 	const [open, setOpen] = React.useState(false);
 	const [pending, setPending] = React.useState(() => parseTimeString(value, format));
 	function handleOpenChange(next) {
@@ -273,10 +273,8 @@ function TimePicker({ value, onChange, format = "12h", disabled = false, size, p
 			className
 		}), /* @__PURE__ */ jsxs(PopoverContent, {
 			showArrow: false,
-			align: "center",
-			side: "bottom",
-			collisionAvoidance: PICKER_COLLISION_AVOIDANCE,
 			className: "min-w-(--anchor-width) gap-0 overflow-hidden rounded-2xl p-0 border border-line-subtle",
+			...placement,
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "flex w-full items-center justify-center gap-2 border-b border-line-subtle",

package/dist/toast.js

@@ -1,6 +1,6 @@
 "use client";
 import { Check, Info, X } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { Button } from "./button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Toast } from "@base-ui/react/toast";

package/dist/tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
 //#region src/tooltip.tsx

package/dist/top-navbar.js

@@ -1,6 +1,6 @@
 "use client";
 import { ArrowUpRight, ChevronDown } from "./icons.js";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { MobileSidebar } from "./mobile-sidebar.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/tree-map.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as cn } from "./cn-BI_4DMBf.js";
+import { cn } from "./utils/cn.js";
 import { useComponentSize } from "./size-context.js";
 import { ChartCard, ChartContainer, ChartDescription, ChartHeader, ChartTitle, ChartTooltip, ChartTooltipContent } from "./chart.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/utils/cn.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from "clsx";
+//#region src/utils/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };

package/dist/utils/cn.js

@@ -0,0 +1,33 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+//#region src/utils/cn.ts
+/**
+* The class merger every component in this package uses.
+*
+* Published because overriding a component's classes safely means merging them
+* the same way it does. `clsx` alone leaves both `text-gdt-sm` and your
+* `text-gdt-lg` on the element and lets source order decide; a stock
+* `tailwind-merge` does not know the `text-gdt-*` scale is a font size and
+* keeps both for a different reason. This one is configured for the design
+* tokens, so the last class wins the way you meant it to.
+*/
+const twMerge = extendTailwindMerge({ extend: { classGroups: { "font-size": [{ text: [
+	"gdt-display",
+	"gdt-h1",
+	"gdt-h2",
+	"gdt-h3",
+	"gdt-h4",
+	"gdt-h5",
+	"gdt-xl",
+	"gdt-lg",
+	"gdt-md",
+	"gdt-sm",
+	"gdt-xs",
+	"gdt-subtext",
+	"gdt-capitalized"
+] }] } } });
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };

package/dist/utils/format.d.ts

@@ -0,0 +1,45 @@
+//#region src/utils/format.d.ts
+/**
+ * Formatters the components here already use, published because the same
+ * values get written outside a component as often as inside one — a duration
+ * in a table cell, initials on a server-rendered avatar, a date in an export.
+ *
+ * Every one is a pure function with no React and no styling, so a server-only
+ * module can import them.
+ */
+/**
+ * Seconds as a clock: `3723` → `"1:02:03"`, `95` → `"1:35"`. The hours part is
+ * dropped below an hour rather than padded to `0:01:35`, so a short clip does
+ * not read as if it might be long.
+ *
+ * Anything that is not a finite number is `"0:00"` — a media element reports
+ * `NaN` for its duration until it has loaded metadata, and the alternative is
+ * `NaN:NaN` on screen for the first few frames.
+ */
+declare function formatDuration(value: number | undefined): string;
+/**
+ * A date written out in full: `"08 August 2026"`. Day before month, because
+ * the product's audience reads it that way and `"8/8/2026"` is ambiguous
+ * between two conventions where a spelled month is not.
+ */
+declare function formatDate(value: Date, locale?: string): string;
+/**
+ * A time of day, 24-hour: `"14:05"`. A string passes through untouched, so a
+ * caller that already has the wording it wants — `"Yesterday"`, `"just now"` —
+ * can hand it over without this second-guessing it.
+ */
+declare function formatTimestamp(value: Date | string, locale?: string): string;
+/**
+ * A `datetime` attribute's value for a `<time>` element. A `Date` becomes ISO;
+ * a string is assumed to already be in a machine-readable form and passes
+ * through, matching {@link formatTimestamp}.
+ */
+declare function toDateTimeAttribute(value: Date | string): string;
+/**
+ * The first letter of the first two words: `"Daniel Ikoyo"` → `"DI"`. Two and
+ * not three, because a monogram is a fallback for a missing photo and a third
+ * letter starts to compete with the name beside it.
+ */
+declare function getInitials(name: string): string;
+//#endregion
+export { formatDate, formatDuration, formatTimestamp, getInitials, toDateTimeAttribute };

package/dist/utils/format.js

@@ -0,0 +1,70 @@
+//#region src/utils/format.ts
+/**
+* Formatters the components here already use, published because the same
+* values get written outside a component as often as inside one — a duration
+* in a table cell, initials on a server-rendered avatar, a date in an export.
+*
+* Every one is a pure function with no React and no styling, so a server-only
+* module can import them.
+*/
+/**
+* Seconds as a clock: `3723` → `"1:02:03"`, `95` → `"1:35"`. The hours part is
+* dropped below an hour rather than padded to `0:01:35`, so a short clip does
+* not read as if it might be long.
+*
+* Anything that is not a finite number is `"0:00"` — a media element reports
+* `NaN` for its duration until it has loaded metadata, and the alternative is
+* `NaN:NaN` on screen for the first few frames.
+*/
+function formatDuration(value) {
+	if (!Number.isFinite(value)) return "0:00";
+	const safeValue = Math.max(0, Math.floor(value ?? 0));
+	const hours = Math.floor(safeValue / 3600);
+	const minutes = Math.floor(safeValue % 3600 / 60);
+	const seconds = safeValue % 60;
+	if (hours > 0) return `${hours}:${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
+	return `${minutes}:${String(seconds).padStart(2, "0")}`;
+}
+/**
+* A date written out in full: `"08 August 2026"`. Day before month, because
+* the product's audience reads it that way and `"8/8/2026"` is ambiguous
+* between two conventions where a spelled month is not.
+*/
+function formatDate(value, locale = "en-GB") {
+	return value.toLocaleDateString(locale, {
+		day: "2-digit",
+		month: "long",
+		year: "numeric"
+	});
+}
+/**
+* A time of day, 24-hour: `"14:05"`. A string passes through untouched, so a
+* caller that already has the wording it wants — `"Yesterday"`, `"just now"` —
+* can hand it over without this second-guessing it.
+*/
+function formatTimestamp(value, locale) {
+	if (typeof value === "string") return value;
+	return value.toLocaleTimeString(locale ? [locale] : [], {
+		hour: "2-digit",
+		minute: "2-digit",
+		hour12: false
+	});
+}
+/**
+* A `datetime` attribute's value for a `<time>` element. A `Date` becomes ISO;
+* a string is assumed to already be in a machine-readable form and passes
+* through, matching {@link formatTimestamp}.
+*/
+function toDateTimeAttribute(value) {
+	return value instanceof Date ? value.toISOString() : value;
+}
+/**
+* The first letter of the first two words: `"Daniel Ikoyo"` → `"DI"`. Two and
+* not three, because a monogram is a fallback for a missing photo and a third
+* letter starts to compete with the name beside it.
+*/
+function getInitials(name) {
+	return name.trim().split(/\s+/).slice(0, 2).map((part) => part[0]?.toUpperCase()).join("");
+}
+//#endregion
+export { formatDate, formatDuration, formatTimestamp, getInitials, toDateTimeAttribute };

package/dist/utils/phone.d.ts

@@ -0,0 +1,98 @@
+import { CountryCode } from "libphonenumber-js";
+//#region src/utils/phone.d.ts
+/**
+ * Phone number helpers, shared by `PhoneInput` and by the forms around it.
+ *
+ * These are here because a phone number is validated in more places than it is
+ * typed — a zod schema, a server action, a CSV import, a table cell — and every
+ * one of those was otherwise reaching for its own regex. They carry no React
+ * and no styling, so a server-only module can import them.
+ *
+ * One rule runs through all of them: **invalid in, empty out**. Anything that
+ * is not a real, dialable number formats and parses to `""` rather than to
+ * `null`, to `undefined`, or to a half-cleaned version of what you passed. A
+ * caller then has one thing to check instead of three.
+ */
+/** How a number should read once it is formatted. */
+type PhoneNumberFormat =
+/** `+234 801 234 5678` — the one to show when the country matters. */
+"international" |
+/** `0801 234 5678` — the one to show to someone in that country. */
+"national" |
+/** `+2348012345678` — the one to store. */
+"e164" |
+/** `tel:+234-801-234-5678` — the one to put in an `href`. */
+"rfc3966";
+interface PhoneNumberOptions {
+  /**
+   * The country to read a number against when it does not carry its own
+   * calling code. `"08012345678"` is a valid Nigerian number and nothing at
+   * all without this; `"+2348012345678"` needs it either way.
+   */
+  country?: CountryCode;
+}
+/**
+ * Whether a value is a phone number that could actually be dialed. Stricter
+ * than "has the right number of digits" — it checks the number against the
+ * ranges its country has assigned.
+ *
+ * Written to be passed by reference to a schema:
+ *
+ * ```ts
+ * z.string().refine(validatePhoneNumber, "Enter a valid phone number");
+ * yup.string().test("phone", "Enter a valid phone number", validatePhoneNumber);
+ * ```
+ *
+ * Empty and `null` are invalid. Mark the field optional in the schema rather
+ * than asking this to have an opinion about whether a missing number is a
+ * problem, which is the schema's business and not this function's.
+ */
+declare function validatePhoneNumber(value: unknown, options?: PhoneNumberOptions): boolean;
+/**
+ * The E.164 form of a valid number — `+2348012345678`, the one to store — or
+ * `""` if the value is not a valid number.
+ *
+ * ```ts
+ * parsePhoneNumber("0801 234 5678", { country: "NG" }); // "+2348012345678"
+ * parsePhoneNumber("0801 234");                         // ""
+ * ```
+ */
+declare function parsePhoneNumber(value: unknown, options?: PhoneNumberOptions): string;
+/**
+ * A valid number written for a reader, or `""` if the value is not a valid
+ * number. Defaults to `international`, which is the form that does not depend
+ * on knowing where the reader is.
+ *
+ * ```ts
+ * formatPhoneNumber("+2348012345678");                       // "+234 801 234 5678"
+ * formatPhoneNumber("+2348012345678", { format: "national" }); // "0801 234 5678"
+ * ```
+ *
+ * Blanking an invalid number is the point rather than an oversight: a value
+ * that cannot be formatted is a value that should be fixed, and showing a
+ * half-formatted one hides that.
+ */
+declare function formatPhoneNumber(value: unknown, options?: PhoneNumberOptions & {
+  format?: PhoneNumberFormat;
+}): string;
+/** The country a valid number belongs to, or `undefined`. */
+declare function getPhoneNumberCountry(value: unknown, options?: PhoneNumberOptions): CountryCode | undefined;
+interface PhoneCountry {
+  /** ISO 3166-1 alpha-2, e.g. `"NG"`. */
+  code: CountryCode;
+  /** Localised display name, falling back to the code where `Intl` is absent. */
+  name: string;
+  /** Calling code without the `+`, e.g. `"234"`. */
+  callingCode: string;
+}
+/**
+ * Every country a number can be entered for, sorted by name in `locale`.
+ *
+ * `PhoneInput` builds its own list from this. It is exported because the
+ * country a phone number belongs to tends to be asked for elsewhere in the
+ * same form — an address, a nationality — and a second, differently-sorted
+ * list of countries in one form is a bug people notice.
+ */
+declare function getPhoneCountries(locale?: string): PhoneCountry[];
+//#endregion
+export { type CountryCode, type PhoneCountry, type PhoneNumberFormat, type PhoneNumberOptions, formatPhoneNumber, getPhoneCountries, getPhoneNumberCountry, parsePhoneNumber, validatePhoneNumber };