@mittwald/flow-react-components 0.2.0-experimental.776 → 1.0.0

package/dist/js/packages/components/src/components/PasswordCreationField/lib/generateValidationTranslation.mjs

@@ -1,44 +1,28 @@
 "use client"
 /* */
-import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
-import '@mittwald/password-tools-js/policy';
-import 'react';
-import { RuleType } from '@mittwald/password-tools-js/rules';
-import '@mittwald/password-tools-js/generator';
-
-const generateTranslationString = (rule, shortVersion = false) => {
-  if (rule.translationKey) {
-    return `validation.${rule.translationKey}`;
-  }
-  const translateString = `validation.${rule.ruleType ?? "general"}`;
-  let finalTranslationString = "";
-  if ("min" in rule && rule.min !== void 0 || "max" in rule && rule.max !== void 0) {
-    const breakingBoundaryProperty = rule.failingBoundary ? rule.failingBoundary : rule.min ? "min" : "max";
-    if (rule.identifier) {
-      finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;
-    } else {
-      finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;
-    }
-  } else if (rule.identifier) {
-    finalTranslationString = `${translateString}.${rule.identifier}`;
-  } else {
-    finalTranslationString = translateString;
-  }
-  return shortVersion ? `${finalTranslationString}.short` : finalTranslationString;
+import { RuleType } from "../../../../../../@mittwald/password-tools-js.mjs";
+//#region src/components/PasswordCreationField/lib/generateValidationTranslation.ts
+var generateTranslationString = (rule, shortVersion = false) => {
+	if (rule.translationKey) return `validation.${rule.translationKey}`;
+	const translateString = `validation.${rule.ruleType ?? "general"}`;
+	let finalTranslationString;
+	if ("min" in rule && rule.min !== void 0 || "max" in rule && rule.max !== void 0) {
+		const breakingBoundaryProperty = rule.failingBoundary ? rule.failingBoundary : rule.min ? "min" : "max";
+		if (rule.identifier) finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;
+		else finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;
+	} else if (rule.identifier) finalTranslationString = `${translateString}.${rule.identifier}`;
+	else finalTranslationString = translateString;
+	return shortVersion ? `${finalTranslationString}.short` : finalTranslationString;
 };
-const generateValidationTranslation = (r, shotVersion = false) => {
-  const translationKey = generateTranslationString(r, shotVersion);
-  if (r.ruleType === RuleType.char && r.chars) {
-    return [
-      translationKey,
-      { ...r, chars: r.chars.map((c) => c.char).join("") }
-    ];
-  }
-  return [
-    translationKey,
-    r
-  ];
+var generateValidationTranslation = (r, shotVersion = false) => {
+	const translationKey = generateTranslationString(r, shotVersion);
+	if (r.ruleType === RuleType.char && r.chars) return [translationKey, {
+		...r,
+		chars: r.chars.map((c) => c.char).join("")
+	}];
+	return [translationKey, r];
 };
-
+//#endregion
 export { generateValidationTranslation as default, generateValidationTranslation };
-//# sourceMappingURL=generateValidationTranslation.mjs.map
+
+//# sourceMappingURL=generateValidationTranslation.mjs.map

package/dist/js/packages/components/src/components/PasswordCreationField/lib/generateValidationTranslation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generateValidationTranslation.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/lib/generateValidationTranslation.ts"],"sourcesContent":["import {\n  RuleType,\n  type RuleValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nconst generateTranslationString = (\n  rule: Partial<RuleValidationResult> & { translationKey?: string },\n  shortVersion = false,\n): string => {\n  if (rule.translationKey) {\n    return `validation.${rule.translationKey}`;\n  }\n  const translateString = `validation.${rule.ruleType ?? \"general\"}`;\n  let finalTranslationString = \"\";\n\n  if (\n    (\"min\" in rule && rule.min !== undefined) ||\n    (\"max\" in rule && rule.max !== undefined)\n  ) {\n    const breakingBoundaryProperty = rule.failingBoundary\n      ? rule.failingBoundary\n      : rule.min\n        ? \"min\"\n        : \"max\";\n\n    if (rule.identifier) {\n      finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;\n    } else {\n      finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;\n    }\n  } else if (rule.identifier) {\n    finalTranslationString = `${translateString}.${rule.identifier}`;\n  } else {\n    finalTranslationString = translateString;\n  }\n\n  return shortVersion\n    ? `${finalTranslationString}.short`\n    : finalTranslationString;\n};\n\nexport const generateValidationTranslation = (\n  r: Partial<RuleValidationResult>,\n  shotVersion = false,\n): [string, Record<string, string | number | boolean> | undefined] => {\n  const translationKey = generateTranslationString(r, shotVersion);\n\n  if (r.ruleType === RuleType.char && r.chars) {\n    return [\n      translationKey,\n      { ...r, chars: r.chars.map((c) => c.char).join(\"\") },\n    ];\n  }\n\n  return [\n    translationKey,\n    r as unknown as Record<string, string | number | boolean> | undefined,\n  ];\n};\n\nexport default generateValidationTranslation;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,yBAAA,GAA4B,CAChC,IAAA,EACA,YAAA,GAAe,KAAA,KACJ;AACX,EAAA,IAAI,KAAK,cAAA,EAAgB;AACvB,IAAA,OAAO,CAAA,WAAA,EAAc,KAAK,cAAc,CAAA,CAAA;AAAA,EAC1C;AACA,EAAA,MAAM,eAAA,GAAkB,CAAA,WAAA,EAAc,IAAA,CAAK,QAAA,IAAY,SAAS,CAAA,CAAA;AAChE,EAAA,IAAI,sBAAA,GAAyB,EAAA;AAE7B,EAAA,IACG,KAAA,IAAS,QAAQ,IAAA,CAAK,GAAA,KAAQ,UAC9B,KAAA,IAAS,IAAA,IAAQ,IAAA,CAAK,GAAA,KAAQ,MAAA,EAC/B;AACA,IAAA,MAAM,2BAA2B,IAAA,CAAK,eAAA,GAClC,KAAK,eAAA,GACL,IAAA,CAAK,MACH,KAAA,GACA,KAAA;AAEN,IAAA,IAAI,KAAK,UAAA,EAAY;AACnB,MAAA,sBAAA,GAAyB,GAAG,eAAe,CAAA,CAAA,EAAI,IAAA,CAAK,UAAU,IAAI,wBAAwB,CAAA,CAAA;AAAA,IAC5F,CAAA,MAAO;AACL,MAAA,sBAAA,GAAyB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,wBAAwB,CAAA,CAAA;AAAA,IACzE;AAAA,EACF,CAAA,MAAA,IAAW,KAAK,UAAA,EAAY;AAC1B,IAAA,sBAAA,GAAyB,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,IAAA,CAAK,UAAU,CAAA,CAAA;AAAA,EAChE,CAAA,MAAO;AACL,IAAA,sBAAA,GAAyB,eAAA;AAAA,EAC3B;AAEA,EAAA,OAAO,YAAA,GACH,CAAA,EAAG,sBAAsB,CAAA,MAAA,CAAA,GACzB,sBAAA;AACN,CAAA;AAEO,MAAM,6BAAA,GAAgC,CAC3C,CAAA,EACA,WAAA,GAAc,KAAA,KACsD;AACpE,EAAA,MAAM,cAAA,GAAiB,yBAAA,CAA0B,CAAA,EAAG,WAAW,CAAA;AAE/D,EAAA,IAAI,CAAA,CAAE,QAAA,KAAa,QAAA,CAAS,IAAA,IAAQ,EAAE,KAAA,EAAO;AAC3C,IAAA,OAAO;AAAA,MACL,cAAA;AAAA,MACA,EAAE,GAAG,CAAA,EAAG,KAAA,EAAO,EAAE,KAAA,CAAM,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,IAAI,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAE,KACrD;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"generateValidationTranslation.mjs","names":[],"sources":["../../../../../../../../src/components/PasswordCreationField/lib/generateValidationTranslation.ts"],"sourcesContent":["import {\n  RuleType,\n  type RuleValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nconst generateTranslationString = (\n  rule: Partial<RuleValidationResult> & { translationKey?: string },\n  shortVersion = false,\n): string => {\n  if (rule.translationKey) {\n    return `validation.${rule.translationKey}`;\n  }\n  const translateString = `validation.${rule.ruleType ?? \"general\"}`;\n  let finalTranslationString: string;\n\n  if (\n    (\"min\" in rule && rule.min !== undefined) ||\n    (\"max\" in rule && rule.max !== undefined)\n  ) {\n    const breakingBoundaryProperty = rule.failingBoundary\n      ? rule.failingBoundary\n      : rule.min\n        ? \"min\"\n        : \"max\";\n\n    if (rule.identifier) {\n      finalTranslationString = `${translateString}.${rule.identifier}.${breakingBoundaryProperty}`;\n    } else {\n      finalTranslationString = `${translateString}.${breakingBoundaryProperty}`;\n    }\n  } else if (rule.identifier) {\n    finalTranslationString = `${translateString}.${rule.identifier}`;\n  } else {\n    finalTranslationString = translateString;\n  }\n\n  return shortVersion\n    ? `${finalTranslationString}.short`\n    : finalTranslationString;\n};\n\nexport const generateValidationTranslation = (\n  r: Partial<RuleValidationResult>,\n  shotVersion = false,\n): [string, Record<string, string | number | boolean> | undefined] => {\n  const translationKey = generateTranslationString(r, shotVersion);\n\n  if (r.ruleType === RuleType.char && r.chars) {\n    return [\n      translationKey,\n      { ...r, chars: r.chars.map((c) => c.char).join(\"\") },\n    ];\n  }\n\n  return [\n    translationKey,\n    r as unknown as Record<string, string | number | boolean> | undefined,\n  ];\n};\n\nexport default generateValidationTranslation;\n"],"mappings":";;;;AAKA,IAAM,6BACJ,MACA,eAAe,UACJ;CACX,IAAI,KAAK,gBACP,OAAO,cAAc,KAAK;CAE5B,MAAM,kBAAkB,cAAc,KAAK,YAAY;CACvD,IAAI;CAEJ,IACG,SAAS,QAAQ,KAAK,QAAQ,KAAA,KAC9B,SAAS,QAAQ,KAAK,QAAQ,KAAA,GAC/B;EACA,MAAM,2BAA2B,KAAK,kBAClC,KAAK,kBACL,KAAK,MACH,QACA;EAEN,IAAI,KAAK,YACP,yBAAyB,GAAG,gBAAgB,GAAG,KAAK,WAAW,GAAG;OAElE,yBAAyB,GAAG,gBAAgB,GAAG;CAEnD,OAAO,IAAI,KAAK,YACd,yBAAyB,GAAG,gBAAgB,GAAG,KAAK;MAEpD,yBAAyB;CAG3B,OAAO,eACH,GAAG,uBAAuB,UAC1B;AACN;AAEA,IAAa,iCACX,GACA,cAAc,UACsD;CACpE,MAAM,iBAAiB,0BAA0B,GAAG,WAAW;CAE/D,IAAI,EAAE,aAAa,SAAS,QAAQ,EAAE,OACpC,OAAO,CACL,gBACA;EAAE,GAAG;EAAG,OAAO,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;CAAE,CACrD;CAGF,OAAO,CACL,gBACA,CACF;AACF"}

package/dist/js/packages/components/src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.mjs

@@ -1,40 +1,29 @@
 "use client"
 /* */
-import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
-import '@mittwald/password-tools-js/policy';
-import 'react';
-import '@mittwald/password-tools-js/rules';
-import '@mittwald/password-tools-js/generator';
-
-const getStateFromLatestPolicyValidationResult = (isEmptyValue, result) => {
-  if (result.ruleResults.length >= 1) {
-    const failingRule = result.ruleResults.find((r) => !r.isValid);
-    if (failingRule) {
-      return failingRule;
-    }
-  }
-  if (result.isValid === "indeterminate") {
-    return void 0;
-  }
-  if (!isEmptyValue) {
-    if (result.complexity.actual < result.complexity.min) {
-      return {
-        isValid: false,
-        identifier: "failingComplexity"
-      };
-    }
-    if (result.complexity.actual === result.complexity.min) {
-      return {
-        isValid: result.isValid,
-        identifier: "optimizeComplexity"
-      };
-    }
-  }
-  return {
-    isValid: true,
-    identifier: "securePassword"
-  };
+//#region src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.ts
+/** @internal */
+var getStateFromLatestPolicyValidationResult = (isEmptyValue, result) => {
+	if (result.isValid === "indeterminate") return;
+	if (result.ruleResults.length >= 1) {
+		const failingRule = result.ruleResults.find((r) => !r.isValid);
+		if (failingRule) return failingRule;
+	}
+	if (!isEmptyValue) {
+		if (result.complexity.actual < result.complexity.min) return {
+			isValid: false,
+			identifier: "failingComplexity"
+		};
+		if (result.complexity.actual === result.complexity.min) return {
+			isValid: result.isValid,
+			identifier: "optimizeComplexity"
+		};
+	}
+	return {
+		isValid: true,
+		identifier: "securePassword"
+	};
 };
-
+//#endregion
 export { getStateFromLatestPolicyValidationResult as default, getStateFromLatestPolicyValidationResult };
-//# sourceMappingURL=getStateFromLatestPolicyValidationResult.mjs.map
+
+//# sourceMappingURL=getStateFromLatestPolicyValidationResult.mjs.map

package/dist/js/packages/components/src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getStateFromLatestPolicyValidationResult.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.ts"],"sourcesContent":["import { type RuleValidationResult } from \"@/integrations/@mittwald/password-tools-js\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\n\nexport type StateFromLatestPolicyValidationResult =\n  | undefined\n  | Partial<RuleValidationResult>;\n\n/** @internal */\nexport const getStateFromLatestPolicyValidationResult = (\n  isEmptyValue: boolean,\n  result: ResolvedPolicyValidationResult,\n): StateFromLatestPolicyValidationResult => {\n  if (result.ruleResults.length >= 1) {\n    const failingRule = result.ruleResults.find((r) => !r.isValid);\n    if (failingRule) {\n      return failingRule;\n    }\n  }\n\n  if (result.isValid === \"indeterminate\") {\n    return undefined;\n  }\n\n  if (!isEmptyValue) {\n    if (result.complexity.actual < result.complexity.min) {\n      return {\n        isValid: false,\n        identifier: \"failingComplexity\",\n      };\n    }\n\n    if (result.complexity.actual === result.complexity.min) {\n      return {\n        isValid: result.isValid,\n        identifier: \"optimizeComplexity\",\n      };\n    }\n  }\n\n  return {\n    isValid: true,\n    identifier: \"securePassword\",\n  };\n};\n\nexport default getStateFromLatestPolicyValidationResult;\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,wCAAA,GAA2C,CACtD,YAAA,EACA,MAAA,KAC0C;AAC1C,EAAA,IAAI,MAAA,CAAO,WAAA,CAAY,MAAA,IAAU,CAAA,EAAG;AAClC,IAAA,MAAM,WAAA,GAAc,OAAO,WAAA,CAAY,IAAA,CAAK,CAAC,CAAA,KAAM,CAAC,EAAE,OAAO,CAAA;AAC7D,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,OAAO,WAAA;AAAA,IACT;AAAA,EACF;AAEA,EAAA,IAAI,MAAA,CAAO,YAAY,eAAA,EAAiB;AACtC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,IAAI,MAAA,CAAO,UAAA,CAAW,MAAA,GAAS,MAAA,CAAO,WAAW,GAAA,EAAK;AACpD,MAAA,OAAO;AAAA,QACL,OAAA,EAAS,KAAA;AAAA,QACT,UAAA,EAAY;AAAA,OACd;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,CAAO,UAAA,CAAW,MAAA,KAAW,MAAA,CAAO,WAAW,GAAA,EAAK;AACtD,MAAA,OAAO;AAAA,QACL,SAAS,MAAA,CAAO,OAAA;AAAA,QAChB,UAAA,EAAY;AAAA,OACd;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,IAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AACF;;;;"}
+{"version":3,"file":"getStateFromLatestPolicyValidationResult.mjs","names":[],"sources":["../../../../../../../../src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.ts"],"sourcesContent":["import { type RuleValidationResult } from \"@/integrations/@mittwald/password-tools-js\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\n\nexport type StateFromLatestPolicyValidationResult =\n  undefined | Partial<RuleValidationResult>;\n\n/** @internal */\nexport const getStateFromLatestPolicyValidationResult = (\n  isEmptyValue: boolean,\n  result: ResolvedPolicyValidationResult,\n): StateFromLatestPolicyValidationResult => {\n  if (result.isValid === \"indeterminate\") {\n    return undefined;\n  }\n\n  if (result.ruleResults.length >= 1) {\n    const failingRule = result.ruleResults.find((r) => !r.isValid);\n    if (failingRule) {\n      return failingRule;\n    }\n  }\n\n  if (!isEmptyValue) {\n    if (result.complexity.actual < result.complexity.min) {\n      return {\n        isValid: false,\n        identifier: \"failingComplexity\",\n      };\n    }\n\n    if (result.complexity.actual === result.complexity.min) {\n      return {\n        isValid: result.isValid,\n        identifier: \"optimizeComplexity\",\n      };\n    }\n  }\n\n  return {\n    isValid: true,\n    identifier: \"securePassword\",\n  };\n};\n\nexport default getStateFromLatestPolicyValidationResult;\n"],"mappings":";;;;AAOA,IAAa,4CACX,cACA,WAC0C;CAC1C,IAAI,OAAO,YAAY,iBACrB;CAGF,IAAI,OAAO,YAAY,UAAU,GAAG;EAClC,MAAM,cAAc,OAAO,YAAY,MAAM,MAAM,CAAC,EAAE,OAAO;EAC7D,IAAI,aACF,OAAO;CAEX;CAEA,IAAI,CAAC,cAAc;EACjB,IAAI,OAAO,WAAW,SAAS,OAAO,WAAW,KAC/C,OAAO;GACL,SAAS;GACT,YAAY;EACd;EAGF,IAAI,OAAO,WAAW,WAAW,OAAO,WAAW,KACjD,OAAO;GACL,SAAS,OAAO;GAChB,YAAY;EACd;CAEJ;CAEA,OAAO;EACL,SAAS;EACT,YAAY;CACd;AACF"}

package/dist/js/packages/components/src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.mjs

@@ -1,16 +1,14 @@
 "use client"
 /* */
-const getStatusFromPolicyValidationResult = (isValid, result) => {
-  if (isValid === true) {
-    if (result.complexity && result.complexity.actual === result.complexity.min && result.complexity.min !== 4) {
-      return "warning";
-    }
-    return "success";
-  } else if (isValid === "indeterminate") {
-    return "indeterminate";
-  }
-  return "danger";
+//#region src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.ts
+var getStatusFromPolicyValidationResult = (isValid, result) => {
+	if (isValid === true) {
+		if (result.complexity && result.complexity.actual === result.complexity.min && result.complexity.min !== 4) return "warning";
+		return "success";
+	} else if (isValid === "indeterminate") return "indeterminate";
+	return "danger";
 };
+//#endregion
+export { getStatusFromPolicyValidationResult as default, getStatusFromPolicyValidationResult };
 
-export { getStatusFromPolicyValidationResult };
-//# sourceMappingURL=getStatusFromPolicyValidationResult.mjs.map
+//# sourceMappingURL=getStatusFromPolicyValidationResult.mjs.map

package/dist/js/packages/components/src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getStatusFromPolicyValidationResult.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.ts"],"sourcesContent":["import type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport type { ComplexityStatus } from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\n\nexport const getStatusFromPolicyValidationResult = (\n  isValid: ResolvedPolicyValidationResult[\"isValid\"],\n  result: ResolvedPolicyValidationResult,\n): ComplexityStatus => {\n  if (isValid === true) {\n    if (\n      result.complexity &&\n      result.complexity.actual === result.complexity.min &&\n      result.complexity.min !== 4\n    ) {\n      return \"warning\";\n    }\n\n    return \"success\";\n  } else if (isValid === \"indeterminate\") {\n    return \"indeterminate\";\n  }\n\n  return \"danger\";\n};\n\nexport default getStatusFromPolicyValidationResult;\n"],"names":[],"mappings":"AAGO,MAAM,mCAAA,GAAsC,CACjD,OAAA,EACA,MAAA,KACqB;AACrB,EAAA,IAAI,YAAY,IAAA,EAAM;AACpB,IAAA,IACE,MAAA,CAAO,UAAA,IACP,MAAA,CAAO,UAAA,CAAW,MAAA,KAAW,MAAA,CAAO,UAAA,CAAW,GAAA,IAC/C,MAAA,CAAO,UAAA,CAAW,GAAA,KAAQ,CAAA,EAC1B;AACA,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,OAAO,SAAA;AAAA,EACT,CAAA,MAAA,IAAW,YAAY,eAAA,EAAiB;AACtC,IAAA,OAAO,eAAA;AAAA,EACT;AAEA,EAAA,OAAO,QAAA;AACT;;;;"}
+{"version":3,"file":"getStatusFromPolicyValidationResult.mjs","names":[],"sources":["../../../../../../../../src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.ts"],"sourcesContent":["import type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport type { ComplexityStatus } from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\n\nexport const getStatusFromPolicyValidationResult = (\n  isValid: ResolvedPolicyValidationResult[\"isValid\"],\n  result: ResolvedPolicyValidationResult,\n): ComplexityStatus => {\n  if (isValid === true) {\n    if (\n      result.complexity &&\n      result.complexity.actual === result.complexity.min &&\n      result.complexity.min !== 4\n    ) {\n      return \"warning\";\n    }\n\n    return \"success\";\n  } else if (isValid === \"indeterminate\") {\n    return \"indeterminate\";\n  }\n\n  return \"danger\";\n};\n\nexport default getStatusFromPolicyValidationResult;\n"],"mappings":";;;AAGA,IAAa,uCACX,SACA,WACqB;CACrB,IAAI,YAAY,MAAM;EACpB,IACE,OAAO,cACP,OAAO,WAAW,WAAW,OAAO,WAAW,OAC/C,OAAO,WAAW,QAAQ,GAE1B,OAAO;EAGT,OAAO;CACT,OAAO,IAAI,YAAY,iBACrB,OAAO;CAGT,OAAO;AACT"}

package/dist/js/packages/components/src/components/PasswordCreationField/lib/usePolicyValidationResult.mjs

@@ -1,58 +1,40 @@
 "use client"
 /* */
-import { useRef, useEffect, startTransition } from 'react';
-import { isPromise } from 'remeda';
-
-const usePolicyValidationResult = (validationPolicy, password, onValidationStart, onValidationResult) => {
-  const cache = useRef(null);
-  useEffect(() => {
-    onValidationStart?.();
-    if (cache.current?.password === password) {
-      onValidationResult?.({
-        password: cache.current.password,
-        isValid: Boolean(cache.current.results.isValid),
-        results: cache.current.results
-      });
-      return;
-    }
-    validationPolicy.validate(password).then((validationResult) => {
-      const setValidationResult = (password2, policyValidationResult) => {
-        const results = policyValidationResult;
-        const isValid = Boolean(policyValidationResult.isValid);
-        cache.current = { password: password2, results };
-        onValidationResult?.({
-          password: password2,
-          isValid,
-          results: policyValidationResult
-        });
-      };
-      startTransition(async () => {
-        if (!isPromise(validationResult.isValid)) {
-          return setValidationResult(password, validationResult);
-        }
-        void Promise.all([
-          Promise.resolve(password),
-          Promise.resolve(validationResult),
-          ...validationResult.ruleResults
-        ]).then(
-          ([
-            resolvedValue,
-            resolvedValidationResult,
-            ...resolvedValidationRuleResults
-          ]) => {
-            startTransition(() => {
-              setValidationResult(resolvedValue, {
-                complexity: resolvedValidationResult.complexity,
-                ruleResults: resolvedValidationRuleResults,
-                isValid: resolvedValidationResult.isValid && resolvedValidationRuleResults.every((r) => r.isValid)
-              });
-            });
-          }
-        );
-      });
-    });
-  }, [password, validationPolicy]);
+import { startTransition, useEffect, useRef } from "react";
+import { useDebouncedCallback } from "use-debounce";
+//#region src/components/PasswordCreationField/lib/usePolicyValidationResult.ts
+var usePolicyValidationResult = (validationPolicy, password, onValidationStart, onValidationResult) => {
+	const cache = useRef(null);
+	const validatePassword = (pwd) => {
+		onValidationStart?.();
+		startTransition(async () => {
+			if (cache.current?.password === pwd) {
+				onValidationResult?.({
+					password: cache.current.password,
+					isValid: Boolean(cache.current.results.isValid),
+					results: cache.current.results
+				});
+				return;
+			}
+			const validationResult = await validationPolicy.validate(pwd);
+			cache.current = {
+				password: pwd,
+				results: validationResult
+			};
+			onValidationResult?.({
+				password: pwd,
+				isValid: validationResult.isValid,
+				results: validationResult
+			});
+		});
+	};
+	const validatePasswordDebounce = useDebouncedCallback(validatePassword, 350, { trailing: true });
+	useEffect(() => {
+		if (password) validatePasswordDebounce(password);
+		else validatePassword(password);
+	}, [password, validationPolicy]);
 };
-
+//#endregion
 export { usePolicyValidationResult };
-//# sourceMappingURL=usePolicyValidationResult.mjs.map
+
+//# sourceMappingURL=usePolicyValidationResult.mjs.map

package/dist/js/packages/components/src/components/PasswordCreationField/lib/usePolicyValidationResult.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePolicyValidationResult.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/lib/usePolicyValidationResult.ts"],"sourcesContent":["import { startTransition, useEffect, useRef } from \"react\";\nimport type {\n  Policy,\n  PolicyValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport { isPromise } from \"remeda\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\n\nexport const usePolicyValidationResult = (\n  validationPolicy: Policy,\n  password: string,\n  onValidationStart?: () => void,\n  onValidationResult?: (data: {\n    password: string;\n    isValid: boolean;\n    results: ResolvedPolicyValidationResult;\n  }) => void,\n) => {\n  const cache = useRef<{\n    password: string;\n    results: ResolvedPolicyValidationResult;\n  } | null>(null);\n\n  useEffect(() => {\n    onValidationStart?.();\n\n    if (cache.current?.password === password) {\n      onValidationResult?.({\n        password: cache.current.password,\n        isValid: Boolean(cache.current.results.isValid),\n        results: cache.current.results,\n      });\n      return;\n    }\n\n    validationPolicy.validate(password).then((validationResult) => {\n      const setValidationResult = (\n        password: string,\n        policyValidationResult: PolicyValidationResult,\n      ) => {\n        const results =\n          policyValidationResult as ResolvedPolicyValidationResult;\n        const isValid = Boolean(policyValidationResult.isValid);\n\n        cache.current = { password, results };\n        onValidationResult?.({\n          password,\n          isValid,\n          results: policyValidationResult as ResolvedPolicyValidationResult,\n        });\n      };\n\n      startTransition(async () => {\n        if (!isPromise(validationResult.isValid)) {\n          return setValidationResult(password, validationResult);\n        }\n\n        void Promise.all([\n          Promise.resolve(password),\n          Promise.resolve(validationResult),\n          ...validationResult.ruleResults,\n        ]).then(\n          ([\n            resolvedValue,\n            resolvedValidationResult,\n            ...resolvedValidationRuleResults\n          ]) => {\n            startTransition(() => {\n              setValidationResult(resolvedValue, {\n                complexity: resolvedValidationResult.complexity,\n                ruleResults: resolvedValidationRuleResults,\n                isValid:\n                  resolvedValidationResult.isValid &&\n                  resolvedValidationRuleResults.every((r) => r.isValid),\n              });\n            });\n          },\n        );\n      });\n    });\n  }, [password, validationPolicy]);\n};\n"],"names":["password"],"mappings":";;;AAQO,MAAM,yBAAA,GAA4B,CACvC,gBAAA,EACA,QAAA,EACA,mBACA,kBAAA,KAKG;AACH,EAAA,MAAM,KAAA,GAAQ,OAGJ,IAAI,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,IAAoB;AAEpB,IAAA,IAAI,KAAA,CAAM,OAAA,EAAS,QAAA,KAAa,QAAA,EAAU;AACxC,MAAA,kBAAA,GAAqB;AAAA,QACnB,QAAA,EAAU,MAAM,OAAA,CAAQ,QAAA;AAAA,QACxB,OAAA,EAAS,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA,QAC9C,OAAA,EAAS,MAAM,OAAA,CAAQ;AAAA,OACxB,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,gBAAA,CAAiB,QAAA,CAAS,QAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,gBAAA,KAAqB;AAC7D,MAAA,MAAM,mBAAA,GAAsB,CAC1BA,SAAAA,EACA,sBAAA,KACG;AACH,QAAA,MAAM,OAAA,GACJ,sBAAA;AACF,QAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,sBAAA,CAAuB,OAAO,CAAA;AAEtD,QAAA,KAAA,CAAM,OAAA,GAAU,EAAE,QAAA,EAAAA,SAAAA,EAAU,OAAA,EAAQ;AACpC,QAAA,kBAAA,GAAqB;AAAA,UACnB,QAAA,EAAAA,SAAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA,EAAS;AAAA,SACV,CAAA;AAAA,MACH,CAAA;AAEA,MAAA,eAAA,CAAgB,YAAY;AAC1B,QAAA,IAAI,CAAC,SAAA,CAAU,gBAAA,CAAiB,OAAO,CAAA,EAAG;AACxC,UAAA,OAAO,mBAAA,CAAoB,UAAU,gBAAgB,CAAA;AAAA,QACvD;AAEA,QAAA,KAAK,QAAQ,GAAA,CAAI;AAAA,UACf,OAAA,CAAQ,QAAQ,QAAQ,CAAA;AAAA,UACxB,OAAA,CAAQ,QAAQ,gBAAgB,CAAA;AAAA,UAChC,GAAG,gBAAA,CAAiB;AAAA,SACrB,CAAA,CAAE,IAAA;AAAA,UACD,CAAC;AAAA,YACC,aAAA;AAAA,YACA,wBAAA;AAAA,YACG,GAAA;AAAA,WACL,KAAM;AACJ,YAAA,eAAA,CAAgB,MAAM;AACpB,cAAA,mBAAA,CAAoB,aAAA,EAAe;AAAA,gBACjC,YAAY,wBAAA,CAAyB,UAAA;AAAA,gBACrC,WAAA,EAAa,6BAAA;AAAA,gBACb,OAAA,EACE,yBAAyB,OAAA,IACzB,6BAAA,CAA8B,MAAM,CAAC,CAAA,KAAM,EAAE,OAAO;AAAA,eACvD,CAAA;AAAA,YACH,CAAC,CAAA;AAAA,UACH;AAAA,SACF;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,QAAA,EAAU,gBAAgB,CAAC,CAAA;AACjC;;;;"}
+{"version":3,"file":"usePolicyValidationResult.mjs","names":[],"sources":["../../../../../../../../src/components/PasswordCreationField/lib/usePolicyValidationResult.ts"],"sourcesContent":["import { startTransition, useEffect, useRef } from \"react\";\nimport type { Policy } from \"@/integrations/@mittwald/password-tools-js\";\nimport type { ResolvedPolicyValidationResult } from \"@/components/PasswordCreationField/PasswordCreationField\";\nimport { useDebouncedCallback } from \"use-debounce\";\n\nexport const usePolicyValidationResult = (\n  validationPolicy: Policy,\n  password: string,\n  onValidationStart?: () => void,\n  onValidationResult?: (data: {\n    password: string;\n    isValid: boolean;\n    results: ResolvedPolicyValidationResult;\n  }) => void,\n) => {\n  const cache = useRef<{\n    password: string;\n    results: ResolvedPolicyValidationResult;\n  } | null>(null);\n\n  const validatePassword = (pwd: string) => {\n    onValidationStart?.();\n\n    startTransition(async () => {\n      if (cache.current?.password === pwd) {\n        onValidationResult?.({\n          password: cache.current.password,\n          isValid: Boolean(cache.current.results.isValid),\n          results: cache.current.results,\n        });\n        return;\n      }\n\n      const validationResult = await validationPolicy.validate(pwd);\n      cache.current = { password: pwd, results: validationResult };\n      onValidationResult?.({\n        password: pwd,\n        isValid: validationResult.isValid,\n        results: validationResult,\n      });\n    });\n  };\n\n  const validatePasswordDebounce = useDebouncedCallback(validatePassword, 350, {\n    trailing: true,\n  });\n\n  useEffect(() => {\n    if (password) {\n      validatePasswordDebounce(password);\n    } else {\n      validatePassword(password);\n    }\n  }, [password, validationPolicy]);\n};\n"],"mappings":";;;;;AAKA,IAAa,6BACX,kBACA,UACA,mBACA,uBAKG;CACH,MAAM,QAAQ,OAGJ,IAAI;CAEd,MAAM,oBAAoB,QAAgB;EACxC,oBAAoB;EAEpB,gBAAgB,YAAY;GAC1B,IAAI,MAAM,SAAS,aAAa,KAAK;IACnC,qBAAqB;KACnB,UAAU,MAAM,QAAQ;KACxB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,OAAO;KAC9C,SAAS,MAAM,QAAQ;IACzB,CAAC;IACD;GACF;GAEA,MAAM,mBAAmB,MAAM,iBAAiB,SAAS,GAAG;GAC5D,MAAM,UAAU;IAAE,UAAU;IAAK,SAAS;GAAiB;GAC3D,qBAAqB;IACnB,UAAU;IACV,SAAS,iBAAiB;IAC1B,SAAS;GACX,CAAC;EACH,CAAC;CACH;CAEA,MAAM,2BAA2B,qBAAqB,kBAAkB,KAAK,EAC3E,UAAU,KACZ,CAAC;CAED,gBAAgB;EACd,IAAI,UACF,yBAAyB,QAAQ;OAEjC,iBAAiB,QAAQ;CAE7B,GAAG,CAAC,UAAU,gBAAgB,CAAC;AACjC"}

package/dist/js/packages/components/src/components/PasswordCreationField/worker/generatePassword.mjs

@@ -1,14 +1,11 @@
 "use client"
 /* */
-import '../../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
-import '@mittwald/password-tools-js/policy';
-import 'react';
-import '@mittwald/password-tools-js/rules';
-import { Generator } from '@mittwald/password-tools-js/generator';
-
-const generatePassword = async (validationPolicy) => {
-  return new Generator(validationPolicy).generatePassword();
+import { Generator } from "../../../../../../@mittwald/password-tools-js.mjs";
+//#region src/components/PasswordCreationField/worker/generatePassword.ts
+var generatePassword = async (validationPolicy) => {
+	return new Generator(validationPolicy).generatePassword();
 };
-
+//#endregion
 export { generatePassword };
-//# sourceMappingURL=generatePassword.mjs.map
+
+//# sourceMappingURL=generatePassword.mjs.map

package/dist/js/packages/components/src/components/PasswordCreationField/worker/generatePassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generatePassword.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/worker/generatePassword.ts"],"sourcesContent":["import {\n  Generator,\n  type Policy,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nexport const generatePassword = async (\n  validationPolicy: Policy,\n): Promise<string> => {\n  return new Generator(validationPolicy).generatePassword();\n};\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,gBAAA,GAAmB,OAC9B,gBAAA,KACoB;AACpB,EAAA,OAAO,IAAI,SAAA,CAAU,gBAAgB,CAAA,CAAE,gBAAA,EAAiB;AAC1D;;;;"}
+{"version":3,"file":"generatePassword.mjs","names":[],"sources":["../../../../../../../../src/components/PasswordCreationField/worker/generatePassword.ts"],"sourcesContent":["import {\n  Generator,\n  type Policy,\n} from \"@/integrations/@mittwald/password-tools-js\";\n\nexport const generatePassword = async (\n  validationPolicy: Policy,\n): Promise<string> => {\n  return new Generator(validationPolicy).generatePassword();\n};\n"],"mappings":";;;;AAKA,IAAa,mBAAmB,OAC9B,qBACoB;CACpB,OAAO,IAAI,UAAU,gBAAgB,CAAC,CAAC,iBAAiB;AAC1D"}

package/dist/js/packages/components/src/components/Popover/Popover.mjs

@@ -1,52 +1,39 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import clsx from 'clsx';
-import 'mobx';
-import '../../lib/propsContext/propsContext.mjs';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { OverlayContextProvider } from '../../lib/controller/overlay/OverlayContextProvider.mjs';
-import styles from './Popover.module.scss.mjs';
-import PopoverContentView from '../../views/PopoverContentView.mjs';
-
-const Popover = flowComponent("Popover", (props) => {
-  const {
-    children,
-    className,
-    controller: controllerFromProps,
-    onOpenChange: onOpenChangeFromProps,
-    defaultOpen = false,
-    ...contentProps
-  } = props;
-  const controllerFromContext = useOverlayController("Popover", {
-    reuseControllerFromContext: true,
-    isDefaultOpen: defaultOpen
-  });
-  const controller = controllerFromProps ?? controllerFromContext;
-  const isOpen = controller.useIsOpen();
-  const rootClassName = clsx(styles.popover, className);
-  return /* @__PURE__ */ jsx(
-    PopoverContentView,
-    {
-      ...contentProps,
-      className: rootClassName,
-      isOpen,
-      onOpenChange: (isOpen2) => {
-        if (!onOpenChangeFromProps) {
-          controller.setOpen(isOpen2);
-        } else {
-          onOpenChangeFromProps(isOpen2);
-        }
-      },
-      children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Popover", controller, children })
-    }
-  );
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
+import { OverlayContextProvider } from "../../lib/controller/overlay/OverlayContextProvider.mjs";
+import Popover_module_default from "./Popover.module.mjs";
+import PopoverContentView from "../../views/PopoverContentView.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Popover/Popover.tsx
+var Popover = flowComponent("Popover", (props) => {
+	const { children, className, controller: controllerFromProps, onOpenChange: onOpenChangeFromProps, defaultOpen = false, ...contentProps } = props;
+	const controllerFromContext = useOverlayController("Popover", {
+		reuseControllerFromContext: true,
+		isDefaultOpen: defaultOpen
+	});
+	const controller = controllerFromProps ?? controllerFromContext;
+	const isOpen = controller.useIsOpen();
+	const rootClassName = clsx(Popover_module_default.popover, className);
+	return /* @__PURE__ */ jsx(PopoverContentView, {
+		...contentProps,
+		className: rootClassName,
+		isOpen,
+		onOpenChange: (isOpen) => {
+			if (!onOpenChangeFromProps) controller.setOpen(isOpen);
+			else onOpenChangeFromProps(isOpen);
+		},
+		children: /* @__PURE__ */ jsx(OverlayContextProvider, {
+			type: "Popover",
+			controller,
+			children
+		})
+	});
 });
+//#endregion
+export { Popover, Popover as default };
 
-export { Popover };
-//# sourceMappingURL=Popover.mjs.map
+//# sourceMappingURL=Popover.mjs.map

package/dist/js/packages/components/src/components/Popover/Popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport styles from \"./Popover.module.scss\";\nimport PopoverContentView from \"@/views/PopoverContentView\";\n\nexport interface PopoverProps\n  extends\n    PropsWithChildren<Omit<Aria.PopoverProps, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLDivElement> {\n  /**\n   * Whether the popover should display a tip, pointing towards the trigger\n   * element.\n   */\n  withTip?: boolean;\n  /** Whether the popover contains a dialog. */\n  isDialogContent?: boolean;\n  /** An overlay controller to control the popover state. */\n  controller?: OverlayController;\n  /** A fixed width for the popover. */\n  width?: string | number;\n}\n\nexport const Popover = flowComponent(\"Popover\", (props) => {\n  const {\n    children,\n    className,\n    controller: controllerFromProps,\n    onOpenChange: onOpenChangeFromProps,\n    defaultOpen = false,\n    ...contentProps\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: true,\n    isDefaultOpen: defaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.popover, className);\n\n  return (\n    <PopoverContentView\n      {...contentProps}\n      className={rootClassName}\n      isOpen={isOpen}\n      onOpenChange={(isOpen) => {\n        if (!onOpenChangeFromProps) {\n          controller.setOpen(isOpen);\n        } else {\n          onOpenChangeFromProps(isOpen);\n        }\n      }}\n    >\n      <OverlayContextProvider type=\"Popover\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </PopoverContentView>\n  );\n});\n\nexport default Popover;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA,EAAY,mBAAA;AAAA,IACZ,YAAA,EAAc,qBAAA;AAAA,IACd,WAAA,GAAc,KAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,SAAA,EAAW;AAAA,IAC5D,0BAAA,EAA4B,IAAA;AAAA,IAC5B,aAAA,EAAe;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAC1C,EAAA,MAAM,MAAA,GAAS,WAAW,SAAA,EAAU;AAEpC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,MAAA;AAAA,MACA,YAAA,EAAc,CAACA,OAAAA,KAAW;AACxB,QAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,UAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,QAC3B,CAAA,MAAO;AACL,UAAA,qBAAA,CAAsBA,OAAM,CAAA;AAAA,QAC9B;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,sBAAA,EAAA,EAAuB,IAAA,EAAK,SAAA,EAAU,YACpC,QAAA,EACH;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Popover.mjs","names":[],"sources":["../../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport styles from \"./Popover.module.scss\";\nimport PopoverContentView from \"@/views/PopoverContentView\";\n\nexport interface PopoverProps\n  extends\n    PropsWithChildren<Omit<Aria.PopoverProps, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLDivElement> {\n  /**\n   * Whether the popover should display a tip, pointing towards the trigger\n   * element.\n   */\n  withTip?: boolean;\n  /** Whether the popover contains a dialog. */\n  isDialogContent?: boolean;\n  /** An overlay controller to control the popover state. */\n  controller?: OverlayController;\n  /** A fixed width for the popover. */\n  width?: string | number;\n}\n\nexport const Popover = flowComponent(\"Popover\", (props) => {\n  const {\n    children,\n    className,\n    controller: controllerFromProps,\n    onOpenChange: onOpenChangeFromProps,\n    defaultOpen = false,\n    ...contentProps\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: true,\n    isDefaultOpen: defaultOpen,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.popover, className);\n\n  return (\n    <PopoverContentView\n      {...contentProps}\n      className={rootClassName}\n      isOpen={isOpen}\n      onOpenChange={(isOpen) => {\n        if (!onOpenChangeFromProps) {\n          controller.setOpen(isOpen);\n        } else {\n          onOpenChangeFromProps(isOpen);\n        }\n      }}\n    >\n      <OverlayContextProvider type=\"Popover\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </PopoverContentView>\n  );\n});\n\nexport default Popover;\n"],"mappings":";;;;;;;;;;;AA6BA,IAAa,UAAU,cAAc,YAAY,UAAU;CACzD,MAAM,EACJ,UACA,WACA,YAAY,qBACZ,cAAc,uBACd,cAAc,OACd,GAAG,iBACD;CAEJ,MAAM,wBAAwB,qBAAqB,WAAW;EAC5D,4BAA4B;EAC5B,eAAe;CACjB,CAAC;CAED,MAAM,aAAa,uBAAuB;CAC1C,MAAM,SAAS,WAAW,UAAU;CAEpC,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,oBAAC,oBAAD;EACE,GAAI;EACJ,WAAW;EACH;EACR,eAAe,WAAW;GACxB,IAAI,CAAC,uBACH,WAAW,QAAQ,MAAM;QAEzB,sBAAsB,MAAM;EAEhC;EAEA,UAAA,oBAAC,wBAAD;GAAwB,MAAK;GAAsB;GAChD;EACqB,CAAA;CACN,CAAA;AAExB,CAAC"}

package/dist/js/packages/components/src/components/Popover/Popover.module.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+//#region src/components/Popover/Popover.module.scss
+var popover = "flow--popover";
+var content = "flow--popover--content";
+var tip = "flow--popover--tip";
+var Popover_module_default = {
+	popover,
+	content,
+	tip,
+	"popover-slide": "flow--popover--popover-slide"
+};
+//#endregion
+export { content, Popover_module_default as default, popover, tip };
+
+//# sourceMappingURL=Popover.module.mjs.map

package/dist/js/packages/components/src/components/Popover/Popover.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.mjs","names":[],"sources":["../../../../../../../src/components/Popover/Popover.module.scss"],"sourcesContent":["@use \"@/styles/mixins/scrollbar\";\n\n.popover {\n  background-color: var(--popover--background-color);\n  box-shadow: var(--popover--box-shadow);\n  border-radius: var(--popover--corner-radius);\n  display: flex;\n  flex-direction: column;\n\n  --size-px--s--negative: calc(var(--size-px--s) * -1);\n\n  min-width: var(--popover--min-width);\n  border-width: var(--popover--border-width);\n  border-style: var(--popover--border-style);\n  border-color: var(--popover--border-color);\n  max-width: 100dvw;\n\n  :where(.content) {\n    @include scrollbar.scrollbar;\n\n    overflow-y: auto;\n\n    &:focus-visible {\n      outline: none;\n    }\n  }\n\n  .tip {\n    width: var(--popover--tip-width);\n\n    svg {\n      display: block;\n      fill: var(--popover--background-color);\n      stroke: var(--popover--border-color);\n      stroke-width: var(--popover--border-width);\n    }\n  }\n\n  &[data-placement=\"top\"] {\n    --origin: translateY(var(--size-px--s));\n\n    &:has(.tip) {\n      margin-bottom: var(--popover--tip-height);\n    }\n  }\n\n  &[data-placement=\"bottom\"] {\n    --origin: translateY(var(--size-px--s--negative));\n\n    &:has(.tip) {\n      margin-top: var(--popover--tip-height);\n    }\n\n    .tip svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  &[data-placement=\"right\"] {\n    --origin: translateX(var(--size-px--s--negative));\n\n    &:has(.tip) {\n      margin-inline-start: var(--popover--tip-height);\n    }\n\n    .tip svg {\n      transform: rotate(90deg);\n    }\n  }\n\n  &[data-placement=\"left\"] {\n    --origin: translateX(var(--size-px--s));\n\n    &:has(.tip) {\n      margin-inline-end: var(--popover--tip-height);\n    }\n\n    .tip svg {\n      transform: rotate(-90deg);\n    }\n  }\n\n  &[data-entering] {\n    animation: popover-slide var(--transition--duration--default);\n  }\n\n  &[data-exiting] {\n    animation: popover-slide var(--transition--duration--default) reverse\n      ease-in;\n    pointer-events: none;\n  }\n\n  &:has(:global(.flow--options):empty) {\n    display: none;\n  }\n}\n\n@keyframes popover-slide {\n  from {\n    transform: var(--origin);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs

@@ -1,39 +1,36 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import styles from '../../Popover.module.scss.mjs';
-
-const PopoverContent = (props) => {
-  const {
-    children,
-    className,
-    isDialogContent = false,
-    withTip,
-    onOpenChange,
-    ref,
-    isOpen,
-    width,
-    ...rest
-  } = props;
-  const ContentComponent = isDialogContent ? Aria.Dialog : "div";
-  return /* @__PURE__ */ jsxs(
-    Aria.Popover,
-    {
-      ...rest,
-      className,
-      containerPadding: 16,
-      ref,
-      isOpen,
-      onOpenChange,
-      style: { width },
-      children: [
-        withTip && /* @__PURE__ */ jsx(Aria.OverlayArrow, { className: styles.tip, children: /* @__PURE__ */ jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L8 8 L16 0" }) }) }),
-        /* @__PURE__ */ jsx(ContentComponent, { className: styles.content, children })
-      ]
-    }
-  );
+import Popover_module_default from "../../Popover.module.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/Popover/components/PopoverContent/PopoverContent.tsx
+/** @flr-generate all */
+var PopoverContent = (props) => {
+	const { children, className, isDialogContent = false, withTip, onOpenChange, ref, isOpen, width, ...rest } = props;
+	const ContentComponent = isDialogContent ? Aria.Dialog : "div";
+	return /* @__PURE__ */ jsxs(Aria.Popover, {
+		...rest,
+		className,
+		containerPadding: 16,
+		ref,
+		isOpen,
+		onOpenChange,
+		style: { width },
+		children: [withTip && /* @__PURE__ */ jsx(Aria.OverlayArrow, {
+			className: Popover_module_default.tip,
+			children: /* @__PURE__ */ jsx("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				children: /* @__PURE__ */ jsx("path", { d: "M0 0 L8 8 L16 0" })
+			})
+		}), /* @__PURE__ */ jsx(ContentComponent, {
+			className: Popover_module_default.content,
+			children
+		})]
+	});
 };
+//#endregion
+export { PopoverContent, PopoverContent as default };
 
-export { PopoverContent };
-//# sourceMappingURL=PopoverContent.mjs.map
+//# sourceMappingURL=PopoverContent.mjs.map

package/dist/js/packages/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.mjs","sources":["../../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface PopoverContentProps\n  extends PropsWithChildren, PropsWithClassName {\n  withTip?: boolean;\n  isDialogContent?: boolean;\n  isOpen?: boolean;\n  width?: string | number;\n  onOpenChange: (isOpen: boolean) => void;\n  ref?: Ref<HTMLElement>;\n  triggerRef?: RefObject<Element | null>;\n}\n\n/** @flr-generate all */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n  const {\n    children,\n    className,\n    isDialogContent = false,\n    withTip,\n    onOpenChange,\n    ref,\n    isOpen,\n    width,\n    ...rest\n  } = props;\n\n  const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n  return (\n    <Aria.Popover\n      {...rest}\n      className={className}\n      containerPadding={16}\n      ref={ref}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      style={{ width }}\n    >\n      {withTip && (\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg width={16} height={16} viewBox=\"0 0 16 16\">\n            <path d=\"M0 0 L8 8 L16 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n      )}\n      <ContentComponent className={styles.content}>{children}</ContentComponent>\n    </Aria.Popover>\n  );\n};\n\nexport default PopoverContent;\n"],"names":[],"mappings":";;;;AAiBO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA,GAAkB,KAAA;AAAA,IAClB,OAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,gBAAA,GAAmB,eAAA,GAAkB,IAAA,CAAK,MAAA,GAAS,KAAA;AAEzD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,OAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA;AAAA,MACA,gBAAA,EAAkB,EAAA;AAAA,MAClB,GAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAM;AAAA,MAEd,QAAA,EAAA;AAAA,QAAA,OAAA,oBACC,GAAA,CAAC,KAAK,YAAA,EAAL,EAAkB,WAAW,MAAA,CAAO,GAAA,EACnC,8BAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAI,MAAA,EAAQ,EAAA,EAAI,SAAQ,WAAA,EAClC,QAAA,kBAAA,GAAA,CAAC,UAAK,CAAA,EAAE,iBAAA,EAAkB,GAC5B,CAAA,EACF,CAAA;AAAA,wBAEF,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAW,MAAA,CAAO,SAAU,QAAA,EAAS;AAAA;AAAA;AAAA,GACzD;AAEJ;;;;"}
+{"version":3,"file":"PopoverContent.mjs","names":[],"sources":["../../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface PopoverContentProps\n  extends PropsWithChildren, PropsWithClassName {\n  withTip?: boolean;\n  isDialogContent?: boolean;\n  isOpen?: boolean;\n  width?: string | number;\n  onOpenChange: (isOpen: boolean) => void;\n  ref?: Ref<HTMLElement>;\n  triggerRef?: RefObject<Element | null>;\n}\n\n/** @flr-generate all */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n  const {\n    children,\n    className,\n    isDialogContent = false,\n    withTip,\n    onOpenChange,\n    ref,\n    isOpen,\n    width,\n    ...rest\n  } = props;\n\n  const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n  return (\n    <Aria.Popover\n      {...rest}\n      className={className}\n      containerPadding={16}\n      ref={ref}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      style={{ width }}\n    >\n      {withTip && (\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg width={16} height={16} viewBox=\"0 0 16 16\">\n            <path d=\"M0 0 L8 8 L16 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n      )}\n      <ContentComponent className={styles.content}>{children}</ContentComponent>\n    </Aria.Popover>\n  );\n};\n\nexport default PopoverContent;\n"],"mappings":";;;;;;;AAiBA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,UACA,WACA,kBAAkB,OAClB,SACA,cACA,KACA,QACA,OACA,GAAG,SACD;CAEJ,MAAM,mBAAmB,kBAAkB,KAAK,SAAS;CAEzD,OACE,qBAAC,KAAK,SAAN;EACE,GAAI;EACO;EACX,kBAAkB;EACb;EACG;EACM;EACd,OAAO,EAAE,MAAM;EAPjB,UAAA,CASG,WACC,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,OAAO;IAAI,QAAQ;IAAI,SAAQ;IAClC,UAAA,oBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;GACxB,CAAA;EACY,CAAA,GAErB,oBAAC,kBAAD;GAAkB,WAAW,uBAAO;GAAU;EAA2B,CAAA,CAC7D;;AAElB"}