@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.70-alpha.0

package/lib/features/job-search/ContactsPanel.js

@@ -0,0 +1,627 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {StyleSheet,ScrollView,Text,View,Pressable,ActivityIndicator,TextInput,Linking,Platform,Modal}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {CONTACT_STATUS_ORDER,CONTACT_STATUS_LABEL}from'./types.js';import {formatMdY,startOfDay,daysInMonth,leadingEmptyDays,addMonths,formatMonthYear,isSameDay}from'../travel/calendarDays.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var _a;
+const STATUS_COLOR = {
+  "to-reach": "#0284c7",
+  contacted: "#4f46e5",
+  replied: "#16a34a",
+  meeting: "#7c3aed",
+  cold: "#64748b"
+};
+const EMPTY_FORM = {
+  name: "",
+  company: "",
+  role: "",
+  relationship: "",
+  channel: "",
+  email: "",
+  linkedin: "",
+  nextTouch: "",
+  notes: ""
+};
+const WEEKDAYS = ["S", "M", "T", "W", "T", "F", "S"];
+const todayIso = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+const isOverdue = (nextTouch) => Boolean(nextTouch && nextTouch <= todayIso());
+function parseIsoDate(iso) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(iso)) return null;
+  const [y, m, d] = iso.split("-").map(Number);
+  const date = new Date(y, m - 1, d);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+function toIsoDate(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function formatDisplayDate(iso) {
+  const date = parseIsoDate(iso);
+  return date ? formatMdY(date) : "";
+}
+let HostDateTimePicker = null;
+try {
+  HostDateTimePicker = (_a = require("@react-native-community/datetimepicker").default) != null ? _a : null;
+} catch (e) {
+  HostDateTimePicker = null;
+}
+function ContactsPanel({
+  contacts,
+  loading,
+  storageConfigured = true,
+  error,
+  ink,
+  muted,
+  card,
+  border,
+  accent,
+  accentInk,
+  chip,
+  danger = "#e11d48",
+  onSave,
+  onDelete,
+  onRefresh
+}) {
+  const [adding, setAdding] = useState(false);
+  const [form, setForm] = useState(__spreadValues({}, EMPTY_FORM));
+  const [saving, setSaving] = useState(false);
+  const [statusOpenId, setStatusOpenId] = useState(null);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const setField = (key, value) => setForm((f) => __spreadProps(__spreadValues({}, f), {
+    [key]: value
+  }));
+  const submit = async () => {
+    if (!form.name.trim()) return;
+    setSaving(true);
+    try {
+      const saved = await onSave({
+        name: form.name.trim(),
+        company: form.company.trim() || void 0,
+        role: form.role.trim() || void 0,
+        relationship: form.relationship.trim() || void 0,
+        channel: form.channel.trim() || void 0,
+        email: form.email.trim() || void 0,
+        linkedin: form.linkedin.trim() || void 0,
+        nextTouch: form.nextTouch.trim() || void 0,
+        notes: form.notes.trim() || void 0,
+        status: "to-reach"
+      });
+      if (saved) {
+        setForm(__spreadValues({}, EMPTY_FORM));
+        setAdding(false);
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+  const changeStatus = (c, status) => {
+    setStatusOpenId(null);
+    void onSave(__spreadProps(__spreadValues({}, c), {
+      status,
+      lastTouch: status === "contacted" || status === "replied" || status === "meeting" ? todayIso() : c.lastTouch
+    }));
+  };
+  const field = (key, placeholder, opts) => {
+    var _a2, _b;
+    return /* @__PURE__ */ jsx(TextInput, { value: form[key], onChangeText: (v) => setField(key, v), placeholder, placeholderTextColor: muted, autoCapitalize: (_a2 = opts == null ? void 0 : opts.autoCapitalize) != null ? _a2 : "sentences", keyboardType: (_b = opts == null ? void 0 : opts.keyboardType) != null ? _b : "default", style: [styles.input, {
+      color: ink,
+      borderColor: border,
+      backgroundColor: chip,
+      flex: 1
+    }] });
+  };
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", children: [
+    error ? /* @__PURE__ */ jsx(Text, { style: {
+      color: danger
+    }, children: error }) : null,
+    /* @__PURE__ */ jsxs(View, { style: styles.head, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: ink
+      }], children: "Networking" }),
+      /* @__PURE__ */ jsxs(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: [
+        contacts.length,
+        " contact",
+        contacts.length === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.headActions, children: [
+        /* @__PURE__ */ jsxs(Pressable, { onPress: onRefresh, style: [styles.ghostBtn, {
+          borderColor: border
+        }], children: [
+          loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: accent, size: "small" }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "refresh", size: 14, color: muted }),
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 12,
+            fontWeight: "600"
+          }, children: "Refresh" })
+        ] }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => setAdding((v) => !v), style: [styles.primaryBtn, {
+          backgroundColor: accent
+        }], children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 14, color: accentInk }),
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: accentInk,
+            fontSize: 12,
+            fontWeight: "800"
+          }, children: "New contact" })
+        ] })
+      ] })
+    ] }),
+    !storageConfigured ? /* @__PURE__ */ jsx(View, { style: [styles.banner, {
+      backgroundColor: "rgba(245,158,11,0.12)"
+    }], children: /* @__PURE__ */ jsx(Text, { style: {
+      color: "#b45309",
+      fontSize: 12,
+      lineHeight: 18
+    }, children: "Storage isn't configured \u2014 contacts won't persist across sessions." }) }) : null,
+    adding ? /* @__PURE__ */ jsxs(View, { style: [styles.form, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        field("name", "Name *"),
+        field("company", "Company")
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        field("role", "Role / title"),
+        field("relationship", "Relationship (recruiter, referral\u2026)")
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        field("email", "Email", {
+          autoCapitalize: "none",
+          keyboardType: "email-address"
+        }),
+        field("linkedin", "LinkedIn URL", {
+          autoCapitalize: "none"
+        })
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+        field("channel", "Channel (linkedin, email\u2026)", {
+          autoCapitalize: "none"
+        }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => setPickerOpen(true), style: [styles.dateField, {
+          borderColor: border,
+          backgroundColor: chip
+        }, pickerOpen && {
+          borderColor: accent
+        }], accessibilityRole: "button", accessibilityLabel: "Pick next touch date", children: [
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 11,
+            fontWeight: "600"
+          }, children: "Next touch" }),
+          /* @__PURE__ */ jsxs(View, { style: styles.dateValueRow, children: [
+            /* @__PURE__ */ jsx(Text, { style: {
+              color: form.nextTouch ? ink : muted,
+              fontSize: 14,
+              flex: 1
+            }, children: form.nextTouch ? formatDisplayDate(form.nextTouch) : "mm / dd / yyyy" }),
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "calendar-month-outline", size: 18, color: muted })
+          ] })
+        ] })
+      ] }),
+      form.nextTouch ? /* @__PURE__ */ jsx(Pressable, { onPress: () => setField("nextTouch", ""), hitSlop: 6, style: styles.clearDate, children: /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        fontSize: 12
+      }, children: "Clear date" }) }) : null,
+      /* @__PURE__ */ jsx(TextInput, { value: form.notes, onChangeText: (v) => setField("notes", v), placeholder: "Notes", placeholderTextColor: muted, multiline: true, style: [styles.input, styles.notes, {
+        color: ink,
+        borderColor: border,
+        backgroundColor: chip
+      }], textAlignVertical: "top" }),
+      /* @__PURE__ */ jsxs(View, { style: styles.formActions, children: [
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+          setAdding(false);
+          setForm(__spreadValues({}, EMPTY_FORM));
+          setPickerOpen(false);
+        }, style: [styles.ghostBtn, {
+          borderColor: border
+        }], children: /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontWeight: "600",
+          fontSize: 12
+        }, children: "Cancel" }) }),
+        /* @__PURE__ */ jsxs(Pressable, { onPress: () => void submit(), disabled: saving || !form.name.trim(), style: [styles.primaryBtn, {
+          backgroundColor: accent
+        }, (saving || !form.name.trim()) && {
+          opacity: 0.45
+        }], children: [
+          saving ? /* @__PURE__ */ jsx(ActivityIndicator, { color: accentInk, size: "small" }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "account-plus-outline", size: 14, color: accentInk }),
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: accentInk,
+            fontWeight: "800",
+            fontSize: 12
+          }, children: "Save" })
+        ] })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx(NextTouchPicker, { open: pickerOpen, value: form.nextTouch, ink, muted, card, border, accent, accentInk, onClose: () => setPickerOpen(false), onChange: (iso) => {
+      setField("nextTouch", iso);
+      setPickerOpen(false);
+    } }),
+    loading && contacts.length === 0 ? /* @__PURE__ */ jsx(ActivityIndicator, { color: accent }) : null,
+    !loading && contacts.length === 0 && !adding ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "account-group-outline", size: 28, color: accent }),
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        textAlign: "center",
+        lineHeight: 20
+      }, children: "No contacts yet. Add recruiters, hiring managers, and referrals to track your outreach." })
+    ] }) : null,
+    contacts.map((c) => {
+      const status = CONTACT_STATUS_ORDER.includes(c.status) ? c.status : "to-reach";
+      const statusColor = STATUS_COLOR[status];
+      const overdue = isOverdue(c.nextTouch);
+      return /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+        backgroundColor: card,
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.cardTop, children: [
+          /* @__PURE__ */ jsxs(View, { style: {
+            flex: 1,
+            minWidth: 0,
+            gap: 2
+          }, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.name, {
+              color: ink
+            }], numberOfLines: 1, children: c.name }),
+            c.role || c.company ? /* @__PURE__ */ jsx(Text, { style: {
+              color: muted,
+              fontSize: 12
+            }, numberOfLines: 1, children: [c.role, c.company].filter(Boolean).join(" \xB7 ") }) : null,
+            c.relationship ? /* @__PURE__ */ jsxs(Text, { style: {
+              color: muted,
+              fontSize: 11
+            }, children: [
+              "(",
+              c.relationship,
+              ")"
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs(Pressable, { onPress: () => setStatusOpenId(statusOpenId === c.id ? null : c.id), style: [styles.statusPill, {
+            backgroundColor: `${statusColor}18`
+          }], children: [
+            /* @__PURE__ */ jsx(Text, { style: {
+              color: statusColor,
+              fontSize: 11,
+              fontWeight: "800"
+            }, children: CONTACT_STATUS_LABEL[status] }),
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-down", size: 14, color: statusColor })
+          ] }),
+          c.email ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(`mailto:${c.email}`), style: [styles.iconBtn, {
+            borderColor: border
+          }], accessibilityLabel: `Email ${c.name}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "email-outline", size: 14, color: muted }) }) : null,
+          c.linkedin ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(c.linkedin), style: [styles.iconBtn, {
+            borderColor: border
+          }], accessibilityLabel: `Open LinkedIn for ${c.name}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "linkedin", size: 14, color: muted }) }) : null,
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => void onDelete(c.id), style: [styles.iconBtn, {
+            borderColor: border
+          }], accessibilityLabel: `Delete ${c.name}`, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "trash-can-outline", size: 14, color: danger }) })
+        ] }),
+        statusOpenId === c.id ? /* @__PURE__ */ jsx(View, { style: styles.statusRow, children: CONTACT_STATUS_ORDER.map((s) => {
+          const on = s === status;
+          return /* @__PURE__ */ jsx(Pressable, { onPress: () => changeStatus(c, s), style: [styles.statusChip, {
+            backgroundColor: chip
+          }, on && {
+            backgroundColor: STATUS_COLOR[s]
+          }], children: /* @__PURE__ */ jsx(Text, { style: {
+            color: on ? "#fff" : ink,
+            fontSize: 11,
+            fontWeight: "700"
+          }, children: CONTACT_STATUS_LABEL[s] }) }, s);
+        }) }) : null,
+        c.nextTouch || c.notes ? /* @__PURE__ */ jsxs(View, { style: {
+          gap: 4
+        }, children: [
+          c.nextTouch ? /* @__PURE__ */ jsxs(Text, { style: {
+            color: overdue ? danger : muted,
+            fontSize: 12,
+            fontWeight: overdue ? "700" : "400"
+          }, children: [
+            "Next touch: ",
+            formatDisplayDate(c.nextTouch) || c.nextTouch,
+            overdue ? " \xB7 due" : ""
+          ] }) : null,
+          c.notes ? /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 12,
+            lineHeight: 18
+          }, numberOfLines: 3, children: c.notes }) : null
+        ] }) : null
+      ] }, c.id);
+    })
+  ] });
+}
+function NextTouchPicker({
+  open,
+  value,
+  ink,
+  muted,
+  card,
+  border,
+  accent,
+  accentInk,
+  onClose,
+  onChange
+}) {
+  var _a2;
+  const initial = (_a2 = parseIsoDate(value)) != null ? _a2 : startOfDay(/* @__PURE__ */ new Date());
+  const [draft, setDraft] = useState(initial);
+  const [month, setMonth] = useState(() => startOfDay(initial));
+  useEffect(() => {
+    var _a3;
+    if (!open) return;
+    const next = (_a3 = parseIsoDate(value)) != null ? _a3 : startOfDay(/* @__PURE__ */ new Date());
+    setDraft(next);
+    setMonth(startOfDay(next));
+  }, [open, value]);
+  const cells = useMemo(() => daysInMonth(month), [month]);
+  const pad = leadingEmptyDays(month);
+  if (!open) return null;
+  if (HostDateTimePicker && Platform.OS === "android") {
+    return /* @__PURE__ */ jsx(HostDateTimePicker, { value: draft, mode: "date", display: "calendar", onChange: (event, date) => {
+      if ((event == null ? void 0 : event.type) === "dismissed" || !date) {
+        onClose();
+        return;
+      }
+      onChange(toIsoDate(date));
+    } });
+  }
+  return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: styles.pickerBackdrop, children: [
+    /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFillObject, onPress: onClose }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.pickerSheet, {
+      backgroundColor: card,
+      borderColor: border
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.pickerHead, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.pickerTitle, {
+          color: ink
+        }], children: "Next touch" }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityLabel: "Close date picker", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 20, color: muted }) })
+      ] }),
+      HostDateTimePicker && Platform.OS === "ios" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(HostDateTimePicker, { value: draft, mode: "date", display: "spinner", onChange: (_event, date) => {
+          if (date) setDraft(date);
+        } }),
+        /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(toIsoDate(draft)), style: [styles.primaryBtn, {
+          backgroundColor: accent,
+          alignSelf: "flex-end"
+        }], children: /* @__PURE__ */ jsx(Text, { style: {
+          color: accentInk,
+          fontWeight: "800",
+          fontSize: 13
+        }, children: "Done" }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.monthNav, children: [
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => setMonth((cur) => addMonths(cur, -1)), hitSlop: 8, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 22, color: ink }) }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.monthTitle, {
+            color: ink
+          }], children: formatMonthYear(month) }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => setMonth((cur) => addMonths(cur, 1)), hitSlop: 8, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 22, color: ink }) })
+        ] }),
+        /* @__PURE__ */ jsx(View, { style: styles.weekRow, children: WEEKDAYS.map((day, index) => /* @__PURE__ */ jsx(Text, { style: [styles.week, {
+          color: muted
+        }], children: day }, `${day}-${index}`)) }),
+        /* @__PURE__ */ jsxs(View, { style: styles.grid, children: [
+          Array.from({
+            length: pad
+          }).map((_, i) => /* @__PURE__ */ jsx(View, { style: styles.dayCell }, `pad-${i}`)),
+          cells.map((day) => {
+            const on = isSameDay(day, draft);
+            return /* @__PURE__ */ jsx(Pressable, { onPress: () => onChange(toIsoDate(day)), style: [styles.dayCell, on && {
+              backgroundColor: accent,
+              borderRadius: 999
+            }], children: /* @__PURE__ */ jsx(Text, { style: {
+              color: on ? accentInk : ink,
+              fontWeight: on ? "800" : "500"
+            }, children: day.getDate() }) }, day.toISOString());
+          })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  list: {
+    padding: 16,
+    gap: 12,
+    paddingBottom: 36
+  },
+  head: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 8
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: "800"
+  },
+  headActions: {
+    marginLeft: "auto",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  ghostBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  primaryBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 7
+  },
+  banner: {
+    borderRadius: 12,
+    padding: 10
+  },
+  form: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 12,
+    gap: 8
+  },
+  row: {
+    flexDirection: "row",
+    gap: 8
+  },
+  input: {
+    fontSize: 14,
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderWidth: 1,
+    borderRadius: 12,
+    minWidth: 0
+  },
+  dateField: {
+    flex: 1,
+    minWidth: 0,
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    gap: 2,
+    justifyContent: "center"
+  },
+  dateValueRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  clearDate: {
+    alignSelf: "flex-end",
+    paddingHorizontal: 2
+  },
+  notes: {
+    minHeight: 72
+  },
+  formActions: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    gap: 8,
+    marginTop: 4
+  },
+  empty: {
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 36
+  },
+  card: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 12,
+    gap: 8
+  },
+  cardTop: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 6
+  },
+  name: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  statusPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 4
+  },
+  iconBtn: {
+    width: 30,
+    height: 30,
+    borderRadius: 8,
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  statusRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  },
+  statusChip: {
+    borderRadius: 999,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  pickerBackdrop: {
+    flex: 1,
+    backgroundColor: "rgba(15, 23, 42, 0.45)",
+    justifyContent: "flex-end",
+    padding: 16
+  },
+  pickerSheet: {
+    borderWidth: 1,
+    borderRadius: 18,
+    padding: 16,
+    gap: 12
+  },
+  pickerHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  pickerTitle: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  monthNav: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  monthTitle: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  weekRow: {
+    flexDirection: "row"
+  },
+  week: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 11,
+    fontWeight: "700"
+  },
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  dayCell: {
+    width: `${100 / 7}%`,
+    aspectRatio: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});export{ContactsPanel};//# sourceMappingURL=ContactsPanel.js.map