@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0

package/ui/helpers/phone/defaultPrefixes.js

@@ -1,123 +1,147 @@
 //#region lib/ui/helpers/phone/defaultPrefixes.ts
 var e = [
+	{
+		code: "+33",
+		label: "Fra +33",
+		fullLabel: "France +33",
+		country: "FR"
+	},
 	{
 		code: "+1",
-		label: "US/Canada (+1)",
+		label: "USA +1",
+		fullLabel: "United States +1",
 		country: "US"
 	},
 	{
 		code: "+44",
-		label: "UK (+44)",
+		label: "UK +44",
+		fullLabel: "United Kingdom +44",
 		country: "GB"
 	},
-	{
-		code: "+33",
-		label: "France (+33)",
-		country: "FR"
-	},
 	{
 		code: "+49",
-		label: "Germany (+49)",
+		label: "Ger +49",
+		fullLabel: "Germany +49",
 		country: "DE"
 	},
 	{
 		code: "+39",
-		label: "Italy (+39)",
+		label: "Ita +39",
+		fullLabel: "Italy +39",
 		country: "IT"
 	},
 	{
 		code: "+34",
-		label: "Spain (+34)",
+		label: "Spn +34",
+		fullLabel: "Spain +34",
 		country: "ES"
 	},
 	{
 		code: "+86",
-		label: "China (+86)",
+		label: "Chn +86",
+		fullLabel: "China +86",
 		country: "CN"
 	},
 	{
 		code: "+91",
-		label: "India (+91)",
+		label: "Ind +91",
+		fullLabel: "India +91",
 		country: "IN"
 	},
 	{
 		code: "+81",
-		label: "Japan (+81)",
+		label: "JP +81",
+		fullLabel: "Japan +81",
 		country: "JP"
 	},
 	{
 		code: "+82",
-		label: "South Korea (+82)",
+		label: "Kr +82",
+		fullLabel: "South Korea +82",
 		country: "KR"
 	},
 	{
 		code: "+7",
-		label: "Russia (+7)",
+		label: "Rus +7",
+		fullLabel: "Russia +7",
 		country: "RU"
 	},
 	{
 		code: "+61",
-		label: "Australia (+61)",
+		label: "Aus +61",
+		fullLabel: "Australia +61",
 		country: "AU"
 	},
 	{
 		code: "+55",
-		label: "Brazil (+55)",
+		label: "Bra +55",
+		fullLabel: "Brazil +55",
 		country: "BR"
 	},
 	{
 		code: "+52",
-		label: "Mexico (+52)",
+		label: "Mex +52",
+		fullLabel: "Mexico +52",
 		country: "MX"
 	},
 	{
 		code: "+31",
-		label: "Netherlands (+31)",
+		label: "NL +31",
+		fullLabel: "Netherlands +31",
 		country: "NL"
 	},
 	{
 		code: "+46",
-		label: "Sweden (+46)",
+		label: "Swe +46",
+		fullLabel: "Sweden +46",
 		country: "SE"
 	},
 	{
 		code: "+41",
-		label: "Switzerland (+41)",
+		label: "Swi +41",
+		fullLabel: "Switzerland +41",
 		country: "CH"
 	},
 	{
 		code: "+32",
-		label: "Belgium (+32)",
+		label: "Bel +32",
+		fullLabel: "Belgium +32",
 		country: "BE"
 	},
 	{
 		code: "+48",
-		label: "Poland (+48)",
+		label: "Pol +48",
+		fullLabel: "Poland +48",
 		country: "PL"
 	},
 	{
 		code: "+351",
-		label: "Portugal (+351)",
+		label: "Por +351",
+		fullLabel: "Portugal +351",
 		country: "PT"
 	},
 	{
 		code: "+30",
-		label: "Greece (+30)",
+		label: "Gre +30",
+		fullLabel: "Greece +30",
 		country: "GR"
 	},
 	{
 		code: "+47",
-		label: "Norway (+47)",
+		label: "Nor +47",
+		fullLabel: "Norway +47",
 		country: "NO"
 	},
 	{
 		code: "+45",
-		label: "Denmark (+45)",
+		label: "Den +45",
+		fullLabel: "Denmark +45",
 		country: "DK"
 	},
 	{
 		code: "+358",
-		label: "Finland (+358)",
+		label: "Fin +358",
+		fullLabel: "Finland +358",
 		country: "FI"
 	}
 ];

package/ui/helpers/phone/defaultPrefixes.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPrefixes.js","names":[],"sources":["../../../../lib/ui/helpers/phone/defaultPrefixes.ts"],"sourcesContent":["/**\n * Default phone number prefixes for common countries\n */\n\nexport interface PhonePrefix {\n  code: string;\n  label?: string;\n  country?: string;\n}\n\n/**\n * List of common country phone prefixes\n * Sorted by popularity/usage frequency\n */\nexport const DEFAULT_PHONE_PREFIXES: PhonePrefix[] = [\n  { code: '+1', label: 'US/Canada (+1)', country: 'US' },\n  { code: '+44', label: 'UK (+44)', country: 'GB' },\n  { code: '+33', label: 'France (+33)', country: 'FR' },\n  { code: '+49', label: 'Germany (+49)', country: 'DE' },\n  { code: '+39', label: 'Italy (+39)', country: 'IT' },\n  { code: '+34', label: 'Spain (+34)', country: 'ES' },\n  { code: '+86', label: 'China (+86)', country: 'CN' },\n  { code: '+91', label: 'India (+91)', country: 'IN' },\n  { code: '+81', label: 'Japan (+81)', country: 'JP' },\n  { code: '+82', label: 'South Korea (+82)', country: 'KR' },\n  { code: '+7', label: 'Russia (+7)', country: 'RU' },\n  { code: '+61', label: 'Australia (+61)', country: 'AU' },\n  { code: '+55', label: 'Brazil (+55)', country: 'BR' },\n  { code: '+52', label: 'Mexico (+52)', country: 'MX' },\n  { code: '+31', label: 'Netherlands (+31)', country: 'NL' },\n  { code: '+46', label: 'Sweden (+46)', country: 'SE' },\n  { code: '+41', label: 'Switzerland (+41)', country: 'CH' },\n  { code: '+32', label: 'Belgium (+32)', country: 'BE' },\n  { code: '+48', label: 'Poland (+48)', country: 'PL' },\n  { code: '+351', label: 'Portugal (+351)', country: 'PT' },\n  { code: '+30', label: 'Greece (+30)', country: 'GR' },\n  { code: '+47', label: 'Norway (+47)', country: 'NO' },\n  { code: '+45', label: 'Denmark (+45)', country: 'DK' },\n  { code: '+358', label: 'Finland (+358)', country: 'FI' },\n];\n"],"mappings":";AAcA,IAAa,IAAwC;CACnD;EAAE,MAAM;EAAM,OAAO;EAAkB,SAAS;EAAM;CACtD;EAAE,MAAM;EAAO,OAAO;EAAY,SAAS;EAAM;CACjD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAiB,SAAS;EAAM;CACtD;EAAE,MAAM;EAAO,OAAO;EAAe,SAAS;EAAM;CACpD;EAAE,MAAM;EAAO,OAAO;EAAe,SAAS;EAAM;CACpD;EAAE,MAAM;EAAO,OAAO;EAAe,SAAS;EAAM;CACpD;EAAE,MAAM;EAAO,OAAO;EAAe,SAAS;EAAM;CACpD;EAAE,MAAM;EAAO,OAAO;EAAe,SAAS;EAAM;CACpD;EAAE,MAAM;EAAO,OAAO;EAAqB,SAAS;EAAM;CAC1D;EAAE,MAAM;EAAM,OAAO;EAAe,SAAS;EAAM;CACnD;EAAE,MAAM;EAAO,OAAO;EAAmB,SAAS;EAAM;CACxD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAqB,SAAS;EAAM;CAC1D;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAqB,SAAS;EAAM;CAC1D;EAAE,MAAM;EAAO,OAAO;EAAiB,SAAS;EAAM;CACtD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAQ,OAAO;EAAmB,SAAS;EAAM;CACzD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAgB,SAAS;EAAM;CACrD;EAAE,MAAM;EAAO,OAAO;EAAiB,SAAS;EAAM;CACtD;EAAE,MAAM;EAAQ,OAAO;EAAkB,SAAS;EAAM;CACzD"}
+{"version":3,"file":"defaultPrefixes.js","names":[],"sources":["../../../../lib/ui/helpers/phone/defaultPrefixes.ts"],"sourcesContent":["/**\n * Default phone number prefixes for common countries\n */\n\nexport interface PhonePrefix {\n  code: string;\n  label?: string;\n  fullLabel?: string;\n  country?: string;\n}\n\n/**\n * List of common country phone prefixes\n * Sorted by popularity/usage frequency\n */\nexport const DEFAULT_PHONE_PREFIXES: PhonePrefix[] = [\n  { code: '+33', label: 'Fra +33', fullLabel: 'France +33', country: 'FR' },\n  { code: '+1', label: 'USA +1', fullLabel: 'United States +1', country: 'US' },\n  { code: '+44', label: 'UK +44', fullLabel: 'United Kingdom +44', country: 'GB' },\n  { code: '+49', label: 'Ger +49', fullLabel: 'Germany +49', country: 'DE' },\n  { code: '+39', label: 'Ita +39', fullLabel: 'Italy +39', country: 'IT' },\n  { code: '+34', label: 'Spn +34', fullLabel: 'Spain +34', country: 'ES' },\n  { code: '+86', label: 'Chn +86', fullLabel: 'China +86', country: 'CN' },\n  { code: '+91', label: 'Ind +91', fullLabel: 'India +91', country: 'IN' },\n  { code: '+81', label: 'JP +81', fullLabel: 'Japan +81', country: 'JP' },\n  { code: '+82', label: 'Kr +82', fullLabel: 'South Korea +82', country: 'KR' },\n  { code: '+7', label: 'Rus +7', fullLabel: 'Russia +7', country: 'RU' },\n  { code: '+61', label: 'Aus +61', fullLabel: 'Australia +61', country: 'AU' },\n  { code: '+55', label: 'Bra +55', fullLabel: 'Brazil +55', country: 'BR' },\n  { code: '+52', label: 'Mex +52', fullLabel: 'Mexico +52', country: 'MX' },\n  { code: '+31', label: 'NL +31', fullLabel: 'Netherlands +31', country: 'NL' },\n  { code: '+46', label: 'Swe +46', fullLabel: 'Sweden +46', country: 'SE' },\n  { code: '+41', label: 'Swi +41', fullLabel: 'Switzerland +41', country: 'CH' },\n  { code: '+32', label: 'Bel +32', fullLabel: 'Belgium +32', country: 'BE' },\n  { code: '+48', label: 'Pol +48', fullLabel: 'Poland +48', country: 'PL' },\n  { code: '+351', label: 'Por +351', fullLabel: 'Portugal +351', country: 'PT' },\n  { code: '+30', label: 'Gre +30', fullLabel: 'Greece +30', country: 'GR' },\n  { code: '+47', label: 'Nor +47', fullLabel: 'Norway +47', country: 'NO' },\n  { code: '+45', label: 'Den +45', fullLabel: 'Denmark +45', country: 'DK' },\n  { code: '+358', label: 'Fin +358', fullLabel: 'Finland +358', country: 'FI' },\n];\n"],"mappings":";AAeA,IAAa,IAAwC;CACnD;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAM,OAAO;EAAU,WAAW;EAAoB,SAAS;EAAM;CAC7E;EAAE,MAAM;EAAO,OAAO;EAAU,WAAW;EAAsB,SAAS;EAAM;CAChF;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAe,SAAS;EAAM;CAC1E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAa,SAAS;EAAM;CACxE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAa,SAAS;EAAM;CACxE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAa,SAAS;EAAM;CACxE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAa,SAAS;EAAM;CACxE;EAAE,MAAM;EAAO,OAAO;EAAU,WAAW;EAAa,SAAS;EAAM;CACvE;EAAE,MAAM;EAAO,OAAO;EAAU,WAAW;EAAmB,SAAS;EAAM;CAC7E;EAAE,MAAM;EAAM,OAAO;EAAU,WAAW;EAAa,SAAS;EAAM;CACtE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAiB,SAAS;EAAM;CAC5E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAO,OAAO;EAAU,WAAW;EAAmB,SAAS;EAAM;CAC7E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAmB,SAAS;EAAM;CAC9E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAe,SAAS;EAAM;CAC1E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAQ,OAAO;EAAY,WAAW;EAAiB,SAAS;EAAM;CAC9E;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAc,SAAS;EAAM;CACzE;EAAE,MAAM;EAAO,OAAO;EAAW,WAAW;EAAe,SAAS;EAAM;CAC1E;EAAE,MAAM;EAAQ,OAAO;EAAY,WAAW;EAAgB,SAAS;EAAM;CAC9E"}

package/ui/helpers/phone/formatters.d.ts

@@ -44,3 +44,14 @@ export declare function getCursorPosition(oldValue: string, newValue: string, ol
  * @returns Number of '#' characters in pattern
  */
 export declare function countDigitPlaceholders(pattern: string): number;
+export declare function getLiteralPrefixInfo(pattern: string): {
+    literalPrefix: string;
+    literalPrefixDigits: string;
+};
+export declare function stripLiteralPrefix(allDigits: string, literalPrefixDigits: string): string;
+export declare function calculateCursorPosition(digitsBeforeCursor: number, formatted: string, literalPrefixDigits: string): number;
+export declare function formatPhoneDigits(inputValue: string, pattern: string, cursorPosition: number): {
+    formatted: string;
+    nextCursor: number;
+    literalPrefixDigits: string;
+} | null;

package/ui/helpers/phone/formatters.js

@@ -27,7 +27,38 @@ function n(t, n, r) {
 function r(e) {
 	return (e.match(/#/g) || []).length;
 }
+function i(t) {
+	let n = t.indexOf("#"), r = n > 0 ? t.substring(0, n) : "";
+	return {
+		literalPrefix: r,
+		literalPrefixDigits: e(r)
+	};
+}
+function a(e, t) {
+	return t.length > 0 && e.startsWith(t) ? e.substring(t.length) : e;
+}
+function o(e, t, n) {
+	let r = 0, i = 0;
+	for (let a = 0; a < t.length; a++) if (/\d/.test(t[a])) {
+		if (i < n.length) {
+			i++;
+			continue;
+		}
+		if (r++, r === e) return a + 1;
+	}
+	return t.length;
+}
+function s(n, s, c) {
+	let { literalPrefixDigits: l } = i(s), u = a(e(n), l), d = r(s);
+	if (u.length > d) return null;
+	let f = a(e(n.substring(0, c)), l).length, p = t(u, s);
+	return {
+		formatted: p,
+		nextCursor: o(f, p, l),
+		literalPrefixDigits: l
+	};
+}
 //#endregion
-export { r as countDigitPlaceholders, e as extractDigits, t as formatWithPattern, n as getCursorPosition };
+export { o as calculateCursorPosition, r as countDigitPlaceholders, e as extractDigits, s as formatPhoneDigits, t as formatWithPattern, n as getCursorPosition, i as getLiteralPrefixInfo, a as stripLiteralPrefix };
 
 //# sourceMappingURL=formatters.js.map

package/ui/helpers/phone/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":[],"sources":["../../../../lib/ui/helpers/phone/formatters.ts"],"sourcesContent":["/**\n * Phone number formatting utilities\n * Provides pattern-based formatting without external dependencies\n */\n\n/**\n * Extract only digits from a string\n * @param value - Input string that may contain non-digit characters\n * @returns String containing only digits (0-9)\n */\nexport function extractDigits(value: string): string {\n  return value.replace(/\\D/g, '');\n}\n\n/**\n * Apply a pattern to input digits\n * Pattern uses '#' as placeholder for digits, other characters are literals\n *\n * @example\n * formatWithPattern(\"5551234567\", \"+1 (###) ###-####\")\n * // returns \"+1 (555) 123-4567\"\n *\n * @param value - String containing the digits to format\n * @param pattern - Format pattern where '#' represents a digit placeholder\n * @returns Formatted string according to pattern\n */\nexport function formatWithPattern(value: string, pattern: string): string {\n  const digits = extractDigits(value);\n  if (digits.length === 0) return '';\n\n  let digitIndex = 0;\n  let result = '';\n  let started = false;\n\n  for (let i = 0; i < pattern.length; i++) {\n    if (pattern[i] === '#') {\n      if (digitIndex < digits.length) {\n        // Add any leading literals before the first digit\n        if (!started) {\n          // Add all literals from start until this digit\n          for (let j = 0; j < i; j++) {\n            if (pattern[j] !== '#') {\n              result += pattern[j];\n            }\n          }\n          started = true;\n        }\n\n        result += digits[digitIndex];\n        digitIndex++;\n      } else {\n        // No more digits available\n        break;\n      }\n    } else if (started) {\n      // Literal character after we've started\n      result += pattern[i];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Calculate cursor position after formatting\n * Critical for UX - ensures cursor stays in correct position relative to digits\n *\n * @example\n * // User types \"4\" at position: \"1|23\" → \"1423\"\n * // After formatting: \"(14) 23\"\n * // Cursor should be: \"(14|) 23\" (after the 4, not at end)\n *\n * @param oldValue - Previous input value\n * @param newValue - New formatted value\n * @param oldCursor - Cursor position before formatting\n * @returns New cursor position after formatting\n */\nexport function getCursorPosition(oldValue: string, newValue: string, oldCursor: number): number {\n  // Count digits before cursor in old value\n  const digitsBeforeCursor = extractDigits(oldValue.substring(0, oldCursor)).length;\n\n  // Find position in new value where we have the same number of digits\n  let digitCount = 0;\n  let newCursor = 0;\n\n  for (let i = 0; i < newValue.length; i++) {\n    if (/\\d/.test(newValue[i])) {\n      digitCount++;\n      if (digitCount === digitsBeforeCursor) {\n        newCursor = i + 1;\n        break;\n      }\n    }\n  }\n\n  // If we didn't find enough digits, cursor goes to end\n  if (digitCount < digitsBeforeCursor) {\n    newCursor = newValue.length;\n  }\n\n  return newCursor;\n}\n\n/**\n * Count digit placeholders in a pattern\n * Used to determine maximum number of digits allowed\n *\n * @param pattern - Format pattern\n * @returns Number of '#' characters in pattern\n */\nexport function countDigitPlaceholders(pattern: string): number {\n  return (pattern.match(/#/g) || []).length;\n}\n"],"mappings":";AAUA,SAAgB,EAAc,GAAuB;AACnD,QAAO,EAAM,QAAQ,OAAO,GAAG;;AAejC,SAAgB,EAAkB,GAAe,GAAyB;CACxE,IAAM,IAAS,EAAc,EAAM;AACnC,KAAI,EAAO,WAAW,EAAG,QAAO;CAEhC,IAAI,IAAa,GACb,IAAS,IACT,IAAU;AAEd,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,IAClC,KAAI,EAAQ,OAAO,IACjB,KAAI,IAAa,EAAO,QAAQ;AAE9B,MAAI,CAAC,GAAS;AAEZ,QAAK,IAAI,IAAI,GAAG,IAAI,GAAG,IACrB,CAAI,EAAQ,OAAO,QACjB,KAAU,EAAQ;AAGtB,OAAU;;AAIZ,EADA,KAAU,EAAO,IACjB;OAGA;MAEO,MAET,KAAU,EAAQ;AAItB,QAAO;;AAiBT,SAAgB,EAAkB,GAAkB,GAAkB,GAA2B;CAE/F,IAAM,IAAqB,EAAc,EAAS,UAAU,GAAG,EAAU,CAAC,CAAC,QAGvE,IAAa,GACb,IAAY;AAEhB,MAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,IACnC,KAAI,KAAK,KAAK,EAAS,GAAG,KACxB,KACI,MAAe,IAAoB;AACrC,MAAY,IAAI;AAChB;;AAUN,QAJI,IAAa,MACf,IAAY,EAAS,SAGhB;;AAUT,SAAgB,EAAuB,GAAyB;AAC9D,SAAQ,EAAQ,MAAM,KAAK,IAAI,EAAE,EAAE"}
+{"version":3,"file":"formatters.js","names":[],"sources":["../../../../lib/ui/helpers/phone/formatters.ts"],"sourcesContent":["/**\n * Phone number formatting utilities\n * Provides pattern-based formatting without external dependencies\n */\n\n/**\n * Extract only digits from a string\n * @param value - Input string that may contain non-digit characters\n * @returns String containing only digits (0-9)\n */\nexport function extractDigits(value: string): string {\n  return value.replace(/\\D/g, '');\n}\n\n/**\n * Apply a pattern to input digits\n * Pattern uses '#' as placeholder for digits, other characters are literals\n *\n * @example\n * formatWithPattern(\"5551234567\", \"+1 (###) ###-####\")\n * // returns \"+1 (555) 123-4567\"\n *\n * @param value - String containing the digits to format\n * @param pattern - Format pattern where '#' represents a digit placeholder\n * @returns Formatted string according to pattern\n */\nexport function formatWithPattern(value: string, pattern: string): string {\n  const digits = extractDigits(value);\n  if (digits.length === 0) return '';\n\n  let digitIndex = 0;\n  let result = '';\n  let started = false;\n\n  for (let i = 0; i < pattern.length; i++) {\n    if (pattern[i] === '#') {\n      if (digitIndex < digits.length) {\n        // Add any leading literals before the first digit\n        if (!started) {\n          // Add all literals from start until this digit\n          for (let j = 0; j < i; j++) {\n            if (pattern[j] !== '#') {\n              result += pattern[j];\n            }\n          }\n          started = true;\n        }\n\n        result += digits[digitIndex];\n        digitIndex++;\n      } else {\n        // No more digits available\n        break;\n      }\n    } else if (started) {\n      // Literal character after we've started\n      result += pattern[i];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Calculate cursor position after formatting\n * Critical for UX - ensures cursor stays in correct position relative to digits\n *\n * @example\n * // User types \"4\" at position: \"1|23\" → \"1423\"\n * // After formatting: \"(14) 23\"\n * // Cursor should be: \"(14|) 23\" (after the 4, not at end)\n *\n * @param oldValue - Previous input value\n * @param newValue - New formatted value\n * @param oldCursor - Cursor position before formatting\n * @returns New cursor position after formatting\n */\nexport function getCursorPosition(oldValue: string, newValue: string, oldCursor: number): number {\n  // Count digits before cursor in old value\n  const digitsBeforeCursor = extractDigits(oldValue.substring(0, oldCursor)).length;\n\n  // Find position in new value where we have the same number of digits\n  let digitCount = 0;\n  let newCursor = 0;\n\n  for (let i = 0; i < newValue.length; i++) {\n    if (/\\d/.test(newValue[i])) {\n      digitCount++;\n      if (digitCount === digitsBeforeCursor) {\n        newCursor = i + 1;\n        break;\n      }\n    }\n  }\n\n  // If we didn't find enough digits, cursor goes to end\n  if (digitCount < digitsBeforeCursor) {\n    newCursor = newValue.length;\n  }\n\n  return newCursor;\n}\n\n/**\n * Count digit placeholders in a pattern\n * Used to determine maximum number of digits allowed\n *\n * @param pattern - Format pattern\n * @returns Number of '#' characters in pattern\n */\nexport function countDigitPlaceholders(pattern: string): number {\n  return (pattern.match(/#/g) || []).length;\n}\n\nexport function getLiteralPrefixInfo(pattern: string): {\n  literalPrefix: string;\n  literalPrefixDigits: string;\n} {\n  const firstHashIndex = pattern.indexOf('#');\n  const literalPrefix = firstHashIndex > 0 ? pattern.substring(0, firstHashIndex) : '';\n  const literalPrefixDigits = extractDigits(literalPrefix);\n  return { literalPrefix, literalPrefixDigits };\n}\n\nexport function stripLiteralPrefix(allDigits: string, literalPrefixDigits: string): string {\n  if (literalPrefixDigits.length > 0 && allDigits.startsWith(literalPrefixDigits)) {\n    return allDigits.substring(literalPrefixDigits.length);\n  }\n  return allDigits;\n}\n\nexport function calculateCursorPosition(\n  digitsBeforeCursor: number,\n  formatted: string,\n  literalPrefixDigits: string,\n): number {\n  let digitCount = 0;\n  let skippedPrefixDigits = 0;\n\n  for (let i = 0; i < formatted.length; i++) {\n    if (/\\d/.test(formatted[i])) {\n      if (skippedPrefixDigits < literalPrefixDigits.length) {\n        skippedPrefixDigits++;\n        continue;\n      }\n      digitCount++;\n      if (digitCount === digitsBeforeCursor) {\n        return i + 1;\n      }\n    }\n  }\n\n  return formatted.length;\n}\n\nexport function formatPhoneDigits(\n  inputValue: string,\n  pattern: string,\n  cursorPosition: number,\n): { formatted: string; nextCursor: number; literalPrefixDigits: string } | null {\n  const { literalPrefixDigits } = getLiteralPrefixInfo(pattern);\n  const allDigits = stripLiteralPrefix(extractDigits(inputValue), literalPrefixDigits);\n  const maxDigits = countDigitPlaceholders(pattern);\n  if (allDigits.length > maxDigits) return null;\n\n  const digitsBeforeCursorInInput = stripLiteralPrefix(\n    extractDigits(inputValue.substring(0, cursorPosition)),\n    literalPrefixDigits,\n  );\n  const digitsBeforeCursor = digitsBeforeCursorInInput.length;\n  const formatted = formatWithPattern(allDigits, pattern);\n  const nextCursor = calculateCursorPosition(digitsBeforeCursor, formatted, literalPrefixDigits);\n  return { formatted, nextCursor, literalPrefixDigits };\n}\n"],"mappings":";AAUA,SAAgB,EAAc,GAAuB;AACnD,QAAO,EAAM,QAAQ,OAAO,GAAG;;AAejC,SAAgB,EAAkB,GAAe,GAAyB;CACxE,IAAM,IAAS,EAAc,EAAM;AACnC,KAAI,EAAO,WAAW,EAAG,QAAO;CAEhC,IAAI,IAAa,GACb,IAAS,IACT,IAAU;AAEd,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,IAClC,KAAI,EAAQ,OAAO,IACjB,KAAI,IAAa,EAAO,QAAQ;AAE9B,MAAI,CAAC,GAAS;AAEZ,QAAK,IAAI,IAAI,GAAG,IAAI,GAAG,IACrB,CAAI,EAAQ,OAAO,QACjB,KAAU,EAAQ;AAGtB,OAAU;;AAIZ,EADA,KAAU,EAAO,IACjB;OAGA;MAEO,MAET,KAAU,EAAQ;AAItB,QAAO;;AAiBT,SAAgB,EAAkB,GAAkB,GAAkB,GAA2B;CAE/F,IAAM,IAAqB,EAAc,EAAS,UAAU,GAAG,EAAU,CAAC,CAAC,QAGvE,IAAa,GACb,IAAY;AAEhB,MAAK,IAAI,IAAI,GAAG,IAAI,EAAS,QAAQ,IACnC,KAAI,KAAK,KAAK,EAAS,GAAG,KACxB,KACI,MAAe,IAAoB;AACrC,MAAY,IAAI;AAChB;;AAUN,QAJI,IAAa,MACf,IAAY,EAAS,SAGhB;;AAUT,SAAgB,EAAuB,GAAyB;AAC9D,SAAQ,EAAQ,MAAM,KAAK,IAAI,EAAE,EAAE;;AAGrC,SAAgB,EAAqB,GAGnC;CACA,IAAM,IAAiB,EAAQ,QAAQ,IAAI,EACrC,IAAgB,IAAiB,IAAI,EAAQ,UAAU,GAAG,EAAe,GAAG;AAElF,QAAO;EAAE;EAAe,qBADI,EAAc,EAAc;EACX;;AAG/C,SAAgB,EAAmB,GAAmB,GAAqC;AAIzF,QAHI,EAAoB,SAAS,KAAK,EAAU,WAAW,EAAoB,GACtE,EAAU,UAAU,EAAoB,OAAO,GAEjD;;AAGT,SAAgB,EACd,GACA,GACA,GACQ;CACR,IAAI,IAAa,GACb,IAAsB;AAE1B,MAAK,IAAI,IAAI,GAAG,IAAI,EAAU,QAAQ,IACpC,KAAI,KAAK,KAAK,EAAU,GAAG,EAAE;AAC3B,MAAI,IAAsB,EAAoB,QAAQ;AACpD;AACA;;AAGF,MADA,KACI,MAAe,EACjB,QAAO,IAAI;;AAKjB,QAAO,EAAU;;AAGnB,SAAgB,EACd,GACA,GACA,GAC+E;CAC/E,IAAM,EAAE,2BAAwB,EAAqB,EAAQ,EACvD,IAAY,EAAmB,EAAc,EAAW,EAAE,EAAoB,EAC9E,IAAY,EAAuB,EAAQ;AACjD,KAAI,EAAU,SAAS,EAAW,QAAO;CAMzC,IAAM,IAJ4B,EAChC,EAAc,EAAW,UAAU,GAAG,EAAe,CAAC,EACtD,EACD,CACoD,QAC/C,IAAY,EAAkB,GAAW,EAAQ;AAEvD,QAAO;EAAE;EAAW,YADD,EAAwB,GAAoB,GAAW,EAAoB;EAC9D;EAAqB"}

package/ui/helpers/phone/index.d.ts

@@ -2,5 +2,5 @@
  * Phone number utilities
  * Provides formatting, validation, and default prefixes for phone number inputs
  */
-export { extractDigits, formatWithPattern, getCursorPosition, countDigitPlaceholders, } from './formatters';
+export { extractDigits, formatWithPattern, getCursorPosition, countDigitPlaceholders, getLiteralPrefixInfo, stripLiteralPrefix, calculateCursorPosition, formatPhoneDigits, } from './formatters';
 export { DEFAULT_PHONE_PREFIXES, type PhonePrefix } from './defaultPrefixes';

package/ui/helpers/phone/index.js

@@ -1,3 +1,3 @@
-import { countDigitPlaceholders as e, extractDigits as t, formatWithPattern as n, getCursorPosition as r } from "./formatters.js";
-import { DEFAULT_PHONE_PREFIXES as i } from "./defaultPrefixes.js";
-export { i as DEFAULT_PHONE_PREFIXES, e as countDigitPlaceholders, t as extractDigits, n as formatWithPattern, r as getCursorPosition };
+import { calculateCursorPosition as e, countDigitPlaceholders as t, extractDigits as n, formatPhoneDigits as r, formatWithPattern as i, getCursorPosition as a, getLiteralPrefixInfo as o, stripLiteralPrefix as s } from "./formatters.js";
+import { DEFAULT_PHONE_PREFIXES as c } from "./defaultPrefixes.js";
+export { c as DEFAULT_PHONE_PREFIXES, e as calculateCursorPosition, t as countDigitPlaceholders, n as extractDigits, r as formatPhoneDigits, i as formatWithPattern, a as getCursorPosition, o as getLiteralPrefixInfo, s as stripLiteralPrefix };

package/ui/hooks/useIsClient.d.ts

@@ -0,0 +1 @@
+export declare const useIsClient: () => boolean;

package/ui/hooks/useIsClient.js

@@ -0,0 +1,12 @@
+import { useEffect as e, useState as t } from "react";
+//#region lib/ui/hooks/useIsClient.ts
+var n = () => {
+	let [n, r] = t(!1);
+	return e(() => {
+		r(!0);
+	}, []), n;
+};
+//#endregion
+export { n as useIsClient };
+
+//# sourceMappingURL=useIsClient.js.map

package/ui/hooks/useIsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.js","names":[],"sources":["../../../lib/ui/hooks/useIsClient.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useIsClient = () => {\n  const [isClient, setIsClient] = useState(false);\n\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n};\n"],"mappings":";;AAEA,IAAa,UAAoB;CAC/B,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM;AAM/C,QAJA,QAAgB;AACd,IAAY,GAAK;IAChB,EAAE,CAAC,EAEC"}

package/ui/hooks/useValue.d.ts

@@ -1,12 +1,11 @@
 export interface UseValueProps<Value = string, InitialValue = Value> {
-    name: string;
     initialValue?: InitialValue;
     defaultValue?: Value | string;
     formatter?: (v: Value) => Value;
-    onChange?: (name: string, value: Value) => void;
+    onChange?: (event: Event, value: Value) => void;
 }
-export declare function useValue<Value = string, InitialValue = Value>({ name, initialValue, onChange, defaultValue, formatter, }: UseValueProps<Value, InitialValue>): {
+export declare function useValue<Value = string, InitialValue = Value>({ initialValue, onChange, defaultValue, formatter, }: UseValueProps<Value, InitialValue>): {
     value: Value;
-    setValue: (newValue: Value) => void;
+    setValue: (newValue: Value, event?: Event) => void;
     resetValue: () => void;
 };

package/ui/hooks/useValue.js

@@ -1,20 +1,20 @@
 import { useEffect as e, useState as t } from "react";
 //#region lib/ui/hooks/useValue.ts
-function n({ name: n, initialValue: r, onChange: i, defaultValue: a = "", formatter: o = (e) => e }) {
-	let [s, c] = t(o(r || a));
+function n({ initialValue: n, onChange: r, defaultValue: i = "", formatter: a = (e) => e }) {
+	let [o, s] = t(a(n || i));
 	e(() => {
-		r !== void 0 && c(o(r));
-	}, [r]);
-	function l(e) {
-		e = o(e), c(e), i && i(n, e);
+		s(a(n ?? i));
+	}, [n]);
+	function c(e, t) {
+		e = a(e), s(e), r && r(t ?? new Event("change"), e);
 	}
-	function u() {
-		c(a);
+	function l() {
+		s(i);
 	}
 	return {
-		value: s,
-		setValue: l,
-		resetValue: u
+		value: o,
+		setValue: c,
+		resetValue: l
 	};
 }
 //#endregion

package/ui/hooks/useValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValue.js","names":[],"sources":["../../../lib/ui/hooks/useValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface UseValueProps<Value = string, InitialValue = Value> {\n  name: string;\n  initialValue?: InitialValue;\n  defaultValue?: Value | string;\n  formatter?: (v: Value) => Value;\n  onChange?: (name: string, value: Value) => void;\n}\n\nexport function useValue<Value = string, InitialValue = Value>({\n  name,\n  initialValue,\n  onChange,\n  defaultValue = '',\n  formatter = (v: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    if (initialValue !== undefined) {\n      setValue(formatter(initialValue as Value));\n    }\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    newValue = formatter(newValue);\n    setValue(newValue);\n    if (onChange) onChange(name, newValue);\n  }\n\n  function resetValue() {\n    setValue(defaultValue as Value);\n  }\n\n  return {\n    value,\n    setValue: setNewValue,\n    resetValue,\n  };\n}\n"],"mappings":";;AAUA,SAAgB,EAA+C,EAC7D,SACA,iBACA,aACA,kBAAe,IACf,gBAAa,MAAa,KACW;CACrC,IAAM,CAAC,GAAO,KAAY,EAAgB,EAAW,KAAgB,EAAuB,CAAC;AAE7F,SAAgB;AACd,EAAI,MAAiB,KAAA,KACnB,EAAS,EAAU,EAAsB,CAAC;IAE3C,CAAC,EAAa,CAAC;CAElB,SAAS,EAAY,GAAiB;AAGpC,EAFA,IAAW,EAAU,EAAS,EAC9B,EAAS,EAAS,EACd,KAAU,EAAS,GAAM,EAAS;;CAGxC,SAAS,IAAa;AACpB,IAAS,EAAsB;;AAGjC,QAAO;EACL;EACA,UAAU;EACV;EACD"}
+{"version":3,"file":"useValue.js","names":[],"sources":["../../../lib/ui/hooks/useValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface UseValueProps<Value = string, InitialValue = Value> {\n  initialValue?: InitialValue;\n  defaultValue?: Value | string;\n  formatter?: (v: Value) => Value;\n  onChange?: (event: Event, value: Value) => void;\n}\n\nexport function useValue<Value = string, InitialValue = Value>({\n  initialValue,\n  onChange,\n  defaultValue = '',\n  formatter = (v: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    // Use ?? operator to fallback to defaultValue when initialValue is undefined/null\n    // This ensures the component resets properly when controlled value becomes undefined\n    setValue(formatter((initialValue ?? defaultValue) as Value));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value, event?: Event) {\n    newValue = formatter(newValue);\n    setValue(newValue);\n    if (onChange) onChange(event ?? new Event('change'), newValue);\n  }\n\n  function resetValue() {\n    setValue(defaultValue as Value);\n  }\n\n  return {\n    value,\n    setValue: setNewValue,\n    resetValue,\n  };\n}\n"],"mappings":";;AASA,SAAgB,EAA+C,EAC7D,iBACA,aACA,kBAAe,IACf,gBAAa,MAAa,KACW;CACrC,IAAM,CAAC,GAAO,KAAY,EAAgB,EAAW,KAAgB,EAAuB,CAAC;AAE7F,SAAgB;AAGd,IAAS,EAAW,KAAgB,EAAuB,CAAC;IAC3D,CAAC,EAAa,CAAC;CAElB,SAAS,EAAY,GAAiB,GAAe;AAGnD,EAFA,IAAW,EAAU,EAAS,EAC9B,EAAS,EAAS,EACd,KAAU,EAAS,KAAS,IAAI,MAAM,SAAS,EAAE,EAAS;;CAGhE,SAAS,IAAa;AACpB,IAAS,EAAsB;;AAGjC,QAAO;EACL;EACA,UAAU;EACV;EACD"}

package/ui/journey-card/FlightSegmentCard.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface AirportInfo {
+    name: string;
+    terminal?: string;
+}
+export interface FlightSegmentCardProps extends ComponentPropsWithoutRef<'div'> {
+    flightNumber: string;
+    departureTime: string;
+    arrivalTime: string;
+    departureAirport: AirportInfo;
+    arrivalAirport: AirportInfo;
+    arrivalDate?: string;
+    plusDays?: number;
+}
+export declare function FlightSegmentCard({ flightNumber, departureTime, arrivalTime, departureAirport, arrivalAirport, arrivalDate, className, ...props }: FlightSegmentCardProps): import("react/jsx-runtime").JSX.Element;

package/ui/journey-card/FlightSegmentCard.js

@@ -0,0 +1,73 @@
+import { t as e } from "../../chunks/clsx.js";
+import { FlightTimeline as t } from "./FlightTimeline.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Icon as i } from "@clubmed/trident-icons";
+//#region lib/ui/journey-card/FlightSegmentCard.tsx
+function a({ flightNumber: a, departureTime: o, arrivalTime: s, departureAirport: c, arrivalAirport: l, arrivalDate: u, className: d, ...f }) {
+	return /* @__PURE__ */ r("div", {
+		"data-name": "FlightSegmentCard",
+		...f,
+		className: e("flex h-fit w-full flex-col gap-12 rounded-32 bg-white p-20", d),
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex h-24 w-full flex-row items-center gap-8",
+			children: [/* @__PURE__ */ n(i, {
+				name: "PlaneOutbound",
+				width: "24px",
+				className: "shrink-0 text-black"
+			}), /* @__PURE__ */ n("span", {
+				className: "font-sans text-b4",
+				children: a
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex w-full flex-col gap-4",
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "flex w-full flex-row items-end justify-between",
+					children: [/* @__PURE__ */ n("div", {
+						className: "flex flex-1 flex-col justify-center",
+						children: /* @__PURE__ */ n("span", {
+							className: "font-sans text-b3 font-semibold",
+							children: o
+						})
+					}), /* @__PURE__ */ r("div", {
+						className: "flex flex-col items-end justify-center",
+						children: [u && /* @__PURE__ */ n("span", {
+							className: "font-sans text-b4",
+							children: u
+						}), /* @__PURE__ */ n("span", {
+							className: "font-sans text-b3 font-semibold",
+							children: s
+						})]
+					})]
+				}),
+				/* @__PURE__ */ n(t, {}),
+				/* @__PURE__ */ r("div", {
+					className: "flex w-full flex-row items-start justify-between",
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex w-120 min-w-120 flex-col",
+						children: [/* @__PURE__ */ n("span", {
+							className: "font-sans text-b4 font-semibold",
+							children: c.name
+						}), c.terminal && /* @__PURE__ */ n("span", {
+							className: "font-sans text-b4",
+							children: c.terminal
+						})]
+					}), /* @__PURE__ */ r("div", {
+						className: "flex w-120 min-w-120 flex-col items-end",
+						children: [/* @__PURE__ */ n("span", {
+							className: "font-sans text-b4 font-semibold",
+							children: l.name
+						}), l.terminal && /* @__PURE__ */ n("span", {
+							className: "font-sans text-b4 text-right",
+							children: l.terminal
+						})]
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { a as FlightSegmentCard };
+
+//# sourceMappingURL=FlightSegmentCard.js.map

package/ui/journey-card/FlightSegmentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightSegmentCard.js","names":[],"sources":["../../../lib/ui/journey-card/FlightSegmentCard.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { Icon } from '@clubmed/trident-icons';\nimport { FlightTimeline } from './FlightTimeline';\n\nexport interface AirportInfo {\n  name: string;\n  terminal?: string;\n}\n\nexport interface FlightSegmentCardProps extends ComponentPropsWithoutRef<'div'> {\n  flightNumber: string;\n  departureTime: string;\n  arrivalTime: string;\n  departureAirport: AirportInfo;\n  arrivalAirport: AirportInfo;\n  arrivalDate?: string;\n  plusDays?: number;\n}\n\nexport function FlightSegmentCard({\n  flightNumber,\n  departureTime,\n  arrivalTime,\n  departureAirport,\n  arrivalAirport,\n  arrivalDate,\n  className,\n  ...props\n}: FlightSegmentCardProps) {\n  return (\n    <div\n      data-name=\"FlightSegmentCard\"\n      {...props}\n      className={clsx('flex h-fit w-full flex-col gap-12 rounded-32 bg-white p-20', className)}\n    >\n      <div className=\"flex h-24 w-full flex-row items-center gap-8\">\n        <Icon name=\"PlaneOutbound\" width=\"24px\" className=\"shrink-0 text-black\" />\n        <span className=\"font-sans text-b4\">{flightNumber}</span>\n      </div>\n\n      <div className=\"flex w-full flex-col gap-4\">\n        <div className=\"flex w-full flex-row items-end justify-between\">\n          <div className=\"flex flex-1 flex-col justify-center\">\n            <span className=\"font-sans text-b3 font-semibold\">{departureTime}</span>\n          </div>\n          <div className=\"flex flex-col items-end justify-center\">\n            {arrivalDate && <span className=\"font-sans text-b4\">{arrivalDate}</span>}\n            <span className=\"font-sans text-b3 font-semibold\">{arrivalTime}</span>\n          </div>\n        </div>\n\n        <FlightTimeline />\n\n        <div className=\"flex w-full flex-row items-start justify-between\">\n          <div className=\"flex w-120 min-w-120 flex-col\">\n            <span className=\"font-sans text-b4 font-semibold\">{departureAirport.name}</span>\n            {departureAirport.terminal && (\n              <span className=\"font-sans text-b4\">{departureAirport.terminal}</span>\n            )}\n          </div>\n          <div className=\"flex w-120 min-w-120 flex-col items-end\">\n            <span className=\"font-sans text-b4 font-semibold\">{arrivalAirport.name}</span>\n            {arrivalAirport.terminal && (\n              <span className=\"font-sans text-b4 text-right\">{arrivalAirport.terminal}</span>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAkB,EAChC,iBACA,kBACA,gBACA,qBACA,mBACA,gBACA,cACA,GAAG,KACsB;AACzB,QACE,kBAAC,OAAD;EACE,aAAU;EACV,GAAI;EACJ,WAAW,EAAK,8DAA8D,EAAU;YAH1F,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAM,MAAK;IAAgB,OAAM;IAAO,WAAU;IAAwB,CAAA,EAC1E,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAoB,CAAA,CACrD;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OAAM,WAAU;iBAAmC;OAAqB,CAAA;MACpE,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,KAAe,kBAAC,QAAD;OAAM,WAAU;iBAAqB;OAAmB,CAAA,EACxE,kBAAC,QAAD;OAAM,WAAU;iBAAmC;OAAmB,CAAA,CAClE;QACF;;IAEN,kBAAC,GAAD,EAAkB,CAAA;IAElB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAmC,EAAiB;OAAY,CAAA,EAC/E,EAAiB,YAChB,kBAAC,QAAD;OAAM,WAAU;iBAAqB,EAAiB;OAAgB,CAAA,CAEpE;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAmC,EAAe;OAAY,CAAA,EAC7E,EAAe,YACd,kBAAC,QAAD;OAAM,WAAU;iBAAgC,EAAe;OAAgB,CAAA,CAE7E;QACF;;IACF;KACF"}

package/ui/journey-card/FlightTimeline.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface FlightTimelineProps extends ComponentPropsWithoutRef<'div'> {
+    nbStopovers?: number;
+}
+export declare function FlightTimeline({ nbStopovers, className, ...props }: FlightTimelineProps): import("react/jsx-runtime").JSX.Element;

package/ui/journey-card/FlightTimeline.js

@@ -0,0 +1,27 @@
+import { t as e } from "../../chunks/clsx.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/ui/journey-card/FlightTimeline.tsx
+function r({ nbStopovers: r = 0, className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		"data-name": "FlightTimeline",
+		...a,
+		className: e("relative flex w-full items-center h-12", i),
+		children: [
+			/* @__PURE__ */ t("span", { className: "absolute left-0 h-12 w-12 rounded-full border-2 border-black bg-white" }),
+			/* @__PURE__ */ t("span", { className: "h-2 flex-1 rounded-pill bg-black" }),
+			r > 0 && /* @__PURE__ */ t("div", {
+				className: "flex shrink-0 flex-row items-center gap-2",
+				children: Array.from({ length: r }).map((e, r) => /* @__PURE__ */ n("span", {
+					className: "flex flex-row items-center gap-2",
+					children: [r !== 0 && /* @__PURE__ */ t("span", { className: "h-2 w-8 rounded-pill bg-black" }), /* @__PURE__ */ t("span", { className: "h-12 w-12 rounded-full border-2 border-white bg-black" })]
+				}, r))
+			}),
+			/* @__PURE__ */ t("span", { className: "h-2 flex-1 rounded-pill bg-black" }),
+			/* @__PURE__ */ t("span", { className: "absolute right-0 h-12 w-12 rounded-full border-2 border-black bg-white" })
+		]
+	});
+}
+//#endregion
+export { r as FlightTimeline };
+
+//# sourceMappingURL=FlightTimeline.js.map

package/ui/journey-card/FlightTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlightTimeline.js","names":[],"sources":["../../../lib/ui/journey-card/FlightTimeline.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nexport interface FlightTimelineProps extends ComponentPropsWithoutRef<'div'> {\n  nbStopovers?: number;\n}\n\nexport function FlightTimeline({ nbStopovers = 0, className, ...props }: FlightTimelineProps) {\n  return (\n    <div\n      data-name=\"FlightTimeline\"\n      {...props}\n      className={clsx('relative flex w-full items-center h-12', className)}\n    >\n      <span className=\"absolute left-0 h-12 w-12 rounded-full border-2 border-black bg-white\" />\n      <span className=\"h-2 flex-1 rounded-pill bg-black\" />\n      {nbStopovers > 0 && (\n        <div className=\"flex shrink-0 flex-row items-center gap-2\">\n          {Array.from({ length: nbStopovers }).map((_, i) => (\n            <span key={i} className=\"flex flex-row items-center gap-2\">\n              {i !== 0 && <span className=\"h-2 w-8 rounded-pill bg-black\" />}\n              <span className=\"h-12 w-12 rounded-full border-2 border-white bg-black\" />\n            </span>\n          ))}\n        </div>\n      )}\n      <span className=\"h-2 flex-1 rounded-pill bg-black\" />\n      <span className=\"absolute right-0 h-12 w-12 rounded-full border-2 border-black bg-white\" />\n    </div>\n  );\n}\n"],"mappings":";;;AAOA,SAAgB,EAAe,EAAE,iBAAc,GAAG,cAAW,GAAG,KAA8B;AAC5F,QACE,kBAAC,OAAD;EACE,aAAU;EACV,GAAI;EACJ,WAAW,EAAK,0CAA0C,EAAU;YAHtE;GAKE,kBAAC,QAAD,EAAM,WAAU,yEAA0E,CAAA;GAC1F,kBAAC,QAAD,EAAM,WAAU,oCAAqC,CAAA;GACpD,IAAc,KACb,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,EAAE,QAAQ,GAAa,CAAC,CAAC,KAAK,GAAG,MAC3C,kBAAC,QAAD;KAAc,WAAU;eAAxB,CACG,MAAM,KAAK,kBAAC,QAAD,EAAM,WAAU,iCAAkC,CAAA,EAC9D,kBAAC,QAAD,EAAM,WAAU,yDAA0D,CAAA,CACrE;OAHI,EAGJ,CACP;IACE,CAAA;GAER,kBAAC,QAAD,EAAM,WAAU,oCAAqC,CAAA;GACrD,kBAAC,QAAD,EAAM,WAAU,0EAA2E,CAAA;GACvF"}

package/ui/journey-card/ItineraryDetails.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { AirportInfo, FlightSegmentCardProps } from './FlightSegmentCard';
+export type { AirportInfo };
+export interface ItineraryDetailsProps extends ComponentPropsWithoutRef<'div'> {
+    segments: FlightSegmentCardProps[];
+    connectionTime?: string;
+    flexibleOption?: string;
+}
+export declare function ItineraryDetails({ segments, connectionTime, flexibleOption, className, ...props }: ItineraryDetailsProps): import("react/jsx-runtime").JSX.Element;

package/ui/journey-card/ItineraryDetails.js

@@ -0,0 +1,40 @@
+import { t as e } from "../../chunks/clsx.js";
+import { FlightSegmentCard as t } from "./FlightSegmentCard.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Icon as i } from "@clubmed/trident-icons";
+//#region lib/ui/journey-card/ItineraryDetails.tsx
+function a({ segments: a, connectionTime: o, flexibleOption: s, className: c, ...l }) {
+	return /* @__PURE__ */ r("div", {
+		"data-name": "ItineraryDetails",
+		...l,
+		className: e("flex h-fit w-full flex-col gap-8 rounded-44 bg-lightSand p-16", c),
+		children: [a.map((e, s) => /* @__PURE__ */ r("div", {
+			className: "flex flex-col gap-8",
+			children: [/* @__PURE__ */ n(t, { ...e }), o && s < a.length - 1 && /* @__PURE__ */ r("div", {
+				className: "flex h-fit w-full flex-row items-center gap-2 pl-20",
+				children: [/* @__PURE__ */ n(i, {
+					name: "ClockDefault",
+					width: "24px",
+					className: "shrink-0 text-black"
+				}), /* @__PURE__ */ n("span", {
+					className: "font-sans text-b4",
+					children: o
+				})]
+			})]
+		}, s)), s && /* @__PURE__ */ r("div", {
+			className: "flex w-full flex-row items-start gap-2",
+			children: [/* @__PURE__ */ n(i, {
+				name: "LightBulb",
+				width: "24px",
+				className: "mt-2 shrink-0 text-black"
+			}), /* @__PURE__ */ n("div", {
+				className: "whitespace-pre-wrap font-sans text-b4",
+				children: s
+			})]
+		})]
+	});
+}
+//#endregion
+export { a as ItineraryDetails };
+
+//# sourceMappingURL=ItineraryDetails.js.map

package/ui/journey-card/ItineraryDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItineraryDetails.js","names":[],"sources":["../../../lib/ui/journey-card/ItineraryDetails.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { Icon } from '@clubmed/trident-icons';\nimport { FlightSegmentCard } from './FlightSegmentCard';\nimport type { AirportInfo, FlightSegmentCardProps } from './FlightSegmentCard';\n\nexport type { AirportInfo };\n\nexport interface ItineraryDetailsProps extends ComponentPropsWithoutRef<'div'> {\n  segments: FlightSegmentCardProps[];\n  connectionTime?: string;\n  flexibleOption?: string;\n}\n\nexport function ItineraryDetails({\n  segments,\n  connectionTime,\n  flexibleOption,\n  className,\n  ...props\n}: ItineraryDetailsProps) {\n  return (\n    <div\n      data-name=\"ItineraryDetails\"\n      {...props}\n      className={clsx('flex h-fit w-full flex-col gap-8 rounded-44 bg-lightSand p-16', className)}\n    >\n      {segments.map((segment, index) => (\n        <div key={index} className=\"flex flex-col gap-8\">\n          <FlightSegmentCard {...segment} />\n\n          {connectionTime && index < segments.length - 1 && (\n            <div className=\"flex h-fit w-full flex-row items-center gap-2 pl-20\">\n              <Icon name=\"ClockDefault\" width=\"24px\" className=\"shrink-0 text-black\" />\n              <span className=\"font-sans text-b4\">{connectionTime}</span>\n            </div>\n          )}\n        </div>\n      ))}\n\n      {flexibleOption && (\n        <div className=\"flex w-full flex-row items-start gap-2\">\n          <Icon name=\"LightBulb\" width=\"24px\" className=\"mt-2 shrink-0 text-black\" />\n          <div className=\"whitespace-pre-wrap font-sans text-b4\">{flexibleOption}</div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAiB,EAC/B,aACA,mBACA,mBACA,cACA,GAAG,KACqB;AACxB,QACE,kBAAC,OAAD;EACE,aAAU;EACV,GAAI;EACJ,WAAW,EAAK,iEAAiE,EAAU;YAH7F,CAKG,EAAS,KAAK,GAAS,MACtB,kBAAC,OAAD;GAAiB,WAAU;aAA3B,CACE,kBAAC,GAAD,EAAmB,GAAI,GAAW,CAAA,EAEjC,KAAkB,IAAQ,EAAS,SAAS,KAC3C,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAM,MAAK;KAAe,OAAM;KAAO,WAAU;KAAwB,CAAA,EACzE,kBAAC,QAAD;KAAM,WAAU;eAAqB;KAAsB,CAAA,CACvD;MAEJ;KATI,EASJ,CACN,EAED,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAM,MAAK;IAAY,OAAM;IAAO,WAAU;IAA6B,CAAA,EAC3E,kBAAC,OAAD;IAAK,WAAU;cAAyC;IAAqB,CAAA,CACzE;KAEJ"}

package/ui/journey-card/JourneyCard.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { JourneyDetailsProps } from './JourneyDetails';
+export type { JourneyDetailsProps };
+export type { AirportInfo, ItineraryDetailsProps } from './ItineraryDetails';
+export type { FlightSegmentCardProps } from './FlightSegmentCard';
+export interface JourneyCardProps extends ComponentPropsWithoutRef<'div'> {
+    /** Outbound or inbound flight leg */
+    flight1Journey: JourneyDetailsProps;
+    /** Return flight leg */
+    flight2Journey: JourneyDetailsProps;
+    /**
+     * When true, both legs are displayed side-by-side with a vertical divider
+     * instead of stacked with a horizontal divider.
+     */
+    compact?: boolean;
+}
+export declare function JourneyCard({ flight1Journey, flight2Journey, compact, className, ...props }: JourneyCardProps): import("react/jsx-runtime").JSX.Element;