@mittwald/flow-react-components 0.2.0-alpha.61 → 0.2.0-alpha.611

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const validationResultEntry = "flow--password-creation-field--validation-result-entry";
+const styles = {
+	validationResultEntry: validationResultEntry
+};
+
+export { styles as default, validationResultEntry };
+//# sourceMappingURL=ValidationResultEntry.module.scss.mjs.map

package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationResultEntry.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

@@ -0,0 +1,44 @@
+"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;
+};
+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
+  ];
+};
+
+export { generateValidationTranslation as default, generateValidationTranslation };
+//# sourceMappingURL=generateValidationTranslation.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,40 @@
+"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"
+  };
+};
+
+export { getStateFromLatestPolicyValidationResult as default, getStateFromLatestPolicyValidationResult };
+//# sourceMappingURL=getStateFromLatestPolicyValidationResult.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,16 @@
+"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";
+};
+
+export { getStatusFromPolicyValidationResult as default, getStatusFromPolicyValidationResult };
+//# sourceMappingURL=getStatusFromPolicyValidationResult.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,58 @@
+"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]);
+};
+
+export { usePolicyValidationResult };
+//# sourceMappingURL=usePolicyValidationResult.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,14 @@
+"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();
+};
+
+export { generatePassword };
+//# sourceMappingURL=generatePassword.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,48 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import clsx from 'clsx';
+import 'mobx';
+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 })
+    }
+  );
+});
+
+export { Popover, Popover as default };
+//# sourceMappingURL=Popover.mjs.map

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

@@ -0,0 +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 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":";;;;;;;;;;AA4BO,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;;;;"}

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

@@ -0,0 +1,12 @@
+"use client"
+/* */
+const popover = "flow--popover";
+const content = "flow--popover--content";
+const tip = "flow--popover--tip";
+const styles = {
+	popover: popover,
+	content: content,
+	tip: tip};
+
+export { content, styles as default, popover, tip };
+//# sourceMappingURL=Popover.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -0,0 +1,39 @@
+"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 })
+      ]
+    }
+  );
+};
+
+export { PopoverContent, PopoverContent as default };
+//# sourceMappingURL=PopoverContent.mjs.map

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

@@ -0,0 +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,\n    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":";;;;AAkBO,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;;;;"}

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

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react-aria-components';
+import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
+import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import DialogTriggerView from '../../../../views/DialogTriggerView.mjs';
+
+const PopoverTrigger = flowComponent(
+  "PopoverTrigger",
+  (props) => {
+    const { children, ...triggerProps } = props;
+    return /* @__PURE__ */ jsx(
+      OverlayTrigger,
+      {
+        overlayType: "Popover",
+        ...triggerProps,
+        component: DialogTriggerView,
+        children
+      }
+    );
+  },
+  { type: "provider" }
+);
+
+export { PopoverTrigger, PopoverTrigger as default };
+//# sourceMappingURL=PopoverTrigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type PopoverTriggerProps = OverlayTriggerProps;\n\nexport const PopoverTrigger = flowComponent(\n  \"PopoverTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    return (\n      <OverlayTrigger\n        overlayType=\"Popover\"\n        {...triggerProps}\n        component={DialogTriggerView}\n      >\n        {children}\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default PopoverTrigger;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,cAAA,GAAiB,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAY,SAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,SAAA,EAAW,iBAAA;AAAA,QAEV;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,UAAA;AACV;;;;"}

package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,84 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import styles from './ProgressBar.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { ProgressBarValue } from './components/ProgressBarValue.mjs';
+import { ProgressBarBar } from './components/ProgressBarBar.mjs';
+import { ProgressBarLegend } from './components/ProgressBarLegend.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const ProgressBar = flowComponent("ProgressBar", (props) => {
+  const {
+    children,
+    className,
+    status = "info",
+    showMaxValue,
+    size = "m",
+    segments,
+    value,
+    formatOptions,
+    showLegend = true,
+    maxValue,
+    valueLabel,
+    ...rest
+  } = props;
+  const rootClassName = clsx(
+    className,
+    styles.progressBar,
+    styles[`size-${size}`],
+    styles[status]
+  );
+  const propsContext = {
+    Label: {
+      className: styles.label,
+      unstyled: true
+    }
+  };
+  const segmentsTotalValue = segments ? segments.map((s) => s.value).reduce((a, b) => a + b, 0) : void 0;
+  return /* @__PURE__ */ jsx(
+    Aria.ProgressBar,
+    {
+      className: rootClassName,
+      value: segmentsTotalValue ?? value,
+      formatOptions,
+      maxValue,
+      ...rest,
+      children: ({ percentage }) => /* @__PURE__ */ jsxs(PropsContextProvider, { props: propsContext, children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ProgressBarValue,
+          {
+            showMaxValue,
+            maxValue,
+            formatOptions,
+            value: segmentsTotalValue ?? value,
+            valueLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ProgressBarBar,
+          {
+            percentage,
+            segmentsTotalValue,
+            segments
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ProgressBarLegend,
+          {
+            showLegend,
+            segments,
+            formatOptions
+          }
+        )
+      ] })
+    }
+  );
+});
+
+export { ProgressBar, ProgressBar as default };
+//# sourceMappingURL=ProgressBar.mjs.map

package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n  extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n    PropsWithStatus,\n    FlowComponentProps {\n  /** Whether the max value should be displayed. */\n  showMaxValue?: boolean;\n  /** The size variant of the progress bar. @default \"m\" */\n  size?: \"s\" | \"m\" | \"l\";\n  /** Divides the fill of the progress bar into segments */\n  segments?: {\n    value: number;\n    title: string;\n    color?: CategoricalColor;\n    valueText?: string;\n  }[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n}\n\n/** @flr-generate all */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n  const {\n    children,\n    className,\n    status = \"info\",\n    showMaxValue,\n    size = \"m\",\n    segments,\n    value,\n    formatOptions,\n    showLegend = true,\n    maxValue,\n    valueLabel,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    className,\n    styles.progressBar,\n    styles[`size-${size}`],\n    styles[status],\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: styles.label,\n      unstyled: true,\n    },\n  };\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  return (\n    <Aria.ProgressBar\n      className={rootClassName}\n      value={segmentsTotalValue ?? value}\n      formatOptions={formatOptions}\n      maxValue={maxValue}\n      {...rest}\n    >\n      {({ percentage }) => (\n        <PropsContextProvider props={propsContext}>\n          {children}\n\n          <ProgressBarValue\n            showMaxValue={showMaxValue}\n            maxValue={maxValue}\n            formatOptions={formatOptions}\n            value={segmentsTotalValue ?? value}\n            valueLabel={valueLabel}\n          />\n\n          <ProgressBarBar\n            percentage={percentage}\n            segmentsTotalValue={segmentsTotalValue}\n            segments={segments}\n          />\n\n          <ProgressBarLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        </PropsContextProvider>\n      )}\n    </Aria.ProgressBar>\n  );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;AAuCO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA,GAAa,IAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QAAA,GACvB,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,CAAA,CAAE,KAAK,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA,GACtD,MAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,OAAO,kBAAA,IAAsB,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,aAAA;AAAA,YACA,OAAO,kBAAA,IAAsB,KAAA;AAAA,YAC7B;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/ProgressBar/ProgressBar.module.scss.mjs

@@ -0,0 +1,30 @@
+"use client"
+/* */
+const progressBar = "flow--progress-bar";
+const legend = "flow--progress-bar--legend";
+const label = "flow--progress-bar--label";
+const value = "flow--progress-bar--value";
+const bar = "flow--progress-bar--bar";
+const fill = "flow--progress-bar--fill";
+const info = "flow--progress-bar--info";
+const success = "flow--progress-bar--success";
+const danger = "flow--progress-bar--danger";
+const warning = "flow--progress-bar--warning";
+const styles = {
+	progressBar: progressBar,
+	legend: legend,
+	label: label,
+	value: value,
+	bar: bar,
+	fill: fill,
+	"size-s": "flow--progress-bar--size-s",
+	"size-m": "flow--progress-bar--size-m",
+	"size-l": "flow--progress-bar--size-l",
+	info: info,
+	success: success,
+	danger: danger,
+	warning: warning
+};
+
+export { bar, danger, styles as default, fill, info, label, legend, progressBar, success, value, warning };
+//# sourceMappingURL=ProgressBar.module.scss.mjs.map

package/dist/js/components/src/components/ProgressBar/ProgressBar.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/src/components/ProgressBar/components/ProgressBarBar.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../ProgressBar.module.scss.mjs';
+import 'react';
+import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.mjs';
+
+const ProgressBarBar = (props) => {
+  const { segments, segmentsTotalValue, percentage } = props;
+  const segmentFill = segmentsTotalValue && segments && segments?.length > 0 ? segments.map((s, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      style: {
+        backgroundColor: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,
+        width: 100 / segmentsTotalValue * s.value + "%",
+        height: "100%"
+      }
+    },
+    s.title
+  )) : null;
+  return /* @__PURE__ */ jsx("div", { className: styles.bar, children: /* @__PURE__ */ jsx("div", { className: styles.fill, style: { width: percentage + "%" }, children: segmentFill }) });
+};
+
+export { ProgressBarBar };
+//# sourceMappingURL=ProgressBarBar.mjs.map

package/dist/js/components/src/components/ProgressBar/components/ProgressBarBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarBar.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ninterface Props extends Pick<ProgressBarProps, \"segments\"> {\n  percentage?: number;\n  segmentsTotalValue?: number;\n}\n\nexport const ProgressBarBar: FC<Props> = (props) => {\n  const { segments, segmentsTotalValue, percentage } = props;\n\n  const segmentFill =\n    segmentsTotalValue && segments && segments?.length > 0\n      ? segments.map((s, i) => (\n          <div\n            key={s.title}\n            aria-hidden\n            style={{\n              backgroundColor: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,\n              width: (100 / segmentsTotalValue) * s.value + \"%\",\n              height: \"100%\",\n            }}\n          />\n        ))\n      : null;\n\n  return (\n    <div className={styles.bar}>\n      <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n        {segmentFill}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,kBAAA,EAAoB,UAAA,EAAW,GAAI,KAAA;AAErD,EAAA,MAAM,WAAA,GACJ,kBAAA,IAAsB,QAAA,IAAY,QAAA,EAAU,MAAA,GAAS,IACjD,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACf,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO;AAAA,QACL,iBAAiB,CAAA,0BAAA,EAA6B,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QACtF,KAAA,EAAQ,GAAA,GAAM,kBAAA,GAAsB,CAAA,CAAE,KAAA,GAAQ,GAAA;AAAA,QAC9C,MAAA,EAAQ;AAAA;AACV,KAAA;AAAA,IANK,CAAA,CAAE;AAAA,GAQV,CAAA,GACD,IAAA;AAEN,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,GAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,aAAa,GAAA,EAAI,EAC3D,uBACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/ProgressBar/components/ProgressBarLegend.mjs

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../ProgressBar.module.scss.mjs';
+import 'react';
+import { useNumberFormatter } from 'react-aria';
+import { Legend } from '../../Legend/Legend.mjs';
+import { LegendItem } from '../../Legend/components/LegendItem/LegendItem.mjs';
+import { getCategoricalColorByIndex } from '../../../lib/tokens/getCategoricalColorByIndex.mjs';
+
+const ProgressBarLegend = (props) => {
+  const { segments, showLegend, formatOptions } = props;
+  const formatter = useNumberFormatter(formatOptions);
+  if (!segments || !showLegend) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Legend, { className: styles.legend, children: segments.map((s, i) => /* @__PURE__ */ jsx(
+    LegendItem,
+    {
+      color: s.color ?? getCategoricalColorByIndex(i),
+      children: `${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`
+    },
+    s.title
+  )) });
+};
+
+export { ProgressBarLegend };
+//# sourceMappingURL=ProgressBarLegend.mjs.map

package/dist/js/components/src/components/ProgressBar/components/ProgressBarLegend.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarLegend.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ntype Props = Pick<\n  ProgressBarProps,\n  \"segments\" | \"showLegend\" | \"formatOptions\"\n>;\n\nexport const ProgressBarLegend: FC<Props> = (props) => {\n  const { segments, showLegend, formatOptions } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  if (!segments || !showLegend) {\n    return null;\n  }\n\n  return (\n    <Legend className={styles.legend}>\n      {segments.map((s, i) => (\n        <LegendItem\n          key={s.title}\n          color={s.color ?? getCategoricalColorByIndex(i)}\n        >{`${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`}</LegendItem>\n      ))}\n    </Legend>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,iBAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,aAAA,EAAc,GAAI,KAAA;AAEhD,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,UAAA,EAAY;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,SAAA,EAAW,MAAA,CAAO,QACvB,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBAChB,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MAEC,KAAA,EAAO,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAA;AAAA,MAC9C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,EAAK,EAAE,SAAA,KAAc,aAAA,GAAgB,SAAA,CAAU,MAAA,CAAO,EAAE,KAAK,CAAA,GAAI,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,CAAA,CAAK,CAAA,CAAA;AAAA,KAAA;AAAA,IAFrF,CAAA,CAAE;AAAA,GAGV,CAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/ProgressBar/components/ProgressBarValue.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from '../ProgressBar.module.scss.mjs';
+import 'react';
+import { useNumberFormatter, useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs';
+
+const ProgressBarValue = (props) => {
+  const {
+    showMaxValue,
+    maxValue,
+    value = 0,
+    formatOptions,
+    valueLabel
+  } = props;
+  const formatter = useNumberFormatter(formatOptions);
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const maxValueText = !showMaxValue || !maxValue ? void 0 : formatOptions ? formatter.format(maxValue) : `${maxValue} %`;
+  const valueText = formatOptions ? formatter.format(value) : `${value} %`;
+  const textWithMaxValue = `${valueText} ${stringFormatter.format("progressBar.of")} ${maxValueText}`;
+  return /* @__PURE__ */ jsx("span", { className: styles.value, children: valueLabel ?? (maxValueText ? textWithMaxValue : valueText) });
+};
+
+export { ProgressBarValue };
+//# sourceMappingURL=ProgressBarValue.mjs.map

package/dist/js/components/src/components/ProgressBar/components/ProgressBarValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarValue.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props\n  extends Pick<\n    ProgressBarProps,\n    \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n  > {\n  value?: number;\n  valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n  const {\n    showMaxValue,\n    maxValue,\n    value = 0,\n    formatOptions,\n    valueLabel,\n  } = props;\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const maxValueText =\n    !showMaxValue || !maxValue\n      ? undefined\n      : formatOptions\n        ? formatter.format(maxValue)\n        : `${maxValue} %`;\n\n  const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n  const textWithMaxValue = `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n  return (\n    <span className={styles.value}>\n      {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM;AAAA,IACJ,YAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,aAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,YAAA,GACJ,CAAC,YAAA,IAAgB,CAAC,QAAA,GACd,MAAA,GACA,aAAA,GACE,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA,GACzB,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAEnB,EAAA,MAAM,YAAY,aAAA,GAAgB,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEpE,EAAA,MAAM,gBAAA,GAAmB,GAAG,SAAS,CAAA,CAAA,EAAI,gBAAgB,MAAA,CAAO,gBAAgB,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA;AAEjG,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,OACrB,QAAA,EAAA,UAAA,KAAe,YAAA,GAAe,mBAAmB,SAAA,CAAA,EACpD,CAAA;AAEJ;;;;"}