@mieweb/ui 0.7.3 → 0.8.0-dev.1

package/dist/chunk-N5O47VGS.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var LINE_CLAMP = {
+  2: "line-clamp-2",
+  3: "line-clamp-3",
+  4: "line-clamp-4",
+  5: "line-clamp-5",
+  6: "line-clamp-6",
+  7: "line-clamp-7",
+  8: "line-clamp-8"
+};
+var ClampedText = React__namespace.forwardRef(
+  function ClampedText2({
+    text,
+    lines = 6,
+    threshold = 280,
+    showMoreLabel = "Show more",
+    showLessLabel = "Show less",
+    fadeClassName = "from-card",
+    className,
+    ...props
+  }, ref) {
+    const [open, setOpen] = React__namespace.useState(false);
+    if (text.length <= threshold) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          ref,
+          className: chunkS5RVSXDV_cjs.cn("break-words whitespace-pre-wrap", className),
+          ...props,
+          children: text
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: chunkS5RVSXDV_cjs.cn(
+                "relative break-words whitespace-pre-wrap",
+                !open && (LINE_CLAMP[lines] ?? "line-clamp-6")
+              ),
+              children: [
+                text,
+                !open && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent",
+                      fadeClassName
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": open,
+              onClick: (e) => {
+                e.stopPropagation();
+                setOpen((v) => !v);
+              },
+              className: "text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline",
+              children: open ? showLessLabel : showMoreLabel
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+exports.ClampedText = ClampedText;
+//# sourceMappingURL=chunk-N5O47VGS.cjs.map
+//# sourceMappingURL=chunk-N5O47VGS.cjs.map

package/dist/chunk-N5O47VGS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ClampedText/ClampedText.tsx"],"names":["React","ClampedText","jsx","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,UAAA,GAAqC;AAAA,EACzC,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAcO,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA;AAAA,EAC/B,SAASC,YAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,SAAA,GAAY,GAAA;AAAA,IACZ,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUD,0BAAS,KAAK,CAAA;AAE5C,IAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,MAAA,uBACEE,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAWC,oBAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,UACzD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAA,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,CAAC,IAAA,KAAS,UAAA,CAAW,KAAK,CAAA,IAAK,cAAA;AAAA,eACjC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBACA,CAAC,IAAA,oBACAD,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAWC,oBAAA;AAAA,sBACT,qFAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA,WAEJ;AAAA,0BACAD,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,eAAA,EAAe,IAAA;AAAA,cACf,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAU,wIAAA;AAAA,cAET,iBAAO,aAAA,GAAgB;AAAA;AAAA;AAC1B;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-N5O47VGS.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The long text to clamp. */\n  text: string;\n  /** Lines visible while collapsed (2–8, default 6). */\n  lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** Skip the clamp entirely below this character count (default 280). */\n  threshold?: number;\n  /** Toggle labels, overridable for i18n. */\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  /**\n   * Gradient start for the fade at the clamp edge — match it to the\n   * surface behind the text (default `from-card`).\n   */\n  fadeClassName?: string;\n}\n\n// Static map so Tailwind sees every clamp utility it must generate.\n// 7/8 are beyond Tailwind 3's core 1–6 scale — the preset extends\n// theme.lineClamp so TW3 consumers generate them too (TW4 accepts any\n// integer as a bare value).\nconst LINE_CLAMP: Record<number, string> = {\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n  7: 'line-clamp-7',\n  8: 'line-clamp-8',\n};\n\n/**\n * Clamps long text to N lines with a fade-out gradient and a\n * Show more / Show less toggle. Short text renders inline with no\n * toggle, so brief values stay flat. Pure presentation — ideal for\n * free-text fields (messages, notes, descriptions) inside detail\n * panels and modals.\n *\n * @example\n * ```tsx\n * <ClampedText text={note.body} lines={4} />\n * ```\n */\nexport const ClampedText = React.forwardRef<HTMLElement, ClampedTextProps>(\n  function ClampedText(\n    {\n      text,\n      lines = 6,\n      threshold = 280,\n      showMoreLabel = 'Show more',\n      showLessLabel = 'Show less',\n      fadeClassName = 'from-card',\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = React.useState(false);\n\n    if (text.length <= threshold) {\n      return (\n        <span\n          ref={ref as React.ForwardedRef<HTMLSpanElement>}\n          className={cn('break-words whitespace-pre-wrap', className)}\n          {...props}\n        >\n          {text}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.ForwardedRef<HTMLDivElement>}\n        className={className}\n        {...props}\n      >\n        <div\n          className={cn(\n            'relative break-words whitespace-pre-wrap',\n            !open && (LINE_CLAMP[lines] ?? 'line-clamp-6')\n          )}\n        >\n          {text}\n          {!open && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent',\n                fadeClassName\n              )}\n            />\n          )}\n        </div>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen((v) => !v);\n          }}\n          className=\"text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline\"\n        >\n          {open ? showLessLabel : showMoreLabel}\n        </button>\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-NGSDBWKA.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var CopyButton = React__namespace.forwardRef(
+  function CopyButton2({
+    value,
+    label = "Copy",
+    copiedLabel = "Copied",
+    timeout = 1200,
+    onCopied,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const [copied, setCopied] = React__namespace.useState(false);
+    const timer = React__namespace.useRef(null);
+    React__namespace.useEffect(
+      () => () => {
+        if (timer.current) clearTimeout(timer.current);
+      },
+      []
+    );
+    const handleClick = async (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      onClick?.(e);
+      try {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        onCopied?.(value);
+        if (timer.current) clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), timeout);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: handleClick,
+        title: copied ? copiedLabel : label,
+        "aria-label": copied ? copiedLabel : label,
+        className: chunkS5RVSXDV_cjs.cn(
+          "inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          copied ? "text-success" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+          className
+        ),
+        ...props,
+        children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+      }
+    );
+  }
+);
+CopyButton.displayName = "CopyButton";
+
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=chunk-NGSDBWKA.cjs.map
+//# sourceMappingURL=chunk-NGSDBWKA.cjs.map

package/dist/chunk-NGSDBWKA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CopyButton/CopyButton.tsx"],"names":["React","CopyButton","jsx","cn","Check","Copy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,IAAM,UAAA,GAAmBA,gBAAA,CAAA,UAAA;AAAA,EAC9B,SAASC,WAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,KAAA,GAAQ,MAAA;AAAA,IACR,WAAA,GAAc,QAAA;AAAA,IACd,OAAA,GAAU,IAAA;AAAA,IACV,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUD,0BAAS,KAAK,CAAA;AAChD,IAAA,MAAM,KAAA,GAAcA,wBAA6C,IAAI,CAAA;AAErE,IAAMA,gBAAA,CAAA,SAAA;AAAA,MACJ,MAAM,MAAM;AACV,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAAA,MAC/C,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,WAAA,GAAc,OAAO,CAAA,KAA2C;AAEpE,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,QAAA,GAAW,KAAK,CAAA;AAChB,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAC7C,QAAA,KAAA,CAAM,UAAU,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,GAAG,OAAO,CAAA;AAAA,MAC5D,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF,CAAA;AAEA,IAAA,uBACEE,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,KAAA,EAAO,SAAS,WAAA,GAAc,KAAA;AAAA,QAC9B,YAAA,EAAY,SAAS,WAAA,GAAc,KAAA;AAAA,QACnC,SAAA,EAAWC,oBAAA;AAAA,UACT,gFAAA;AAAA,UACA,yEAAA;AAAA,UACA,SACI,cAAA,GACA,4DAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,MAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAM,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA,mBAElDF,cAAA,CAACG,gBAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,aAAA,EAAc;AAAA;AAAA,KAErD;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-NGSDBWKA.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Check, Copy } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface CopyButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'value'\n> {\n  /** Text written to the clipboard. */\n  value: string;\n  /** Accessible label / tooltip (default \"Copy\"). */\n  label?: string;\n  /** Label while the copied state shows (default \"Copied\"). */\n  copiedLabel?: string;\n  /** How long the copied state shows, in ms (default 1200). */\n  timeout?: number;\n  /** Called after a successful copy. */\n  onCopied?: (value: string) => void;\n}\n\n/**\n * An inline copy-to-clipboard icon button with a brief success check.\n * Copied state is isolated per instance — safe to drop into table rows,\n * ID chips, and detail fields.\n *\n * @example\n * ```tsx\n * <span className=\"flex items-center gap-1\">\n *   MRN WC-10382 <CopyButton value=\"WC-10382\" label=\"Copy MRN\" />\n * </span>\n * ```\n */\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    {\n      value,\n      label = 'Copy',\n      copiedLabel = 'Copied',\n      timeout = 1200,\n      onCopied,\n      className,\n      onClick,\n      ...props\n    },\n    ref\n  ) {\n    const [copied, setCopied] = React.useState(false);\n    const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    React.useEffect(\n      () => () => {\n        if (timer.current) clearTimeout(timer.current);\n      },\n      []\n    );\n\n    const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n      // Inside clickable rows/links the copy must not trigger the row action\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n      try {\n        await navigator.clipboard.writeText(value);\n        setCopied(true);\n        onCopied?.(value);\n        if (timer.current) clearTimeout(timer.current);\n        timer.current = setTimeout(() => setCopied(false), timeout);\n      } catch {\n        /* clipboard access denied — silent */\n      }\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        title={copied ? copiedLabel : label}\n        aria-label={copied ? copiedLabel : label}\n        className={cn(\n          'inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          copied\n            ? 'text-success'\n            : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n          className\n        )}\n        {...props}\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        ) : (\n          <Copy aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        )}\n      </button>\n    );\n  }\n);\n\nCopyButton.displayName = 'CopyButton';\n"]}

package/dist/chunk-NMBYU7D7.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useIsDarkMode.ts
+function isDarkMode() {
+  if (typeof document === "undefined") return false;
+  const root = document.documentElement;
+  return root.classList.contains("dark") || root.getAttribute("data-theme") === "dark";
+}
+function useIsDarkMode() {
+  const [dark, setDark] = react.useState(isDarkMode);
+  react.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const root = document.documentElement;
+    const update = () => setDark(isDarkMode());
+    update();
+    const observer = new MutationObserver(update);
+    observer.observe(root, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return dark;
+}
+
+exports.isDarkMode = isDarkMode;
+exports.useIsDarkMode = useIsDarkMode;
+//# sourceMappingURL=chunk-NMBYU7D7.cjs.map
+//# sourceMappingURL=chunk-NMBYU7D7.cjs.map

package/dist/chunk-NMBYU7D7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useIsDarkMode.ts"],"names":["useState","useEffect"],"mappings":";;;;;AAKO,SAAS,UAAA,GAAsB;AACpC,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,KAAA;AAC5C,EAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,EAAA,OACE,IAAA,CAAK,UAAU,QAAA,CAAS,MAAM,KAC9B,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA,KAAM,MAAA;AAExC;AAaO,SAAS,aAAA,GAAyB;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,UAAU,CAAA;AAE3C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,IAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,IAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,UAAA,EAAY,CAAA;AACzC,IAAA,MAAA,EAAO;AACP,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,MAAM,CAAA;AAC5C,IAAA,QAAA,CAAS,QAAQ,IAAA,EAAM;AAAA,MACrB,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,OAAA,EAAS,YAAY;AAAA,KACxC,CAAA;AACD,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,IAAA;AACT","file":"chunk-NMBYU7D7.cjs","sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/** Read the current dark-mode state from the document root. */\nexport function isDarkMode(): boolean {\n  if (typeof document === 'undefined') return false;\n  const root = document.documentElement;\n  return (\n    root.classList.contains('dark') ||\n    root.getAttribute('data-theme') === 'dark'\n  );\n}\n\n/**\n * Track dark mode reactively, for the cases a CSS swap cannot cover — content\n * rendered *from* the theme (Mermaid bakes colors into the SVG) or third-party\n * DOM that wants a class of its own (the Kerebron editor surface).\n *\n * @example\n * ```tsx\n * const dark = useIsDarkMode();\n * <div className={dark ? 'kb-component kb-component--dark' : 'kb-component'} />\n * ```\n */\nexport function useIsDarkMode(): boolean {\n  const [dark, setDark] = useState(isDarkMode);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n    const update = () => setDark(isDarkMode());\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(root, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return dark;\n}\n"]}

package/dist/{chunk-SPWVKDGC.cjs → chunk-QMKYJ4AT.cjs}

@@ -2,7 +2,7 @@
 
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
 var chunkFSGEDDF2_cjs = require('./chunk-FSGEDDF2.cjs');
-var chunkMYFZYUPR_cjs = require('./chunk-MYFZYUPR.cjs');
+var chunkAOHJILLU_cjs = require('./chunk-AOHJILLU.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
@@ -140,7 +140,7 @@ function CountryDropdownBase({
     setIsOpen(false);
     setSearch("");
   }, []);
-  const { anchorRef, floatingRef, style } = chunkMYFZYUPR_cjs.useAnchoredPosition({ open: isOpen, placement });
+  const { anchorRef, floatingRef, style } = chunkAOHJILLU_cjs.useAnchoredPosition({ open: isOpen, placement });
   const outsideRefs = React__namespace.useMemo(
     () => [containerRef, floatingRef],
     [containerRef, floatingRef]
@@ -370,5 +370,5 @@ exports.CountryCodeDropdown = CountryCodeDropdown;
 exports.CountryDropdownBase = CountryDropdownBase;
 exports.formatE164 = formatE164;
 exports.validatePhoneNumber = validatePhoneNumber;
-//# sourceMappingURL=chunk-SPWVKDGC.cjs.map
-//# sourceMappingURL=chunk-SPWVKDGC.cjs.map
+//# sourceMappingURL=chunk-QMKYJ4AT.cjs.map
+//# sourceMappingURL=chunk-QMKYJ4AT.cjs.map

package/dist/{chunk-SPWVKDGC.cjs.map → chunk-QMKYJ4AT.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CountryCodeDropdown/CountryCodeDropdown.tsx"],"names":["PhoneNumberUtil","libphonenumber","PhoneNumberFormat","React","useAnchoredPosition","useClickOutside","useEscapeKey","jsxs","cn","jsx","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,gBAAAA,GAC+DC,mCAC/D,eAAA,IAAkCA,yBAAA,CAAA,eAAA;AACxC,IAAMC,kBAAAA,GAC+DD,mCAC/D,iBAAA,IAAoCA,yBAAA,CAAA,iBAAA;AAyC1C,SAAS,WAAW,IAAA,EAAsB;AACxC,EAAA,OAAO,CAAC,GAAG,IAAA,CAAK,WAAA,EAAa,CAAA,CAC1B,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,cAAc,MAAA,GAAU,EAAA,GAAK,EAAE,UAAA,CAAW,CAAC,CAAC,CAAC,CAAA,CAC/D,KAAK,EAAE,CAAA;AACZ;AAGA,SAAS,gBAAA,GAAkC;AACzC,EAAA,MAAM,SAAA,GAAYD,iBAAgB,WAAA,EAAY;AAC9C,EAAA,MAAM,OAAA,GAAU,UAAU,mBAAA,EAAoB;AAC9C,EAAA,MAAM,IAAA,GAAsB,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,KAAiB;AACxD,IAAA,MAAM,WAAA,GAAc,SAAA,CAAU,uBAAA,CAAwB,IAAI,CAAA;AAC1D,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,IAAA,EAAM,kBAAkB,IAAI,CAAA;AAAA,MAC5B,QAAA,EAAU,IAAI,WAAW,CAAA,CAAA;AAAA,MACzB,IAAA,EAAM,WAAW,IAAI;AAAA,KACvB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,EAAE,IAAA,CAAK,aAAA,CAAc,CAAA,CAAE,IAAI,CAAC,CAAA;AAChD,EAAA,OAAO,IAAA;AACT;AAGA,IAAI,UAAA,GAAmC,IAAA;AACvC,SAAS,YAAA,GAA8B;AACrC,EAAA,IAAI,CAAC,UAAA,EAAY,UAAA,GAAa,gBAAA,EAAiB;AAC/C,EAAA,OAAO,UAAA;AACT;AAOA,IAAI,mBAAA,GAAgD,IAAA;AAEpD,SAAS,qBAAA,GAAkD;AACzD,EAAA,IAAI,wBAAwB,IAAA,EAAM;AAChC,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GACJ,OAAO,SAAA,KAAc,WAAA,IAAe,SAAA,CAAU,SAAA,EAAW,MAAA,GACrD,CAAC,GAAG,SAAA,CAAU,SAAS,CAAA,GACvB,CAAC,IAAI,CAAA;AACX,MAAA,mBAAA,GAAsB,IAAI,IAAA,CAAK,YAAA,CAAa,SAAS,EAAE,IAAA,EAAM,UAAU,CAAA;AAAA,IACzE,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,mBAAA;AACT;AAMA,SAAS,kBAAkB,IAAA,EAAsB;AAC/C,EAAA,MAAM,KAAK,qBAAA,EAAsB;AACjC,EAAA,IAAI,CAAC,IAAI,OAAO,IAAA;AAChB,EAAA,OAAO,EAAA,CAAG,EAAA,CAAG,IAAI,CAAA,IAAK,IAAA;AACxB;AAaO,SAAS,mBAAA,CACd,aACA,WAAA,EACS;AACT,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,GAAYA,iBAAgB,WAAA,EAAY;AAC9C,IAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,WAAA,EAAa,WAAW,CAAA;AACvD,IAAA,OAAO,SAAA,CAAU,sBAAA,CAAuB,MAAA,EAAQ,WAAW,CAAA;AAAA,EAC7D,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AASO,SAAS,UAAA,CAAW,aAAqB,WAAA,EAA6B;AAC3E,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,GAAYA,iBAAgB,WAAA,EAAY;AAC9C,IAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,WAAA,EAAa,WAAW,CAAA;AACvD,IAAA,OAAO,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQE,kBAAAA,CAAkB,IAAI,CAAA;AAAA,EACxD,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,WAAA;AAAA,EACT;AACF;AAgBA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,iBAAA,GAAoB,wBAAA;AAAA,EACpB,EAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,cAAc,SAAA,GAAY;AAC5B,CAAA,EAA6B;AAC3B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUC,0BAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUA,0BAAS,EAAE,CAAA;AAC7C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAAS,SAAS,IAAI,CAAA;AACtE,EAAA,MAAM,YAAA,GAAqBA,wBAAuB,IAAI,CAAA;AACtD,EAAA,MAAM,cAAA,GAAuBA,wBAAyB,IAAI,CAAA;AAC1D,EAAA,MAAM,OAAA,GAAgBA,wBAAuB,IAAI,CAAA;AACjD,EAAA,MAAM,SAAeA,gBAAA,CAAA,KAAA,EAAM;AAE3B,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,eAAe,KAAA,GAAQ,aAAA;AAG3C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAClE,EAAA,MAAM,SAAA,GAAkBA,gBAAA,CAAA,OAAA;AAAA,IACtB,MAAO,eAAA,GAAkB,YAAA,EAAa,GAAI,EAAC;AAAA,IAC3C,CAAC,eAAe;AAAA,GAClB;AAEA,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,MAAA,IAAU,CAAC,eAAA,EAAiB,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,MAAA,EAAQ,eAAe,CAAC,CAAA;AAE5B,EAAA,MAAM,QAAA,GAAiBA,yBAAQ,MAAM;AACnC,IAAA,IAAI,UAAU,MAAA,EAAQ;AACpB,MAAA,OACE,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,IAAA,KAAS,WAAW,CAAA,IAC5C,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,IAAI,CAAA;AAAA,IAEzC;AAEA,IAAA,OAAO;AAAA,MACL,MAAM,WAAA,IAAe,IAAA;AAAA,MACrB,IAAA,EAAM,iBAAA,CAAkB,WAAA,IAAe,IAAI,CAAA;AAAA,MAC3C,QAAA,EAAU,IAAIH,gBAAAA,CAAgB,WAAA,GAAc,uBAAA,CAAwB,WAAA,IAAe,IAAI,CAAC,CAAA,CAAA;AAAA,MACxF,IAAA,EAAM,UAAA,CAAW,WAAA,IAAe,IAAI;AAAA,KACtC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,SAAS,CAAC,CAAA;AAE3B,EAAA,MAAM,QAAA,GAAiBG,yBAAQ,MAAM;AACnC,IAAA,IAAI,CAAC,QAAQ,OAAO,SAAA;AACpB,IAAA,MAAM,CAAA,GAAI,OAAO,WAAA,EAAY;AAC7B,IAAA,OAAO,SAAA,CAAU,MAAA;AAAA,MACf,CAAC,MACC,CAAA,CAAE,IAAA,CAAK,aAAY,CAAE,QAAA,CAAS,CAAC,CAAA,IAC9B,YAAA,IAAgB,EAAE,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA,IACtC,CAAA,CAAE,KAAK,WAAA,EAAY,CAAE,SAAS,CAAC;AAAA,KACnC;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAA,EAAW,YAAY,CAAC,CAAA;AAGpC,EAAA,MAAM,KAAA,GAAcA,6BAAY,MAAM;AACpC,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,SAAA,CAAU,EAAE,CAAA;AAAA,EACd,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,KAAA,EAAM,GAAIC,sCAGxC,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAA,EAAW,CAAA;AAE7B,EAAA,MAAM,WAAA,GAAoBD,gBAAA,CAAA,OAAA;AAAA,IACxB,MAAM,CAAC,YAAA,EAAc,WAAW,CAAA;AAAA,IAChC,CAAC,cAAc,WAAW;AAAA,GAC5B;AACA,EAAAE,iCAAA,CAAgB,WAAA,EAAa,OAAO,MAAM,CAAA;AAC1C,EAAAC,8BAAA,CAAa,OAAO,MAAM,CAAA;AAG1B,EAAMH,2BAAU,MAAM;AACpB,IAAA,IAAI,MAAA,EAAQ;AAEV,MAAA,qBAAA,CAAsB,MAAM,cAAA,CAAe,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,IAC7D;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,YAAA,GAAqBA,6BAAY,MAAM;AAC3C,IAAA,IAAI,CAAC,QAAA,EAAU,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,EAC1C,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,YAAA,GAAqBA,gBAAA,CAAA,WAAA;AAAA,IACzB,CAAC,OAAA,KAAyB;AACxB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,gBAAA,CAAiB,QAAQ,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,QAAA,GAAW,OAAO,CAAA;AAClB,MAAA,KAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,QAAA,EAAU,KAAK;AAAA,GAChC;AAGA,EAAA,MAAM,aAAA,GAAsBA,gBAAA,CAAA,WAAA;AAAA,IAC1B,CAAC,CAAA,KAA2B;AAC1B,MAAA,IAAI,CAAC,MAAA,EAAQ;AACb,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,SAAA,EAAW;AAChD,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,MAAM,KAAA,GACJ,QAAQ,OAAA,EAAS,gBAAA;AAAA,UACf;AAAA,SACF;AACF,QAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAEpB,QAAA,MAAM,UAAU,QAAA,CAAS,aAAA;AACzB,QAAA,MAAM,MAAM,KAAA,CAAM,IAAA,CAAK,KAAK,CAAA,CAAE,QAAQ,OAA4B,CAAA;AAClE,QAAA,IAAI,IAAA;AACJ,QAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAa;AACzB,UAAA,IAAA,GAAO,GAAA,GAAM,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,MAAM,CAAA,GAAI,CAAA;AAAA,QAC5C,CAAA,MAAO;AACL,UAAA,IAAA,GAAO,GAAA,GAAM,CAAA,GAAI,GAAA,GAAM,CAAA,GAAI,MAAM,MAAA,GAAS,CAAA;AAAA,QAC5C;AACA,QAAA,KAAA,CAAM,IAAI,EAAE,KAAA,EAAM;AAAA,MACpB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,uBACEI,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AAAA,MACtB,CAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAU,sBAAA;AAAA,MAGV,QAAA,EAAA;AAAA,wBAAAA,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,EAAA;AAAA,YACA,WAAA,EAAU,0BAAA;AAAA,YACV,OAAA,EAAS,YAAA;AAAA,YACT,QAAA;AAAA,YACA,YAAA,EAAY,SAAA;AAAA,YACZ,eAAA,EAAc,SAAA;AAAA,YACd,eAAA,EAAe,MAAA;AAAA,YACf,eAAA,EAAe,SAAS,MAAA,GAAS,MAAA;AAAA,YACjC,SAAA,EAAWC,oBAAA;AAAA,cACT,sEAAA;AAAA,cACA,4CAAA;AAAA,cACA,gCAAA;AAAA,cACA,+CAAA;AAAA,cACA,iDAAA;AAAA,cACA,iDAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAU,uBAAA;AAAA,kBACV,SAAA,EAAU,wBAAA;AAAA,kBACV,aAAA,EAAY,MAAA;AAAA,kBAEX,QAAA,EAAA,QAAA,CAAS;AAAA;AAAA,eACZ;AAAA,cACC,YAAA,mBACCA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,6BAA6B,QAAA,EAAA,QAAA,CAAS,QAAA,EAAS,CAAA,mBAE/DA,cAAA,CAAC,UAAK,WAAA,EAAU,uBAAA,EAAwB,SAAA,EAAU,kBAAA,EAC/C,mBAAS,IAAA,EACZ,CAAA;AAAA,8BAEFA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAU,0BAAA;AAAA,kBACV,SAAA,EAAWD,oBAAA;AAAA,oBACT,qEAAA;AAAA,oBACA,MAAA,IAAU;AAAA,mBACZ;AAAA,kBACA,KAAA,EAAM,4BAAA;AAAA,kBACN,OAAA,EAAQ,WAAA;AAAA,kBACR,IAAA,EAAK,cAAA;AAAA,kBACL,aAAA,EAAY,MAAA;AAAA,kBAEZ,QAAA,kBAAAC,cAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,QAAA,EAAS,SAAA;AAAA,sBACT,CAAA,EAAE,wIAAA;AAAA,sBACF,QAAA,EAAS;AAAA;AAAA;AACX;AAAA;AACF;AAAA;AAAA,SACF;AAAA,QAGC,MAAA,IACCC,qBAAA;AAAA,0BACEH,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,EAAA,EAAI,MAAA;AAAA,cACJ,IAAA,EAAK,SAAA;AAAA,cACL,WAAA,EAAU,wBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,QAAA,EAAU,EAAA;AAAA,cACV,SAAA,EAAW,aAAA;AAAA,cACX,SAAA,EAAWC,oBAAA;AAAA,gBACT,oCAAA;AAAA,gBACA,yDAAA;AAAA,gBACA,6CAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAGA,QAAA,EAAA;AAAA,gCAAAC,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,yBAAA;AAAA,oBACV,SAAA,EAAU,kEAAA;AAAA,oBAEV,QAAA,kBAAAA,cAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,GAAA,EAAK,cAAA;AAAA,wBACL,IAAA,EAAK,MAAA;AAAA,wBACL,WAAA,EAAU,+BAAA;AAAA,wBACV,KAAA,EAAO,MAAA;AAAA,wBACP,UAAU,CAAC,CAAA,KAAM,SAAA,CAAU,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,wBACzC,WAAA,EAAa,iBAAA;AAAA,wBACb,YAAA,EAAW,kBAAA;AAAA,wBACX,SAAA,EAAWD,oBAAA;AAAA,0BACT,iEAAA;AAAA,0BACA,4DAAA;AAAA,0BACA,0EAAA;AAAA,0BACA;AAAA;AACF;AAAA;AACF;AAAA,iBACF;AAAA,gCAGAC,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,GAAA,EAAK,OAAA;AAAA,oBACL,WAAA,EAAU,uBAAA;AAAA,oBACV,SAAA,EAAU,sCAAA;AAAA,oBAET,QAAA,EAAA,QAAA,CAAS,MAAA,KAAW,CAAA,mBACnBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAA,EAAsD,QAAA,EAAA,oBAAA,EAErE,CAAA,GAEA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,qBACZF,eAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBAEC,IAAA,EAAK,QAAA;AAAA,wBACL,IAAA,EAAK,QAAA;AAAA,wBACL,WAAA,EAAU,yBAAA;AAAA,wBACV,eAAA,EAAe,OAAA,CAAQ,IAAA,KAAS,QAAA,CAAS,IAAA;AAAA,wBACzC,OAAA,EAAS,MAAM,YAAA,CAAa,OAAO,CAAA;AAAA,wBACnC,SAAA,EAAWC,oBAAA;AAAA,0BACT,uEAAA;AAAA,0BACA,gCAAA;AAAA,0BACA,oBAAA;AAAA,0BACA,OAAA,CAAQ,IAAA,KAAS,QAAA,CAAS,IAAA,GACtB,iFAAA,GACA,yFAAA;AAAA,0BACJ;AAAA,yBACF;AAAA,wBAEA,QAAA,EAAA;AAAA,0CAAAC,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,8BAAA;AAAA,8BACV,SAAA,EAAU,wBAAA;AAAA,8BACV,aAAA,EAAY,MAAA;AAAA,8BAEX,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA,2BACX;AAAA,0CACAA,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,8BAAA;AAAA,8BACV,SAAA,EAAU,iBAAA;AAAA,8BAET,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA,2BACX;AAAA,0BACC,YAAA,oBACCA,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,kCAAA;AAAA,8BACV,SAAA,EAAU,wCAAA;AAAA,8BAET,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA;AACX;AAAA,uBAAA;AAAA,sBAnCG,OAAA,CAAQ;AAAA,qBAsChB;AAAA;AAAA;AAEL;AAAA;AAAA,WACF;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAuBlC,SAAS,oBAAoB,KAAA,EAAiC;AAC5D,EAAA,uBAAOA,cAAA,CAAC,mBAAA,EAAA,EAAqB,GAAG,KAAA,EAAO,CAAA;AACzC;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-SPWVKDGC.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport * as libphonenumber from 'google-libphonenumber';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\nconst PhoneNumberUtil =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberUtil ?? libphonenumber.PhoneNumberUtil;\nconst PhoneNumberFormat =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberFormat ?? libphonenumber.PhoneNumberFormat;\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface CountryData {\n  /** ISO 3166-1 alpha-2 country code (e.g. \"US\") */\n  code: string;\n  /** Country name (e.g. \"United States\") */\n  name: string;\n  /** Dial code (e.g. \"+1\") */\n  dialCode: string;\n  /** Emoji flag (e.g. \"🇺🇸\") */\n  flag: string;\n}\n\nexport interface CountryCodeDropdownProps {\n  /** The currently selected country code (ISO alpha-2, e.g. \"US\") */\n  value?: string;\n  /** Called when a country is selected */\n  onChange?: (country: CountryData) => void;\n  /** Whether the dropdown is disabled */\n  disabled?: boolean;\n  /** Additional class name for the trigger button */\n  className?: string;\n  /** Placement of the dropdown panel */\n  placement?: 'bottom-start' | 'bottom-end';\n  /** Placeholder text for the search field */\n  searchPlaceholder?: string;\n  /** id for the trigger button, enabling `<label htmlFor>` association */\n  id?: string;\n  /** Label for accessibility — visually hidden */\n  'aria-label'?: string;\n}\n\n// =============================================================================\n// Country Data (generated from libphonenumber)\n// =============================================================================\n\n/** Convert an ISO alpha-2 code to an emoji flag. */\nfunction isoToEmoji(code: string): string {\n  return [...code.toUpperCase()]\n    .map((c) => String.fromCodePoint(0x1f1e6 - 65 + c.charCodeAt(0)))\n    .join('');\n}\n\n/** Build the full sorted list of countries from libphonenumber. */\nfunction buildCountryList(): CountryData[] {\n  const phoneUtil = PhoneNumberUtil.getInstance();\n  const regions = phoneUtil.getSupportedRegions() as string[];\n  const list: CountryData[] = regions.map((code: string) => {\n    const callingCode = phoneUtil.getCountryCodeForRegion(code);\n    return {\n      code,\n      name: regionDisplayName(code),\n      dialCode: `+${callingCode}`,\n      flag: isoToEmoji(code),\n    };\n  });\n  list.sort((a, b) => a.name.localeCompare(b.name));\n  return list;\n}\n\n/** Lazy singleton so we only build the list once. */\nlet _countries: CountryData[] | null = null;\nfunction getCountries(): CountryData[] {\n  if (!_countries) _countries = buildCountryList();\n  return _countries;\n}\n\n// =============================================================================\n// Region display name mapping\n// =============================================================================\n\n/** Lazy singleton for Intl.DisplayNames so we only construct it once. */\nlet _regionDisplayNames: Intl.DisplayNames | null = null;\n\nfunction getRegionDisplayNames(): Intl.DisplayNames | null {\n  if (_regionDisplayNames === null) {\n    try {\n      const locales =\n        typeof navigator !== 'undefined' && navigator.languages?.length\n          ? [...navigator.languages]\n          : ['en'];\n      _regionDisplayNames = new Intl.DisplayNames(locales, { type: 'region' });\n    } catch {\n      return null;\n    }\n  }\n  return _regionDisplayNames;\n}\n\n/**\n * Use the browser Intl API for display names where available,\n * falling back to the raw ISO code.\n */\nfunction regionDisplayName(code: string): string {\n  const dn = getRegionDisplayNames();\n  if (!dn) return code;\n  return dn.of(code) ?? code;\n}\n\n// =============================================================================\n// Validation helper (exported for consumers)\n// =============================================================================\n\n/**\n * Validate a phone number string for a given country code using libphonenumber.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns Whether the number is valid for the given region.\n */\nexport function validatePhoneNumber(\n  phoneNumber: string,\n  countryCode: string\n): boolean {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.isValidNumberForRegion(parsed, countryCode);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Format a phone number into E.164 international format.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns The formatted number (e.g. \"+15551234567\") or the original string if parsing fails.\n */\nexport function formatE164(phoneNumber: string, countryCode: string): string {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.format(parsed, PhoneNumberFormat.E164);\n  } catch {\n    return phoneNumber;\n  }\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/** Internal base props — `showDialCode` is not part of the public API. */\ninterface CountryDropdownBaseProps extends CountryCodeDropdownProps {\n  /** Show dial codes on the trigger and in the list (default: true) */\n  showDialCode?: boolean;\n}\n\n/**\n * Shared implementation behind {@link CountryCodeDropdown} (dial-code mode)\n * and `CountryDropdown` (country-only mode). Not exported from the package.\n */\nfunction CountryDropdownBase({\n  value,\n  onChange,\n  disabled = false,\n  className,\n  placement = 'bottom-start',\n  searchPlaceholder = 'Search countries…',\n  id,\n  showDialCode = true,\n  'aria-label': ariaLabel = 'Select country code',\n}: CountryDropdownBaseProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [search, setSearch] = React.useState('');\n  const [internalValue, setInternalValue] = React.useState(value ?? 'US');\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const menuId = React.useId();\n\n  const isControlled = value !== undefined;\n  const activeValue = isControlled ? value : internalValue;\n\n  // Defer building the full country list until the dropdown is first opened\n  const [countriesLoaded, setCountriesLoaded] = React.useState(false);\n  const countries = React.useMemo(\n    () => (countriesLoaded ? getCountries() : []),\n    [countriesLoaded]\n  );\n\n  React.useEffect(() => {\n    if (isOpen && !countriesLoaded) setCountriesLoaded(true);\n  }, [isOpen, countriesLoaded]);\n\n  const selected = React.useMemo(() => {\n    if (countries.length) {\n      return (\n        countries.find((c) => c.code === activeValue) ??\n        countries.find((c) => c.code === 'US')!\n      );\n    }\n    // Lightweight fallback while list hasn't loaded yet\n    return {\n      code: activeValue ?? 'US',\n      name: regionDisplayName(activeValue ?? 'US'),\n      dialCode: `+${PhoneNumberUtil.getInstance().getCountryCodeForRegion(activeValue ?? 'US')}`,\n      flag: isoToEmoji(activeValue ?? 'US'),\n    };\n  }, [activeValue, countries]);\n\n  const filtered = React.useMemo(() => {\n    if (!search) return countries;\n    const q = search.toLowerCase();\n    return countries.filter(\n      (c) =>\n        c.name.toLowerCase().includes(q) ||\n        (showDialCode && c.dialCode.includes(q)) ||\n        c.code.toLowerCase().includes(q)\n    );\n  }, [search, countries, showDialCode]);\n\n  // Close helpers\n  const close = React.useCallback(() => {\n    setIsOpen(false);\n    setSearch('');\n  }, []);\n\n  // Portal + fixed positioning so the panel escapes overflow-hidden ancestors.\n  const { anchorRef, floatingRef, style } = useAnchoredPosition<\n    HTMLDivElement,\n    HTMLDivElement\n  >({ open: isOpen, placement });\n\n  const outsideRefs = React.useMemo(\n    () => [containerRef, floatingRef],\n    [containerRef, floatingRef]\n  );\n  useClickOutside(outsideRefs, close, isOpen);\n  useEscapeKey(close, isOpen);\n\n  // Focus search input when opening\n  React.useEffect(() => {\n    if (isOpen) {\n      // Defer to let the DOM render\n      requestAnimationFrame(() => searchInputRef.current?.focus());\n    }\n  }, [isOpen]);\n\n  const handleToggle = React.useCallback(() => {\n    if (!disabled) setIsOpen((prev) => !prev);\n  }, [disabled]);\n\n  const handleSelect = React.useCallback(\n    (country: CountryData) => {\n      if (!isControlled) {\n        setInternalValue(country.code);\n      }\n      onChange?.(country);\n      close();\n    },\n    [isControlled, onChange, close]\n  );\n\n  // Keyboard navigation inside the list\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isOpen) return;\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        const items =\n          listRef.current?.querySelectorAll<HTMLButtonElement>(\n            '[role=\"option\"]'\n          );\n        if (!items?.length) return;\n\n        const current = document.activeElement as HTMLElement;\n        const idx = Array.from(items).indexOf(current as HTMLButtonElement);\n        let next: number;\n        if (e.key === 'ArrowDown') {\n          next = idx < items.length - 1 ? idx + 1 : 0;\n        } else {\n          next = idx > 0 ? idx - 1 : items.length - 1;\n        }\n        items[next].focus();\n      }\n    },\n    [isOpen]\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node;\n        anchorRef.current = node;\n      }}\n      data-slot=\"country-dropdown\"\n      className=\"relative inline-flex\"\n    >\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        id={id}\n        data-slot=\"country-dropdown-trigger\"\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? menuId : undefined}\n        className={cn(\n          'inline-flex items-center gap-1.5 rounded-lg border px-3 py-2 text-sm',\n          'border-input bg-background text-foreground',\n          'transition-colors duration-200',\n          'hover:bg-neutral-50 dark:hover:bg-neutral-700',\n          'focus:ring-ring focus:ring-2 focus:outline-none',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n      >\n        <span\n          data-slot=\"country-dropdown-flag\"\n          className=\"text-base leading-none\"\n          aria-hidden=\"true\"\n        >\n          {selected.flag}\n        </span>\n        {showDialCode ? (\n          <span data-slot=\"country-dropdown-dialcode\">{selected.dialCode}</span>\n        ) : (\n          <span data-slot=\"country-dropdown-name\" className=\"min-w-0 truncate\">\n            {selected.name}\n          </span>\n        )}\n        <svg\n          data-slot=\"country-dropdown-chevron\"\n          className={cn(\n            'h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200',\n            isOpen && 'rotate-180'\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n\n      {/* Dropdown panel */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={floatingRef}\n            style={style}\n            id={menuId}\n            role=\"listbox\"\n            data-slot=\"country-dropdown-panel\"\n            aria-label={ariaLabel}\n            tabIndex={-1}\n            onKeyDown={handleKeyDown}\n            className={cn(\n              'flex w-72 flex-col overflow-hidden',\n              'rounded-xl border border-neutral-200 bg-white shadow-lg',\n              'dark:border-neutral-700 dark:bg-neutral-800',\n              'animate-in fade-in zoom-in-95 duration-100'\n            )}\n          >\n            {/* Search input */}\n            <div\n              data-slot=\"country-dropdown-search\"\n              className=\"shrink-0 border-b border-neutral-200 p-2 dark:border-neutral-700\"\n            >\n              <input\n                ref={searchInputRef}\n                type=\"text\"\n                data-slot=\"country-dropdown-search-input\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                placeholder={searchPlaceholder}\n                aria-label=\"Search countries\"\n                className={cn(\n                  'w-full rounded-lg border border-neutral-200 px-3 py-1.5 text-sm',\n                  'text-foreground placeholder:text-muted-foreground bg-white',\n                  'focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none',\n                  'dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100'\n                )}\n              />\n            </div>\n\n            {/* Country list */}\n            <div\n              ref={listRef}\n              data-slot=\"country-dropdown-list\"\n              className=\"max-h-60 min-h-0 overflow-y-auto p-1\"\n            >\n              {filtered.length === 0 ? (\n                <div className=\"text-muted-foreground px-3 py-4 text-center text-sm\">\n                  No countries found\n                </div>\n              ) : (\n                filtered.map((country) => (\n                  <button\n                    key={country.code}\n                    type=\"button\"\n                    role=\"option\"\n                    data-slot=\"country-dropdown-option\"\n                    aria-selected={country.code === selected.code}\n                    onClick={() => handleSelect(country)}\n                    className={cn(\n                      'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm',\n                      'transition-colors duration-150',\n                      'focus:outline-none',\n                      country.code === selected.code\n                        ? 'bg-neutral-100 font-medium text-neutral-900 dark:bg-neutral-700 dark:text-white'\n                        : 'text-neutral-700 hover:bg-neutral-50 dark:text-neutral-300 dark:hover:bg-neutral-700/50',\n                      'focus:bg-neutral-100 dark:focus:bg-neutral-700'\n                    )}\n                  >\n                    <span\n                      data-slot=\"country-dropdown-option-flag\"\n                      className=\"text-base leading-none\"\n                      aria-hidden=\"true\"\n                    >\n                      {country.flag}\n                    </span>\n                    <span\n                      data-slot=\"country-dropdown-option-name\"\n                      className=\"flex-1 truncate\"\n                    >\n                      {country.name}\n                    </span>\n                    {showDialCode && (\n                      <span\n                        data-slot=\"country-dropdown-option-dialcode\"\n                        className=\"text-muted-foreground shrink-0 text-xs\"\n                      >\n                        {country.dialCode}\n                      </span>\n                    )}\n                  </button>\n                ))\n              )}\n            </div>\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nCountryDropdownBase.displayName = 'CountryDropdownBase';\n\n/**\n * A country-code selector dropdown designed to sit beside a phone number input.\n *\n * Defaults to United States (+1) with the 🇺🇸 flag. Clicking the trigger opens\n * a searchable list of all supported countries with their dial codes and flags.\n *\n * Uses Google's libphonenumber for the canonical country/code list and provides\n * a `validatePhoneNumber` helper for phone validation.\n *\n * For a country selector without dial codes, use `CountryDropdown`.\n *\n * @example\n * ```tsx\n * const [country, setCountry] = useState<CountryData>();\n *\n * <div className=\"flex gap-2\">\n *   <CountryCodeDropdown value={country?.code} onChange={setCountry} />\n *   <Input placeholder=\"Phone number\" />\n * </div>\n * ```\n */\nfunction CountryCodeDropdown(props: CountryCodeDropdownProps) {\n  return <CountryDropdownBase {...props} />;\n}\n\nCountryCodeDropdown.displayName = 'CountryCodeDropdown';\n\nexport { CountryCodeDropdown, CountryDropdownBase };\n"]}
+{"version":3,"sources":["../src/components/CountryCodeDropdown/CountryCodeDropdown.tsx"],"names":["PhoneNumberUtil","libphonenumber","PhoneNumberFormat","React","useAnchoredPosition","useClickOutside","useEscapeKey","jsxs","cn","jsx","createPortal"],"mappings":"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","file":"chunk-QMKYJ4AT.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport * as libphonenumber from 'google-libphonenumber';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\nconst PhoneNumberUtil =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberUtil ?? libphonenumber.PhoneNumberUtil;\nconst PhoneNumberFormat =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberFormat ?? libphonenumber.PhoneNumberFormat;\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface CountryData {\n  /** ISO 3166-1 alpha-2 country code (e.g. \"US\") */\n  code: string;\n  /** Country name (e.g. \"United States\") */\n  name: string;\n  /** Dial code (e.g. \"+1\") */\n  dialCode: string;\n  /** Emoji flag (e.g. \"🇺🇸\") */\n  flag: string;\n}\n\nexport interface CountryCodeDropdownProps {\n  /** The currently selected country code (ISO alpha-2, e.g. \"US\") */\n  value?: string;\n  /** Called when a country is selected */\n  onChange?: (country: CountryData) => void;\n  /** Whether the dropdown is disabled */\n  disabled?: boolean;\n  /** Additional class name for the trigger button */\n  className?: string;\n  /** Placement of the dropdown panel */\n  placement?: 'bottom-start' | 'bottom-end';\n  /** Placeholder text for the search field */\n  searchPlaceholder?: string;\n  /** id for the trigger button, enabling `<label htmlFor>` association */\n  id?: string;\n  /** Label for accessibility — visually hidden */\n  'aria-label'?: string;\n}\n\n// =============================================================================\n// Country Data (generated from libphonenumber)\n// =============================================================================\n\n/** Convert an ISO alpha-2 code to an emoji flag. */\nfunction isoToEmoji(code: string): string {\n  return [...code.toUpperCase()]\n    .map((c) => String.fromCodePoint(0x1f1e6 - 65 + c.charCodeAt(0)))\n    .join('');\n}\n\n/** Build the full sorted list of countries from libphonenumber. */\nfunction buildCountryList(): CountryData[] {\n  const phoneUtil = PhoneNumberUtil.getInstance();\n  const regions = phoneUtil.getSupportedRegions() as string[];\n  const list: CountryData[] = regions.map((code: string) => {\n    const callingCode = phoneUtil.getCountryCodeForRegion(code);\n    return {\n      code,\n      name: regionDisplayName(code),\n      dialCode: `+${callingCode}`,\n      flag: isoToEmoji(code),\n    };\n  });\n  list.sort((a, b) => a.name.localeCompare(b.name));\n  return list;\n}\n\n/** Lazy singleton so we only build the list once. */\nlet _countries: CountryData[] | null = null;\nfunction getCountries(): CountryData[] {\n  if (!_countries) _countries = buildCountryList();\n  return _countries;\n}\n\n// =============================================================================\n// Region display name mapping\n// =============================================================================\n\n/** Lazy singleton for Intl.DisplayNames so we only construct it once. */\nlet _regionDisplayNames: Intl.DisplayNames | null = null;\n\nfunction getRegionDisplayNames(): Intl.DisplayNames | null {\n  if (_regionDisplayNames === null) {\n    try {\n      const locales =\n        typeof navigator !== 'undefined' && navigator.languages?.length\n          ? [...navigator.languages]\n          : ['en'];\n      _regionDisplayNames = new Intl.DisplayNames(locales, { type: 'region' });\n    } catch {\n      return null;\n    }\n  }\n  return _regionDisplayNames;\n}\n\n/**\n * Use the browser Intl API for display names where available,\n * falling back to the raw ISO code.\n */\nfunction regionDisplayName(code: string): string {\n  const dn = getRegionDisplayNames();\n  if (!dn) return code;\n  return dn.of(code) ?? code;\n}\n\n// =============================================================================\n// Validation helper (exported for consumers)\n// =============================================================================\n\n/**\n * Validate a phone number string for a given country code using libphonenumber.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns Whether the number is valid for the given region.\n */\nexport function validatePhoneNumber(\n  phoneNumber: string,\n  countryCode: string\n): boolean {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.isValidNumberForRegion(parsed, countryCode);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Format a phone number into E.164 international format.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns The formatted number (e.g. \"+15551234567\") or the original string if parsing fails.\n */\nexport function formatE164(phoneNumber: string, countryCode: string): string {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.format(parsed, PhoneNumberFormat.E164);\n  } catch {\n    return phoneNumber;\n  }\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/** Internal base props — `showDialCode` is not part of the public API. */\ninterface CountryDropdownBaseProps extends CountryCodeDropdownProps {\n  /** Show dial codes on the trigger and in the list (default: true) */\n  showDialCode?: boolean;\n}\n\n/**\n * Shared implementation behind {@link CountryCodeDropdown} (dial-code mode)\n * and `CountryDropdown` (country-only mode). Not exported from the package.\n */\nfunction CountryDropdownBase({\n  value,\n  onChange,\n  disabled = false,\n  className,\n  placement = 'bottom-start',\n  searchPlaceholder = 'Search countries…',\n  id,\n  showDialCode = true,\n  'aria-label': ariaLabel = 'Select country code',\n}: CountryDropdownBaseProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [search, setSearch] = React.useState('');\n  const [internalValue, setInternalValue] = React.useState(value ?? 'US');\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const menuId = React.useId();\n\n  const isControlled = value !== undefined;\n  const activeValue = isControlled ? value : internalValue;\n\n  // Defer building the full country list until the dropdown is first opened\n  const [countriesLoaded, setCountriesLoaded] = React.useState(false);\n  const countries = React.useMemo(\n    () => (countriesLoaded ? getCountries() : []),\n    [countriesLoaded]\n  );\n\n  React.useEffect(() => {\n    if (isOpen && !countriesLoaded) setCountriesLoaded(true);\n  }, [isOpen, countriesLoaded]);\n\n  const selected = React.useMemo(() => {\n    if (countries.length) {\n      return (\n        countries.find((c) => c.code === activeValue) ??\n        countries.find((c) => c.code === 'US')!\n      );\n    }\n    // Lightweight fallback while list hasn't loaded yet\n    return {\n      code: activeValue ?? 'US',\n      name: regionDisplayName(activeValue ?? 'US'),\n      dialCode: `+${PhoneNumberUtil.getInstance().getCountryCodeForRegion(activeValue ?? 'US')}`,\n      flag: isoToEmoji(activeValue ?? 'US'),\n    };\n  }, [activeValue, countries]);\n\n  const filtered = React.useMemo(() => {\n    if (!search) return countries;\n    const q = search.toLowerCase();\n    return countries.filter(\n      (c) =>\n        c.name.toLowerCase().includes(q) ||\n        (showDialCode && c.dialCode.includes(q)) ||\n        c.code.toLowerCase().includes(q)\n    );\n  }, [search, countries, showDialCode]);\n\n  // Close helpers\n  const close = React.useCallback(() => {\n    setIsOpen(false);\n    setSearch('');\n  }, []);\n\n  // Portal + fixed positioning so the panel escapes overflow-hidden ancestors.\n  const { anchorRef, floatingRef, style } = useAnchoredPosition<\n    HTMLDivElement,\n    HTMLDivElement\n  >({ open: isOpen, placement });\n\n  const outsideRefs = React.useMemo(\n    () => [containerRef, floatingRef],\n    [containerRef, floatingRef]\n  );\n  useClickOutside(outsideRefs, close, isOpen);\n  useEscapeKey(close, isOpen);\n\n  // Focus search input when opening\n  React.useEffect(() => {\n    if (isOpen) {\n      // Defer to let the DOM render\n      requestAnimationFrame(() => searchInputRef.current?.focus());\n    }\n  }, [isOpen]);\n\n  const handleToggle = React.useCallback(() => {\n    if (!disabled) setIsOpen((prev) => !prev);\n  }, [disabled]);\n\n  const handleSelect = React.useCallback(\n    (country: CountryData) => {\n      if (!isControlled) {\n        setInternalValue(country.code);\n      }\n      onChange?.(country);\n      close();\n    },\n    [isControlled, onChange, close]\n  );\n\n  // Keyboard navigation inside the list\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isOpen) return;\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        const items =\n          listRef.current?.querySelectorAll<HTMLButtonElement>(\n            '[role=\"option\"]'\n          );\n        if (!items?.length) return;\n\n        const current = document.activeElement as HTMLElement;\n        const idx = Array.from(items).indexOf(current as HTMLButtonElement);\n        let next: number;\n        if (e.key === 'ArrowDown') {\n          next = idx < items.length - 1 ? idx + 1 : 0;\n        } else {\n          next = idx > 0 ? idx - 1 : items.length - 1;\n        }\n        items[next].focus();\n      }\n    },\n    [isOpen]\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node;\n        anchorRef.current = node;\n      }}\n      data-slot=\"country-dropdown\"\n      className=\"relative inline-flex\"\n    >\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        id={id}\n        data-slot=\"country-dropdown-trigger\"\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? menuId : undefined}\n        className={cn(\n          'inline-flex items-center gap-1.5 rounded-lg border px-3 py-2 text-sm',\n          'border-input bg-background text-foreground',\n          'transition-colors duration-200',\n          'hover:bg-neutral-50 dark:hover:bg-neutral-700',\n          'focus:ring-ring focus:ring-2 focus:outline-none',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n      >\n        <span\n          data-slot=\"country-dropdown-flag\"\n          className=\"text-base leading-none\"\n          aria-hidden=\"true\"\n        >\n          {selected.flag}\n        </span>\n        {showDialCode ? (\n          <span data-slot=\"country-dropdown-dialcode\">{selected.dialCode}</span>\n        ) : (\n          <span data-slot=\"country-dropdown-name\" className=\"min-w-0 truncate\">\n            {selected.name}\n          </span>\n        )}\n        <svg\n          data-slot=\"country-dropdown-chevron\"\n          className={cn(\n            'h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200',\n            isOpen && 'rotate-180'\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n\n      {/* Dropdown panel */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={floatingRef}\n            style={style}\n            id={menuId}\n            role=\"listbox\"\n            data-slot=\"country-dropdown-panel\"\n            aria-label={ariaLabel}\n            tabIndex={-1}\n            onKeyDown={handleKeyDown}\n            className={cn(\n              'flex w-72 flex-col overflow-hidden',\n              'rounded-xl border border-neutral-200 bg-white shadow-lg',\n              'dark:border-neutral-700 dark:bg-neutral-800',\n              'animate-in fade-in zoom-in-95 duration-100'\n            )}\n          >\n            {/* Search input */}\n            <div\n              data-slot=\"country-dropdown-search\"\n              className=\"shrink-0 border-b border-neutral-200 p-2 dark:border-neutral-700\"\n            >\n              <input\n                ref={searchInputRef}\n                type=\"text\"\n                data-slot=\"country-dropdown-search-input\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                placeholder={searchPlaceholder}\n                aria-label=\"Search countries\"\n                className={cn(\n                  'w-full rounded-lg border border-neutral-200 px-3 py-1.5 text-sm',\n                  'text-foreground placeholder:text-muted-foreground bg-white',\n                  'focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none',\n                  'dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100'\n                )}\n              />\n            </div>\n\n            {/* Country list */}\n            <div\n              ref={listRef}\n              data-slot=\"country-dropdown-list\"\n              className=\"max-h-60 min-h-0 overflow-y-auto p-1\"\n            >\n              {filtered.length === 0 ? (\n                <div className=\"text-muted-foreground px-3 py-4 text-center text-sm\">\n                  No countries found\n                </div>\n              ) : (\n                filtered.map((country) => (\n                  <button\n                    key={country.code}\n                    type=\"button\"\n                    role=\"option\"\n                    data-slot=\"country-dropdown-option\"\n                    aria-selected={country.code === selected.code}\n                    onClick={() => handleSelect(country)}\n                    className={cn(\n                      'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm',\n                      'transition-colors duration-150',\n                      'focus:outline-none',\n                      country.code === selected.code\n                        ? 'bg-neutral-100 font-medium text-neutral-900 dark:bg-neutral-700 dark:text-white'\n                        : 'text-neutral-700 hover:bg-neutral-50 dark:text-neutral-300 dark:hover:bg-neutral-700/50',\n                      'focus:bg-neutral-100 dark:focus:bg-neutral-700'\n                    )}\n                  >\n                    <span\n                      data-slot=\"country-dropdown-option-flag\"\n                      className=\"text-base leading-none\"\n                      aria-hidden=\"true\"\n                    >\n                      {country.flag}\n                    </span>\n                    <span\n                      data-slot=\"country-dropdown-option-name\"\n                      className=\"flex-1 truncate\"\n                    >\n                      {country.name}\n                    </span>\n                    {showDialCode && (\n                      <span\n                        data-slot=\"country-dropdown-option-dialcode\"\n                        className=\"text-muted-foreground shrink-0 text-xs\"\n                      >\n                        {country.dialCode}\n                      </span>\n                    )}\n                  </button>\n                ))\n              )}\n            </div>\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nCountryDropdownBase.displayName = 'CountryDropdownBase';\n\n/**\n * A country-code selector dropdown designed to sit beside a phone number input.\n *\n * Defaults to United States (+1) with the 🇺🇸 flag. Clicking the trigger opens\n * a searchable list of all supported countries with their dial codes and flags.\n *\n * Uses Google's libphonenumber for the canonical country/code list and provides\n * a `validatePhoneNumber` helper for phone validation.\n *\n * For a country selector without dial codes, use `CountryDropdown`.\n *\n * @example\n * ```tsx\n * const [country, setCountry] = useState<CountryData>();\n *\n * <div className=\"flex gap-2\">\n *   <CountryCodeDropdown value={country?.code} onChange={setCountry} />\n *   <Input placeholder=\"Phone number\" />\n * </div>\n * ```\n */\nfunction CountryCodeDropdown(props: CountryCodeDropdownProps) {\n  return <CountryDropdownBase {...props} />;\n}\n\nCountryCodeDropdown.displayName = 'CountryCodeDropdown';\n\nexport { CountryCodeDropdown, CountryDropdownBase };\n"]}