@assure-one/design-system 0.17.0 → 1.1.0

package/dist/index.js

@@ -25,6 +25,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import Link from 'next/link';
 import Image2 from 'next/image';
 import { OTPInput as OTPInput$1, REGEXP_ONLY_DIGITS } from 'input-otp';
+import * as AllFlags from 'country-flag-icons/react/3x2';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
@@ -3053,7 +3054,7 @@ var Checkbox = React36.forwardRef(function Checkbox2({
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
           "hover:border-fg-4",
-          "focus-visible:border-accent focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+          "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
           "data-[state=checked]:border-pro-fg data-[state=checked]:bg-pro-bg",
           "data-[state=indeterminate]:border-pro-fg data-[state=indeterminate]:bg-pro-bg",
           "disabled:bg-bg-disabled disabled:border-rule disabled:text-fg-disabled disabled:cursor-not-allowed",
@@ -3087,7 +3088,7 @@ var SelectTrigger = React36.forwardRef(({ className, children, ...props }, ref)
       "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
       "motion-reduce:transition-none",
       "placeholder:text-fg-4",
-      "focus-visible:border-accent focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+      "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
       "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
       "data-[placeholder]:text-fg-4",
       "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
@@ -3651,6 +3652,7 @@ function ConfirmActionButton({
   title,
   description,
   confirmLabel = "Confirm",
+  pendingLabel,
   cancelLabel = "Cancel",
   onConfirm,
   destructive = true,
@@ -3691,7 +3693,7 @@ function ConfirmActionButton({
         setDialogOpen(next);
       },
       children: [
-        /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: trigger }),
+        trigger != null && /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: true, children: trigger }),
         /* @__PURE__ */ jsxs(AlertDialogContent, { className: contentClassName, children: [
           /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
             /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
@@ -3707,7 +3709,7 @@ function ConfirmActionButton({
                 className: cn(
                   !destructive && "bg-pro-fg text-fg-on-pro hover:bg-pro-hover active:bg-pro-active"
                 ),
-                children: confirmLabel
+                children: pending && pendingLabel != null ? pendingLabel : confirmLabel
               }
             )
           ] })
@@ -4188,7 +4190,7 @@ var DatePicker = forwardRef(function DatePicker2({
             "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
             "motion-reduce:transition-none",
             "placeholder:font-body placeholder:text-fg-4",
-            "focus-visible:border-accent focus-visible:outline-none",
+            "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:outline-none",
             "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
             "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
             "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
@@ -4370,7 +4372,7 @@ var DateRangePicker = forwardRef(
               "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
               "motion-reduce:transition-none",
               "hover:bg-bg-2",
-              "focus-visible:border-accent focus-visible:outline-none",
+              "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:outline-none",
               "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
               "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed disabled:hover:bg-bg-disabled",
               "data-[invalid=true]:border-danger-line data-[invalid=true]:focus-visible:border-danger-fg",
@@ -4886,7 +4888,7 @@ var inputVariants = cva(
     "flex w-full rounded-input border bg-surface font-body text-fg",
     "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
     "placeholder:text-fg-4",
-    "focus-visible:outline-none focus-visible:border-accent",
+    "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
     "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
@@ -5497,7 +5499,7 @@ function OTPSlot({ isActive, char, hasFakeCaret, hasError }) {
         "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
         "sm:h-14 sm:w-12 sm:text-xl",
         "border-rule-strong",
-        isActive && "border-accent z-10 [box-shadow:var(--shadow-focus-ring)]",
+        isActive && "[border-color:var(--focus-ring-border)] z-10 [box-shadow:var(--shadow-focus-ring)]",
         hasError && "border-danger-line",
         hasError && isActive && "border-danger-fg [box-shadow:0_0_0_2px_var(--color-danger-bg)]"
       ),
@@ -5683,6 +5685,367 @@ var PhoneInput = forwardRef(function PhoneInput2({ value, defaultValue, onChange
   ] });
 });
 PhoneInput.displayName = "PhoneInput";
+
+// src/lib/country-codes.ts
+var COUNTRY_CODES = [
+  { iso: "US", name: "United States", dialCode: "+1" },
+  { iso: "CA", name: "Canada", dialCode: "+1" },
+  { iso: "GB", name: "United Kingdom", dialCode: "+44" },
+  { iso: "AU", name: "Australia", dialCode: "+61" },
+  { iso: "IN", name: "India", dialCode: "+91" },
+  { iso: "AF", name: "Afghanistan", dialCode: "+93" },
+  { iso: "AL", name: "Albania", dialCode: "+355" },
+  { iso: "DZ", name: "Algeria", dialCode: "+213" },
+  { iso: "AD", name: "Andorra", dialCode: "+376" },
+  { iso: "AO", name: "Angola", dialCode: "+244" },
+  { iso: "AG", name: "Antigua and Barbuda", dialCode: "+1268" },
+  { iso: "AR", name: "Argentina", dialCode: "+54" },
+  { iso: "AM", name: "Armenia", dialCode: "+374" },
+  { iso: "AT", name: "Austria", dialCode: "+43" },
+  { iso: "AZ", name: "Azerbaijan", dialCode: "+994" },
+  { iso: "BS", name: "Bahamas", dialCode: "+1242" },
+  { iso: "BH", name: "Bahrain", dialCode: "+973" },
+  { iso: "BD", name: "Bangladesh", dialCode: "+880" },
+  { iso: "BB", name: "Barbados", dialCode: "+1246" },
+  { iso: "BY", name: "Belarus", dialCode: "+375" },
+  { iso: "BE", name: "Belgium", dialCode: "+32" },
+  { iso: "BZ", name: "Belize", dialCode: "+501" },
+  { iso: "BJ", name: "Benin", dialCode: "+229" },
+  { iso: "BT", name: "Bhutan", dialCode: "+975" },
+  { iso: "BO", name: "Bolivia", dialCode: "+591" },
+  { iso: "BA", name: "Bosnia and Herzegovina", dialCode: "+387" },
+  { iso: "BW", name: "Botswana", dialCode: "+267" },
+  { iso: "BR", name: "Brazil", dialCode: "+55" },
+  { iso: "BN", name: "Brunei", dialCode: "+673" },
+  { iso: "BG", name: "Bulgaria", dialCode: "+359" },
+  { iso: "BF", name: "Burkina Faso", dialCode: "+226" },
+  { iso: "BI", name: "Burundi", dialCode: "+257" },
+  { iso: "KH", name: "Cambodia", dialCode: "+855" },
+  { iso: "CM", name: "Cameroon", dialCode: "+237" },
+  { iso: "CV", name: "Cape Verde", dialCode: "+238" },
+  { iso: "CF", name: "Central African Republic", dialCode: "+236" },
+  { iso: "TD", name: "Chad", dialCode: "+235" },
+  { iso: "CL", name: "Chile", dialCode: "+56" },
+  { iso: "CN", name: "China", dialCode: "+86" },
+  { iso: "CO", name: "Colombia", dialCode: "+57" },
+  { iso: "KM", name: "Comoros", dialCode: "+269" },
+  { iso: "CG", name: "Congo", dialCode: "+242" },
+  { iso: "CD", name: "Congo, DR", dialCode: "+243" },
+  { iso: "CR", name: "Costa Rica", dialCode: "+506" },
+  { iso: "HR", name: "Croatia", dialCode: "+385" },
+  { iso: "CU", name: "Cuba", dialCode: "+53" },
+  { iso: "CY", name: "Cyprus", dialCode: "+357" },
+  { iso: "CZ", name: "Czech Republic", dialCode: "+420" },
+  { iso: "DK", name: "Denmark", dialCode: "+45" },
+  { iso: "DJ", name: "Djibouti", dialCode: "+253" },
+  { iso: "DM", name: "Dominica", dialCode: "+1767" },
+  { iso: "DO", name: "Dominican Republic", dialCode: "+1809" },
+  { iso: "EC", name: "Ecuador", dialCode: "+593" },
+  { iso: "EG", name: "Egypt", dialCode: "+20" },
+  { iso: "SV", name: "El Salvador", dialCode: "+503" },
+  { iso: "GQ", name: "Equatorial Guinea", dialCode: "+240" },
+  { iso: "ER", name: "Eritrea", dialCode: "+291" },
+  { iso: "EE", name: "Estonia", dialCode: "+372" },
+  { iso: "SZ", name: "Eswatini", dialCode: "+268" },
+  { iso: "ET", name: "Ethiopia", dialCode: "+251" },
+  { iso: "FJ", name: "Fiji", dialCode: "+679" },
+  { iso: "FI", name: "Finland", dialCode: "+358" },
+  { iso: "FR", name: "France", dialCode: "+33" },
+  { iso: "GA", name: "Gabon", dialCode: "+241" },
+  { iso: "GM", name: "Gambia", dialCode: "+220" },
+  { iso: "GE", name: "Georgia", dialCode: "+995" },
+  { iso: "DE", name: "Germany", dialCode: "+49" },
+  { iso: "GH", name: "Ghana", dialCode: "+233" },
+  { iso: "GR", name: "Greece", dialCode: "+30" },
+  { iso: "GD", name: "Grenada", dialCode: "+1473" },
+  { iso: "GT", name: "Guatemala", dialCode: "+502" },
+  { iso: "GN", name: "Guinea", dialCode: "+224" },
+  { iso: "GW", name: "Guinea-Bissau", dialCode: "+245" },
+  { iso: "GY", name: "Guyana", dialCode: "+592" },
+  { iso: "HT", name: "Haiti", dialCode: "+509" },
+  { iso: "HN", name: "Honduras", dialCode: "+504" },
+  { iso: "HK", name: "Hong Kong", dialCode: "+852" },
+  { iso: "HU", name: "Hungary", dialCode: "+36" },
+  { iso: "IS", name: "Iceland", dialCode: "+354" },
+  { iso: "ID", name: "Indonesia", dialCode: "+62" },
+  { iso: "IR", name: "Iran", dialCode: "+98" },
+  { iso: "IQ", name: "Iraq", dialCode: "+964" },
+  { iso: "IE", name: "Ireland", dialCode: "+353" },
+  { iso: "IL", name: "Israel", dialCode: "+972" },
+  { iso: "IT", name: "Italy", dialCode: "+39" },
+  { iso: "CI", name: "Ivory Coast", dialCode: "+225" },
+  { iso: "JM", name: "Jamaica", dialCode: "+1876" },
+  { iso: "JP", name: "Japan", dialCode: "+81" },
+  { iso: "JO", name: "Jordan", dialCode: "+962" },
+  { iso: "KZ", name: "Kazakhstan", dialCode: "+7" },
+  { iso: "KE", name: "Kenya", dialCode: "+254" },
+  { iso: "KI", name: "Kiribati", dialCode: "+686" },
+  { iso: "KW", name: "Kuwait", dialCode: "+965" },
+  { iso: "KG", name: "Kyrgyzstan", dialCode: "+996" },
+  { iso: "LA", name: "Laos", dialCode: "+856" },
+  { iso: "LV", name: "Latvia", dialCode: "+371" },
+  { iso: "LB", name: "Lebanon", dialCode: "+961" },
+  { iso: "LS", name: "Lesotho", dialCode: "+266" },
+  { iso: "LR", name: "Liberia", dialCode: "+231" },
+  { iso: "LY", name: "Libya", dialCode: "+218" },
+  { iso: "LI", name: "Liechtenstein", dialCode: "+423" },
+  { iso: "LT", name: "Lithuania", dialCode: "+370" },
+  { iso: "LU", name: "Luxembourg", dialCode: "+352" },
+  { iso: "MO", name: "Macau", dialCode: "+853" },
+  { iso: "MG", name: "Madagascar", dialCode: "+261" },
+  { iso: "MW", name: "Malawi", dialCode: "+265" },
+  { iso: "MY", name: "Malaysia", dialCode: "+60" },
+  { iso: "MV", name: "Maldives", dialCode: "+960" },
+  { iso: "ML", name: "Mali", dialCode: "+223" },
+  { iso: "MT", name: "Malta", dialCode: "+356" },
+  { iso: "MH", name: "Marshall Islands", dialCode: "+692" },
+  { iso: "MR", name: "Mauritania", dialCode: "+222" },
+  { iso: "MU", name: "Mauritius", dialCode: "+230" },
+  { iso: "MX", name: "Mexico", dialCode: "+52" },
+  { iso: "FM", name: "Micronesia", dialCode: "+691" },
+  { iso: "MD", name: "Moldova", dialCode: "+373" },
+  { iso: "MC", name: "Monaco", dialCode: "+377" },
+  { iso: "MN", name: "Mongolia", dialCode: "+976" },
+  { iso: "ME", name: "Montenegro", dialCode: "+382" },
+  { iso: "MA", name: "Morocco", dialCode: "+212" },
+  { iso: "MZ", name: "Mozambique", dialCode: "+258" },
+  { iso: "MM", name: "Myanmar", dialCode: "+95" },
+  { iso: "NA", name: "Namibia", dialCode: "+264" },
+  { iso: "NR", name: "Nauru", dialCode: "+674" },
+  { iso: "NP", name: "Nepal", dialCode: "+977" },
+  { iso: "NL", name: "Netherlands", dialCode: "+31" },
+  { iso: "NZ", name: "New Zealand", dialCode: "+64" },
+  { iso: "NI", name: "Nicaragua", dialCode: "+505" },
+  { iso: "NE", name: "Niger", dialCode: "+227" },
+  { iso: "NG", name: "Nigeria", dialCode: "+234" },
+  { iso: "KP", name: "North Korea", dialCode: "+850" },
+  { iso: "MK", name: "North Macedonia", dialCode: "+389" },
+  { iso: "NO", name: "Norway", dialCode: "+47" },
+  { iso: "OM", name: "Oman", dialCode: "+968" },
+  { iso: "PK", name: "Pakistan", dialCode: "+92" },
+  { iso: "PW", name: "Palau", dialCode: "+680" },
+  { iso: "PS", name: "Palestine", dialCode: "+970" },
+  { iso: "PA", name: "Panama", dialCode: "+507" },
+  { iso: "PG", name: "Papua New Guinea", dialCode: "+675" },
+  { iso: "PY", name: "Paraguay", dialCode: "+595" },
+  { iso: "PE", name: "Peru", dialCode: "+51" },
+  { iso: "PH", name: "Philippines", dialCode: "+63" },
+  { iso: "PL", name: "Poland", dialCode: "+48" },
+  { iso: "PT", name: "Portugal", dialCode: "+351" },
+  { iso: "PR", name: "Puerto Rico", dialCode: "+1787" },
+  { iso: "QA", name: "Qatar", dialCode: "+974" },
+  { iso: "RO", name: "Romania", dialCode: "+40" },
+  { iso: "RU", name: "Russia", dialCode: "+7" },
+  { iso: "RW", name: "Rwanda", dialCode: "+250" },
+  { iso: "KN", name: "Saint Kitts and Nevis", dialCode: "+1869" },
+  { iso: "LC", name: "Saint Lucia", dialCode: "+1758" },
+  { iso: "VC", name: "Saint Vincent", dialCode: "+1784" },
+  { iso: "WS", name: "Samoa", dialCode: "+685" },
+  { iso: "SM", name: "San Marino", dialCode: "+378" },
+  { iso: "ST", name: "Sao Tome and Principe", dialCode: "+239" },
+  { iso: "SA", name: "Saudi Arabia", dialCode: "+966" },
+  { iso: "SN", name: "Senegal", dialCode: "+221" },
+  { iso: "RS", name: "Serbia", dialCode: "+381" },
+  { iso: "SC", name: "Seychelles", dialCode: "+248" },
+  { iso: "SL", name: "Sierra Leone", dialCode: "+232" },
+  { iso: "SG", name: "Singapore", dialCode: "+65" },
+  { iso: "SK", name: "Slovakia", dialCode: "+421" },
+  { iso: "SI", name: "Slovenia", dialCode: "+386" },
+  { iso: "SB", name: "Solomon Islands", dialCode: "+677" },
+  { iso: "SO", name: "Somalia", dialCode: "+252" },
+  { iso: "ZA", name: "South Africa", dialCode: "+27" },
+  { iso: "KR", name: "South Korea", dialCode: "+82" },
+  { iso: "SS", name: "South Sudan", dialCode: "+211" },
+  { iso: "ES", name: "Spain", dialCode: "+34" },
+  { iso: "LK", name: "Sri Lanka", dialCode: "+94" },
+  { iso: "SD", name: "Sudan", dialCode: "+249" },
+  { iso: "SR", name: "Suriname", dialCode: "+597" },
+  { iso: "SE", name: "Sweden", dialCode: "+46" },
+  { iso: "CH", name: "Switzerland", dialCode: "+41" },
+  { iso: "SY", name: "Syria", dialCode: "+963" },
+  { iso: "TW", name: "Taiwan", dialCode: "+886" },
+  { iso: "TJ", name: "Tajikistan", dialCode: "+992" },
+  { iso: "TZ", name: "Tanzania", dialCode: "+255" },
+  { iso: "TH", name: "Thailand", dialCode: "+66" },
+  { iso: "TL", name: "Timor-Leste", dialCode: "+670" },
+  { iso: "TG", name: "Togo", dialCode: "+228" },
+  { iso: "TO", name: "Tonga", dialCode: "+676" },
+  { iso: "TT", name: "Trinidad and Tobago", dialCode: "+1868" },
+  { iso: "TN", name: "Tunisia", dialCode: "+216" },
+  { iso: "TR", name: "Turkey", dialCode: "+90" },
+  { iso: "TM", name: "Turkmenistan", dialCode: "+993" },
+  { iso: "TV", name: "Tuvalu", dialCode: "+688" },
+  { iso: "UG", name: "Uganda", dialCode: "+256" },
+  { iso: "UA", name: "Ukraine", dialCode: "+380" },
+  { iso: "AE", name: "United Arab Emirates", dialCode: "+971" },
+  { iso: "UY", name: "Uruguay", dialCode: "+598" },
+  { iso: "UZ", name: "Uzbekistan", dialCode: "+998" },
+  { iso: "VU", name: "Vanuatu", dialCode: "+678" },
+  { iso: "VE", name: "Venezuela", dialCode: "+58" },
+  { iso: "VN", name: "Vietnam", dialCode: "+84" },
+  { iso: "YE", name: "Yemen", dialCode: "+967" },
+  { iso: "ZM", name: "Zambia", dialCode: "+260" },
+  { iso: "ZW", name: "Zimbabwe", dialCode: "+263" }
+];
+function getFlagEmoji(iso) {
+  return iso.toUpperCase().split("").map((c) => String.fromCodePoint(127456 + c.charCodeAt(0) - 65)).join("");
+}
+function parsePhoneForEditing(phone) {
+  if (!phone || !phone.startsWith("+")) {
+    return { iso: "US", localPhone: phone };
+  }
+  const sorted = [...COUNTRY_CODES].sort((a, b) => b.dialCode.length - a.dialCode.length);
+  for (const c of sorted) {
+    if (phone.startsWith(c.dialCode)) {
+      return { iso: c.iso, localPhone: phone.slice(c.dialCode.length).trimStart() };
+    }
+  }
+  return { iso: "US", localPhone: phone };
+}
+function CountryFlag({ iso }) {
+  const Flag = AllFlags[iso];
+  if (!Flag) return /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono", children: iso });
+  return /* @__PURE__ */ jsx(Flag, { style: { width: 20, height: 14, borderRadius: 2, display: "block", flexShrink: 0 } });
+}
+function CountrySelect({
+  value,
+  onChange,
+  disabled
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const searchRef = useRef(null);
+  const selected = COUNTRY_CODES.find((c) => c.iso === value) ?? COUNTRY_CODES[0];
+  const filtered = useMemo(() => {
+    const q = search.toLowerCase();
+    if (!q) return COUNTRY_CODES;
+    return COUNTRY_CODES.filter(
+      (c) => c.name.toLowerCase().includes(q) || c.dialCode.includes(q) || c.iso.toLowerCase().includes(q)
+    );
+  }, [search]);
+  return /* @__PURE__ */ jsxs(
+    PopoverPrimitive.Root,
+    {
+      modal: true,
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled,
+            "aria-label": "Select country code",
+            className: "flex h-10 w-[90px] shrink-0 items-center gap-1.5 rounded-lg border border-input bg-input-background px-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx(CountryFlag, { iso: selected.iso }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: selected.dialCode }),
+              /* @__PURE__ */ jsx("svg", { className: "ml-auto size-3 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+          PopoverPrimitive.Content,
+          {
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            style: { zIndex: 9999, minWidth: 248 },
+            className: "rounded-xl border border-border bg-popover shadow-xl outline-none",
+            onOpenAutoFocus: (e) => {
+              e.preventDefault();
+              searchRef.current?.focus({ preventScroll: true });
+            },
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            onKeyDown: (e) => {
+              if (e.key !== "Escape") e.stopPropagation();
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "rounded-t-xl border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-input bg-input-background px-2.5", children: [
+                /* @__PURE__ */ jsxs("svg", { className: "size-3.5 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: searchRef,
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    onKeyDown: (e) => e.stopPropagation(),
+                    placeholder: "Search country or code...",
+                    className: "h-8 flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "max-h-56 overflow-y-auto rounded-b-xl",
+                  style: { overscrollBehavior: "contain" },
+                  onWheel: (e) => e.stopPropagation(),
+                  children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: () => {
+                        onChange(c.iso);
+                        setOpen(false);
+                        setSearch("");
+                      },
+                      className: cn(
+                        "flex w-full items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-muted/60",
+                        c.iso === value && "bg-primary/5"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(CountryFlag, { iso: c.iso }),
+                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-xs text-foreground", children: c.name }),
+                        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: c.dialCode })
+                      ]
+                    },
+                    c.iso
+                  ))
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function PhoneCountryInput({
+  countryIso,
+  localPhone,
+  onCountryChange,
+  onPhoneChange,
+  placeholder,
+  error,
+  disabled,
+  id
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+      /* @__PURE__ */ jsx(CountrySelect, { value: countryIso, onChange: onCountryChange, disabled }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          value: localPhone,
+          onChange: (e) => onPhoneChange(e.target.value),
+          placeholder: placeholder ?? "(555) 555-0100",
+          disabled,
+          className: "flex-1"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: error })
+  ] });
+}
 var BARS = [
   { x: 1.5, y: 9, height: 5 },
   // bar 1 (shortest)
@@ -5886,7 +6249,7 @@ var RadioGroupItem = React36.forwardRef(function RadioGroupItem2({ className, la
         "peer border-rule-strong bg-surface text-pro-fg aspect-square size-4 shrink-0 rounded-full border",
         "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
         "hover:border-fg-4",
-        "focus-visible:border-accent focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
+        "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
         "data-[state=checked]:border-pro-fg",
         "disabled:bg-bg-disabled disabled:border-rule disabled:cursor-not-allowed",
         "aria-[invalid=true]:border-danger-line",
@@ -5975,7 +6338,7 @@ var searchInputVariants = cva(
     "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
     "motion-reduce:transition-none",
     "placeholder:text-fg-4",
-    "focus-visible:outline-none focus-visible:border-accent",
+    "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
     "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     // Hide the native search-cancel button — we render our own clear button.
@@ -7540,7 +7903,7 @@ var textareaVariants = cva(
     "flex w-full rounded-input border bg-surface font-body text-fg",
     "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
     "placeholder:text-fg-4",
-    "focus-visible:outline-none focus-visible:border-accent",
+    "focus-visible:outline-none focus-visible:[border-color:var(--focus-ring-border)]",
     "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
     "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
@@ -7897,7 +8260,7 @@ var Main = forwardRef(function Main2({ className, ...props }, ref) {
   );
 });
 Main.displayName = "Main";
-var Content15 = forwardRef(function Content16({ padTop, padBottom, className, style, ...props }, ref) {
+var Content16 = forwardRef(function Content17({ padTop, padBottom, className, style, ...props }, ref) {
   const paddingStyle = padTop || padBottom ? {
     ...padTop ? { paddingTop: padTop } : null,
     ...padBottom ? { paddingBottom: padBottom } : null,
@@ -7916,7 +8279,7 @@ var Content15 = forwardRef(function Content16({ padTop, padBottom, className, st
     }
   );
 });
-Content15.displayName = "Content";
+Content16.displayName = "Content";
 var SidebarContext = React36.createContext(null);
 var NOOP_CONTEXT = {
   state: "expanded",
@@ -10844,10 +11207,17 @@ function BulkActionBar({
       }
     );
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("sticky bottom-4 z-[var(--z-sticky)] mt-3", className), ...props, children: [
-    /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface mx-auto flex max-w-3xl flex-wrap items-center gap-3 rounded-full border px-4 py-2 shadow-card", children: content }),
-    footer
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("sticky bottom-4 z-[var(--z-sticky)] mt-3 flex justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-rule bg-surface flex w-fit max-w-full items-center gap-3 overflow-x-auto rounded-card border px-4 py-2 shadow-card", children: content }),
+        footer
+      ]
+    }
+  );
 }
 var PrimaryAction = forwardRef(
   function PrimaryAction2({ arrow, iconRight, children, className, ...props }, ref) {
@@ -10935,6 +11305,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map