@clubmed/trident-ui 2.0.0-beta.6 → 2.0.0-beta.60

package/ui/frame/SliderFrame.js

@@ -0,0 +1,50 @@
+"use client";
+import { Image as e } from "../Image.js";
+import { FrameWrapper as t } from "./FrameWrapper.js";
+import { Carousel as n } from "../carousel/Carousel.js";
+import { CarouselBody as r } from "../carousel/CarouselBody.js";
+import { CarouselItem as i } from "../carousel/CarouselItem.js";
+import { CarouselNext as a } from "../carousel/CarouselNext.js";
+import { CarouselPrevious as o } from "../carousel/CarouselPrevious.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region lib/ui/frame/SliderFrame.tsx
+var u = ({ children: u, describedby: d, items: f, labels: p, ...m }) => {
+	let h = f.length > 1, g = s(() => f.map((t) => /* @__PURE__ */ c(e, {
+		...t,
+		className: "pointer-events-none size-full object-cover"
+	}, t.src)), [f]);
+	return /* @__PURE__ */ l(t, {
+		...m,
+		children: [h ? /* @__PURE__ */ l(n, {
+			className: "rounded-16 h-full select-none",
+			children: [/* @__PURE__ */ c(r, {
+				className: "h-full",
+				scrollClassName: "h-full auto-cols-full",
+				children: g.map((e, t) => /* @__PURE__ */ c(i, {
+					index: t,
+					children: /* @__PURE__ */ c("div", {
+						className: "h-full overflow-hidden",
+						children: e
+					})
+				}, t))
+			}), /* @__PURE__ */ l("div", {
+				className: "pointer-events-none absolute inset-0 z-1 -mx-70 flex items-center justify-between gap-x-20 px-12 opacity-0 transition-all group-hover:mx-0 group-hover:opacity-100",
+				children: [/* @__PURE__ */ c(o, {
+					"aria-describedby": d,
+					label: p.previous
+				}), /* @__PURE__ */ c(a, {
+					"aria-describedby": d,
+					label: p.next
+				})]
+			})]
+		}) : /* @__PURE__ */ c(e, {
+			...f[0],
+			className: "size-full object-cover"
+		}), u]
+	});
+};
+//#endregion
+export { u as SliderFrame };
+
+//# sourceMappingURL=SliderFrame.js.map

package/ui/frame/SliderFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFrame.js","names":[],"sources":["../../../lib/ui/frame/SliderFrame.tsx"],"sourcesContent":["'use client';\nimport { type FunctionComponent, useMemo } from 'react';\n\nimport { Image, type ImageProps } from '../Image';\nimport { Carousel } from '../carousel/Carousel';\nimport { CarouselBody } from '../carousel/CarouselBody';\nimport { CarouselItem } from '../carousel/CarouselItem';\nimport { CarouselNext } from '../carousel/CarouselNext';\nimport { CarouselPrevious } from '../carousel/CarouselPrevious';\n\nimport { FrameWrapper, type FrameWrapperProps } from './FrameWrapper';\n\ninterface SliderLabels {\n  next: string;\n  previous: string;\n}\n\nexport interface SliderFrameProps extends FrameWrapperProps {\n  describedby?: string;\n  items: ImageProps[];\n  labels: SliderLabels;\n}\n\nexport const SliderFrame: FunctionComponent<SliderFrameProps> = ({\n  children,\n  describedby,\n  items,\n  labels,\n  ...props\n}) => {\n  const hasScroll = items.length > 1;\n\n  const sliderItems = useMemo(\n    () =>\n      items.map((item) => (\n        <Image key={item.src} {...item} className=\"pointer-events-none size-full object-cover\" />\n      )),\n    [items],\n  );\n\n  return (\n    <FrameWrapper {...props}>\n      {hasScroll ? (\n        <Carousel className=\"rounded-16 h-full select-none\">\n          <CarouselBody className=\"h-full\" scrollClassName=\"h-full auto-cols-full\">\n            {sliderItems.map((item, i) => (\n              <CarouselItem index={i} key={i}>\n                <div className=\"h-full overflow-hidden\">{item}</div>\n              </CarouselItem>\n            ))}\n          </CarouselBody>\n          <div className=\"pointer-events-none absolute inset-0 z-1 -mx-70 flex items-center justify-between gap-x-20 px-12 opacity-0 transition-all group-hover:mx-0 group-hover:opacity-100\">\n            <CarouselPrevious aria-describedby={describedby} label={labels.previous} />\n            <CarouselNext aria-describedby={describedby} label={labels.next} />\n          </div>\n        </Carousel>\n      ) : (\n        <Image {...items[0]} className=\"size-full object-cover\" />\n      )}\n      {children}\n    </FrameWrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAuBA,IAAa,KAAoD,EAC/D,aACA,gBACA,UACA,WACA,GAAG,QACC;CACJ,IAAM,IAAY,EAAM,SAAS,GAE3B,IAAc,QAEhB,EAAM,KAAK,MACT,kBAAC,GAAD;EAAsB,GAAI;EAAM,WAAU;EAA+C,EAA7E,EAAK,IAAwE,CACzF,EACJ,CAAC,EAAM,CACR;AAED,QACE,kBAAC,GAAD;EAAc,GAAI;YAAlB,CACG,IACC,kBAAC,GAAD;GAAU,WAAU;aAApB,CACE,kBAAC,GAAD;IAAc,WAAU;IAAS,iBAAgB;cAC9C,EAAY,KAAK,GAAM,MACtB,kBAAC,GAAD;KAAc,OAAO;eACnB,kBAAC,OAAD;MAAK,WAAU;gBAA0B;MAAW,CAAA;KACvC,EAFc,EAEd,CAAA;IAEJ,CAAA,EACf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAkB,oBAAkB;KAAa,OAAO,EAAO;KAAY,CAAA,EAC3E,kBAAC,GAAD;KAAc,oBAAkB;KAAa,OAAO,EAAO;KAAQ,CAAA,CAAA;;OAIvE,kBAAC,GAAD;GAAO,GAAI,EAAM;GAAI,WAAU;GAA2B,CAAA,EAE3D,EAAA"}

package/ui/helpers/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/ui/helpers/cn.js

@@ -0,0 +1,10 @@
+import { t as e } from "../../chunks/clsx.js";
+import { twMerge as t } from "./twMerge.js";
+//#region lib/ui/helpers/cn.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };
+
+//# sourceMappingURL=cn.js.map

package/ui/helpers/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../../../lib/ui/helpers/cn.ts"],"sourcesContent":["import clsx, { type ClassValue } from 'clsx';\n\nimport { twMerge } from './twMerge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAIA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC"}

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

@@ -4,6 +4,7 @@
 export interface PhonePrefix {
     code: string;
     label?: string;
+    fullLabel?: string;
     country?: string;
 }
 /**

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"}