jcicl 1.0.76 → 1.0.78

package/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const states: {
+    label: string;
+    value: string;
+    abbreviation: string;
+    number: number;
+}[];

package/constants.js

@@ -0,0 +1,55 @@
+const a = [
+  { label: "Alabama", value: "Alabama", abbreviation: "AL", number: 1 },
+  { label: "Alaska", value: "Alaska", abbreviation: "AK", number: 2 },
+  { label: "Arizona", value: "Arizona", abbreviation: "AZ", number: 3 },
+  { label: "Arkansas", value: "Arkansas", abbreviation: "AR", number: 4 },
+  { label: "California", value: "California", abbreviation: "CA", number: 5 },
+  { label: "Colorado", value: "Colorado", abbreviation: "CO", number: 6 },
+  { label: "Connecticut", value: "Connecticut", abbreviation: "CT", number: 7 },
+  { label: "Delaware", value: "Delaware", abbreviation: "DE", number: 8 },
+  { label: "Florida", value: "Florida", abbreviation: "FL", number: 9 },
+  { label: "Georgia", value: "Georgia", abbreviation: "GA", number: 10 },
+  { label: "Hawaii", value: "Hawaii", abbreviation: "HI", number: 11 },
+  { label: "Idaho", value: "Idaho", abbreviation: "ID", number: 12 },
+  { label: "Illinois", value: "Illinois", abbreviation: "IL", number: 13 },
+  { label: "Indiana", value: "Indiana", abbreviation: "IN", number: 14 },
+  { label: "Iowa", value: "Iowa", abbreviation: "IA", number: 15 },
+  { label: "Kansas", value: "Kansas", abbreviation: "KS", number: 16 },
+  { label: "Kentucky", value: "Kentucky", abbreviation: "KY", number: 17 },
+  { label: "Louisiana", value: "Louisiana", abbreviation: "LA", number: 18 },
+  { label: "Maine", value: "Maine", abbreviation: "ME", number: 19 },
+  { label: "Maryland", value: "Maryland", abbreviation: "MD", number: 20 },
+  { label: "Massachusetts", value: "Massachusetts", abbreviation: "MA", number: 21 },
+  { label: "Michigan", value: "Michigan", abbreviation: "MI", number: 22 },
+  { label: "Minnesota", value: "Minnesota", abbreviation: "MN", number: 23 },
+  { label: "Mississippi", value: "Mississippi", abbreviation: "MS", number: 24 },
+  { label: "Missouri", value: "Missouri", abbreviation: "MO", number: 25 },
+  { label: "Montana", value: "Montana", abbreviation: "MT", number: 26 },
+  { label: "Nebraska", value: "Nebraska", abbreviation: "NE", number: 27 },
+  { label: "Nevada", value: "Nevada", abbreviation: "NV", number: 28 },
+  { label: "New Hampshire", value: "New Hampshire", abbreviation: "NH", number: 29 },
+  { label: "New Jersey", value: "New Jersey", abbreviation: "NJ", number: 30 },
+  { label: "New Mexico", value: "New Mexico", abbreviation: "NM", number: 31 },
+  { label: "New York", value: "New York", abbreviation: "NY", number: 32 },
+  { label: "North Carolina", value: "North Carolina", abbreviation: "NC", number: 33 },
+  { label: "North Dakota", value: "North Dakota", abbreviation: "ND", number: 34 },
+  { label: "Ohio", value: "Ohio", abbreviation: "OH", number: 35 },
+  { label: "Oklahoma", value: "Oklahoma", abbreviation: "OK", number: 36 },
+  { label: "Oregon", value: "Oregon", abbreviation: "OR", number: 37 },
+  { label: "Pennsylvania", value: "Pennsylvania", abbreviation: "PA", number: 38 },
+  { label: "Rhode Island", value: "Rhode Island", abbreviation: "RI", number: 39 },
+  { label: "South Carolina", value: "South Carolina", abbreviation: "SC", number: 40 },
+  { label: "South Dakota", value: "South Dakota", abbreviation: "SD", number: 41 },
+  { label: "Tennessee", value: "Tennessee", abbreviation: "TN", number: 42 },
+  { label: "Texas", value: "Texas", abbreviation: "TX", number: 43 },
+  { label: "Utah", value: "Utah", abbreviation: "UT", number: 44 },
+  { label: "Vermont", value: "Vermont", abbreviation: "VT", number: 45 },
+  { label: "Virginia", value: "Virginia", abbreviation: "VA", number: 46 },
+  { label: "Washington", value: "Washington", abbreviation: "WA", number: 47 },
+  { label: "West Virginia", value: "West Virginia", abbreviation: "WV", number: 48 },
+  { label: "Wisconsin", value: "Wisconsin", abbreviation: "WI", number: 49 },
+  { label: "Wyoming", value: "Wyoming", abbreviation: "WY", number: 50 }
+];
+export {
+  a as states
+};

package/cursorPositioning.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Given a formatted string and a digit-index (count of digits seen so far),
+ * return the cursor position that should be placed between digits in the
+ * formatted output. Used by formatted-input variants to preserve cursor
+ * position across re-formatting (e.g. typing into a phone-number mask).
+ */
+export declare const findCursorFromDigitIndex: (formatted: string, digitIndex: number) => number;

package/cursorPositioning.js

@@ -0,0 +1,13 @@
+const i = (r, n) => {
+  let t = 0;
+  for (let e = 0; e < r.length; e++)
+    if (/\d/.test(r[e])) {
+      if (n === 0) return e;
+      if (t++, t === n)
+        return e + 1;
+    }
+  return r.length;
+};
+export {
+  i as findCursorFromDigitIndex
+};

package/formatters.d.ts

@@ -0,0 +1,17 @@
+import { FormInputType } from './inputTypes';
+export declare const formatDate: (date: string, style?: "mmddyyyy") => string;
+export declare const formatDateTime: (dateTime: string) => string;
+export declare const formatAddress: (address: {
+    line1: string;
+    line2?: string | null;
+    city?: string | null;
+    state?: string | null;
+    zip?: string | null;
+}) => string;
+export declare const formatTimestamp: (timestamp: string) => string;
+export declare const formatPhoneNumber: FormatterFunction;
+export declare const formatZipCode: FormatterFunction;
+export declare const formatSSN: FormatterFunction;
+export type FormatterFunction = (value: string | undefined) => [string, string | undefined];
+/** Formatters that are automatically applied to LabeledFormattedInput based on the type */
+export declare const formattersByType: Partial<Record<FormInputType, FormatterFunction>>;

package/formatters.js

@@ -0,0 +1,83 @@
+const D = (t, e = "mmddyyyy") => e === "mmddyyyy" ? (/* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z")).toLocaleDateString("en-US", {
+  timeZone: "America/Chicago",
+  month: "numeric",
+  day: "numeric",
+  year: "numeric"
+}) : t, Z = (t) => {
+  try {
+    return (/* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z")).toLocaleString("en-US", {
+      timeZone: "America/Chicago",
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: !0
+    });
+  } catch {
+    return t;
+  }
+}, S = (t) => {
+  const { line1: e, line2: i, city: c, state: n, zip: o } = t;
+  let r = e || "";
+  return i && (r.length > 0 && (r += ", "), r += i), c && (r.length > 0 && (r += ", "), r += c), n && (r.length > 0 && (r += ", "), r += n), o && (r += ` ${a(o)[0]}`), r;
+}, g = (t) => {
+  if (t > 3 && t < 21) return "th";
+  switch (t % 10) {
+    case 1:
+      return "st";
+    case 2:
+      return "nd";
+    case 3:
+      return "rd";
+    default:
+      return "th";
+  }
+}, T = (t) => {
+  try {
+    const e = /* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z"), c = new Intl.DateTimeFormat("en-US", {
+      timeZone: "America/Chicago",
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: !0
+    }).formatToParts(e), n = (h) => {
+      var s;
+      return ((s = c.find((y) => y.type === h)) == null ? void 0 : s.value) ?? "";
+    }, o = n("month") + ".", r = Number(n("day")), l = n("year"), u = n("hour"), m = n("minute"), f = n("dayPeriod").toLowerCase(), d = g(r);
+    return `${o} ${r}${d}, ${l}, ${u}:${m}${f}`;
+  } catch {
+    return t;
+  }
+}, $ = (t) => {
+  if (t == null) return ["", void 0];
+  let e = t.replace(/\D/g, "") || "";
+  e.at(0) == "1" && (e = e.slice(1));
+  const i = e.slice(0, 3), c = e.slice(3, 6), n = e.slice(6, 10), o = e.slice(10, 16);
+  let r = e;
+  return e.length >= 4 && (r = `(${i}) ${e.slice(3)}`), e.length >= 7 && (r = `(${i}) ${c}-${e.slice(6)}`), e.length > 10 && (r = `(${i}) ${c}-${n} ext. ${o}`), [r, e.slice(0, 16)];
+}, a = (t) => {
+  if (!t) return ["", void 0];
+  const e = t.replace(/\D/g, "");
+  return e.length <= 5 ? [e, e] : [`${e.slice(0, 5)}-${e.slice(5, 9)}`, e.slice(0, 9)];
+}, p = (t) => {
+  if (!t) return ["", void 0];
+  const e = t.replace(/\D/g, "");
+  return e.length <= 3 ? [e, e] : e.length <= 5 ? [`${e.slice(0, 3)}-${e.slice(3)}`, e] : [`${e.slice(0, 3)}-${e.slice(3, 5)}-${e.slice(5, 9)}`, e.slice(0, 9)];
+}, w = {
+  phone: $,
+  zip: a,
+  ssn: p
+};
+export {
+  S as formatAddress,
+  D as formatDate,
+  Z as formatDateTime,
+  $ as formatPhoneNumber,
+  p as formatSSN,
+  T as formatTimestamp,
+  a as formatZipCode,
+  w as formattersByType
+};

package/inputTypes.d.ts

@@ -0,0 +1 @@
+export type FormInputType = 'checkbox' | 'currency' | 'date' | 'dropdown' | 'email' | 'multiDropdown' | 'number' | 'phone' | 'radio' | 'text' | 'textarea' | 'url' | 'zip' | 'ssn';

package/inputTypes.js

@@ -0,0 +1 @@
+

package/logger.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Lightweight logger for the library. Wraps `console.*` in a single place
+ * so the `no-console` ESLint rule can stay enforced at call sites; modules
+ * with legitimate logging needs import `logger` instead of calling `console`
+ * directly. Keep the surface minimal — add log levels, formatters, or
+ * transports only when there's a concrete need.
+ */
+export declare const logger: {
+    error: (...args: unknown[]) => void;
+    warn: (...args: unknown[]) => void;
+    info: (...args: unknown[]) => void;
+    log: (...args: unknown[]) => void;
+};

package/logger.js

@@ -0,0 +1,9 @@
+const r = {
+  error: (...o) => console.error(...o),
+  warn: (...o) => console.warn(...o),
+  info: (...o) => console.info(...o),
+  log: (...o) => console.log(...o)
+};
+export {
+  r as logger
+};

package/maskers.d.ts

@@ -0,0 +1,6 @@
+import { FormInputType } from './inputTypes';
+export declare const maskSSN: MaskerFunction;
+export declare const defaultMasker: MaskerFunction;
+export type MaskerFunction = (value: string | undefined) => string;
+/** Maskers that are automatically applied to LabeledFormattedInput based on the type when masked prop is true */
+export declare const maskersByType: Partial<Record<FormInputType, MaskerFunction>>;

package/maskers.js

@@ -0,0 +1,15 @@
+const r = (t) => {
+  const e = String(t ?? "").replace(/\D/g, "").slice(0, 9);
+  return e ? e.length <= 4 ? e : e.length < 9 ? `${"*".repeat(Math.max(0, e.length - 4))}${e.slice(-4)}` : `XXX-XX-${e.slice(-4)}` : "";
+}, s = (t) => {
+  if (t == null) return "";
+  const e = String(t);
+  return "●".repeat(e.length);
+}, a = {
+  ssn: r
+};
+export {
+  s as defaultMasker,
+  r as maskSSN,
+  a as maskersByType
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "1.0.76",
+  "version": "1.0.78",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",
@@ -30,6 +30,7 @@
     "lucide-react": "^0.525.0",
     "overlayscrollbars-react": "^0.5.6",
     "react-device-detect": "^2.2.3",
+    "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.2.2"
   }
 }

package/theme.d.ts

@@ -17,6 +17,7 @@ export interface ThemeColors {
     darkGreenO99: string;
     darkRed: string;
     emerald: string;
+    error: string;
     gold: string;
     goldBrown: string;
     goldHover: string;

package/theme.js

@@ -22,6 +22,7 @@ const e = {
     darkGreenO99: "#005c0099",
     darkRed: "#800000",
     emerald: "#004d24",
+    error: "#d32f2f",
     // formBorder: 'rgb(114,114,114)', // shouldn't need this anymore, same as gray: '#727272'
     gold: "#fab62d",
     goldBrown: "#85611b",
@@ -86,21 +87,21 @@ const e = {
 };
 e.boxShadows = {
   ...Object.fromEntries(
-    Object.keys(e.colors).map((o) => [
-      o,
-      `0 0 8px -2px ${e.colors[o]}`
+    Object.keys(e.colors).map((r) => [
+      r,
+      `0 0 8px -2px ${e.colors[r]}`
     ])
   ),
   ...Object.fromEntries(
-    Object.keys(e.colors).map((o) => [
-      `${o}Thick`,
-      `0 0 2px 1px ${e.colors[o]}`
+    Object.keys(e.colors).map((r) => [
+      `${r}Thick`,
+      `0 0 2px 1px ${e.colors[r]}`
     ])
   ),
   black63: "0px 0px 2px 1px rgba(0, 0, 0, 0.63)",
   gray63: "0px 0px 2px 1px rgba(100, 100, 100, 0.63)"
 };
-const r = {
+const o = {
   themeColor: e.colors.green,
   themeDark: e.colors.darkGreen,
   themeMediumA: e.colors.mint,
@@ -140,5 +141,5 @@ const r = {
 };
 export {
   e as default,
-  r as defaultTheme
+  o as defaultTheme
 };

package/themeUtils.js

@@ -1,100 +1,79 @@
-import n, { defaultTheme as C } from "./theme.js";
-function a(o) {
+import n, { defaultTheme as d } from "./theme.js";
+function g(o) {
   const r = parseInt(o.substring(1, 3), 16), t = parseInt(o.substring(3, 5), 16), e = parseInt(o.substring(5, 7), 16);
   return [r, t, e];
 }
-function d(o, r, t) {
+function a(o, r, t) {
   o /= 255, r /= 255, t /= 255;
-  const e = Math.max(o, r, t), h = Math.min(o, r, t), c = (e + h) / 2;
-  if (e === h)
-    return [0, 0, c];
-  const i = e - h;
-  let l = c > 0.5 ? i / (2 - e - h) : i / (e + h), m;
-  return e === o ? m = (r - t) / i + (r < t ? 6 : 0) : e === r ? m = (t - o) / i + 2 : m = (o - r) / i + 4, m /= 6, [m, l, c];
+  const e = Math.max(o, r, t), s = Math.min(o, r, t), h = (e + s) / 2;
+  if (e === s)
+    return [0, 0, h];
+  const i = e - s, l = h > 0.5 ? i / (2 - e - s) : i / (e + s);
+  let m;
+  return e === o ? m = (r - t) / i + (r < t ? 6 : 0) : e === r ? m = (t - o) / i + 2 : m = (o - r) / i + 4, m /= 6, [m, l, h];
 }
-function I(o, r, t) {
-  let e, h, c;
+function T(o, r, t) {
+  let e, s, h;
   if (r === 0)
-    e = h = c = t;
+    e = s = h = t;
   else {
     const i = t < 0.5 ? t * (1 + r) : t + r - t * r, l = 2 * t - i;
-    e = g(l, i, o + 1 / 3), h = g(l, i, o), c = g(l, i, o - 1 / 3);
+    e = u(l, i, o + 1 / 3), s = u(l, i, o), h = u(l, i, o - 1 / 3);
   }
-  return [Math.round(e * 255), Math.round(h * 255), Math.round(c * 255)];
+  return [Math.round(e * 255), Math.round(s * 255), Math.round(h * 255)];
 }
-function g(o, r, t) {
+function u(o, r, t) {
   return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? o + (r - o) * 6 * t : t < 1 / 2 ? r : t < 2 / 3 ? o + (r - o) * (2 / 3 - t) * 6 : o;
 }
-function T(o, r, t) {
-  var e = o.toString(16).length == 1 ? "0" + o.toString(16) : o.toString(16), h = r.toString(16).length == 1 ? "0" + r.toString(16) : r.toString(16), c = t.toString(16).length == 1 ? "0" + t.toString(16) : t.toString(16);
-  return "#" + e + h + c;
+function w(o, r, t) {
+  const e = o.toString(16).length == 1 ? "0" + o.toString(16) : o.toString(16), s = r.toString(16).length == 1 ? "0" + r.toString(16) : r.toString(16), h = t.toString(16).length == 1 ? "0" + t.toString(16) : t.toString(16);
+  return "#" + e + s + h;
 }
-const k = (o) => {
-  const [r, t, e] = a(o), [h, c, i] = d(r, t, e);
-  return h;
-}, _ = (o) => {
-  const [r, t, e] = a(o), [h, c, i] = d(r, t, e);
-  return c;
-}, s = (o, r) => {
-  const [t, e, h] = a(o), [c, i, l] = d(t, e, h);
-  let m = i + 0.1;
-  m >= 1 && (m = 0.99);
-  let u = l;
-  u > 0.5 && (u -= 0.08), u > 0.8 && (m = 1, u += 0.03), r < 0 && (m = 0);
-  const [f, S, B] = I(r, m, u);
-  return T(f, S, B);
-}, F = (o) => {
-  const r = localStorage.getItem("theme") || "green", t = localStorage.getItem("hue") || k(n.themeOptions.green).toString();
-  if (r == "green") return C;
-  var e = parseFloat(t);
-  o != null && (e = o);
-  const {
-    themeColor: h,
-    themeDark: c,
-    themeMediumA: i,
-    themeMediumB: l,
-    themeMediumC: m,
-    themeLight: u,
-    themeLightA: f,
-    themeLightB: S,
-    themeLightC: B,
-    themeLightD: w,
-    themeShadowA: A,
-    themeShadowB: p,
-    themeShadowC: M,
-    themeIconBackgroundA: L,
-    themeIconBackgroundB: b,
-    themeIconColorA: x,
-    themeIconColorB: v,
-    ...G
-  } = C;
-  return {
-    themeColor: s(n.colors.green, e),
-    themeDark: s(n.colors.darkGreen, e),
-    themeMediumA: s(n.colors.whiteGreenB, e),
+const p = (o) => {
+  const [r, t, e] = g(o), [s] = a(r, t, e);
+  return s;
+}, b = (o) => {
+  const [r, t, e] = g(o), [, s] = a(r, t, e);
+  return s;
+}, c = (o, r) => {
+  const [t, e, s] = g(o), [, h, i] = a(t, e, s);
+  let l = h + 0.1;
+  l >= 1 && (l = 0.99);
+  let m = i;
+  m > 0.5 && (m -= 0.08), m > 0.8 && (l = 1, m += 0.03), r < 0 && (l = 0);
+  const [f, S, G] = T(r, l, m);
+  return w(f, S, G);
+}, k = (o) => {
+  const r = localStorage.getItem("theme") || "green", t = localStorage.getItem("hue") || p(n.themeOptions.green).toString();
+  if (r == "green") return d;
+  let e = parseFloat(t);
+  return o != null && (e = o), {
+    ...d,
+    themeColor: c(n.colors.green, e),
+    themeDark: c(n.colors.darkGreen, e),
+    themeMediumA: c(n.colors.whiteGreenB, e),
     // mint
-    themeMediumB: s(n.colors.moss, e),
-    themeMediumC: s(n.colors.sage, e),
-    themeLight: s(n.colors.whiteGreenB, e),
+    themeMediumB: c(n.colors.moss, e),
+    themeMediumC: c(n.colors.sage, e),
+    themeLight: c(n.colors.whiteGreenB, e),
     // whiteGreen
-    themeLightA: s(n.colors.moss, e),
+    themeLightA: c(n.colors.moss, e),
     // whiteGreenA
-    themeLightB: s(n.colors.whiteGreenB, e),
-    themeLightC: s(n.colors.whiteGreenC, e),
-    themeLightD: s(n.colors.whiteGreenD, e),
-    themeShadowA: s(n.colors.darkGreenO99, e) + "99",
-    themeShadowB: "0 0 8px -2px " + s(n.colors.darkGreen, e),
-    themeShadowC: "0 0 2px 1px " + s(n.colors.darkGreen, e),
-    themeIconBackgroundA: e < 0 ? n.colors.green : s(n.colors.green, e),
-    themeIconBackgroundB: e < 0 ? n.colors.whiteGreenA : s(n.colors.whiteGreenA, e),
+    themeLightB: c(n.colors.whiteGreenB, e),
+    themeLightC: c(n.colors.whiteGreenC, e),
+    themeLightD: c(n.colors.whiteGreenD, e),
+    themeShadowA: c(n.colors.darkGreenO99, e) + "99",
+    themeShadowB: "0 0 8px -2px " + c(n.colors.darkGreen, e),
+    themeShadowC: "0 0 2px 1px " + c(n.colors.darkGreen, e),
+    themeIconBackgroundA: e < 0 ? n.colors.green : c(n.colors.green, e),
+    themeIconBackgroundB: e < 0 ? n.colors.whiteGreenA : c(n.colors.whiteGreenA, e),
     themeIconColorA: n.colors.white,
-    themeIconColorB: e < 0 ? n.colors.darkGreen : s(n.colors.darkGreen, e),
-    ...G
+    themeIconColorB: e < 0 ? n.colors.darkGreen : c(n.colors.darkGreen, e)
   };
 };
 export {
-  k as getHueFromHex,
-  _ as getSaturationFromHex,
-  s as substituteHue,
-  F as updateTheme
+  p as getHueFromHex,
+  b as getSaturationFromHex,
+  c as substituteHue,
+  k as updateTheme
 };

package/utils.d.ts

@@ -1,19 +1,9 @@
-export declare const isMobile: () => boolean;
-export declare const isTablet: () => boolean;
-export declare const isValidEmail: (email: string) => boolean;
-export declare const isValidPhoneNumber: (phone: string) => boolean;
-export declare const isValidZipCode: (zip: string) => boolean;
-export declare const isValidCityName: (city: string) => boolean;
-export declare const formatDate: (date: string, style?: "mmddyyyy") => string;
-export declare const formatDateTime: (dateTime: string) => string;
+export { states } from './constants';
+export { isValidEmail, isValidPhoneNumber, isValidZipCode, isValidCityName, isValidSSN } from './validators';
+export { formatDate, formatDateTime, formatPhoneNumber, formatZipCode, formatSSN, formatAddress, formatTimestamp, formattersByType, type FormatterFunction, } from './formatters';
+export { maskSSN, defaultMasker, maskersByType, type MaskerFunction } from './maskers';
+/** A collection of input types that can be either formatted or masked, 'text' is also included so that custom maskers/formatters can be applied */
+export declare const formattedOrMaskedTypes: Set<string>;
+export declare const useIsMobile: () => boolean;
+export declare const useIsTablet: () => boolean;
 export declare const calculateAge: (birthDateString: string) => number;
-export declare const formatAddress: (address: {
-    line1: string;
-    line2?: string | null;
-    city?: string | null;
-    state?: string | null;
-    zip?: string | null;
-}) => string;
-export declare const formatTimestamp: (timestamp: string) => string;
-export declare const formatPhoneNumber: (number: string | undefined) => [string, string | undefined];
-export declare const formatZipCode: (zip: string | undefined) => [string, string | undefined];

package/utils.js

@@ -1,92 +1,42 @@
-import a from "./theme.js";
-import { u as l } from "./.chunks/useMediaQuery.js";
-const Z = () => l(`(max-width: ${a.screenSizes.mobile})`), w = () => l(`(max-width: ${a.screenSizes.tablet})`), R = (t) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim()), T = (t) => {
-  if (!t) return !1;
-  const e = t.replace(/\D/g, "");
-  return !!(t.trim() == e && e.length >= 10 && e.length <= 16 || /^\s*(?:\+?1\s*(?:[-\s]\s*)?)?(?:\(\s*\d{3}\s*\)|\d{3})(?:\s*[-\s]\s*)?\d{3}(?:\s*[-\s]\s*)?\d{4}(?:\s*(?:#|x\.?|ext\.?|extension)\s*\d{1,6})?\s*$/.test(t.trim()));
-}, C = (t) => /^\d{5}(?:\s*-?\s*\d{4})?$/.test(t), S = (t) => /^[a-zA-Z\s'.-]+$/.test(t), b = (t, e = "mmddyyyy") => e === "mmddyyyy" ? (/* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z")).toLocaleDateString("en-US", {
-  timeZone: "America/Chicago",
-  month: "numeric",
-  day: "numeric",
-  year: "numeric"
-}) : t, A = (t) => {
-  try {
-    return (/* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z")).toLocaleString("en-US", {
-      timeZone: "America/Chicago",
-      month: "short",
-      day: "numeric",
-      year: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-      hour12: !0
-    });
-  } catch {
-    return t;
-  }
-}, z = (t) => {
-  t = t.slice(0, 10) + "T00:00:00";
-  const e = /* @__PURE__ */ new Date(), i = new Date(t);
-  let s = e.getFullYear() - i.getFullYear();
-  const n = e.getMonth() - i.getMonth();
-  return (n < 0 || n === 0 && e.getDate() < i.getDate()) && s--, s;
-}, N = (t) => {
-  const { line1: e, line2: i, city: s, state: n, zip: o } = t;
-  let r = e || "";
-  return i && (r.length > 0 && (r += ", "), r += i), s && (r.length > 0 && (r += ", "), r += s), n && (r.length > 0 && (r += ", "), r += n), o && (r += ` ${p(o)[0]}`), r;
-}, $ = (t) => {
-  if (t > 3 && t < 21) return "th";
-  switch (t % 10) {
-    case 1:
-      return "st";
-    case 2:
-      return "nd";
-    case 3:
-      return "rd";
-    default:
-      return "th";
-  }
-}, P = (t) => {
-  try {
-    const e = /* @__PURE__ */ new Date(t.replace(" ", "T").replace("Z", "") + "Z"), s = new Intl.DateTimeFormat("en-US", {
-      timeZone: "America/Chicago",
-      month: "short",
-      day: "numeric",
-      year: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-      hour12: !0
-    }).formatToParts(e), n = (h) => {
-      var c;
-      return ((c = s.find((y) => y.type === h)) == null ? void 0 : c.value) ?? "";
-    }, o = n("month") + ".", r = Number(n("day")), u = n("year"), m = n("hour"), d = n("minute"), f = n("dayPeriod").toLowerCase(), g = $(r);
-    return `${o} ${r}${g}, ${u}, ${m}:${d}${f}`;
-  } catch {
-    return t;
-  }
-}, v = (t) => {
-  if (t == null) return ["", void 0];
-  let e = t.replace(/\D/g, "") || "";
-  e.at(0) == "1" && (e = e.slice(1));
-  const i = e.slice(0, 3), s = e.slice(3, 6), n = e.slice(6, 10), o = e.slice(10, 16);
-  let r = e;
-  return e.length >= 4 && (r = `(${i}) ${e.slice(3)}`), e.length >= 7 && (r = `(${i}) ${s}-${e.slice(6)}`), e.length > 10 && (r = `(${i}) ${s}-${n} ext. ${o}`), [r, e.slice(0, 16)];
-}, p = (t) => {
-  if (!t) return ["", void 0];
-  const e = t.replace(/\D/g, "");
-  return e.length <= 5 ? [e, e] : [`${e.slice(0, 5)}-${e.slice(5, 9)}`, e.slice(0, 9)];
+import s from "./theme.js";
+import { formattersByType as i } from "./formatters.js";
+import { formatAddress as S, formatDate as T, formatDateTime as g, formatPhoneNumber as k, formatSSN as D, formatTimestamp as M, formatZipCode as N } from "./formatters.js";
+import { maskersByType as f } from "./maskers.js";
+import { defaultMasker as V, maskSSN as C } from "./maskers.js";
+import { states as j } from "./constants.js";
+import { isValidCityName as A, isValidEmail as B, isValidPhoneNumber as F, isValidSSN as I, isValidZipCode as P } from "./validators.js";
+import { u as m } from "./.chunks/useMediaQuery.js";
+const c = /* @__PURE__ */ new Set([
+  ...Object.keys(i),
+  ...Object.keys(f),
+  "text"
+]), u = () => m(`(max-width: ${s.screenSizes.mobile})`), y = () => m(`(max-width: ${s.screenSizes.tablet})`), x = (e) => {
+  e = e.slice(0, 10) + "T00:00:00";
+  const t = /* @__PURE__ */ new Date(), o = new Date(e);
+  let r = t.getFullYear() - o.getFullYear();
+  const a = t.getMonth() - o.getMonth();
+  return (a < 0 || a === 0 && t.getDate() < o.getDate()) && r--, r;
 };
 export {
-  z as calculateAge,
-  N as formatAddress,
-  b as formatDate,
-  A as formatDateTime,
-  v as formatPhoneNumber,
-  P as formatTimestamp,
-  p as formatZipCode,
-  Z as isMobile,
-  w as isTablet,
-  S as isValidCityName,
-  R as isValidEmail,
-  T as isValidPhoneNumber,
-  C as isValidZipCode
+  x as calculateAge,
+  V as defaultMasker,
+  S as formatAddress,
+  T as formatDate,
+  g as formatDateTime,
+  k as formatPhoneNumber,
+  D as formatSSN,
+  M as formatTimestamp,
+  N as formatZipCode,
+  c as formattedOrMaskedTypes,
+  i as formattersByType,
+  A as isValidCityName,
+  B as isValidEmail,
+  F as isValidPhoneNumber,
+  I as isValidSSN,
+  P as isValidZipCode,
+  C as maskSSN,
+  f as maskersByType,
+  j as states,
+  u as useIsMobile,
+  y as useIsTablet
 };

package/validators.d.ts

@@ -0,0 +1,5 @@
+export declare const isValidEmail: (email: string) => boolean;
+export declare const isValidPhoneNumber: (phone: string) => boolean;
+export declare const isValidZipCode: (zip: string) => boolean;
+export declare const isValidCityName: (city: string) => boolean;
+export declare const isValidSSN: (ssn: string) => boolean;