@mittwald/flow-react-components 0.2.0-alpha.38 → 0.2.0-alpha.381

package/dist/js/@mittwald/password-tools-js.mjs

@@ -0,0 +1,6 @@
+"use client"
+/* */
+export { Policy } from '@mittwald/password-tools-js/policy';
+export { AsyncRule, RegexFlags, RuleType, SequenceType, SyncRule } from '@mittwald/password-tools-js/rules';
+export { Generator } from '@mittwald/password-tools-js/generator';
+//# sourceMappingURL=password-tools-js.mjs.map

package/dist/js/@mittwald/password-tools-js.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-tools-js.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/js/_virtual/_.locale.json@162914df08c90e5e10d2f78b03d9d768.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "progressBar.of": `von`,
-},"en-EN": {  "progressBar.of": `of`,
+},"en-US": {  "progressBar.of": `of`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@24b745a6ce9353be513d1f98e927d8d3.mjs

@@ -4,7 +4,7 @@ const locales = {"de-DE": {  "alertIcon.danger": `Status Fehler`,
   "alertIcon.info": `Status Information`,
   "alertIcon.success": `Status Erfolg`,
   "alertIcon.warning": `Status Warnung`,
-},"en-EN": {  "alertIcon.danger": `Status error`,
+},"en-US": {  "alertIcon.danger": `Status error`,
   "alertIcon.info": `Status information`,
   "alertIcon.success": `Status success`,
   "alertIcon.warning": `Status warning`,

package/dist/js/_virtual/_.locale.json@3b9d9e153ad753f427f375d1275fbcad.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "label.optional": `(optional)`,
-},"en-EN": {  "label.optional": `(optional)`,
+},"en-US": {  "label.optional": `(optional)`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@3ed2dc50f997451bdd85a713c54e1025.mjs

@@ -2,7 +2,7 @@
 /* */
 const locales = {"de-DE": {  "slider.decrement": `Wert verkleinern`,
   "slider.increment": `Wert erhöhen`,
-},"en-EN": {  "slider.decrement": `Decrement value`,
+},"en-US": {  "slider.decrement": `Decrement value`,
   "slider.increment": `Increment value`,
 }};
 

package/dist/js/_virtual/_.locale.json@444629885187f8ca5450a1c8b14fb45c.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "textFieldBase.characters": (args, formatter) => `${formatter.select({0: () => `${args.count}`, other: () => `${args.count}/${args.maxCount}`}, args.maxCount)} Zeichen`,
-},"en-EN": {  "textFieldBase.characters": (args, formatter) => `${formatter.select({0: () => `${args.count}`, other: () => `${args.count}/${args.maxCount}`}, args.maxCount)} characters`,
+},"en-US": {  "textFieldBase.characters": (args, formatter) => `${formatter.select({0: () => `${args.count}`, other: () => `${args.count}/${args.maxCount}`}, args.maxCount)} characters`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "autocomplete.empty": `Keine passenden Einträge`,
+},"en-US": {  "autocomplete.empty": `No matching entries`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs.map

package/dist/js/_virtual/_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "copyButton.copy": `Kopieren`,
-},"en-EN": {  "copyButton.copy": `Copy`,
+},"en-US": {  "copyButton.copy": `Copy`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@51dcf4944c990e2cbe26472300dae78d.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "comboBox.showOptions": `Auswahlmöglichkeiten anzeigen`,
-},"en-EN": {  "comboBox.showOptions": `Show options`,
+},"en-US": {  "comboBox.showOptions": `Show options`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "rating.0": `Bewertung: 0 von 5`,
+  "rating.1": `Bewertung: 1 von 5`,
+  "rating.2": `Bewertung: 2 von 5`,
+  "rating.3": `Bewertung: 3 von 5`,
+  "rating.4": `Bewertung: 4 von 5`,
+  "rating.5": `Bewertung: 5 von 5`,
+},"en-US": {  "rating.0": `Rating: 0 of 5`,
+  "rating.1": `Rating: 1 of 5`,
+  "rating.2": `Rating: 2 of 5`,
+  "rating.3": `Rating: 3 of 5`,
+  "rating.4": `Rating: 4 of 5`,
+  "rating.5": `Rating: 5 of 5`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs.map

package/dist/js/_virtual/_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@656bcfe2b7d48c4324cbdf14a4866b19.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/js/_virtual/_.locale.json@8b26c19d587a90f821a2307c8122f6d1.mjs

@@ -3,7 +3,7 @@
 const locales = {"de-DE": {  "action.isFailed": `Fehlgeschlagen`,
   "action.isPending": `Ausstehend...`,
   "action.isSucceeded": `Erfolgreich`,
-},"en-EN": {  "action.isFailed": `Failed`,
+},"en-US": {  "action.isFailed": `Failed`,
   "action.isPending": `Pending...`,
   "action.isSucceeded": `Succeeded`,
 }};

package/dist/js/_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs

@@ -1,6 +1,7 @@
 "use client"
 /* */
-const locales = {"de-DE": {  "list.filters.clear": `Filter entfernen`,
+const locales = {"de-DE": {  "list.filters": `Filter`,
+  "list.filters.clear": `Filter entfernen`,
   "list.filters.reset": `Filter zurücksetzen`,
   "list.filters.store": `Filter speichern`,
   "list.noResult.heading": `Keine Suchergebnisse gefunden`,
@@ -11,12 +12,13 @@ const locales = {"de-DE": {  "list.filters.clear": `Filter entfernen`,
   "list.settings.viewMode": `Ansicht`,
   "list.settings.viewMode.list": `Liste`,
   "list.settings.viewMode.table": `Tabelle`,
-  "list.settings.viewMode.tiles": `Kacheln`,
+  "list.settings.viewMode.tiles": `Raster`,
   "list.showMore": `Mehr anzeigen`,
   "list.sorting": `Sortierung`,
   "list.toggleExpandButton.collapse": `Weniger anzeigen`,
   "list.toggleExpandButton.expand": `Mehr anzeigen`,
-},"en-EN": {  "list.filters.clear": `Clear filters`,
+},"en-US": {  "list.filters": `Filters`,
+  "list.filters.clear": `Clear filters`,
   "list.filters.reset": `Reset filters`,
   "list.filters.store": `Store filters`,
   "list.noResult.heading": `No search results found`,

package/dist/js/_virtual/_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_.locale.json@8d5024994f97657f895a4e2a188d2d8a.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs

@@ -0,0 +1,82 @@
+"use client"
+/* */
+const locales = {"de-DE": {  "button.generate": `Generieren`,
+  "button.generate.tooltip.hide": `Passwort verbergen`,
+  "button.generate.tooltip.show": `Passwort anzeigen`,
+  "password.requirements.heading": `Anforderungen an dein Passwort`,
+  "validation.allowedSpecialCharacters": `Erlaubte Sonderzeichen: #!~%^*_+-=?()<>|.,;\$:/`,
+  "validation.atLeastOneCapitalLetter": `Mindestens ein Großbuchstabe`,
+  "validation.atLeastOneLowercaseLetter": `Mindestens ein Kleinbuchstabe`,
+  "validation.blocklist": (args, formatter) => `${formatter.select({true: `Das Passwort enthält keine verbotenen Wörter.`, other: () => `Das Passwort enthält ein verbotenes Wort "${args.blockedSubstrings}".`}, args.isValid)}`,
+  "validation.blocklist.short": (args, formatter) => `${formatter.select({true: `Keine verbotenen Wörter`, other: () => `Verbotenes Wort "${args.blockedSubstrings}"`}, args.isValid)}`,
+  "validation.canNotStartWithSpecialCharacter": `Darf nicht mit Sonderzeichen anfangen`,
+  "validation.char.max": (args, formatter) => `${formatter.plural(args.max, {one: () => `Bitte verwende maximal ein Zeichen aus [${args.chars}].`, other: () => `Bitte verwende maximal ${args.max} Zeichen aus [${args.chars}].`})}`,
+  "validation.char.max.short": (args, formatter) => `${formatter.plural(args.max, {one: () => `Maximal ein Zeichen aus [${args.chars}].`, other: () => `Maximal ${args.max} Zeichen aus [${args.chars}].`})}`,
+  "validation.char.min": (args, formatter) => `${formatter.plural(args.max, {one: () => `Bitte verwende mindestens ein Zeichen aus [${args.chars}].`, other: () => `Bitte verwende mindestens ${args.min} Zeichen aus [${args.chars}].`})}`,
+  "validation.char.min.short": (args, formatter) => `${formatter.plural(args.max, {one: () => `Mindestens ein Zeichen aus [${args.chars}].`, other: () => `Mindestens ${args.min} Zeichen aus [${args.chars}].`})}`,
+  "validation.charPool.numbers.max": (args, formatter) => `${formatter.plural(args.max, {one: `Bitte verwende maximal eine Zahl.`, other: () => `Bitte verwende maximal ${args.max} Zahlen.`})}`,
+  "validation.charPool.numbers.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximal eine Zahl`, other: () => `Maximal ${args.max} Zahlen`})}`,
+  "validation.charPool.numbers.min": (args, formatter) => `${formatter.plural(args.min, {one: `Bitte verwende mindestens eine Zahl.`, other: () => `Bitte verwende mindestens ${args.min} Zahlen.`})}`,
+  "validation.charPool.numbers.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `Mindestens eine Zahl`, other: () => `Mindestens ${args.min} Zahlen`})}`,
+  "validation.charPool.special.max": (args, formatter) => `${formatter.plural(args.max, {one: `Bitte verwende maximal ein Sonderzeichen.`, other: () => `Bitte verwende maximal ${args.max} Sonderzeichen.`})}`,
+  "validation.charPool.special.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximal ein Sonderzeichen`, other: () => `Maximal ${args.max} Sonderzeichen`})}`,
+  "validation.charPool.special.min": (args, formatter) => `${formatter.plural(args.min, {one: `Bitte verwende mindestens ein Sonderzeichen.`, other: () => `Bitte verwende mindestens ${args.min} Sonderzeichen.`})}`,
+  "validation.charPool.special.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `Mindestens ein Sonderzeichen`, other: () => `Mindestens ${args.min} Sonderzeichen`})}`,
+  "validation.general.failingComplexity": `Bitte erhöhe die Komplexität deines Passwortes.`,
+  "validation.general.optimizeComplexity": `Dein Passwort erfüllt die Minimalanforderungen.`,
+  "validation.general.securePassword": `Sehr gut! Dein Passwort ist sicher.`,
+  "validation.general.short.unspecified": `Keine spezifischen Anforderungen`,
+  "validation.hibp": (args, formatter) => `${formatter.select({true: `Das Passwort ist nicht kompromittiert.`, other: `Das Passwort ist kompromittiert. Bitte vergib ein neues.`}, args.isValid)}`,
+  "validation.hibp.short": (args, formatter) => `${formatter.select({true: `Nicht kompromittiert`, other: `Kompromittiert`}, args.isValid)}`,
+  "validation.length.max": (args, formatter) => `${formatter.plural(args.max, {one: `Bitte wähle ein Passwort mit maximal einem Zeichen.`, other: () => `Bitte wähle ein Passwort mit maximal ${args.max} Zeichen.`})}`,
+  "validation.length.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximal ein Zeichen`, other: () => `Maximal ${args.max} Zeichen`})}`,
+  "validation.length.min": (args, formatter) => `${formatter.plural(args.min, {one: `Bitte wähle ein Passwort mit mindestens einem Zeichen.`, other: () => `Bitte wähle ein Passwort mit mindestens ${args.min} Zeichen.`})}`,
+  "validation.length.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `Mindestens ein Zeichen`, other: () => `Mindestens ${args.min} Zeichen`})}`,
+  "validation.regex.max": (args) => `Bitte verwende das Muster "${args.pattern}" maximal ${args.max} Mal.`,
+  "validation.regex.max.short": (args) => `Muster "${args.pattern}" maximal ${args.max} Mal`,
+  "validation.regex.min": (args) => `Bitte gib ein Passwort nach dem Muster "${args.pattern}" an.`,
+  "validation.regex.min.short": (args) => `Muster "${args.pattern}" nicht vorhanden`,
+  "validation.sequence": `Bitte wähle ein Passwort ohne einfache Zeichenwiederholungen.`,
+  "validation.sequence.short": `Keine einfachen Zeichenwiederholungen`,
+},"en-US": {  "button.generate": `Generate`,
+  "button.generate.tooltip.hide": `Hide password`,
+  "button.generate.tooltip.show": `Show password`,
+  "password.requirements.heading": `Requirements for your password`,
+  "validation.allowedSpecialCharacters": `Allowed special characters: #!~%^*_+-=?()<>|.,;\$:/`,
+  "validation.atLeastOneCapitalLetter": `At least one capital letter`,
+  "validation.atLeastOneLowercaseLetter": `At least one lowercase letter`,
+  "validation.blocklist": (args, formatter) => `${formatter.select({true: `The password does not contain any forbidden words.`, other: () => `The password contains a forbidden word "${args.blockedSubstrings}".`}, args.isValid)}`,
+  "validation.blocklist.short": (args, formatter) => `${formatter.select({true: `No forbidden words`, other: () => `Forbidden word "${args.blockedSubstrings}"`}, args.isValid)}`,
+  "validation.canNotStartWithSpecialCharacter": `Can not start with special character`,
+  "validation.char.max": (args, formatter) => `${formatter.plural(args.max, {one: () => `Please use a maximum of one of the characters [${args.chars}].`, other: () => `Please use a maximum of ${args.max} of the characters [${args.chars}].`})}`,
+  "validation.char.max.short": (args, formatter) => `${formatter.plural(args.max, {one: () => `Maximum one of [${args.chars}]`, other: () => `Maximum ${args.max} of [${args.chars}]`})}`,
+  "validation.char.min": (args, formatter) => `${formatter.plural(args.max, {one: () => `Please use at least one of the characters [${args.chars}].`, other: () => `Please use at least ${args.min} of the characters [${args.chars}].`})}`,
+  "validation.char.min.short": (args, formatter) => `${formatter.plural(args.max, {one: () => `At least one of [${args.chars}]`, other: () => `At least ${args.min} of [${args.chars}]`})}`,
+  "validation.charPool.numbers.max": (args, formatter) => `${formatter.plural(args.max, {one: `Please use a maximum of one number.`, other: () => `Please use a maximum of ${args.max} numbers.`})}`,
+  "validation.charPool.numbers.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximum one number`, other: () => `Maximum ${args.max} numbers`})}`,
+  "validation.charPool.numbers.min": (args, formatter) => `${formatter.plural(args.min, {one: `Please use at least one number.`, other: () => `Please use at least ${args.min} numbers.`})}`,
+  "validation.charPool.numbers.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `At least one number`, other: () => `At least ${args.min} numbers`})}`,
+  "validation.charPool.special.max": (args, formatter) => `${formatter.plural(args.max, {one: `Please use a maximum of one special character.`, other: () => `Please use a maximum of ${args.max} special characters.`})}`,
+  "validation.charPool.special.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximum one special character`, other: () => `Maximum ${args.max} special characters`})}`,
+  "validation.charPool.special.min": (args, formatter) => `${formatter.plural(args.min, {one: `Please use at least one special character.`, other: () => `Please use at least ${args.min} special characters.`})}`,
+  "validation.charPool.special.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `At least one special character`, other: () => `At least ${args.min} special characters`})}`,
+  "validation.general.failingComplexity": `Please increase the complexity of your password.`,
+  "validation.general.optimizeComplexity": `Your password meets the minimum requirements.`,
+  "validation.general.securePassword": `Awesome! Your password is secure.`,
+  "validation.general.short.unspecified": `No specific requirements`,
+  "validation.hibp": (args, formatter) => `${formatter.select({true: `The password is not compromised.`, other: `The password has been compromised. Please set a new one.`}, args.isValid)}`,
+  "validation.hibp.short": (args, formatter) => `${formatter.select({true: `Not compromised`, other: `Compromised`}, args.isValid)}`,
+  "validation.length.max": (args, formatter) => `${formatter.plural(args.max, {one: `Please choose a password with a maximum of one character.`, other: () => `Please choose a password with a maximum of ${args.max} characters.`})}`,
+  "validation.length.max.short": (args, formatter) => `${formatter.plural(args.max, {one: `Maximum one character`, other: () => `Maximum ${args.max} characters`})}`,
+  "validation.length.min": (args, formatter) => `${formatter.plural(args.min, {one: `Please choose a password with at least one character.`, other: () => `Please choose a password with at least ${args.min} characters.`})}`,
+  "validation.length.min.short": (args, formatter) => `${formatter.plural(args.min, {one: `At least one character`, other: () => `At least ${args.min} characters`})}`,
+  "validation.regex.max": (args) => `Please use the pattern "${args.pattern}" a maximum of ${args.max} times.`,
+  "validation.regex.max.short": (args) => `Pattern "${args.pattern}" maximum ${args.max} times`,
+  "validation.regex.min": (args) => `Please enter a password like "${args.pattern}".`,
+  "validation.regex.min.short": (args) => `Pattern "${args.pattern}" not found`,
+  "validation.sequence": `Please choose a password without simple repetitions of characters.`,
+  "validation.sequence.short": `No simple character repetitions`,
+}};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs.map

package/dist/js/_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/_virtual/_.locale.json@a75d4fdc8302dc8cc25be6a7eff37c38.mjs

@@ -250,7 +250,7 @@ const locales = {"de-DE": {  "countries.AD": `Andorra`,
   "countries.ZA": `Südafrika`,
   "countries.ZM": `Sambia`,
   "countries.ZW": `Simbabwe`,
-},"en-EN": {  "countries.AD": `Andorra`,
+},"en-US": {  "countries.AD": `Andorra`,
   "countries.AE": `United Arab Emirates`,
   "countries.AF": `Afghanistan`,
   "countries.AG": `Antigua and Barbuda`,

package/dist/js/_virtual/_.locale.json@c33938a00f4bfb40e033ada6b54e38f9.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "fileCard.delete": `Entfernen`,
-},"en-EN": {  "fileCard.delete": `delete`,
+},"en-US": {  "fileCard.delete": `delete`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@d7a4ca29c343fa700bb5aa84d322958b.mjs

@@ -2,7 +2,7 @@
 /* */
 const locales = {"de-DE": {  "link.download": `Download`,
   "link.external": `Externer Link`,
-},"en-EN": {  "link.download": `Download`,
+},"en-US": {  "link.download": `Download`,
   "link.external": `External link`,
 }};
 

package/dist/js/_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "contextualHelpButton.moreInformation": `Weitere Informationen`,
-},"en-EN": {  "contextualHelpButton.moreInformation": `More information`,
+},"en-US": {  "contextualHelpButton.moreInformation": `More information`,
 }};
 
 export { locales as default };

package/dist/js/_virtual/_.locale.json@e940efc6da10fdf09417eb079b65a343.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 const locales = {"de-DE": {  "searchField.search": `Suche`,
-},"en-EN": {  "searchField.search": `Search`,
+},"en-US": {  "searchField.search": `Search`,
 }};
 
 export { locales as default };

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

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './AccentBox.module.scss.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import 'react';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+
+const AccentBox = flowComponent("AccentBox", (props) => {
+  const { color = "blue", children, elementType = "div", className } = props;
+  const rootClassName = clsx(styles.accentBox, className, styles[color]);
+  const Element = elementType;
+  const contentColor = color === "green" ? "dark" : void 0;
+  const propsContext = {
+    Link: {
+      color: contentColor
+    },
+    Text: { color: contentColor },
+    Heading: { color: contentColor }
+  };
+  return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Element, { className: rootClassName, children }) });
+});
+
+export { AccentBox, AccentBox as default };
+//# sourceMappingURL=AccentBox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccentBox.mjs","sources":["../../../../../../src/components/AccentBox/AccentBox.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type {\n  PropsWithClassName,\n  PropsWithElementType,\n} from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AccentBox.module.scss\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AccentBoxProps\n  extends PropsWithChildren,\n    PropsWithElementType<\"div\" | \"section\" | \"article\">,\n    PropsWithClassName,\n    FlowComponentProps {\n  color?: \"blue\" | \"green\" | \"gradient\" | \"neutral\";\n}\n\n/** @flr-generate all */\nexport const AccentBox = flowComponent(\"AccentBox\", (props) => {\n  const { color = \"blue\", children, elementType = \"div\", className } = props;\n\n  const rootClassName = clsx(styles.accentBox, className, styles[color]);\n\n  const Element = elementType;\n\n  const contentColor = color === \"green\" ? \"dark\" : undefined;\n\n  const propsContext: PropsContext = {\n    Link: {\n      color: contentColor,\n    },\n    Text: { color: contentColor },\n    Heading: { color: contentColor },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element className={rootClassName}>{children}</Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default AccentBox;\n"],"names":[],"mappings":";;;;;;;;;AAsBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAA,MAAM,EAAE,KAAQ,GAAA,MAAA,EAAQ,UAAU,WAAc,GAAA,KAAA,EAAO,WAAc,GAAA,KAAA;AAErE,EAAA,MAAM,gBAAgB,IAAK,CAAA,MAAA,CAAO,WAAW,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAErE,EAAA,MAAM,OAAU,GAAA,WAAA;AAEhB,EAAM,MAAA,YAAA,GAAe,KAAU,KAAA,OAAA,GAAU,MAAS,GAAA,MAAA;AAElD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,KACT;AAAA,IACA,IAAA,EAAM,EAAE,KAAA,EAAO,YAAa,EAAA;AAAA,IAC5B,OAAA,EAAS,EAAE,KAAA,EAAO,YAAa;AAAA,GACjC;AAEA,EACE,uBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAC3B,8BAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,aAAgB,EAAA,QAAA,EAAS,CAC/C,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+const accentBox = "flow--accent-box";
+const blue = "flow--accent-box--blue";
+const green = "flow--accent-box--green";
+const gradient = "flow--accent-box--gradient";
+const neutral = "flow--accent-box--neutral";
+const styles = {
+	accentBox: accentBox,
+	blue: blue,
+	green: green,
+	gradient: gradient,
+	neutral: neutral
+};
+
+export { accentBox, blue, styles as default, gradient, green, neutral };
+//# sourceMappingURL=AccentBox.module.scss.mjs.map

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

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

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

@@ -0,0 +1,90 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useId } from 'react';
+import clsx from 'clsx';
+import styles from './Accordion.module.scss.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { Button } from '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import { IconChevronDown } from '../Icon/components/icons/IconChevronDown.mjs';
+import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
+import { Activity } from '../Activity/Activity.mjs';
+
+const Accordion = (props) => {
+  const {
+    children,
+    className,
+    defaultExpanded = false,
+    variant = "default",
+    ...rest
+  } = props;
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  const rootClassName = clsx(
+    styles.accordion,
+    expanded && styles.expanded,
+    className,
+    variant === "outline" && styles.outline
+  );
+  const headerId = useId();
+  const contentId = useId();
+  const headerButton = (children2) => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      tunnelId: null,
+      unstyled: true,
+      "aria-expanded": expanded,
+      className: styles.headerButton,
+      onPress: () => setExpanded((expanded2) => !expanded2),
+      "aria-controls": contentId,
+      children: [
+        children2,
+        /* @__PURE__ */ jsx(IconChevronDown, { className: styles.chevron })
+      ]
+    }
+  );
+  const propsContext = {
+    Content: {
+      className: styles.contentInner,
+      tunnelId: "content"
+    },
+    Heading: {
+      className: styles.header,
+      level: 4,
+      children: dynamic((props2) => headerButton(props2.children))
+    },
+    Label: {
+      className: styles.header,
+      children: dynamic((props2) => headerButton(props2.children))
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      mergeInParentContext: true,
+      props: propsContext,
+      dependencies: [expanded],
+      children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-labelledby": headerId,
+            id: contentId,
+            role: "region",
+            hidden: !expanded,
+            className: styles.content,
+            children: /* @__PURE__ */ jsx(Activity, { isActive: expanded, inactiveDelay: 1e3, children: /* @__PURE__ */ jsx(TunnelExit, { id: "content" }) })
+          }
+        )
+      ] })
+    }
+  ) });
+};
+
+export { Accordion, Accordion as default };
+//# sourceMappingURL=Accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ComponentProps, FC, PropsWithChildren, ReactNode } from \"react\";\nimport { useId, useState } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Accordion.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { Activity } from \"@/components/Activity\";\n\nexport interface AccordionProps\n  extends PropsWithChildren<ComponentProps<\"div\">> {\n  /** Whether the accordion should be initially expanded. */\n  defaultExpanded?: boolean;\n  /** The visual variant of the accordion. @default \"default\" */\n  variant?: \"default\" | \"outline\";\n}\n\n/** @flr-generate all */\nexport const Accordion: FC<AccordionProps> = (props) => {\n  const {\n    children,\n    className,\n    defaultExpanded = false,\n    variant = \"default\",\n    ...rest\n  } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  const rootClassName = clsx(\n    styles.accordion,\n    expanded && styles.expanded,\n    className,\n    variant === \"outline\" && styles.outline,\n  );\n\n  const headerId = useId();\n  const contentId = useId();\n\n  const headerButton = (children: ReactNode) => (\n    <Button\n      tunnelId={null}\n      unstyled\n      aria-expanded={expanded}\n      className={styles.headerButton}\n      onPress={() => setExpanded((expanded) => !expanded)}\n      aria-controls={contentId}\n    >\n      {children}\n      <IconChevronDown className={styles.chevron} />\n    </Button>\n  );\n\n  const propsContext: PropsContext = {\n    Content: {\n      className: styles.contentInner,\n      tunnelId: \"content\",\n    },\n    Heading: {\n      className: styles.header,\n      level: 4,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n    Label: {\n      className: styles.header,\n      children: dynamic((props) => headerButton(props.children)),\n    },\n  };\n\n  return (\n    <div {...rest} className={rootClassName}>\n      <PropsContextProvider\n        mergeInParentContext\n        props={propsContext}\n        dependencies={[expanded]}\n      >\n        <TunnelProvider>\n          {children}\n          <div\n            aria-labelledby={headerId}\n            id={contentId}\n            role=\"region\"\n            hidden={!expanded}\n            className={styles.content}\n          >\n            <Activity isActive={expanded} inactiveDelay={1000}>\n              <TunnelExit id=\"content\" />\n            </Activity>\n          </div>\n        </TunnelProvider>\n      </PropsContextProvider>\n    </div>\n  );\n};\n\nexport default Accordion;\n"],"names":["children","expanded","props"],"mappings":";;;;;;;;;;;;;;;AAoBa,MAAA,SAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAkB,GAAA,KAAA;AAAA,IAClB,OAAU,GAAA,SAAA;AAAA,IACV,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,eAAe,CAAA;AAExD,EAAA,MAAM,aAAgB,GAAA,IAAA;AAAA,IACpB,MAAO,CAAA,SAAA;AAAA,IACP,YAAY,MAAO,CAAA,QAAA;AAAA,IACnB,SAAA;AAAA,IACA,OAAA,KAAY,aAAa,MAAO,CAAA;AAAA,GAClC;AAEA,EAAA,MAAM,WAAW,KAAM,EAAA;AACvB,EAAA,MAAM,YAAY,KAAM,EAAA;AAExB,EAAM,MAAA,YAAA,GAAe,CAACA,SACpB,qBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,IAAA;AAAA,MACV,QAAQ,EAAA,IAAA;AAAA,MACR,eAAe,EAAA,QAAA;AAAA,MACf,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,SAAS,MAAM,WAAA,CAAY,CAACC,SAAAA,KAAa,CAACA,SAAQ,CAAA;AAAA,MAClD,eAAe,EAAA,SAAA;AAAA,MAEd,QAAA,EAAA;AAAA,QAAAD,SAAAA;AAAA,wBACA,GAAA,CAAA,eAAA,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,OAAS,EAAA;AAAA;AAAA;AAAA,GAC9C;AAGF,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,YAAA;AAAA,MAClB,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,KAAO,EAAA,CAAA;AAAA,MACP,UAAU,OAAQ,CAAA,CAACE,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA,KAC3D;AAAA,IACA,KAAO,EAAA;AAAA,MACL,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,UAAU,OAAQ,CAAA,CAACA,WAAU,YAAaA,CAAAA,MAAAA,CAAM,QAAQ,CAAC;AAAA;AAC3D,GACF;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,WAAW,aACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,EAAA,IAAA;AAAA,MACpB,KAAO,EAAA,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,MAEvB,+BAAC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,iBAAiB,EAAA,QAAA;AAAA,YACjB,EAAI,EAAA,SAAA;AAAA,YACJ,IAAK,EAAA,QAAA;AAAA,YACL,QAAQ,CAAC,QAAA;AAAA,YACT,WAAW,MAAO,CAAA,OAAA;AAAA,YAElB,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,QAAU,EAAA,aAAA,EAAe,KAC3C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,SAAA,EAAU,CAC3B,EAAA;AAAA;AAAA;AACF,OACF,EAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,82 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { ActionModel } from './models/ActionModel.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import 'react';
+import '../../lib/viewComponentContext/viewComponentContext.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { ActionContextProvider } from './context.mjs';
+import { useActionStateContext } from './models/ActionStateContext.mjs';
+import { useConfirmationModalButtonSlot } from './hooks/useConfirmationModalButtonSlot.mjs';
+import { useActionButtonState } from './hooks/useActionButtonState.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const actionButtonContext = {
+  onPress: dynamic((props) => {
+    const action = ActionModel.use();
+    const confirmAction = ActionModel.useConfirmationAction();
+    const isConfirmationButton = useConfirmationModalButtonSlot(props) === "primary";
+    const isAbortButton = useConfirmationModalButtonSlot(props) === "abort";
+    if (isAbortButton) {
+      return action.confirmationModalController.close;
+    }
+    return isConfirmationButton ? confirmAction.execute : action.execute;
+  }),
+  isPending: dynamic((props) => {
+    const actionState = useActionButtonState(props);
+    return props.isPending ?? actionState === "isPending";
+  }),
+  isSucceeded: dynamic((props) => {
+    const actionState = useActionButtonState(props);
+    return props.isSucceeded ?? actionState === "isSucceeded";
+  }),
+  isFailed: dynamic((props) => {
+    const actionState = useActionButtonState(props);
+    return props.isFailed ?? actionState === "isFailed";
+  }),
+  "aria-disabled": dynamic((props) => {
+    const state = useActionButtonState(props);
+    const someActionInContextIsBusy = useActionStateContext().useIsBusy();
+    return props["aria-disabled"] ?? (state === "isExecuting" || someActionInContextIsBusy);
+  })
+};
+const Action = flowComponent("Action", (props) => {
+  const { children, actionModel: actionModelFromProps, ...actionProps } = props;
+  const newActionModel = ActionModel.useNew(actionProps);
+  const actionModel = actionModelFromProps ?? newActionModel;
+  const propsContext = {
+    Button: actionButtonContext,
+    Link: {
+      onPress: dynamic(() => ActionModel.use().execute)
+    },
+    MenuItem: {
+      onAction: dynamic(() => ActionModel.use().execute)
+    },
+    Modal: {
+      slot: dynamic((props2) => {
+        const { slot } = props2;
+        const action = ActionModel.use();
+        action.needsConfirmation = slot === "actionConfirm";
+        return slot;
+      }),
+      isDismissable: dynamic((props2) => {
+        const action = ActionModel.use();
+        const actionState = action.state.useValue();
+        return actionState === "isExecuting" || actionState === "isPending" ? false : props2.isDismissable;
+      }),
+      controller: dynamic(() => {
+        const action = ActionModel.use();
+        return action.needsConfirmation ? action.confirmationModalController : action.getOverlayController("Modal");
+      }),
+      ActionGroup: {
+        Button: actionButtonContext
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(ActionContextProvider, { value: actionModel, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) });
+});
+
+export { Action, Action as default };
+//# sourceMappingURL=Action.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Action.mjs","sources":["../../../../../../src/components/Action/Action.tsx"],"sourcesContent":["import { ActionModel as ActionModel } from \"@/components/Action/models/ActionModel\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { ActionContextProvider } from \"@/components/Action/context\";\nimport { useActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\nimport { useActionButtonState } from \"@/components/Action/hooks/useActionButtonState\";\nimport type { ComponentPropsContext } from \"@/lib/propsContext/types\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nconst actionButtonContext: ComponentPropsContext<\"Button\"> = {\n  onPress: dynamic((props) => {\n    const action = ActionModel.use();\n    const confirmAction = ActionModel.useConfirmationAction();\n    const isConfirmationButton =\n      useConfirmationModalButtonSlot(props) === \"primary\";\n    const isAbortButton = useConfirmationModalButtonSlot(props) === \"abort\";\n    if (isAbortButton) {\n      return action.confirmationModalController.close;\n    }\n    return isConfirmationButton ? confirmAction.execute : action.execute;\n  }),\n\n  isPending: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isPending ?? actionState === \"isPending\";\n  }),\n\n  isSucceeded: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isSucceeded ?? actionState === \"isSucceeded\";\n  }),\n\n  isFailed: dynamic((props) => {\n    const actionState = useActionButtonState(props);\n    return props.isFailed ?? actionState === \"isFailed\";\n  }),\n\n  \"aria-disabled\": dynamic((props) => {\n    const state = useActionButtonState(props);\n    const someActionInContextIsBusy = useActionStateContext().useIsBusy();\n    return (\n      props[\"aria-disabled\"] ??\n      (state === \"isExecuting\" || someActionInContextIsBusy)\n    );\n  }),\n};\n\nexport const Action = flowComponent(\"Action\", (props) => {\n  const { children, actionModel: actionModelFromProps, ...actionProps } = props;\n  const newActionModel = ActionModel.useNew(actionProps);\n  const actionModel = actionModelFromProps ?? newActionModel;\n\n  const propsContext: PropsContext = {\n    Button: actionButtonContext,\n\n    Link: {\n      onPress: dynamic(() => ActionModel.use().execute),\n    },\n\n    MenuItem: {\n      onAction: dynamic(() => ActionModel.use().execute),\n    },\n\n    Modal: {\n      slot: dynamic((props) => {\n        const { slot } = props;\n        const action = ActionModel.use();\n        action.needsConfirmation = slot === \"actionConfirm\";\n        return slot;\n      }),\n      isDismissable: dynamic((props) => {\n        const action = ActionModel.use();\n        const actionState = action.state.useValue();\n        return actionState === \"isExecuting\" || actionState === \"isPending\"\n          ? false\n          : props.isDismissable;\n      }),\n      controller: dynamic(() => {\n        const action = ActionModel.use();\n        return action.needsConfirmation\n          ? action.confirmationModalController\n          : action.getOverlayController(\"Modal\");\n      }),\n      ActionGroup: {\n        Button: actionButtonContext,\n      },\n    },\n  };\n\n  return (\n    <ActionContextProvider value={actionModel}>\n      <PropsContextProvider props={propsContext} mergeInParentContext>\n        {children}\n      </PropsContextProvider>\n    </ActionContextProvider>\n  );\n});\n\nexport default Action;\n"],"names":["props"],"mappings":"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"}

package/dist/js/components/src/components/Action/ActionStateContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../../../src/components/Action/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { useEffect } from \"react\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport Action from \"@/components/Action/index\";\n\ninterface Props extends PropsWithChildren {\n  isStarted?: boolean;\n  hasSucceeded?: boolean;\n  hasFailedWithError?: unknown;\n}\n\nexport const ActionStateContext: FC<Props> = (props) => {\n  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;\n  const action = ActionModel.useNew({});\n\n  useEffect(() => {\n    if (hasSucceeded) {\n      void action.state.onSucceeded();\n    } else if (hasFailedWithError) {\n      void action.state.onFailed(hasFailedWithError);\n    } else if (isStarted) {\n      void action.state.onAsyncStart();\n    }\n  }, [isStarted, hasFailedWithError, hasSucceeded]);\n\n  return <Action actionModel={action}>{children}</Action>;\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAoB,EAAA,YAAA,EAAc,UAAa,GAAA,KAAA;AAClE,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAAA,eACrB,kBAAoB,EAAA;AAC7B,MAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA,eACpC,SAAW,EAAA;AACpB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAAA;AACjC,GACC,EAAA,CAAC,SAAW,EAAA,kBAAA,EAAoB,YAAY,CAAC,CAAA;AAEhD,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAO,WAAa,EAAA,MAAA,EAAS,QAAS,EAAA,CAAA;AAChD;;;;"}

package/dist/js/components/src/components/Action/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../src/components/Action/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ActionModel } from \"@/components/Action/models/ActionModel\";\n\nexport const actionContext = createContext<ActionModel | undefined>(undefined);\nexport const ActionContextProvider = actionContext.Provider;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,cAAuC,MAAS;AACtE,MAAM,wBAAwB,aAAc,CAAA;;;;"}

package/dist/js/components/src/components/Action/hooks/useActionButtonState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionButtonState.mjs","sources":["../../../../../../../src/components/Action/hooks/useActionButtonState.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport type { ActionStateValue } from \"@/components/Action/models/ActionState\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useConfirmationModalButtonSlot } from \"@/components/Action/hooks/useConfirmationModalButtonSlot\";\n\nexport const useActionButtonState = (props: ButtonProps): ActionStateValue => {\n  const action = ActionModel.use();\n  const state = action.state.useValue();\n  const isConfirmationButton =\n    useConfirmationModalButtonSlot(props) === \"primary\";\n  const confirmationModalIsOpen =\n    action.confirmationModalController.useIsOpen();\n\n  if (\n    action.needsConfirmation &&\n    confirmationModalIsOpen &&\n    !isConfirmationButton\n  ) {\n    return \"isIdle\";\n  }\n\n  return state;\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,oBAAA,GAAuB,CAAC,KAAyC,KAAA;AAC5E,EAAM,MAAA,MAAA,GAAS,YAAY,GAAI,EAAA;AAC/B,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,KAAA,CAAM,QAAS,EAAA;AACpC,EAAM,MAAA,oBAAA,GACJ,8BAA+B,CAAA,KAAK,CAAM,KAAA,SAAA;AAC5C,EAAM,MAAA,uBAAA,GACJ,MAAO,CAAA,2BAAA,CAA4B,SAAU,EAAA;AAE/C,EAAA,IACE,MAAO,CAAA,iBAAA,IACP,uBACA,IAAA,CAAC,oBACD,EAAA;AACA,IAAO,OAAA,QAAA;AAAA;AAGT,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/js/components/src/components/Action/hooks/useConfirmationModalButtonSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModalButtonSlot.mjs","sources":["../../../../../../../src/components/Action/hooks/useConfirmationModalButtonSlot.ts"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\nimport useContextSlot from \"@/lib/slotContext/useContextSlot\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport const useConfirmationModalButtonSlot = (\n  props: ButtonProps,\n): string | undefined => {\n  const inConfirmationModal = useContextSlot(\"Modal\") === \"actionConfirm\";\n  return inConfirmationModal ? getActionGroupSlot(props) : undefined;\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,8BAAA,GAAiC,CAC5C,KACuB,KAAA;AACvB,EAAM,MAAA,mBAAA,GAAsB,cAAe,CAAA,OAAO,CAAM,KAAA,eAAA;AACxD,EAAO,OAAA,mBAAA,GAAsB,kBAAmB,CAAA,KAAK,CAAI,GAAA,MAAA;AAC3D;;;;"}

package/dist/js/components/src/components/Action/lib/ariaLive.mjs

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@8b26c19d587a90f821a2307c8122f6d1.mjs';
+import { useEffect } from 'react';
+import { useLiveRegion } from '@chakra-ui/live-region';
+
+const useAriaAnnounceActionState = (actionState, options = {}) => {
+  const formater = useLocalizedStringFormatter(locales);
+  const {
+    isPendingText = formater.format("action.isPending"),
+    isSucceededText = formater.format("action.isSucceeded"),
+    isFailedText = formater.format("action.isFailed")
+  } = options;
+  const liveRegion = useLiveRegion({
+    "aria-live": "polite",
+    "aria-atomic": false,
+    "aria-relevant": "text additions",
+    role: "status"
+  });
+  useEffect(() => {
+    if (actionState === "isPending") {
+      liveRegion.speak(isPendingText);
+    } else if (actionState === "isSucceeded") {
+      liveRegion.speak(isSucceededText);
+    } else if (actionState === "isFailed") {
+      liveRegion.speak(isFailedText);
+    }
+  }, [actionState]);
+};
+
+export { useAriaAnnounceActionState };
+//# sourceMappingURL=ariaLive.mjs.map