@glob-ui/phone-input 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Martínez E
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,17 @@
-# Temporary Holding Version
+# @glob-ui/phone-input
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A telephone field with a country picker. The picker searches by country name, dial code and ISO code.
+
+## Install
+
+```bash
+pnpm add @glob-ui/phone-input
+```
+
+## Documentation
+
+Full docs, examples and the accessibility table: [Phone input](https://github.com/kevin-martineze/GlobUI/tree/main/apps/docs/content/docs/components/phone-input.mdx).
+
+## License
+
+MIT. See [LICENSE](./LICENSE).

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const phoneInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof phoneInputVariants> {
+    country?: string;
+    onCountryChange?: (iso: string) => void;
+}
+declare const PhoneInput: react.ForwardRefExoticComponent<PhoneInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { PhoneInput, type PhoneInputProps, phoneInputVariants };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const phoneInputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof phoneInputVariants> {
+    country?: string;
+    onCountryChange?: (iso: string) => void;
+}
+declare const PhoneInput: react.ForwardRefExoticComponent<PhoneInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { PhoneInput, type PhoneInputProps, phoneInputVariants };

package/dist/index.js

@@ -0,0 +1,389 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  PhoneInput: () => PhoneInput,
+  phoneInputVariants: () => phoneInputVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/phone-input.tsx
+var import_react2 = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils2 = require("@glob-ui/utils");
+
+// src/country-select.tsx
+var import_react = require("react");
+var import_utils = require("@glob-ui/utils");
+var import_hooks = require("@glob-ui/hooks");
+
+// src/country-data.ts
+var countries = [
+  { iso: "US", name: "United States", code: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
+  { iso: "GB", name: "United Kingdom", code: "+44", flag: "\u{1F1EC}\u{1F1E7}" },
+  { iso: "CA", name: "Canada", code: "+1", flag: "\u{1F1E8}\u{1F1E6}" },
+  { iso: "MX", name: "Mexico", code: "+52", flag: "\u{1F1F2}\u{1F1FD}" },
+  { iso: "AR", name: "Argentina", code: "+54", flag: "\u{1F1E6}\u{1F1F7}" },
+  { iso: "BR", name: "Brazil", code: "+55", flag: "\u{1F1E7}\u{1F1F7}" },
+  { iso: "CL", name: "Chile", code: "+56", flag: "\u{1F1E8}\u{1F1F1}" },
+  { iso: "CO", name: "Colombia", code: "+57", flag: "\u{1F1E8}\u{1F1F4}" },
+  { iso: "PE", name: "Peru", code: "+51", flag: "\u{1F1F5}\u{1F1EA}" },
+  { iso: "ES", name: "Spain", code: "+34", flag: "\u{1F1EA}\u{1F1F8}" },
+  { iso: "FR", name: "France", code: "+33", flag: "\u{1F1EB}\u{1F1F7}" },
+  { iso: "DE", name: "Germany", code: "+49", flag: "\u{1F1E9}\u{1F1EA}" },
+  { iso: "IT", name: "Italy", code: "+39", flag: "\u{1F1EE}\u{1F1F9}" },
+  { iso: "PT", name: "Portugal", code: "+351", flag: "\u{1F1F5}\u{1F1F9}" },
+  { iso: "NL", name: "Netherlands", code: "+31", flag: "\u{1F1F3}\u{1F1F1}" },
+  { iso: "BE", name: "Belgium", code: "+32", flag: "\u{1F1E7}\u{1F1EA}" },
+  { iso: "CH", name: "Switzerland", code: "+41", flag: "\u{1F1E8}\u{1F1ED}" },
+  { iso: "SE", name: "Sweden", code: "+46", flag: "\u{1F1F8}\u{1F1EA}" },
+  { iso: "NO", name: "Norway", code: "+47", flag: "\u{1F1F3}\u{1F1F4}" },
+  { iso: "DK", name: "Denmark", code: "+45", flag: "\u{1F1E9}\u{1F1F0}" },
+  { iso: "FI", name: "Finland", code: "+358", flag: "\u{1F1EB}\u{1F1EE}" },
+  { iso: "IE", name: "Ireland", code: "+353", flag: "\u{1F1EE}\u{1F1EA}" },
+  { iso: "AT", name: "Austria", code: "+43", flag: "\u{1F1E6}\u{1F1F9}" },
+  { iso: "PL", name: "Poland", code: "+48", flag: "\u{1F1F5}\u{1F1F1}" },
+  { iso: "RU", name: "Russia", code: "+7", flag: "\u{1F1F7}\u{1F1FA}" },
+  { iso: "TR", name: "Turkey", code: "+90", flag: "\u{1F1F9}\u{1F1F7}" },
+  { iso: "IN", name: "India", code: "+91", flag: "\u{1F1EE}\u{1F1F3}" },
+  { iso: "CN", name: "China", code: "+86", flag: "\u{1F1E8}\u{1F1F3}" },
+  { iso: "JP", name: "Japan", code: "+81", flag: "\u{1F1EF}\u{1F1F5}" },
+  { iso: "KR", name: "South Korea", code: "+82", flag: "\u{1F1F0}\u{1F1F7}" },
+  { iso: "AU", name: "Australia", code: "+61", flag: "\u{1F1E6}\u{1F1FA}" },
+  { iso: "NZ", name: "New Zealand", code: "+64", flag: "\u{1F1F3}\u{1F1FF}" },
+  { iso: "ZA", name: "South Africa", code: "+27", flag: "\u{1F1FF}\u{1F1E6}" },
+  { iso: "NG", name: "Nigeria", code: "+234", flag: "\u{1F1F3}\u{1F1EC}" },
+  { iso: "EG", name: "Egypt", code: "+20", flag: "\u{1F1EA}\u{1F1EC}" },
+  { iso: "MA", name: "Morocco", code: "+212", flag: "\u{1F1F2}\u{1F1E6}" },
+  { iso: "IL", name: "Israel", code: "+972", flag: "\u{1F1EE}\u{1F1F1}" },
+  { iso: "SA", name: "Saudi Arabia", code: "+966", flag: "\u{1F1F8}\u{1F1E6}" },
+  { iso: "AE", name: "United Arab Emirates", code: "+971", flag: "\u{1F1E6}\u{1F1EA}" },
+  { iso: "SG", name: "Singapore", code: "+65", flag: "\u{1F1F8}\u{1F1EC}" },
+  { iso: "HK", name: "Hong Kong", code: "+852", flag: "\u{1F1ED}\u{1F1F0}" },
+  { iso: "MY", name: "Malaysia", code: "+60", flag: "\u{1F1F2}\u{1F1FE}" },
+  { iso: "PH", name: "Philippines", code: "+63", flag: "\u{1F1F5}\u{1F1ED}" },
+  { iso: "TH", name: "Thailand", code: "+66", flag: "\u{1F1F9}\u{1F1ED}" },
+  { iso: "VN", name: "Vietnam", code: "+84", flag: "\u{1F1FB}\u{1F1F3}" },
+  { iso: "ID", name: "Indonesia", code: "+62", flag: "\u{1F1EE}\u{1F1E9}" },
+  { iso: "PK", name: "Pakistan", code: "+92", flag: "\u{1F1F5}\u{1F1F0}" },
+  { iso: "BD", name: "Bangladesh", code: "+880", flag: "\u{1F1E7}\u{1F1E9}" },
+  { iso: "UA", name: "Ukraine", code: "+380", flag: "\u{1F1FA}\u{1F1E6}" },
+  { iso: "RO", name: "Romania", code: "+40", flag: "\u{1F1F7}\u{1F1F4}" },
+  { iso: "CZ", name: "Czech Republic", code: "+420", flag: "\u{1F1E8}\u{1F1FF}" },
+  { iso: "GR", name: "Greece", code: "+30", flag: "\u{1F1EC}\u{1F1F7}" },
+  { iso: "HU", name: "Hungary", code: "+36", flag: "\u{1F1ED}\u{1F1FA}" },
+  { iso: "SK", name: "Slovakia", code: "+421", flag: "\u{1F1F8}\u{1F1F0}" },
+  { iso: "HR", name: "Croatia", code: "+385", flag: "\u{1F1ED}\u{1F1F7}" },
+  { iso: "CR", name: "Costa Rica", code: "+506", flag: "\u{1F1E8}\u{1F1F7}" },
+  { iso: "PA", name: "Panama", code: "+507", flag: "\u{1F1F5}\u{1F1E6}" },
+  { iso: "DO", name: "Dominican Republic", code: "+1", flag: "\u{1F1E9}\u{1F1F4}" },
+  { iso: "PR", name: "Puerto Rico", code: "+1", flag: "\u{1F1F5}\u{1F1F7}" },
+  { iso: "EC", name: "Ecuador", code: "+593", flag: "\u{1F1EA}\u{1F1E8}" },
+  { iso: "VE", name: "Venezuela", code: "+58", flag: "\u{1F1FB}\u{1F1EA}" },
+  { iso: "UY", name: "Uruguay", code: "+598", flag: "\u{1F1FA}\u{1F1FE}" },
+  { iso: "PY", name: "Paraguay", code: "+595", flag: "\u{1F1F5}\u{1F1FE}" },
+  { iso: "BO", name: "Bolivia", code: "+591", flag: "\u{1F1E7}\u{1F1F4}" },
+  { iso: "CU", name: "Cuba", code: "+53", flag: "\u{1F1E8}\u{1F1FA}" },
+  { iso: "KE", name: "Kenya", code: "+254", flag: "\u{1F1F0}\u{1F1EA}" },
+  { iso: "GH", name: "Ghana", code: "+233", flag: "\u{1F1EC}\u{1F1ED}" },
+  { iso: "TZ", name: "Tanzania", code: "+255", flag: "\u{1F1F9}\u{1F1FF}" },
+  { iso: "ET", name: "Ethiopia", code: "+251", flag: "\u{1F1EA}\u{1F1F9}" },
+  { iso: "DZ", name: "Algeria", code: "+213", flag: "\u{1F1E9}\u{1F1FF}" },
+  { iso: "TN", name: "Tunisia", code: "+216", flag: "\u{1F1F9}\u{1F1F3}" }
+];
+
+// src/country-select.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var sizeStyles = {
+  sm: "h-8 text-xs",
+  md: "h-10 text-sm",
+  lg: "h-12 text-base"
+};
+function CountrySelect({ value, onChange, size = "md", disabled }) {
+  var _a;
+  const baseId = (0, import_react.useId)();
+  const listId = `${baseId}-listbox`;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [search, setSearch] = (0, import_react.useState)("");
+  const searchRef = (0, import_react.useRef)(null);
+  const selected = (_a = countries.find((c) => c.iso === value)) != null ? _a : countries[0];
+  const filtered = (0, import_react.useMemo)(() => {
+    if (!search) return countries;
+    const q = search.toLowerCase();
+    return countries.filter(
+      (c) => c.name.toLowerCase().includes(q) || c.code.includes(q) || c.iso.toLowerCase().includes(q)
+    );
+  }, [search]);
+  const listbox = (0, import_hooks.useListbox)({
+    id: baseId,
+    items: filtered,
+    getKey: (c) => c.iso,
+    getText: (c) => c.name,
+    open
+  });
+  const { setTrigger, setPanel, floatingStyles, triggerHandlers } = (0, import_hooks.useFloatingPanel)({
+    open,
+    onOpenChange: (next) => {
+      setOpen(next);
+      if (!next) setSearch("");
+    },
+    placement: "bottom-start",
+    offset: 4,
+    onShow: () => {
+      var _a2;
+      return (_a2 = searchRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+    }
+  });
+  function closeList() {
+    setOpen(false);
+    setSearch("");
+  }
+  function openList() {
+    if (disabled) return;
+    listbox.setActiveKey(value);
+    setOpen(true);
+  }
+  function commit(iso) {
+    onChange(iso);
+    closeList();
+  }
+  function onTriggerKeyDown(e) {
+    if (disabled || open) return;
+    if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      openList();
+    }
+  }
+  function onSearchKeyDown(e) {
+    if (listbox.navigate(e, { homeEnd: false })) return;
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (listbox.activeItem) commit(listbox.activeItem.iso);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      closeList();
+    } else if (e.key === "Tab") {
+      if (listbox.activeItem) onChange(listbox.activeItem.iso);
+      closeList();
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: setTrigger,
+        role: "combobox",
+        "aria-label": "Country code",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onPointerDown: () => {
+          if (!disabled) triggerHandlers.onPointerDown();
+        },
+        onClick: () => {
+          if (disabled) return;
+          if (!open) listbox.setActiveKey(value);
+          triggerHandlers.onClick();
+        },
+        onKeyDown: onTriggerKeyDown,
+        className: (0, import_utils.cn)(
+          "flex cursor-pointer items-center gap-1 rounded-l-glob-md border border-r-0 border-glob-border bg-glob-surface px-2 text-glob-text transition-colors hover:bg-glob-surface-hover outline-none focus-visible:ring-2 focus-visible:ring-glob-ring aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+          sizeStyles[size]
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-base leading-none", "aria-hidden": "true", children: selected.flag }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-glob-text-secondary", children: selected.code }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "svg",
+            {
+              className: (0, import_utils.cn)("h-3 w-3 text-glob-text-secondary transition-transform", open && "rotate-180"),
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref: setPanel,
+        popover: "auto",
+        style: floatingStyles,
+        className: (0, import_utils.cn)(
+          "m-0 w-72 overflow-visible rounded-glob-md border border-glob-border bg-glob-surface text-sm text-glob-text shadow-glob-md outline-none",
+          "opacity-0 transition-[opacity,overlay,display] transition-discrete duration-150 open:opacity-100 starting:open:opacity-0 motion-reduce:transition-none"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-b border-glob-border p-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: searchRef,
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              onKeyDown: onSearchKeyDown,
+              placeholder: "Search country...",
+              "aria-label": "Search countries",
+              "aria-controls": listId,
+              "aria-autocomplete": "list",
+              "aria-activedescendant": listbox.activeDescendant,
+              autoComplete: "off",
+              className: "w-full rounded-glob-sm border border-glob-border bg-glob-surface-secondary px-2 py-1.5 text-sm text-glob-text placeholder:text-glob-text-secondary outline-none focus:ring-1 focus:ring-glob-ring"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: listId, role: "listbox", "aria-label": "Countries", className: "relative max-h-60 overflow-y-auto p-1", children: filtered.map((country) => {
+            const isSelected = country.iso === selected.iso;
+            const isActive = listbox.activeKey === country.iso;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                id: listbox.optionId(country.iso),
+                role: "option",
+                "aria-selected": isSelected,
+                onMouseDown: (e) => e.preventDefault(),
+                onPointerMove: () => listbox.setActiveKey(country.iso),
+                onClick: () => commit(country.iso),
+                className: (0, import_utils.cn)(
+                  "flex w-full cursor-pointer items-center gap-3 rounded-glob-sm px-2 py-2 text-left text-sm select-none",
+                  isActive && "bg-glob-surface-hover",
+                  // The selected row is marked by font weight; orange text on white fails contrast.
+                  isSelected && "font-medium"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-base leading-none", "aria-hidden": "true", children: country.flag }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-1", children: country.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-glob-text", children: country.code })
+                ]
+              },
+              country.iso
+            );
+          }) }),
+          filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "status", className: "px-3 py-4 text-center text-sm text-glob-text-secondary", children: "No countries found" })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/phone-input.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var phoneInputVariants = (0, import_class_variance_authority.cva)(
+  "flex items-center rounded-glob-md border border-glob-border bg-glob-surface transition-colors has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-glob-ring has-[input:focus-visible]:ring-offset-0 has-[[aria-disabled=true]]:opacity-50 has-[[aria-disabled=true]]:cursor-not-allowed has-[input[aria-invalid=true]]:border-glob-danger has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-glob-danger",
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        md: "h-10",
+        lg: "h-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputSizeStyles = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var PhoneInput = (0, import_react2.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className, size = "md", country, onCountryChange, value, onChange, placeholder, disabled } = _b, props = __objRest(_b, ["className", "size", "country", "onCountryChange", "value", "onChange", "placeholder", "disabled"]);
+    const [internalCountry, setInternalCountry] = (0, import_react2.useState)("US");
+    const selectedIso = country != null ? country : internalCountry;
+    const handleCountryChange = (0, import_react2.useCallback)(
+      (iso) => {
+        setInternalCountry(iso);
+        onCountryChange == null ? void 0 : onCountryChange(iso);
+      },
+      [onCountryChange]
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_utils2.cn)(phoneInputVariants({ size, className })), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        CountrySelect,
+        {
+          value: selectedIso,
+          onChange: handleCountryChange,
+          size: size != null ? size : "md",
+          disabled
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "h-5 w-px bg-glob-border" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-1 items-center pl-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        __spreadValues({
+          ref,
+          type: "tel",
+          value,
+          onChange,
+          disabled,
+          placeholder: placeholder != null ? placeholder : "555 000 0000",
+          className: (0, import_utils2.cn)(
+            "h-full flex-1 bg-transparent text-glob-text outline-none placeholder:text-glob-text-secondary",
+            inputSizeStyles[size != null ? size : "md"]
+          )
+        }, props)
+      ) })
+    ] });
+  }
+);
+PhoneInput.displayName = "PhoneInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PhoneInput,
+  phoneInputVariants
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/phone-input.tsx","../src/country-select.tsx","../src/country-data.ts"],"sourcesContent":["export { PhoneInput, phoneInputVariants } from \"./phone-input\"\nexport type { PhoneInputProps } from \"./phone-input\"\n","\"use client\"\n\nimport { forwardRef, useState, useCallback } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\nimport { CountrySelect } from \"./country-select\"\n\nconst phoneInputVariants = cva(\n  \"flex items-center rounded-glob-md border border-glob-border bg-glob-surface transition-colors has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-glob-ring has-[input:focus-visible]:ring-offset-0 has-[[aria-disabled=true]]:opacity-50 has-[[aria-disabled=true]]:cursor-not-allowed has-[input[aria-invalid=true]]:border-glob-danger has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-glob-danger\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        md: \"h-10\",\n        lg: \"h-12\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nconst inputSizeStyles = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n}\n\nexport interface PhoneInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    VariantProps<typeof phoneInputVariants> {\n  country?: string\n  onCountryChange?: (iso: string) => void\n}\n\nconst PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  ({ className, size = \"md\", country, onCountryChange, value, onChange, placeholder, disabled, ...props }, ref) => {\n    const [internalCountry, setInternalCountry] = useState(\"US\")\n    const selectedIso = country ?? internalCountry\n\n    const handleCountryChange = useCallback(\n      (iso: string) => {\n        setInternalCountry(iso)\n        onCountryChange?.(iso)\n      },\n      [onCountryChange]\n    )\n\n    return (\n      <div className={cn(phoneInputVariants({ size, className }))}>\n        <CountrySelect\n          value={selectedIso}\n          onChange={handleCountryChange}\n          size={size ?? \"md\"}\n          disabled={disabled}\n        />\n\n        <div className=\"h-5 w-px bg-glob-border\" />\n\n        <div className=\"flex flex-1 items-center pl-2\">\n          <input\n            ref={ref}\n            type=\"tel\"\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            placeholder={placeholder ?? \"555 000 0000\"}\n            className={cn(\n              \"h-full flex-1 bg-transparent text-glob-text outline-none placeholder:text-glob-text-secondary\",\n              inputSizeStyles[size ?? \"md\"]\n            )}\n            {...props}\n          />\n        </div>\n      </div>\n    )\n  }\n)\nPhoneInput.displayName = \"PhoneInput\"\n\nexport { PhoneInput, phoneInputVariants }\n","\"use client\"\n\nimport { useId, useMemo, useRef, useState } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { useFloatingPanel, useListbox } from \"@glob-ui/hooks\"\nimport { countries } from \"./country-data\"\n\ninterface CountrySelectProps {\n  value: string\n  onChange: (iso: string) => void\n  size?: \"sm\" | \"md\" | \"lg\"\n  disabled?: boolean\n}\n\nconst sizeStyles = {\n  sm: \"h-8 text-xs\",\n  md: \"h-10 text-sm\",\n  lg: \"h-12 text-base\",\n}\n\nexport function CountrySelect({ value, onChange, size = \"md\", disabled }: CountrySelectProps) {\n  const baseId = useId()\n  const listId = `${baseId}-listbox`\n  const [open, setOpen] = useState(false)\n  const [search, setSearch] = useState(\"\")\n  const searchRef = useRef<HTMLInputElement>(null)\n\n  const selected = countries.find((c) => c.iso === value) ?? countries[0]\n\n  // Matches name, dial code and ISO code.\n  const filtered = useMemo(() => {\n    if (!search) return countries\n    const q = search.toLowerCase()\n    return countries.filter(\n      (c) => c.name.toLowerCase().includes(q) || c.code.includes(q) || c.iso.toLowerCase().includes(q)\n    )\n  }, [search])\n\n  const listbox = useListbox({\n    id: baseId,\n    items: filtered,\n    getKey: (c) => c.iso,\n    getText: (c) => c.name,\n    open,\n  })\n\n  const { setTrigger, setPanel, floatingStyles, triggerHandlers } = useFloatingPanel({\n    open,\n    onOpenChange: (next) => {\n      setOpen(next)\n      if (!next) setSearch(\"\")\n    },\n    placement: \"bottom-start\",\n    offset: 4,\n    onShow: () => searchRef.current?.focus({ preventScroll: true }),\n  })\n\n  /** Closes the list and clears the search, so the next open starts from the full list. */\n  function closeList() {\n    setOpen(false)\n    setSearch(\"\")\n  }\n\n  function openList() {\n    if (disabled) return\n    listbox.setActiveKey(value)\n    setOpen(true)\n  }\n\n  function commit(iso: string) {\n    onChange(iso)\n    closeList()\n  }\n\n  function onTriggerKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (disabled || open) return\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault()\n      openList()\n    }\n  }\n\n  function onSearchKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (listbox.navigate(e, { homeEnd: false })) return\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      if (listbox.activeItem) commit(listbox.activeItem.iso)\n    } else if (e.key === \"Escape\") {\n      e.preventDefault()\n      closeList()\n    } else if (e.key === \"Tab\") {\n      if (listbox.activeItem) onChange(listbox.activeItem.iso)\n      closeList()\n    }\n  }\n\n  return (\n    <div className=\"relative\">\n      <div\n        ref={setTrigger}\n        role=\"combobox\"\n        aria-label=\"Country code\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={listId}\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled || undefined}\n        onPointerDown={() => {\n          if (!disabled) triggerHandlers.onPointerDown()\n        }}\n        onClick={() => {\n          if (disabled) return\n          if (!open) listbox.setActiveKey(value)\n          triggerHandlers.onClick()\n        }}\n        onKeyDown={onTriggerKeyDown}\n        className={cn(\n          \"flex cursor-pointer items-center gap-1 rounded-l-glob-md border border-r-0 border-glob-border bg-glob-surface px-2 text-glob-text transition-colors hover:bg-glob-surface-hover outline-none focus-visible:ring-2 focus-visible:ring-glob-ring aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n          sizeStyles[size]\n        )}\n      >\n        <span className=\"text-base leading-none\" aria-hidden=\"true\">{selected.flag}</span>\n        <span className=\"text-glob-text-secondary\">{selected.code}</span>\n        <svg\n          className={cn(\"h-3 w-3 text-glob-text-secondary transition-transform\", open && \"rotate-180\")}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M6 9l6 6 6-6\" />\n        </svg>\n      </div>\n\n      <div\n        ref={setPanel}\n        popover=\"auto\"\n        style={floatingStyles}\n        className={cn(\n          \"m-0 w-72 overflow-visible rounded-glob-md border border-glob-border bg-glob-surface text-sm text-glob-text shadow-glob-md outline-none\",\n          \"opacity-0 transition-[opacity,overlay,display] transition-discrete duration-150 open:opacity-100 starting:open:opacity-0 motion-reduce:transition-none\"\n        )}\n      >\n        <div className=\"border-b border-glob-border p-2\">\n          <input\n            ref={searchRef}\n            type=\"text\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onKeyDown={onSearchKeyDown}\n            placeholder=\"Search country...\"\n            aria-label=\"Search countries\"\n            aria-controls={listId}\n            aria-autocomplete=\"list\"\n            aria-activedescendant={listbox.activeDescendant}\n            autoComplete=\"off\"\n            className=\"w-full rounded-glob-sm border border-glob-border bg-glob-surface-secondary px-2 py-1.5 text-sm text-glob-text placeholder:text-glob-text-secondary outline-none focus:ring-1 focus:ring-glob-ring\"\n          />\n        </div>\n        <div id={listId} role=\"listbox\" aria-label=\"Countries\" className=\"relative max-h-60 overflow-y-auto p-1\">\n          {filtered.map((country) => {\n            const isSelected = country.iso === selected.iso\n            const isActive = listbox.activeKey === country.iso\n            return (\n              <div\n                key={country.iso}\n                id={listbox.optionId(country.iso)}\n                role=\"option\"\n                aria-selected={isSelected}\n                onMouseDown={(e) => e.preventDefault()}\n                onPointerMove={() => listbox.setActiveKey(country.iso)}\n                onClick={() => commit(country.iso)}\n                className={cn(\n                  \"flex w-full cursor-pointer items-center gap-3 rounded-glob-sm px-2 py-2 text-left text-sm select-none\",\n                  isActive && \"bg-glob-surface-hover\",\n                  // The selected row is marked by font weight; orange text on white fails contrast.\n                  isSelected && \"font-medium\"\n                )}\n              >\n                <span className=\"text-base leading-none\" aria-hidden=\"true\">{country.flag}</span>\n                <span className=\"flex-1\">{country.name}</span>\n                <span className=\"text-glob-text\">{country.code}</span>\n              </div>\n            )\n          })}\n        </div>\n        {filtered.length === 0 && (\n          <div role=\"status\" className=\"px-3 py-4 text-center text-sm text-glob-text-secondary\">\n            No countries found\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","export interface Country {\n  iso: string\n  name: string\n  code: string\n  flag: string\n}\n\nexport const countries: Country[] = [\n  { iso: \"US\", name: \"United States\", code: \"+1\", flag: \"🇺🇸\" },\n  { iso: \"GB\", name: \"United Kingdom\", code: \"+44\", flag: \"🇬🇧\" },\n  { iso: \"CA\", name: \"Canada\", code: \"+1\", flag: \"🇨🇦\" },\n  { iso: \"MX\", name: \"Mexico\", code: \"+52\", flag: \"🇲🇽\" },\n  { iso: \"AR\", name: \"Argentina\", code: \"+54\", flag: \"🇦🇷\" },\n  { iso: \"BR\", name: \"Brazil\", code: \"+55\", flag: \"🇧🇷\" },\n  { iso: \"CL\", name: \"Chile\", code: \"+56\", flag: \"🇨🇱\" },\n  { iso: \"CO\", name: \"Colombia\", code: \"+57\", flag: \"🇨🇴\" },\n  { iso: \"PE\", name: \"Peru\", code: \"+51\", flag: \"🇵🇪\" },\n  { iso: \"ES\", name: \"Spain\", code: \"+34\", flag: \"🇪🇸\" },\n  { iso: \"FR\", name: \"France\", code: \"+33\", flag: \"🇫🇷\" },\n  { iso: \"DE\", name: \"Germany\", code: \"+49\", flag: \"🇩🇪\" },\n  { iso: \"IT\", name: \"Italy\", code: \"+39\", flag: \"🇮🇹\" },\n  { iso: \"PT\", name: \"Portugal\", code: \"+351\", flag: \"🇵🇹\" },\n  { iso: \"NL\", name: \"Netherlands\", code: \"+31\", flag: \"🇳🇱\" },\n  { iso: \"BE\", name: \"Belgium\", code: \"+32\", flag: \"🇧🇪\" },\n  { iso: \"CH\", name: \"Switzerland\", code: \"+41\", flag: \"🇨🇭\" },\n  { iso: \"SE\", name: \"Sweden\", code: \"+46\", flag: \"🇸🇪\" },\n  { iso: \"NO\", name: \"Norway\", code: \"+47\", flag: \"🇳🇴\" },\n  { iso: \"DK\", name: \"Denmark\", code: \"+45\", flag: \"🇩🇰\" },\n  { iso: \"FI\", name: \"Finland\", code: \"+358\", flag: \"🇫🇮\" },\n  { iso: \"IE\", name: \"Ireland\", code: \"+353\", flag: \"🇮🇪\" },\n  { iso: \"AT\", name: \"Austria\", code: \"+43\", flag: \"🇦🇹\" },\n  { iso: \"PL\", name: \"Poland\", code: \"+48\", flag: \"🇵🇱\" },\n  { iso: \"RU\", name: \"Russia\", code: \"+7\", flag: \"🇷🇺\" },\n  { iso: \"TR\", name: \"Turkey\", code: \"+90\", flag: \"🇹🇷\" },\n  { iso: \"IN\", name: \"India\", code: \"+91\", flag: \"🇮🇳\" },\n  { iso: \"CN\", name: \"China\", code: \"+86\", flag: \"🇨🇳\" },\n  { iso: \"JP\", name: \"Japan\", code: \"+81\", flag: \"🇯🇵\" },\n  { iso: \"KR\", name: \"South Korea\", code: \"+82\", flag: \"🇰🇷\" },\n  { iso: \"AU\", name: \"Australia\", code: \"+61\", flag: \"🇦🇺\" },\n  { iso: \"NZ\", name: \"New Zealand\", code: \"+64\", flag: \"🇳🇿\" },\n  { iso: \"ZA\", name: \"South Africa\", code: \"+27\", flag: \"🇿🇦\" },\n  { iso: \"NG\", name: \"Nigeria\", code: \"+234\", flag: \"🇳🇬\" },\n  { iso: \"EG\", name: \"Egypt\", code: \"+20\", flag: \"🇪🇬\" },\n  { iso: \"MA\", name: \"Morocco\", code: \"+212\", flag: \"🇲🇦\" },\n  { iso: \"IL\", name: \"Israel\", code: \"+972\", flag: \"🇮🇱\" },\n  { iso: \"SA\", name: \"Saudi Arabia\", code: \"+966\", flag: \"🇸🇦\" },\n  { iso: \"AE\", name: \"United Arab Emirates\", code: \"+971\", flag: \"🇦🇪\" },\n  { iso: \"SG\", name: \"Singapore\", code: \"+65\", flag: \"🇸🇬\" },\n  { iso: \"HK\", name: \"Hong Kong\", code: \"+852\", flag: \"🇭🇰\" },\n  { iso: \"MY\", name: \"Malaysia\", code: \"+60\", flag: \"🇲🇾\" },\n  { iso: \"PH\", name: \"Philippines\", code: \"+63\", flag: \"🇵🇭\" },\n  { iso: \"TH\", name: \"Thailand\", code: \"+66\", flag: \"🇹🇭\" },\n  { iso: \"VN\", name: \"Vietnam\", code: \"+84\", flag: \"🇻🇳\" },\n  { iso: \"ID\", name: \"Indonesia\", code: \"+62\", flag: \"🇮🇩\" },\n  { iso: \"PK\", name: \"Pakistan\", code: \"+92\", flag: \"🇵🇰\" },\n  { iso: \"BD\", name: \"Bangladesh\", code: \"+880\", flag: \"🇧🇩\" },\n  { iso: \"UA\", name: \"Ukraine\", code: \"+380\", flag: \"🇺🇦\" },\n  { iso: \"RO\", name: \"Romania\", code: \"+40\", flag: \"🇷🇴\" },\n  { iso: \"CZ\", name: \"Czech Republic\", code: \"+420\", flag: \"🇨🇿\" },\n  { iso: \"GR\", name: \"Greece\", code: \"+30\", flag: \"🇬🇷\" },\n  { iso: \"HU\", name: \"Hungary\", code: \"+36\", flag: \"🇭🇺\" },\n  { iso: \"SK\", name: \"Slovakia\", code: \"+421\", flag: \"🇸🇰\" },\n  { iso: \"HR\", name: \"Croatia\", code: \"+385\", flag: \"🇭🇷\" },\n  { iso: \"CR\", name: \"Costa Rica\", code: \"+506\", flag: \"🇨🇷\" },\n  { iso: \"PA\", name: \"Panama\", code: \"+507\", flag: \"🇵🇦\" },\n  { iso: \"DO\", name: \"Dominican Republic\", code: \"+1\", flag: \"🇩🇴\" },\n  { iso: \"PR\", name: \"Puerto Rico\", code: \"+1\", flag: \"🇵🇷\" },\n  { iso: \"EC\", name: \"Ecuador\", code: \"+593\", flag: \"🇪🇨\" },\n  { iso: \"VE\", name: \"Venezuela\", code: \"+58\", flag: \"🇻🇪\" },\n  { iso: \"UY\", name: \"Uruguay\", code: \"+598\", flag: \"🇺🇾\" },\n  { iso: \"PY\", name: \"Paraguay\", code: \"+595\", flag: \"🇵🇾\" },\n  { iso: \"BO\", name: \"Bolivia\", code: \"+591\", flag: \"🇧🇴\" },\n  { iso: \"CU\", name: \"Cuba\", code: \"+53\", flag: \"🇨🇺\" },\n  { iso: \"KE\", name: \"Kenya\", code: \"+254\", flag: \"🇰🇪\" },\n  { iso: \"GH\", name: \"Ghana\", code: \"+233\", flag: \"🇬🇭\" },\n  { iso: \"TZ\", name: \"Tanzania\", code: \"+255\", flag: \"🇹🇿\" },\n  { iso: \"ET\", name: \"Ethiopia\", code: \"+251\", flag: \"🇪🇹\" },\n  { iso: \"DZ\", name: \"Algeria\", code: \"+213\", flag: \"🇩🇿\" },\n  { iso: \"TN\", name: \"Tunisia\", code: \"+216\", flag: \"🇹🇳\" },\n]\n\nexport function getCountryByIso(iso: string): Country | undefined {\n  return countries.find((c) => c.iso === iso)\n}\n"],"mappings":"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","names":["import_react","import_utils","_a","import_jsx_runtime"]}

package/dist/index.mjs

@@ -0,0 +1,364 @@
+"use client"
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/phone-input.tsx
+import { forwardRef, useState as useState2, useCallback } from "react";
+import { cva } from "class-variance-authority";
+import { cn as cn2 } from "@glob-ui/utils";
+
+// src/country-select.tsx
+import { useId, useMemo, useRef, useState } from "react";
+import { cn } from "@glob-ui/utils";
+import { useFloatingPanel, useListbox } from "@glob-ui/hooks";
+
+// src/country-data.ts
+var countries = [
+  { iso: "US", name: "United States", code: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
+  { iso: "GB", name: "United Kingdom", code: "+44", flag: "\u{1F1EC}\u{1F1E7}" },
+  { iso: "CA", name: "Canada", code: "+1", flag: "\u{1F1E8}\u{1F1E6}" },
+  { iso: "MX", name: "Mexico", code: "+52", flag: "\u{1F1F2}\u{1F1FD}" },
+  { iso: "AR", name: "Argentina", code: "+54", flag: "\u{1F1E6}\u{1F1F7}" },
+  { iso: "BR", name: "Brazil", code: "+55", flag: "\u{1F1E7}\u{1F1F7}" },
+  { iso: "CL", name: "Chile", code: "+56", flag: "\u{1F1E8}\u{1F1F1}" },
+  { iso: "CO", name: "Colombia", code: "+57", flag: "\u{1F1E8}\u{1F1F4}" },
+  { iso: "PE", name: "Peru", code: "+51", flag: "\u{1F1F5}\u{1F1EA}" },
+  { iso: "ES", name: "Spain", code: "+34", flag: "\u{1F1EA}\u{1F1F8}" },
+  { iso: "FR", name: "France", code: "+33", flag: "\u{1F1EB}\u{1F1F7}" },
+  { iso: "DE", name: "Germany", code: "+49", flag: "\u{1F1E9}\u{1F1EA}" },
+  { iso: "IT", name: "Italy", code: "+39", flag: "\u{1F1EE}\u{1F1F9}" },
+  { iso: "PT", name: "Portugal", code: "+351", flag: "\u{1F1F5}\u{1F1F9}" },
+  { iso: "NL", name: "Netherlands", code: "+31", flag: "\u{1F1F3}\u{1F1F1}" },
+  { iso: "BE", name: "Belgium", code: "+32", flag: "\u{1F1E7}\u{1F1EA}" },
+  { iso: "CH", name: "Switzerland", code: "+41", flag: "\u{1F1E8}\u{1F1ED}" },
+  { iso: "SE", name: "Sweden", code: "+46", flag: "\u{1F1F8}\u{1F1EA}" },
+  { iso: "NO", name: "Norway", code: "+47", flag: "\u{1F1F3}\u{1F1F4}" },
+  { iso: "DK", name: "Denmark", code: "+45", flag: "\u{1F1E9}\u{1F1F0}" },
+  { iso: "FI", name: "Finland", code: "+358", flag: "\u{1F1EB}\u{1F1EE}" },
+  { iso: "IE", name: "Ireland", code: "+353", flag: "\u{1F1EE}\u{1F1EA}" },
+  { iso: "AT", name: "Austria", code: "+43", flag: "\u{1F1E6}\u{1F1F9}" },
+  { iso: "PL", name: "Poland", code: "+48", flag: "\u{1F1F5}\u{1F1F1}" },
+  { iso: "RU", name: "Russia", code: "+7", flag: "\u{1F1F7}\u{1F1FA}" },
+  { iso: "TR", name: "Turkey", code: "+90", flag: "\u{1F1F9}\u{1F1F7}" },
+  { iso: "IN", name: "India", code: "+91", flag: "\u{1F1EE}\u{1F1F3}" },
+  { iso: "CN", name: "China", code: "+86", flag: "\u{1F1E8}\u{1F1F3}" },
+  { iso: "JP", name: "Japan", code: "+81", flag: "\u{1F1EF}\u{1F1F5}" },
+  { iso: "KR", name: "South Korea", code: "+82", flag: "\u{1F1F0}\u{1F1F7}" },
+  { iso: "AU", name: "Australia", code: "+61", flag: "\u{1F1E6}\u{1F1FA}" },
+  { iso: "NZ", name: "New Zealand", code: "+64", flag: "\u{1F1F3}\u{1F1FF}" },
+  { iso: "ZA", name: "South Africa", code: "+27", flag: "\u{1F1FF}\u{1F1E6}" },
+  { iso: "NG", name: "Nigeria", code: "+234", flag: "\u{1F1F3}\u{1F1EC}" },
+  { iso: "EG", name: "Egypt", code: "+20", flag: "\u{1F1EA}\u{1F1EC}" },
+  { iso: "MA", name: "Morocco", code: "+212", flag: "\u{1F1F2}\u{1F1E6}" },
+  { iso: "IL", name: "Israel", code: "+972", flag: "\u{1F1EE}\u{1F1F1}" },
+  { iso: "SA", name: "Saudi Arabia", code: "+966", flag: "\u{1F1F8}\u{1F1E6}" },
+  { iso: "AE", name: "United Arab Emirates", code: "+971", flag: "\u{1F1E6}\u{1F1EA}" },
+  { iso: "SG", name: "Singapore", code: "+65", flag: "\u{1F1F8}\u{1F1EC}" },
+  { iso: "HK", name: "Hong Kong", code: "+852", flag: "\u{1F1ED}\u{1F1F0}" },
+  { iso: "MY", name: "Malaysia", code: "+60", flag: "\u{1F1F2}\u{1F1FE}" },
+  { iso: "PH", name: "Philippines", code: "+63", flag: "\u{1F1F5}\u{1F1ED}" },
+  { iso: "TH", name: "Thailand", code: "+66", flag: "\u{1F1F9}\u{1F1ED}" },
+  { iso: "VN", name: "Vietnam", code: "+84", flag: "\u{1F1FB}\u{1F1F3}" },
+  { iso: "ID", name: "Indonesia", code: "+62", flag: "\u{1F1EE}\u{1F1E9}" },
+  { iso: "PK", name: "Pakistan", code: "+92", flag: "\u{1F1F5}\u{1F1F0}" },
+  { iso: "BD", name: "Bangladesh", code: "+880", flag: "\u{1F1E7}\u{1F1E9}" },
+  { iso: "UA", name: "Ukraine", code: "+380", flag: "\u{1F1FA}\u{1F1E6}" },
+  { iso: "RO", name: "Romania", code: "+40", flag: "\u{1F1F7}\u{1F1F4}" },
+  { iso: "CZ", name: "Czech Republic", code: "+420", flag: "\u{1F1E8}\u{1F1FF}" },
+  { iso: "GR", name: "Greece", code: "+30", flag: "\u{1F1EC}\u{1F1F7}" },
+  { iso: "HU", name: "Hungary", code: "+36", flag: "\u{1F1ED}\u{1F1FA}" },
+  { iso: "SK", name: "Slovakia", code: "+421", flag: "\u{1F1F8}\u{1F1F0}" },
+  { iso: "HR", name: "Croatia", code: "+385", flag: "\u{1F1ED}\u{1F1F7}" },
+  { iso: "CR", name: "Costa Rica", code: "+506", flag: "\u{1F1E8}\u{1F1F7}" },
+  { iso: "PA", name: "Panama", code: "+507", flag: "\u{1F1F5}\u{1F1E6}" },
+  { iso: "DO", name: "Dominican Republic", code: "+1", flag: "\u{1F1E9}\u{1F1F4}" },
+  { iso: "PR", name: "Puerto Rico", code: "+1", flag: "\u{1F1F5}\u{1F1F7}" },
+  { iso: "EC", name: "Ecuador", code: "+593", flag: "\u{1F1EA}\u{1F1E8}" },
+  { iso: "VE", name: "Venezuela", code: "+58", flag: "\u{1F1FB}\u{1F1EA}" },
+  { iso: "UY", name: "Uruguay", code: "+598", flag: "\u{1F1FA}\u{1F1FE}" },
+  { iso: "PY", name: "Paraguay", code: "+595", flag: "\u{1F1F5}\u{1F1FE}" },
+  { iso: "BO", name: "Bolivia", code: "+591", flag: "\u{1F1E7}\u{1F1F4}" },
+  { iso: "CU", name: "Cuba", code: "+53", flag: "\u{1F1E8}\u{1F1FA}" },
+  { iso: "KE", name: "Kenya", code: "+254", flag: "\u{1F1F0}\u{1F1EA}" },
+  { iso: "GH", name: "Ghana", code: "+233", flag: "\u{1F1EC}\u{1F1ED}" },
+  { iso: "TZ", name: "Tanzania", code: "+255", flag: "\u{1F1F9}\u{1F1FF}" },
+  { iso: "ET", name: "Ethiopia", code: "+251", flag: "\u{1F1EA}\u{1F1F9}" },
+  { iso: "DZ", name: "Algeria", code: "+213", flag: "\u{1F1E9}\u{1F1FF}" },
+  { iso: "TN", name: "Tunisia", code: "+216", flag: "\u{1F1F9}\u{1F1F3}" }
+];
+
+// src/country-select.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var sizeStyles = {
+  sm: "h-8 text-xs",
+  md: "h-10 text-sm",
+  lg: "h-12 text-base"
+};
+function CountrySelect({ value, onChange, size = "md", disabled }) {
+  var _a;
+  const baseId = useId();
+  const listId = `${baseId}-listbox`;
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const searchRef = useRef(null);
+  const selected = (_a = countries.find((c) => c.iso === value)) != null ? _a : countries[0];
+  const filtered = useMemo(() => {
+    if (!search) return countries;
+    const q = search.toLowerCase();
+    return countries.filter(
+      (c) => c.name.toLowerCase().includes(q) || c.code.includes(q) || c.iso.toLowerCase().includes(q)
+    );
+  }, [search]);
+  const listbox = useListbox({
+    id: baseId,
+    items: filtered,
+    getKey: (c) => c.iso,
+    getText: (c) => c.name,
+    open
+  });
+  const { setTrigger, setPanel, floatingStyles, triggerHandlers } = useFloatingPanel({
+    open,
+    onOpenChange: (next) => {
+      setOpen(next);
+      if (!next) setSearch("");
+    },
+    placement: "bottom-start",
+    offset: 4,
+    onShow: () => {
+      var _a2;
+      return (_a2 = searchRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
+    }
+  });
+  function closeList() {
+    setOpen(false);
+    setSearch("");
+  }
+  function openList() {
+    if (disabled) return;
+    listbox.setActiveKey(value);
+    setOpen(true);
+  }
+  function commit(iso) {
+    onChange(iso);
+    closeList();
+  }
+  function onTriggerKeyDown(e) {
+    if (disabled || open) return;
+    if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      openList();
+    }
+  }
+  function onSearchKeyDown(e) {
+    if (listbox.navigate(e, { homeEnd: false })) return;
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (listbox.activeItem) commit(listbox.activeItem.iso);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      closeList();
+    } else if (e.key === "Tab") {
+      if (listbox.activeItem) onChange(listbox.activeItem.iso);
+      closeList();
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setTrigger,
+        role: "combobox",
+        "aria-label": "Country code",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        tabIndex: disabled ? -1 : 0,
+        "aria-disabled": disabled || void 0,
+        onPointerDown: () => {
+          if (!disabled) triggerHandlers.onPointerDown();
+        },
+        onClick: () => {
+          if (disabled) return;
+          if (!open) listbox.setActiveKey(value);
+          triggerHandlers.onClick();
+        },
+        onKeyDown: onTriggerKeyDown,
+        className: cn(
+          "flex cursor-pointer items-center gap-1 rounded-l-glob-md border border-r-0 border-glob-border bg-glob-surface px-2 text-glob-text transition-colors hover:bg-glob-surface-hover outline-none focus-visible:ring-2 focus-visible:ring-glob-ring aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+          sizeStyles[size]
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-base leading-none", "aria-hidden": "true", children: selected.flag }),
+          /* @__PURE__ */ jsx("span", { className: "text-glob-text-secondary", children: selected.code }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: cn("h-3 w-3 text-glob-text-secondary transition-transform", open && "rotate-180"),
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setPanel,
+        popover: "auto",
+        style: floatingStyles,
+        className: cn(
+          "m-0 w-72 overflow-visible rounded-glob-md border border-glob-border bg-glob-surface text-sm text-glob-text shadow-glob-md outline-none",
+          "opacity-0 transition-[opacity,overlay,display] transition-discrete duration-150 open:opacity-100 starting:open:opacity-0 motion-reduce:transition-none"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b border-glob-border p-2", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: searchRef,
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              onKeyDown: onSearchKeyDown,
+              placeholder: "Search country...",
+              "aria-label": "Search countries",
+              "aria-controls": listId,
+              "aria-autocomplete": "list",
+              "aria-activedescendant": listbox.activeDescendant,
+              autoComplete: "off",
+              className: "w-full rounded-glob-sm border border-glob-border bg-glob-surface-secondary px-2 py-1.5 text-sm text-glob-text placeholder:text-glob-text-secondary outline-none focus:ring-1 focus:ring-glob-ring"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { id: listId, role: "listbox", "aria-label": "Countries", className: "relative max-h-60 overflow-y-auto p-1", children: filtered.map((country) => {
+            const isSelected = country.iso === selected.iso;
+            const isActive = listbox.activeKey === country.iso;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                id: listbox.optionId(country.iso),
+                role: "option",
+                "aria-selected": isSelected,
+                onMouseDown: (e) => e.preventDefault(),
+                onPointerMove: () => listbox.setActiveKey(country.iso),
+                onClick: () => commit(country.iso),
+                className: cn(
+                  "flex w-full cursor-pointer items-center gap-3 rounded-glob-sm px-2 py-2 text-left text-sm select-none",
+                  isActive && "bg-glob-surface-hover",
+                  // The selected row is marked by font weight; orange text on white fails contrast.
+                  isSelected && "font-medium"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-base leading-none", "aria-hidden": "true", children: country.flag }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1", children: country.name }),
+                  /* @__PURE__ */ jsx("span", { className: "text-glob-text", children: country.code })
+                ]
+              },
+              country.iso
+            );
+          }) }),
+          filtered.length === 0 && /* @__PURE__ */ jsx("div", { role: "status", className: "px-3 py-4 text-center text-sm text-glob-text-secondary", children: "No countries found" })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/phone-input.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var phoneInputVariants = cva(
+  "flex items-center rounded-glob-md border border-glob-border bg-glob-surface transition-colors has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-glob-ring has-[input:focus-visible]:ring-offset-0 has-[[aria-disabled=true]]:opacity-50 has-[[aria-disabled=true]]:cursor-not-allowed has-[input[aria-invalid=true]]:border-glob-danger has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-glob-danger",
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        md: "h-10",
+        lg: "h-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inputSizeStyles = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var PhoneInput = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, size = "md", country, onCountryChange, value, onChange, placeholder, disabled } = _b, props = __objRest(_b, ["className", "size", "country", "onCountryChange", "value", "onChange", "placeholder", "disabled"]);
+    const [internalCountry, setInternalCountry] = useState2("US");
+    const selectedIso = country != null ? country : internalCountry;
+    const handleCountryChange = useCallback(
+      (iso) => {
+        setInternalCountry(iso);
+        onCountryChange == null ? void 0 : onCountryChange(iso);
+      },
+      [onCountryChange]
+    );
+    return /* @__PURE__ */ jsxs2("div", { className: cn2(phoneInputVariants({ size, className })), children: [
+      /* @__PURE__ */ jsx2(
+        CountrySelect,
+        {
+          value: selectedIso,
+          onChange: handleCountryChange,
+          size: size != null ? size : "md",
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx2("div", { className: "h-5 w-px bg-glob-border" }),
+      /* @__PURE__ */ jsx2("div", { className: "flex flex-1 items-center pl-2", children: /* @__PURE__ */ jsx2(
+        "input",
+        __spreadValues({
+          ref,
+          type: "tel",
+          value,
+          onChange,
+          disabled,
+          placeholder: placeholder != null ? placeholder : "555 000 0000",
+          className: cn2(
+            "h-full flex-1 bg-transparent text-glob-text outline-none placeholder:text-glob-text-secondary",
+            inputSizeStyles[size != null ? size : "md"]
+          )
+        }, props)
+      ) })
+    ] });
+  }
+);
+PhoneInput.displayName = "PhoneInput";
+export {
+  PhoneInput,
+  phoneInputVariants
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/phone-input.tsx","../src/country-select.tsx","../src/country-data.ts"],"sourcesContent":["\"use client\"\n\nimport { forwardRef, useState, useCallback } from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@glob-ui/utils\"\nimport { CountrySelect } from \"./country-select\"\n\nconst phoneInputVariants = cva(\n  \"flex items-center rounded-glob-md border border-glob-border bg-glob-surface transition-colors has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-glob-ring has-[input:focus-visible]:ring-offset-0 has-[[aria-disabled=true]]:opacity-50 has-[[aria-disabled=true]]:cursor-not-allowed has-[input[aria-invalid=true]]:border-glob-danger has-[input[aria-invalid=true]]:has-[input:focus-visible]:ring-glob-danger\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        md: \"h-10\",\n        lg: \"h-12\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nconst inputSizeStyles = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n}\n\nexport interface PhoneInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    VariantProps<typeof phoneInputVariants> {\n  country?: string\n  onCountryChange?: (iso: string) => void\n}\n\nconst PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  ({ className, size = \"md\", country, onCountryChange, value, onChange, placeholder, disabled, ...props }, ref) => {\n    const [internalCountry, setInternalCountry] = useState(\"US\")\n    const selectedIso = country ?? internalCountry\n\n    const handleCountryChange = useCallback(\n      (iso: string) => {\n        setInternalCountry(iso)\n        onCountryChange?.(iso)\n      },\n      [onCountryChange]\n    )\n\n    return (\n      <div className={cn(phoneInputVariants({ size, className }))}>\n        <CountrySelect\n          value={selectedIso}\n          onChange={handleCountryChange}\n          size={size ?? \"md\"}\n          disabled={disabled}\n        />\n\n        <div className=\"h-5 w-px bg-glob-border\" />\n\n        <div className=\"flex flex-1 items-center pl-2\">\n          <input\n            ref={ref}\n            type=\"tel\"\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            placeholder={placeholder ?? \"555 000 0000\"}\n            className={cn(\n              \"h-full flex-1 bg-transparent text-glob-text outline-none placeholder:text-glob-text-secondary\",\n              inputSizeStyles[size ?? \"md\"]\n            )}\n            {...props}\n          />\n        </div>\n      </div>\n    )\n  }\n)\nPhoneInput.displayName = \"PhoneInput\"\n\nexport { PhoneInput, phoneInputVariants }\n","\"use client\"\n\nimport { useId, useMemo, useRef, useState } from \"react\"\nimport { cn } from \"@glob-ui/utils\"\nimport { useFloatingPanel, useListbox } from \"@glob-ui/hooks\"\nimport { countries } from \"./country-data\"\n\ninterface CountrySelectProps {\n  value: string\n  onChange: (iso: string) => void\n  size?: \"sm\" | \"md\" | \"lg\"\n  disabled?: boolean\n}\n\nconst sizeStyles = {\n  sm: \"h-8 text-xs\",\n  md: \"h-10 text-sm\",\n  lg: \"h-12 text-base\",\n}\n\nexport function CountrySelect({ value, onChange, size = \"md\", disabled }: CountrySelectProps) {\n  const baseId = useId()\n  const listId = `${baseId}-listbox`\n  const [open, setOpen] = useState(false)\n  const [search, setSearch] = useState(\"\")\n  const searchRef = useRef<HTMLInputElement>(null)\n\n  const selected = countries.find((c) => c.iso === value) ?? countries[0]\n\n  // Matches name, dial code and ISO code.\n  const filtered = useMemo(() => {\n    if (!search) return countries\n    const q = search.toLowerCase()\n    return countries.filter(\n      (c) => c.name.toLowerCase().includes(q) || c.code.includes(q) || c.iso.toLowerCase().includes(q)\n    )\n  }, [search])\n\n  const listbox = useListbox({\n    id: baseId,\n    items: filtered,\n    getKey: (c) => c.iso,\n    getText: (c) => c.name,\n    open,\n  })\n\n  const { setTrigger, setPanel, floatingStyles, triggerHandlers } = useFloatingPanel({\n    open,\n    onOpenChange: (next) => {\n      setOpen(next)\n      if (!next) setSearch(\"\")\n    },\n    placement: \"bottom-start\",\n    offset: 4,\n    onShow: () => searchRef.current?.focus({ preventScroll: true }),\n  })\n\n  /** Closes the list and clears the search, so the next open starts from the full list. */\n  function closeList() {\n    setOpen(false)\n    setSearch(\"\")\n  }\n\n  function openList() {\n    if (disabled) return\n    listbox.setActiveKey(value)\n    setOpen(true)\n  }\n\n  function commit(iso: string) {\n    onChange(iso)\n    closeList()\n  }\n\n  function onTriggerKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (disabled || open) return\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault()\n      openList()\n    }\n  }\n\n  function onSearchKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (listbox.navigate(e, { homeEnd: false })) return\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      if (listbox.activeItem) commit(listbox.activeItem.iso)\n    } else if (e.key === \"Escape\") {\n      e.preventDefault()\n      closeList()\n    } else if (e.key === \"Tab\") {\n      if (listbox.activeItem) onChange(listbox.activeItem.iso)\n      closeList()\n    }\n  }\n\n  return (\n    <div className=\"relative\">\n      <div\n        ref={setTrigger}\n        role=\"combobox\"\n        aria-label=\"Country code\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        aria-controls={listId}\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled || undefined}\n        onPointerDown={() => {\n          if (!disabled) triggerHandlers.onPointerDown()\n        }}\n        onClick={() => {\n          if (disabled) return\n          if (!open) listbox.setActiveKey(value)\n          triggerHandlers.onClick()\n        }}\n        onKeyDown={onTriggerKeyDown}\n        className={cn(\n          \"flex cursor-pointer items-center gap-1 rounded-l-glob-md border border-r-0 border-glob-border bg-glob-surface px-2 text-glob-text transition-colors hover:bg-glob-surface-hover outline-none focus-visible:ring-2 focus-visible:ring-glob-ring aria-disabled:cursor-not-allowed aria-disabled:opacity-50\",\n          sizeStyles[size]\n        )}\n      >\n        <span className=\"text-base leading-none\" aria-hidden=\"true\">{selected.flag}</span>\n        <span className=\"text-glob-text-secondary\">{selected.code}</span>\n        <svg\n          className={cn(\"h-3 w-3 text-glob-text-secondary transition-transform\", open && \"rotate-180\")}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M6 9l6 6 6-6\" />\n        </svg>\n      </div>\n\n      <div\n        ref={setPanel}\n        popover=\"auto\"\n        style={floatingStyles}\n        className={cn(\n          \"m-0 w-72 overflow-visible rounded-glob-md border border-glob-border bg-glob-surface text-sm text-glob-text shadow-glob-md outline-none\",\n          \"opacity-0 transition-[opacity,overlay,display] transition-discrete duration-150 open:opacity-100 starting:open:opacity-0 motion-reduce:transition-none\"\n        )}\n      >\n        <div className=\"border-b border-glob-border p-2\">\n          <input\n            ref={searchRef}\n            type=\"text\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onKeyDown={onSearchKeyDown}\n            placeholder=\"Search country...\"\n            aria-label=\"Search countries\"\n            aria-controls={listId}\n            aria-autocomplete=\"list\"\n            aria-activedescendant={listbox.activeDescendant}\n            autoComplete=\"off\"\n            className=\"w-full rounded-glob-sm border border-glob-border bg-glob-surface-secondary px-2 py-1.5 text-sm text-glob-text placeholder:text-glob-text-secondary outline-none focus:ring-1 focus:ring-glob-ring\"\n          />\n        </div>\n        <div id={listId} role=\"listbox\" aria-label=\"Countries\" className=\"relative max-h-60 overflow-y-auto p-1\">\n          {filtered.map((country) => {\n            const isSelected = country.iso === selected.iso\n            const isActive = listbox.activeKey === country.iso\n            return (\n              <div\n                key={country.iso}\n                id={listbox.optionId(country.iso)}\n                role=\"option\"\n                aria-selected={isSelected}\n                onMouseDown={(e) => e.preventDefault()}\n                onPointerMove={() => listbox.setActiveKey(country.iso)}\n                onClick={() => commit(country.iso)}\n                className={cn(\n                  \"flex w-full cursor-pointer items-center gap-3 rounded-glob-sm px-2 py-2 text-left text-sm select-none\",\n                  isActive && \"bg-glob-surface-hover\",\n                  // The selected row is marked by font weight; orange text on white fails contrast.\n                  isSelected && \"font-medium\"\n                )}\n              >\n                <span className=\"text-base leading-none\" aria-hidden=\"true\">{country.flag}</span>\n                <span className=\"flex-1\">{country.name}</span>\n                <span className=\"text-glob-text\">{country.code}</span>\n              </div>\n            )\n          })}\n        </div>\n        {filtered.length === 0 && (\n          <div role=\"status\" className=\"px-3 py-4 text-center text-sm text-glob-text-secondary\">\n            No countries found\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","export interface Country {\n  iso: string\n  name: string\n  code: string\n  flag: string\n}\n\nexport const countries: Country[] = [\n  { iso: \"US\", name: \"United States\", code: \"+1\", flag: \"🇺🇸\" },\n  { iso: \"GB\", name: \"United Kingdom\", code: \"+44\", flag: \"🇬🇧\" },\n  { iso: \"CA\", name: \"Canada\", code: \"+1\", flag: \"🇨🇦\" },\n  { iso: \"MX\", name: \"Mexico\", code: \"+52\", flag: \"🇲🇽\" },\n  { iso: \"AR\", name: \"Argentina\", code: \"+54\", flag: \"🇦🇷\" },\n  { iso: \"BR\", name: \"Brazil\", code: \"+55\", flag: \"🇧🇷\" },\n  { iso: \"CL\", name: \"Chile\", code: \"+56\", flag: \"🇨🇱\" },\n  { iso: \"CO\", name: \"Colombia\", code: \"+57\", flag: \"🇨🇴\" },\n  { iso: \"PE\", name: \"Peru\", code: \"+51\", flag: \"🇵🇪\" },\n  { iso: \"ES\", name: \"Spain\", code: \"+34\", flag: \"🇪🇸\" },\n  { iso: \"FR\", name: \"France\", code: \"+33\", flag: \"🇫🇷\" },\n  { iso: \"DE\", name: \"Germany\", code: \"+49\", flag: \"🇩🇪\" },\n  { iso: \"IT\", name: \"Italy\", code: \"+39\", flag: \"🇮🇹\" },\n  { iso: \"PT\", name: \"Portugal\", code: \"+351\", flag: \"🇵🇹\" },\n  { iso: \"NL\", name: \"Netherlands\", code: \"+31\", flag: \"🇳🇱\" },\n  { iso: \"BE\", name: \"Belgium\", code: \"+32\", flag: \"🇧🇪\" },\n  { iso: \"CH\", name: \"Switzerland\", code: \"+41\", flag: \"🇨🇭\" },\n  { iso: \"SE\", name: \"Sweden\", code: \"+46\", flag: \"🇸🇪\" },\n  { iso: \"NO\", name: \"Norway\", code: \"+47\", flag: \"🇳🇴\" },\n  { iso: \"DK\", name: \"Denmark\", code: \"+45\", flag: \"🇩🇰\" },\n  { iso: \"FI\", name: \"Finland\", code: \"+358\", flag: \"🇫🇮\" },\n  { iso: \"IE\", name: \"Ireland\", code: \"+353\", flag: \"🇮🇪\" },\n  { iso: \"AT\", name: \"Austria\", code: \"+43\", flag: \"🇦🇹\" },\n  { iso: \"PL\", name: \"Poland\", code: \"+48\", flag: \"🇵🇱\" },\n  { iso: \"RU\", name: \"Russia\", code: \"+7\", flag: \"🇷🇺\" },\n  { iso: \"TR\", name: \"Turkey\", code: \"+90\", flag: \"🇹🇷\" },\n  { iso: \"IN\", name: \"India\", code: \"+91\", flag: \"🇮🇳\" },\n  { iso: \"CN\", name: \"China\", code: \"+86\", flag: \"🇨🇳\" },\n  { iso: \"JP\", name: \"Japan\", code: \"+81\", flag: \"🇯🇵\" },\n  { iso: \"KR\", name: \"South Korea\", code: \"+82\", flag: \"🇰🇷\" },\n  { iso: \"AU\", name: \"Australia\", code: \"+61\", flag: \"🇦🇺\" },\n  { iso: \"NZ\", name: \"New Zealand\", code: \"+64\", flag: \"🇳🇿\" },\n  { iso: \"ZA\", name: \"South Africa\", code: \"+27\", flag: \"🇿🇦\" },\n  { iso: \"NG\", name: \"Nigeria\", code: \"+234\", flag: \"🇳🇬\" },\n  { iso: \"EG\", name: \"Egypt\", code: \"+20\", flag: \"🇪🇬\" },\n  { iso: \"MA\", name: \"Morocco\", code: \"+212\", flag: \"🇲🇦\" },\n  { iso: \"IL\", name: \"Israel\", code: \"+972\", flag: \"🇮🇱\" },\n  { iso: \"SA\", name: \"Saudi Arabia\", code: \"+966\", flag: \"🇸🇦\" },\n  { iso: \"AE\", name: \"United Arab Emirates\", code: \"+971\", flag: \"🇦🇪\" },\n  { iso: \"SG\", name: \"Singapore\", code: \"+65\", flag: \"🇸🇬\" },\n  { iso: \"HK\", name: \"Hong Kong\", code: \"+852\", flag: \"🇭🇰\" },\n  { iso: \"MY\", name: \"Malaysia\", code: \"+60\", flag: \"🇲🇾\" },\n  { iso: \"PH\", name: \"Philippines\", code: \"+63\", flag: \"🇵🇭\" },\n  { iso: \"TH\", name: \"Thailand\", code: \"+66\", flag: \"🇹🇭\" },\n  { iso: \"VN\", name: \"Vietnam\", code: \"+84\", flag: \"🇻🇳\" },\n  { iso: \"ID\", name: \"Indonesia\", code: \"+62\", flag: \"🇮🇩\" },\n  { iso: \"PK\", name: \"Pakistan\", code: \"+92\", flag: \"🇵🇰\" },\n  { iso: \"BD\", name: \"Bangladesh\", code: \"+880\", flag: \"🇧🇩\" },\n  { iso: \"UA\", name: \"Ukraine\", code: \"+380\", flag: \"🇺🇦\" },\n  { iso: \"RO\", name: \"Romania\", code: \"+40\", flag: \"🇷🇴\" },\n  { iso: \"CZ\", name: \"Czech Republic\", code: \"+420\", flag: \"🇨🇿\" },\n  { iso: \"GR\", name: \"Greece\", code: \"+30\", flag: \"🇬🇷\" },\n  { iso: \"HU\", name: \"Hungary\", code: \"+36\", flag: \"🇭🇺\" },\n  { iso: \"SK\", name: \"Slovakia\", code: \"+421\", flag: \"🇸🇰\" },\n  { iso: \"HR\", name: \"Croatia\", code: \"+385\", flag: \"🇭🇷\" },\n  { iso: \"CR\", name: \"Costa Rica\", code: \"+506\", flag: \"🇨🇷\" },\n  { iso: \"PA\", name: \"Panama\", code: \"+507\", flag: \"🇵🇦\" },\n  { iso: \"DO\", name: \"Dominican Republic\", code: \"+1\", flag: \"🇩🇴\" },\n  { iso: \"PR\", name: \"Puerto Rico\", code: \"+1\", flag: \"🇵🇷\" },\n  { iso: \"EC\", name: \"Ecuador\", code: \"+593\", flag: \"🇪🇨\" },\n  { iso: \"VE\", name: \"Venezuela\", code: \"+58\", flag: \"🇻🇪\" },\n  { iso: \"UY\", name: \"Uruguay\", code: \"+598\", flag: \"🇺🇾\" },\n  { iso: \"PY\", name: \"Paraguay\", code: \"+595\", flag: \"🇵🇾\" },\n  { iso: \"BO\", name: \"Bolivia\", code: \"+591\", flag: \"🇧🇴\" },\n  { iso: \"CU\", name: \"Cuba\", code: \"+53\", flag: \"🇨🇺\" },\n  { iso: \"KE\", name: \"Kenya\", code: \"+254\", flag: \"🇰🇪\" },\n  { iso: \"GH\", name: \"Ghana\", code: \"+233\", flag: \"🇬🇭\" },\n  { iso: \"TZ\", name: \"Tanzania\", code: \"+255\", flag: \"🇹🇿\" },\n  { iso: \"ET\", name: \"Ethiopia\", code: \"+251\", flag: \"🇪🇹\" },\n  { iso: \"DZ\", name: \"Algeria\", code: \"+213\", flag: \"🇩🇿\" },\n  { iso: \"TN\", name: \"Tunisia\", code: \"+216\", flag: \"🇹🇳\" },\n]\n\nexport function getCountryByIso(iso: string): Country | undefined {\n  return countries.find((c) => c.iso === iso)\n}\n"],"mappings":"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","names":["useState","cn","_a","jsx","jsxs","useState","cn"]}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@glob-ui/phone-input",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "dependencies": {
+    "@glob-ui/hooks": "0.1.0",
+    "@glob-ui/utils": "0.1.0",
+    "class-variance-authority": "^0.7.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1"
+  },
+  "description": "A telephone field with a country picker. The picker searches by country name, dial code and ISO code.",
+  "keywords": [
+    "react",
+    "glob-ui",
+    "components",
+    "accessible",
+    "tailwind",
+    "phone-input"
+  ],
+  "license": "MIT",
+  "author": "Kevin Martínez E",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevin-martineze/GlobUI.git",
+    "directory": "packages/phone-input"
+  },
+  "homepage": "https://github.com/kevin-martineze/GlobUI#readme",
+  "bugs": {
+    "url": "https://github.com/kevin-martineze/GlobUI/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
+  "type": "commonjs",
+  "engines": {
+    "node": ">=18.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch --no-clean"
+  }
 }