@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-SZSRGUVO.js

@@ -0,0 +1,402 @@
+import { AvatarGroup } from './chunk-DVDT7TX7.js';
+import { Avatar } from './chunk-TI3TQQ7F.js';
+import { useClickOutside } from './chunk-62ZOA6PX.js';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { Loader2, ChevronDown, Search, UserX, Check } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultUserPickerLabels = {
+  placeholder: "Select a user",
+  unassigned: "Unassigned",
+  search: "Search users",
+  noResults: "No matching users",
+  loading: "Loading users\u2026",
+  selectedCount: (count) => `${count} selected`,
+  saving: "Saving\u2026",
+  saveFailed: "Could not save. Try again."
+};
+var triggerVariants = cva(
+  [
+    "flex w-full items-center gap-2 rounded-lg border border-input bg-background text-start text-foreground",
+    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: { sm: "min-h-8 px-2 py-1 text-sm", md: "min-h-10 px-3 py-1.5" }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var UserPicker = React.forwardRef(
+  function UserPicker2(props, ref) {
+    const {
+      users,
+      label,
+      hideLabel,
+      allowUnassigned,
+      loading,
+      disabled,
+      onQueryChange,
+      labels: labelOverrides,
+      size,
+      className,
+      multiple,
+      value,
+      onChange,
+      ...rest
+    } = props;
+    const labels = { ...defaultUserPickerLabels, ...labelOverrides };
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState("");
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const [pendingIds, setPendingIds] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const triggerRef = React.useRef(null);
+    const searchRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const id = React.useId();
+    const labelId = `${id}-label`;
+    const listId = `${id}-list`;
+    const errorId = `${id}-error`;
+    const { anchorRef, floatingRef, style } = useAnchoredPosition({ open, matchMinWidth: true, maxHeight: 320 });
+    const outsideRefs = React.useMemo(
+      () => [containerRef, floatingRef],
+      [floatingRef]
+    );
+    useClickOutside(outsideRefs, () => setOpen(false), open);
+    const committed = multiple ? value : value ? [value] : [];
+    const selectedIds = pendingIds ?? committed;
+    const seenUsers = React.useRef(/* @__PURE__ */ new Map());
+    React.useEffect(() => {
+      for (const u of users) seenUsers.current.set(u.id, u);
+    }, [users]);
+    const selectedUsers = selectedIds.map(
+      (uid) => users.find((u) => u.id === uid) ?? seenUsers.current.get(uid)
+    ).filter((u) => !!u);
+    const q = query.trim().toLowerCase();
+    const rows = [
+      ...allowUnassigned && !q ? [{ kind: "none" }] : [],
+      ...users.filter(
+        (u) => !q || u.name.toLowerCase().includes(q) || u.email?.toLowerCase().includes(q)
+      ).map((user) => ({ kind: "user", user }))
+    ];
+    const optionId = (i) => `${listId}-${i}`;
+    React.useEffect(() => {
+      if (open) searchRef.current?.focus();
+    }, [open]);
+    React.useEffect(() => {
+      if (open) {
+        document.getElementById(`${listId}-${activeIndex}`)?.scrollIntoView?.({ block: "nearest" });
+      }
+    }, [open, activeIndex, listId]);
+    const openList = () => {
+      if (disabled || pendingIds) return;
+      const first = rows.findIndex(
+        (r) => r.kind === "user" && selectedIds.includes(r.user.id)
+      );
+      setActiveIndex(Math.max(first, 0));
+      setOpen(true);
+    };
+    const close = (refocus) => {
+      setOpen(false);
+      setQuery("");
+      onQueryChange?.("");
+      if (refocus) triggerRef.current?.focus();
+    };
+    const emit = async (next) => {
+      setError(null);
+      setPendingIds(next);
+      try {
+        if (multiple) {
+          await onChange(next);
+        } else {
+          await onChange(
+            next[0] ?? null
+          );
+        }
+      } catch (e) {
+        setError(
+          e instanceof Error && e.message ? e.message : labels.saveFailed
+        );
+      } finally {
+        setPendingIds(null);
+      }
+    };
+    const choose = (row) => {
+      if (pendingIds) return;
+      if (row.kind === "none") {
+        void emit([]);
+        close(true);
+      } else if (multiple) {
+        const uid = row.user.id;
+        void emit(
+          selectedIds.includes(uid) ? selectedIds.filter((s) => s !== uid) : [...selectedIds, uid]
+        );
+      } else {
+        if (row.user.id !== committed[0]) void emit([row.user.id]);
+        close(true);
+      }
+    };
+    const handleSearchKeyDown = (e) => {
+      const last = rows.length - 1;
+      const moves = {
+        ArrowDown: Math.min(activeIndex + 1, last),
+        ArrowUp: Math.max(activeIndex - 1, 0),
+        Home: 0,
+        End: last
+      };
+      if (e.key in moves) {
+        e.preventDefault();
+        setActiveIndex(moves[e.key]);
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        if (rows[activeIndex]) choose(rows[activeIndex]);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        close(true);
+      } else if (e.key === "Tab") {
+        close(false);
+      }
+    };
+    const summary = selectedUsers.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: allowUnassigned ? labels.unassigned : labels.placeholder }) : selectedUsers.length === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          "aria-hidden": "true",
+          size: "xs",
+          src: selectedUsers[0].avatarUrl,
+          name: selectedUsers[0].name,
+          alt: ""
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedUsers[0].name })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AvatarGroup, { size: "xs", max: 3, "aria-hidden": "true", children: selectedUsers.map((u) => /* @__PURE__ */ jsx(Avatar, { src: u.avatarUrl, name: u.name }, u.id)) }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: labels.selectedCount(selectedUsers.length) })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          containerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        "data-slot": "user-picker",
+        className: cn("w-full", className),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: labelId,
+              className: cn(
+                "text-foreground mb-1.5 block text-sm font-medium",
+                hideLabel && "sr-only"
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: (node) => {
+                triggerRef.current = node;
+                anchorRef.current = node;
+              },
+              type: "button",
+              id: `${id}-trigger`,
+              "data-slot": "user-picker-trigger",
+              "aria-haspopup": "listbox",
+              "aria-expanded": open,
+              "aria-controls": open ? listId : void 0,
+              "aria-labelledby": `${labelId} ${id}-trigger`,
+              "aria-describedby": error ? errorId : void 0,
+              "aria-busy": pendingIds ? true : void 0,
+              disabled,
+              onClick: () => open ? close(false) : openList(),
+              onKeyDown: (e) => {
+                if (e.key === "ArrowDown" && !open) {
+                  e.preventDefault();
+                  openList();
+                }
+              },
+              className: triggerVariants({ size }),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: summary }),
+                pendingIds ? /* @__PURE__ */ jsxs("span", { role: "status", className: "inline-flex", children: [
+                  /* @__PURE__ */ jsx(
+                    Loader2,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.saving })
+                ] }) : /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    "aria-hidden": "true",
+                    className: "text-muted-foreground h-4 w-4 shrink-0"
+                  }
+                )
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: errorId,
+              role: "alert",
+              "data-slot": "user-picker-error",
+              className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+              children: error
+            }
+          ),
+          open && createPortal(
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: floatingRef,
+                style,
+                "data-slot": "user-picker-popover",
+                className: "border-border bg-card text-card-foreground flex flex-col overflow-hidden rounded-md border shadow-lg",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "border-border flex items-center gap-2 border-b px-3", children: [
+                    /* @__PURE__ */ jsx(
+                      Search,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground h-4 w-4 shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: searchRef,
+                        type: "text",
+                        role: "combobox",
+                        "aria-label": labels.search,
+                        "aria-expanded": "true",
+                        "aria-controls": listId,
+                        "aria-autocomplete": "list",
+                        "aria-activedescendant": rows[activeIndex] ? optionId(activeIndex) : void 0,
+                        autoComplete: "off",
+                        placeholder: labels.search,
+                        value: query,
+                        onChange: (e) => {
+                          setQuery(e.target.value);
+                          setActiveIndex(0);
+                          onQueryChange?.(e.target.value);
+                        },
+                        onKeyDown: handleSearchKeyDown,
+                        className: "placeholder:text-muted-foreground text-foreground h-9 w-full bg-transparent text-sm outline-none"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      id: listId,
+                      role: "listbox",
+                      "aria-labelledby": labelId,
+                      "aria-multiselectable": multiple || void 0,
+                      "aria-busy": loading || void 0,
+                      className: "min-h-0 flex-1 overflow-auto py-1",
+                      children: loading ? /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          role: "status",
+                          className: "text-muted-foreground flex items-center gap-2 px-3 py-2 text-sm",
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Loader2,
+                              {
+                                "aria-hidden": "true",
+                                className: "h-4 w-4 animate-spin motion-reduce:animate-none"
+                              }
+                            ),
+                            labels.loading
+                          ]
+                        }
+                      ) : rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: labels.noResults }) : rows.map((row, i) => {
+                        const selected = row.kind === "none" ? selectedIds.length === 0 : selectedIds.includes(row.user.id);
+                        return /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            tabIndex: -1,
+                            id: optionId(i),
+                            role: "option",
+                            "aria-selected": selected,
+                            "data-active": i === activeIndex || void 0,
+                            onMouseEnter: () => setActiveIndex(i),
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => choose(row),
+                            className: cn(
+                              "flex w-full items-center gap-2 px-3 py-2 text-start text-sm",
+                              i === activeIndex ? "bg-muted" : "hover:bg-muted"
+                            ),
+                            children: [
+                              row.kind === "none" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx("span", { className: "bg-muted text-muted-foreground inline-flex h-6 w-6 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
+                                  UserX,
+                                  {
+                                    "aria-hidden": "true",
+                                    className: "h-3.5 w-3.5"
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsx("span", { className: "flex-1", children: labels.unassigned })
+                              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(
+                                  Avatar,
+                                  {
+                                    "aria-hidden": "true",
+                                    size: "xs",
+                                    src: row.user.avatarUrl,
+                                    name: row.user.name,
+                                    alt: ""
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "block truncate", children: row.user.name }),
+                                  row.user.email && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block truncate text-xs", children: row.user.email })
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsx(
+                                Check,
+                                {
+                                  "aria-hidden": "true",
+                                  className: cn(
+                                    "text-primary-600 dark:text-primary-400 h-4 w-4 shrink-0",
+                                    !selected && "invisible"
+                                  )
+                                }
+                              )
+                            ]
+                          },
+                          row.kind === "none" ? "__none__" : row.user.id
+                        );
+                      })
+                    }
+                  )
+                ]
+              }
+            ),
+            document.body
+          )
+        ]
+      }
+    );
+  }
+);
+UserPicker.displayName = "UserPicker";
+
+export { UserPicker, defaultUserPickerLabels };
+//# sourceMappingURL=chunk-SZSRGUVO.js.map
+//# sourceMappingURL=chunk-SZSRGUVO.js.map

package/dist/chunk-SZSRGUVO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UserPicker/UserPicker.tsx"],"names":["UserPicker"],"mappings":"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","file":"chunk-SZSRGUVO.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, ChevronDown, Loader2, Search, UserX } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { Avatar } from '../Avatar';\nimport { AvatarGroup } from '../AvatarGroup';\n\nexport interface UserPickerUser {\n  id: string;\n  name: string;\n  email?: string;\n  avatarUrl?: string;\n}\n\nexport interface UserPickerLabels {\n  placeholder: string;\n  unassigned: string;\n  search: string;\n  noResults: string;\n  loading: string;\n  selectedCount: (count: number) => string;\n  saving: string;\n  saveFailed: string;\n}\n\nexport const defaultUserPickerLabels: UserPickerLabels = {\n  placeholder: 'Select a user',\n  unassigned: 'Unassigned',\n  search: 'Search users',\n  noResults: 'No matching users',\n  loading: 'Loading users…',\n  selectedCount: (count) => `${count} selected`,\n  saving: 'Saving…',\n  saveFailed: 'Could not save. Try again.',\n};\n\nconst triggerVariants = cva(\n  [\n    'flex w-full items-center gap-2 rounded-lg border border-input bg-background text-start text-foreground',\n    'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: { sm: 'min-h-8 px-2 py-1 text-sm', md: 'min-h-10 px-3 py-1.5' },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\ninterface UserPickerBaseProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof triggerVariants> {\n  users: UserPickerUser[];\n  /** Field label; also the accessible name of the trigger. */\n  label: string;\n  /** Visually hide the label. */\n  hideLabel?: boolean;\n  /** Offer an \"Unassigned\" option that clears the selection. */\n  allowUnassigned?: boolean;\n  /** Show a loading row instead of options. */\n  loading?: boolean;\n  disabled?: boolean;\n  /** Called as the search query changes (for server-side search). */\n  onQueryChange?: (query: string) => void;\n  /** Translatable strings. */\n  labels?: Partial<UserPickerLabels>;\n}\n\nexport interface UserPickerSingleProps extends UserPickerBaseProps {\n  multiple?: false;\n  value: string | null;\n  /** May return a promise; a rejection restores the previous value. */\n  onChange: (value: string | null) => void | Promise<void>;\n}\n\nexport interface UserPickerMultipleProps extends UserPickerBaseProps {\n  multiple: true;\n  value: string[];\n  /** May return a promise; a rejection restores the previous value. */\n  onChange: (value: string[]) => void | Promise<void>;\n}\n\nexport type UserPickerProps = UserPickerSingleProps | UserPickerMultipleProps;\n\ntype Row = { kind: 'none' } | { kind: 'user'; user: UserPickerUser };\n\n/**\n * Choose one or several users (owners, assignees) from a searchable list\n * with avatars.\n */\nexport const UserPicker = React.forwardRef<HTMLDivElement, UserPickerProps>(\n  function UserPicker(props, ref) {\n    const {\n      users,\n      label,\n      hideLabel,\n      allowUnassigned,\n      loading,\n      disabled,\n      onQueryChange,\n      labels: labelOverrides,\n      size,\n      className,\n      multiple,\n      value,\n      onChange,\n      ...rest\n    } = props;\n    const labels = { ...defaultUserPickerLabels, ...labelOverrides };\n    const [open, setOpen] = React.useState(false);\n    const [query, setQuery] = React.useState('');\n    const [activeIndex, setActiveIndex] = React.useState(0);\n    const [pendingIds, setPendingIds] = React.useState<string[] | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n    const searchRef = React.useRef<HTMLInputElement>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const id = React.useId();\n    const labelId = `${id}-label`;\n    const listId = `${id}-list`;\n    const errorId = `${id}-error`;\n\n    const { anchorRef, floatingRef, style } = useAnchoredPosition<\n      HTMLButtonElement,\n      HTMLDivElement\n    >({ open, matchMinWidth: true, maxHeight: 320 });\n    const outsideRefs = React.useMemo(\n      () => [containerRef, floatingRef],\n      [floatingRef]\n    );\n    useClickOutside(outsideRefs, () => setOpen(false), open);\n\n    const committed = multiple\n      ? (value as string[])\n      : value\n        ? [value as string]\n        : [];\n    const selectedIds = pendingIds ?? committed;\n    // Server-side search may replace `users` with results that omit people\n    // who are already selected; remember every record seen so the trigger\n    // keeps showing them instead of falling back to the placeholder.\n    const seenUsers = React.useRef(new Map<string, UserPickerUser>());\n    React.useEffect(() => {\n      for (const u of users) seenUsers.current.set(u.id, u);\n    }, [users]);\n    const selectedUsers = selectedIds\n      .map(\n        (uid) => users.find((u) => u.id === uid) ?? seenUsers.current.get(uid)\n      )\n      .filter((u): u is UserPickerUser => !!u);\n\n    const q = query.trim().toLowerCase();\n    const rows: Row[] = [\n      ...(allowUnassigned && !q ? [{ kind: 'none' } as const] : []),\n      ...users\n        .filter(\n          (u) =>\n            !q ||\n            u.name.toLowerCase().includes(q) ||\n            u.email?.toLowerCase().includes(q)\n        )\n        .map((user) => ({ kind: 'user', user }) as const),\n    ];\n    const optionId = (i: number) => `${listId}-${i}`;\n\n    React.useEffect(() => {\n      if (open) searchRef.current?.focus();\n    }, [open]);\n\n    React.useEffect(() => {\n      if (open) {\n        document\n          .getElementById(`${listId}-${activeIndex}`)\n          ?.scrollIntoView?.({ block: 'nearest' });\n      }\n    }, [open, activeIndex, listId]);\n\n    const openList = () => {\n      if (disabled || pendingIds) return;\n      const first = rows.findIndex(\n        (r) => r.kind === 'user' && selectedIds.includes(r.user.id)\n      );\n      setActiveIndex(Math.max(first, 0));\n      setOpen(true);\n    };\n\n    const close = (refocus: boolean) => {\n      setOpen(false);\n      setQuery('');\n      onQueryChange?.('');\n      if (refocus) triggerRef.current?.focus();\n    };\n\n    const emit = async (next: string[]) => {\n      setError(null);\n      setPendingIds(next);\n      try {\n        if (multiple) {\n          await (onChange as UserPickerMultipleProps['onChange'])(next);\n        } else {\n          await (onChange as UserPickerSingleProps['onChange'])(\n            next[0] ?? null\n          );\n        }\n      } catch (e) {\n        setError(\n          e instanceof Error && e.message ? e.message : labels.saveFailed\n        );\n      } finally {\n        setPendingIds(null);\n      }\n    };\n\n    const choose = (row: Row) => {\n      if (pendingIds) return;\n      if (row.kind === 'none') {\n        void emit([]);\n        close(true);\n      } else if (multiple) {\n        const uid = row.user.id;\n        void emit(\n          selectedIds.includes(uid)\n            ? selectedIds.filter((s) => s !== uid)\n            : [...selectedIds, uid]\n        );\n      } else {\n        if (row.user.id !== committed[0]) void emit([row.user.id]);\n        close(true);\n      }\n    };\n\n    const handleSearchKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const last = rows.length - 1;\n      const moves: Record<string, number> = {\n        ArrowDown: Math.min(activeIndex + 1, last),\n        ArrowUp: Math.max(activeIndex - 1, 0),\n        Home: 0,\n        End: last,\n      };\n      if (e.key in moves) {\n        e.preventDefault();\n        setActiveIndex(moves[e.key]);\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        if (rows[activeIndex]) choose(rows[activeIndex]);\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        close(true);\n      } else if (e.key === 'Tab') {\n        close(false);\n      }\n    };\n\n    const summary =\n      selectedUsers.length === 0 ? (\n        <span className=\"text-muted-foreground truncate\">\n          {allowUnassigned ? labels.unassigned : labels.placeholder}\n        </span>\n      ) : selectedUsers.length === 1 ? (\n        <>\n          <Avatar\n            aria-hidden=\"true\"\n            size=\"xs\"\n            src={selectedUsers[0].avatarUrl}\n            name={selectedUsers[0].name}\n            alt=\"\"\n          />\n          <span className=\"truncate\">{selectedUsers[0].name}</span>\n        </>\n      ) : (\n        <>\n          <AvatarGroup size=\"xs\" max={3} aria-hidden=\"true\">\n            {selectedUsers.map((u) => (\n              <Avatar key={u.id} src={u.avatarUrl} name={u.name} />\n            ))}\n          </AvatarGroup>\n          <span className=\"truncate\">\n            {labels.selectedCount(selectedUsers.length)}\n          </span>\n        </>\n      );\n\n    return (\n      <div\n        ref={(node) => {\n          containerRef.current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) ref.current = node;\n        }}\n        data-slot=\"user-picker\"\n        className={cn('w-full', className)}\n        {...rest}\n      >\n        <span\n          id={labelId}\n          className={cn(\n            'text-foreground mb-1.5 block text-sm font-medium',\n            hideLabel && 'sr-only'\n          )}\n        >\n          {label}\n        </span>\n        <button\n          ref={(node) => {\n            triggerRef.current = node;\n            anchorRef.current = node;\n          }}\n          type=\"button\"\n          id={`${id}-trigger`}\n          data-slot=\"user-picker-trigger\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={open}\n          aria-controls={open ? listId : undefined}\n          aria-labelledby={`${labelId} ${id}-trigger`}\n          aria-describedby={error ? errorId : undefined}\n          aria-busy={pendingIds ? true : undefined}\n          disabled={disabled}\n          onClick={() => (open ? close(false) : openList())}\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown' && !open) {\n              e.preventDefault();\n              openList();\n            }\n          }}\n          className={triggerVariants({ size })}\n        >\n          <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n            {summary}\n          </span>\n          {pendingIds ? (\n            <span role=\"status\" className=\"inline-flex\">\n              <Loader2\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none\"\n              />\n              <span className=\"sr-only\">{labels.saving}</span>\n            </span>\n          ) : (\n            <ChevronDown\n              aria-hidden=\"true\"\n              className=\"text-muted-foreground h-4 w-4 shrink-0\"\n            />\n          )}\n        </button>\n        {error && (\n          <p\n            id={errorId}\n            role=\"alert\"\n            data-slot=\"user-picker-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n          >\n            {error}\n          </p>\n        )}\n        {open &&\n          createPortal(\n            <div\n              ref={floatingRef}\n              style={style}\n              data-slot=\"user-picker-popover\"\n              className=\"border-border bg-card text-card-foreground flex flex-col overflow-hidden rounded-md border shadow-lg\"\n            >\n              <div className=\"border-border flex items-center gap-2 border-b px-3\">\n                <Search\n                  aria-hidden=\"true\"\n                  className=\"text-muted-foreground h-4 w-4 shrink-0\"\n                />\n                <input\n                  ref={searchRef}\n                  type=\"text\"\n                  role=\"combobox\"\n                  aria-label={labels.search}\n                  aria-expanded=\"true\"\n                  aria-controls={listId}\n                  aria-autocomplete=\"list\"\n                  aria-activedescendant={\n                    rows[activeIndex] ? optionId(activeIndex) : undefined\n                  }\n                  autoComplete=\"off\"\n                  placeholder={labels.search}\n                  value={query}\n                  onChange={(e) => {\n                    setQuery(e.target.value);\n                    setActiveIndex(0);\n                    onQueryChange?.(e.target.value);\n                  }}\n                  onKeyDown={handleSearchKeyDown}\n                  className=\"placeholder:text-muted-foreground text-foreground h-9 w-full bg-transparent text-sm outline-none\"\n                />\n              </div>\n              <div\n                id={listId}\n                role=\"listbox\"\n                aria-labelledby={labelId}\n                aria-multiselectable={multiple || undefined}\n                aria-busy={loading || undefined}\n                className=\"min-h-0 flex-1 overflow-auto py-1\"\n              >\n                {loading ? (\n                  <div\n                    role=\"status\"\n                    className=\"text-muted-foreground flex items-center gap-2 px-3 py-2 text-sm\"\n                  >\n                    <Loader2\n                      aria-hidden=\"true\"\n                      className=\"h-4 w-4 animate-spin motion-reduce:animate-none\"\n                    />\n                    {labels.loading}\n                  </div>\n                ) : rows.length === 0 ? (\n                  <div className=\"text-muted-foreground px-3 py-2 text-sm\">\n                    {labels.noResults}\n                  </div>\n                ) : (\n                  rows.map((row, i) => {\n                    const selected =\n                      row.kind === 'none'\n                        ? selectedIds.length === 0\n                        : selectedIds.includes(row.user.id);\n                    return (\n                      <button\n                        key={row.kind === 'none' ? '__none__' : row.user.id}\n                        type=\"button\"\n                        tabIndex={-1}\n                        id={optionId(i)}\n                        role=\"option\"\n                        aria-selected={selected}\n                        data-active={i === activeIndex || undefined}\n                        onMouseEnter={() => setActiveIndex(i)}\n                        onMouseDown={(e) => e.preventDefault()}\n                        onClick={() => choose(row)}\n                        className={cn(\n                          'flex w-full items-center gap-2 px-3 py-2 text-start text-sm',\n                          i === activeIndex ? 'bg-muted' : 'hover:bg-muted'\n                        )}\n                      >\n                        {row.kind === 'none' ? (\n                          <>\n                            <span className=\"bg-muted text-muted-foreground inline-flex h-6 w-6 items-center justify-center rounded-full\">\n                              <UserX\n                                aria-hidden=\"true\"\n                                className=\"h-3.5 w-3.5\"\n                              />\n                            </span>\n                            <span className=\"flex-1\">{labels.unassigned}</span>\n                          </>\n                        ) : (\n                          <>\n                            <Avatar\n                              aria-hidden=\"true\"\n                              size=\"xs\"\n                              src={row.user.avatarUrl}\n                              name={row.user.name}\n                              alt=\"\"\n                            />\n                            <span className=\"min-w-0 flex-1\">\n                              <span className=\"block truncate\">\n                                {row.user.name}\n                              </span>\n                              {row.user.email && (\n                                <span className=\"text-muted-foreground block truncate text-xs\">\n                                  {row.user.email}\n                                </span>\n                              )}\n                            </span>\n                          </>\n                        )}\n                        <Check\n                          aria-hidden=\"true\"\n                          className={cn(\n                            'text-primary-600 dark:text-primary-400 h-4 w-4 shrink-0',\n                            !selected && 'invisible'\n                          )}\n                        />\n                      </button>\n                    );\n                  })\n                )}\n              </div>\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n\nUserPicker.displayName = 'UserPicker';\n"]}

package/dist/{chunk-NJ6MY6V5.js → chunk-T5BBZQ66.js}

@@ -1,6 +1,6 @@
+import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
 import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
-import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
@@ -352,5 +352,5 @@ function CountryCodeDropdown(props) {
 CountryCodeDropdown.displayName = "CountryCodeDropdown";
 
 export { CountryCodeDropdown, CountryDropdownBase, formatE164, validatePhoneNumber };
-//# sourceMappingURL=chunk-NJ6MY6V5.js.map
-//# sourceMappingURL=chunk-NJ6MY6V5.js.map
+//# sourceMappingURL=chunk-T5BBZQ66.js.map
+//# sourceMappingURL=chunk-T5BBZQ66.js.map

package/dist/{chunk-NJ6MY6V5.js.map → chunk-T5BBZQ66.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CountryCodeDropdown/CountryCodeDropdown.tsx"],"names":["PhoneNumberUtil","PhoneNumberFormat"],"mappings":"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","file":"chunk-NJ6MY6V5.js","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  /**\n   * The currently selected country code (ISO alpha-2, e.g. \"US\").\n   * Pass `\"\"` for a controlled component with no selection.\n   */\n  value?: string;\n  /**\n   * Initial selection when uncontrolled (`value` undefined).\n   * `CountryCodeDropdown` defaults to \"US\"; `CountryDropdown` defaults to no selection.\n   */\n  defaultValue?: string;\n  /** Trigger text shown when nothing is selected */\n  placeholder?: 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(countryFromCode);\n  list.sort((a, b) => a.name.localeCompare(b.name));\n  return list;\n}\n\n/** Build a single country's data without loading the full list. */\nfunction countryFromCode(code: string): CountryData {\n  return {\n    code,\n    name: regionDisplayName(code),\n    dialCode: `+${PhoneNumberUtil.getInstance().getCountryCodeForRegion(code)}`,\n    flag: isoToEmoji(code),\n  };\n}\n\n/** Whether libphonenumber knows this ISO alpha-2 region. */\nfunction isSupportedRegion(code: string): boolean {\n  return (\n    PhoneNumberUtil.getInstance().getSupportedRegions() as string[]\n  ).includes(code);\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  defaultValue = 'US',\n  placeholder = 'Select country…',\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(defaultValue);\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<CountryData | null>(() => {\n    if (!activeValue) return null;\n    if (countries.length) {\n      return countries.find((c) => c.code === activeValue) ?? null;\n    }\n    // Lightweight fallback while list hasn't loaded yet\n    return isSupportedRegion(activeValue) ? countryFromCode(activeValue) : null;\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        {!selected ? (\n          <span\n            data-slot=\"country-dropdown-placeholder\"\n            className=\"text-muted-foreground min-w-0 truncate\"\n          >\n            {placeholder}\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-start 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","PhoneNumberFormat"],"mappings":"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","file":"chunk-T5BBZQ66.js","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  /**\n   * The currently selected country code (ISO alpha-2, e.g. \"US\").\n   * Pass `\"\"` for a controlled component with no selection.\n   */\n  value?: string;\n  /**\n   * Initial selection when uncontrolled (`value` undefined).\n   * `CountryCodeDropdown` defaults to \"US\"; `CountryDropdown` defaults to no selection.\n   */\n  defaultValue?: string;\n  /** Trigger text shown when nothing is selected */\n  placeholder?: 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(countryFromCode);\n  list.sort((a, b) => a.name.localeCompare(b.name));\n  return list;\n}\n\n/** Build a single country's data without loading the full list. */\nfunction countryFromCode(code: string): CountryData {\n  return {\n    code,\n    name: regionDisplayName(code),\n    dialCode: `+${PhoneNumberUtil.getInstance().getCountryCodeForRegion(code)}`,\n    flag: isoToEmoji(code),\n  };\n}\n\n/** Whether libphonenumber knows this ISO alpha-2 region. */\nfunction isSupportedRegion(code: string): boolean {\n  return (\n    PhoneNumberUtil.getInstance().getSupportedRegions() as string[]\n  ).includes(code);\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  defaultValue = 'US',\n  placeholder = 'Select country…',\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(defaultValue);\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<CountryData | null>(() => {\n    if (!activeValue) return null;\n    if (countries.length) {\n      return countries.find((c) => c.code === activeValue) ?? null;\n    }\n    // Lightweight fallback while list hasn't loaded yet\n    return isSupportedRegion(activeValue) ? countryFromCode(activeValue) : null;\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        {!selected ? (\n          <span\n            data-slot=\"country-dropdown-placeholder\"\n            className=\"text-muted-foreground min-w-0 truncate\"\n          >\n            {placeholder}\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-start 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"]}