@mittwald/flow-react-components 1.6.0-next.5 → 1.6.0-next.51

package/dist/js/packages/components/src/components/Icon/components/icons/IconUnorderedList.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconUnorderedList } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconUnorderedList.tsx
+// src/components/Icon/components/icons/IconUnorderedList.tsx
 var IconUnorderedList$1 = (props) => {
 	const Icon = useContextIcon("UnorderedList") ?? IconUnorderedList;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconUnorderedList$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconUnorderedList$1 as IconUnorderedList, IconUnorderedList$1 as default };
 
 //# sourceMappingURL=IconUnorderedList.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconUpload.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconUpload } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconUpload.tsx
+// src/components/Icon/components/icons/IconUpload.tsx
 var IconUpload$1 = (props) => {
 	const Icon = useContextIcon("Upload") ?? IconUpload;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconUpload$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconUpload$1 as IconUpload, IconUpload$1 as default };
 
 //# sourceMappingURL=IconUpload.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconUser.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconUser } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconUser.tsx
+// src/components/Icon/components/icons/IconUser.tsx
 var IconUser$1 = (props) => {
 	const Icon = useContextIcon("User") ?? IconUser;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconUser$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconUser$1 as IconUser, IconUser$1 as default };
 
 //# sourceMappingURL=IconUser.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconVhost.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconVhost } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconVhost.tsx
+// src/components/Icon/components/icons/IconVhost.tsx
 var IconVhost$1 = (props) => {
 	const Icon = useContextIcon("Vhost") ?? IconVhost;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconVhost$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconVhost$1 as IconVhost, IconVhost$1 as default };
 
 //# sourceMappingURL=IconVhost.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconView.mjs

@@ -5,7 +5,7 @@ import IconView$2 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconView } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconView.tsx
+// src/components/Icon/components/icons/IconView.tsx
 var IconView$1 = (props) => {
 	const Icon = useContextIcon("View") ?? IconView;
 	return /* @__PURE__ */ jsx(IconView$2, {
@@ -13,7 +13,6 @@ var IconView$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconView$1 as IconView, IconView$1 as default };
 
 //# sourceMappingURL=IconView.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconVolume.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconVolume } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconVolume.tsx
+// src/components/Icon/components/icons/IconVolume.tsx
 var IconVolume$1 = (props) => {
 	const Icon = useContextIcon("Volume") ?? IconVolume;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconVolume$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconVolume$1 as IconVolume, IconVolume$1 as default };
 
 //# sourceMappingURL=IconVolume.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconWarning.mjs

@@ -5,7 +5,7 @@ import IconView$1 from "../../../../views/IconView.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { IconWarning } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconWarning.tsx
+// src/components/Icon/components/icons/IconWarning.tsx
 var IconWarning$1 = (props) => {
 	const Icon = useContextIcon("Warning") ?? IconWarning;
 	return /* @__PURE__ */ jsx(IconView$1, {
@@ -13,7 +13,6 @@ var IconWarning$1 = (props) => {
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});
 };
-//#endregion
 export { IconWarning$1 as IconWarning, IconWarning$1 as default };
 
 //# sourceMappingURL=IconWarning.mjs.map

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

@@ -2,11 +2,12 @@
 /* */
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { SectionHeadingReset } from "../Section/context.mjs";
 import { isAlphaColor } from "../../lib/types/props.mjs";
 import IllustratedMessage_module_default from "./IllustratedMessage.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/IllustratedMessage/IllustratedMessage.tsx
+// src/components/IllustratedMessage/IllustratedMessage.tsx
 /** @flr-generate all */
 var IllustratedMessage = flowComponent("IllustratedMessage", (props) => {
 	const { className, children, color = "default", ...rest } = props;
@@ -35,13 +36,12 @@ var IllustratedMessage = flowComponent("IllustratedMessage", (props) => {
 	return /* @__PURE__ */ jsx("div", {
 		...rest,
 		className: rootClassName,
-		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+		children: /* @__PURE__ */ jsx(SectionHeadingReset, { children: /* @__PURE__ */ jsx(PropsContextProvider, {
 			props: propsContext,
 			children
-		})
+		}) })
 	});
 });
-//#endregion
 export { IllustratedMessage, IllustratedMessage as default };
 
 //# sourceMappingURL=IllustratedMessage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.mjs","names":["styles"],"sources":["../../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">>, FlowComponentProps {\n  /** The color of the illustrated message. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage = flowComponent(\n  \"IllustratedMessage\",\n  (props) => {\n    const { className, children, color = \"default\", ...rest } = props;\n\n    const rootClassName = clsx(\n      styles.illustratedMessage,\n      color !== \"default\" && styles[color],\n      className,\n    );\n\n    const alphaColor = isAlphaColor(color) ? color : undefined;\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"l\",\n      },\n      Heading: {\n        className: styles.heading,\n        color,\n      },\n      Text: {\n        className: styles.text,\n        color: alphaColor,\n      },\n      Button: {\n        color: alphaColor,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        className: styles.actionGroup,\n      },\n      ProgressBar: { className: styles.progressBar },\n    };\n\n    return (\n      <div {...rest} className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </div>\n    );\n  },\n);\n\nexport default IllustratedMessage;\n"],"mappings":";;;;;;;;;;AAkBA,IAAa,qBAAqB,cAChC,uBACC,UAAU;CACT,MAAM,EAAE,WAAW,UAAU,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,KACpBA,kCAAO,oBACP,UAAU,aAAaA,kCAAO,QAC9B,SACF;CAEA,MAAM,aAAa,aAAa,KAAK,IAAI,QAAQ,KAAA;CAEjD,MAAM,eAA6B;EACjC,MAAM;GACJ,WAAWA,kCAAO;GAClB,MAAM;EACR;EACA,SAAS;GACP,WAAWA,kCAAO;GAClB;EACF;EACA,MAAM;GACJ,WAAWA,kCAAO;GAClB,OAAO;EACT;EACA,QAAQ,EACN,OAAO,WACT;EACA,aAAa;GACX,eAAe;GACf,WAAWA,kCAAO;EACpB;EACA,aAAa,EAAE,WAAWA,kCAAO,YAAY;CAC/C;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAM,WAAW;EACxB,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACnB,CAAA;AAET,CACF"}
+{"version":3,"file":"IllustratedMessage.mjs","names":["styles"],"sources":["../../../../../../../src/components/IllustratedMessage/IllustratedMessage.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./IllustratedMessage.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { type AlphaColor, isAlphaColor } from \"@/lib/types/props\";\nimport { SectionHeadingReset } from \"@/components/Section/context\";\n\nexport interface IllustratedMessageProps\n  extends PropsWithChildren<ComponentProps<\"div\">>, FlowComponentProps {\n  /** The color of the illustrated message. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n}\n\n/** @flr-generate all */\nexport const IllustratedMessage = flowComponent(\n  \"IllustratedMessage\",\n  (props) => {\n    const { className, children, color = \"default\", ...rest } = props;\n\n    const rootClassName = clsx(\n      styles.illustratedMessage,\n      color !== \"default\" && styles[color],\n      className,\n    );\n\n    const alphaColor = isAlphaColor(color) ? color : undefined;\n\n    const propsContext: PropsContext = {\n      Icon: {\n        className: styles.icon,\n        size: \"l\",\n      },\n      Heading: {\n        className: styles.heading,\n        color,\n      },\n      Text: {\n        className: styles.text,\n        color: alphaColor,\n      },\n      Button: {\n        color: alphaColor,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        className: styles.actionGroup,\n      },\n      ProgressBar: { className: styles.progressBar },\n    };\n\n    return (\n      <div {...rest} className={rootClassName}>\n        <SectionHeadingReset>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </SectionHeadingReset>\n      </div>\n    );\n  },\n);\n\nexport default IllustratedMessage;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,qBAAqB,cAChC,uBACC,UAAU;CACT,MAAM,EAAE,WAAW,UAAU,QAAQ,WAAW,GAAG,SAAS;CAE5D,MAAM,gBAAgB,KACpBA,kCAAO,oBACP,UAAU,aAAaA,kCAAO,QAC9B,SACF;CAEA,MAAM,aAAa,aAAa,KAAK,IAAI,QAAQ,KAAA;CAEjD,MAAM,eAA6B;EACjC,MAAM;GACJ,WAAWA,kCAAO;GAClB,MAAM;EACR;EACA,SAAS;GACP,WAAWA,kCAAO;GAClB;EACF;EACA,MAAM;GACJ,WAAWA,kCAAO;GAClB,OAAO;EACT;EACA,QAAQ,EACN,OAAO,WACT;EACA,aAAa;GACX,eAAe;GACf,WAAWA,kCAAO;EACpB;EACA,aAAa,EAAE,WAAWA,kCAAO,YAAY;CAC/C;CAEA,OACE,oBAAC,OAAD;EAAK,GAAI;EAAM,WAAW;EACxB,UAAA,oBAAC,qBAAD,EAAA,UACE,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA,EACH,CAAA;CAClB,CAAA;AAET,CACF"}

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/IllustratedMessage/IllustratedMessage.module.scss
+// src/components/IllustratedMessage/IllustratedMessage.module.scss
 var illustratedMessage = "flow--illustrated-message";
 var icon = "flow--illustrated-message--icon";
 var text = "flow--illustrated-message--text";
@@ -25,7 +25,6 @@ var IllustratedMessage_module_default = {
 	"dark-static": "flow--illustrated-message--dark-static",
 	"light-static": "flow--illustrated-message--light-static"
 };
-//#endregion
 export { actionGroup, danger, dark, IllustratedMessage_module_default as default, heading, icon, illustratedMessage, light, progressBar, text, unavailable };
 
 //# sourceMappingURL=IllustratedMessage.module.mjs.map

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

@@ -5,7 +5,7 @@ import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import Image_module_default from "./Image.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Image/Image.tsx
+// src/components/Image/Image.tsx
 /** Aspect ratio of an image skeleton without `aspectRatio`. */
 var skeletonAspectRatio = 16 / 9;
 /** The `width`/`height` attribute as a CSS length — `"200"` means 200px. */
@@ -44,7 +44,6 @@ var Image = flowComponent("Image", (props) => {
 		...rest
 	});
 });
-//#endregion
 export { Image, Image as default };
 
 //# sourceMappingURL=Image.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Image/Image.module.scss
+// src/components/Image/Image.module.scss
 var image = "flow--image";
 var border = "flow--image--border";
 var roundedCorners = "flow--image--rounded-corners";
@@ -15,7 +15,6 @@ var Image_module_default = {
 	"skeleton-surface-shimmer": "flow--image--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--image--skeleton-text-shimmer"
 };
-//#endregion
 export { aspectRatio, border, Image_module_default as default, image, roundedCorners, skeleton };
 
 //# sourceMappingURL=Image.module.mjs.map

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

@@ -15,7 +15,7 @@ import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Cropper from "react-easy-crop";
 import { useDebouncedCallback } from "use-debounce";
-//#region src/components/ImageCropper/ImageCropper.tsx
+// src/components/ImageCropper/ImageCropper.tsx
 /**
 * @flr-generate all
 * @flowStatus new
@@ -104,7 +104,6 @@ var ImageCropper = (props) => {
 		})] })
 	});
 };
-//#endregion
 export { ImageCropper, ImageCropper as default };
 
 //# sourceMappingURL=ImageCropper.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/ImageCropper/ImageCropper.module.scss
+// src/components/ImageCropper/ImageCropper.module.scss
 var imageCropper = "flow--image-cropper";
 var cropperContainer = "flow--image-cropper--cropper-container";
 var errorViewContainer = "flow--image-cropper--error-view-container";
@@ -13,7 +13,6 @@ var ImageCropper_module_default = {
 	"skeleton-surface-shimmer": "flow--image-cropper--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--image-cropper--skeleton-text-shimmer"
 };
-//#endregion
 export { cropperContainer, ImageCropper_module_default as default, errorViewContainer, imageCropper, skeleton };
 
 //# sourceMappingURL=ImageCropper.module.mjs.map

package/dist/js/packages/components/src/components/ImageCropper/lib/getCroppedImageFile.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/ImageCropper/lib/getCroppedImageFile.ts
+// src/components/ImageCropper/lib/getCroppedImageFile.ts
 function getCroppedImageFile(imageSrc, sourceImage, pixelCrop) {
 	return new Promise((resolve, reject) => {
 		const image = new Image();
@@ -40,7 +40,6 @@ function getCroppedImageFile(imageSrc, sourceImage, pixelCrop) {
 		};
 	});
 }
-//#endregion
 export { getCroppedImageFile };
 
 //# sourceMappingURL=getCroppedImageFile.mjs.map

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

@@ -9,7 +9,7 @@ import { getColorFromInitials } from "./lib/getColorFromInitials.mjs";
 import clsx from "clsx";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Initials/Initials.tsx
+// src/components/Initials/Initials.tsx
 /** @flr-generate all */
 var Initials = flowComponent("Initials", (props) => {
 	const { children, useDynamicColor = false, className, "aria-hidden": ariaHidden, ref } = props;
@@ -34,7 +34,6 @@ var Initials = flowComponent("Initials", (props) => {
 		children: initialsElements
 	});
 });
-//#endregion
 export { Initials, Initials as default };
 
 //# sourceMappingURL=Initials.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Initials/Initials.module.scss
+// src/components/Initials/Initials.module.scss
 var initials = "flow--initials";
 var skeleton = "flow--initials--skeleton";
 var Initials_module_default = {
@@ -9,7 +9,6 @@ var Initials_module_default = {
 	"skeleton-surface-shimmer": "flow--initials--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--initials--skeleton-text-shimmer"
 };
-//#endregion
 export { Initials_module_default as default, initials, skeleton };
 
 //# sourceMappingURL=Initials.module.mjs.map

package/dist/js/packages/components/src/components/Initials/lib/getColorFromInitials.mjs

@@ -2,13 +2,12 @@
 /* */
 import { avatarColors } from "../../Avatar/avatarColors.mjs";
 import { hash } from "object-code";
-//#region src/components/Initials/lib/getColorFromInitials.ts
+// src/components/Initials/lib/getColorFromInitials.ts
 var getColorFromInitials = (initials) => {
 	const code = hash(initials);
 	const number = Math.abs(code % (avatarColors.length - 1));
 	return avatarColors[number] ?? "blue";
 };
-//#endregion
 export { getColorFromInitials };
 
 //# sourceMappingURL=getColorFromInitials.mjs.map

package/dist/js/packages/components/src/components/Initials/lib/getInitialsFromString.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Initials/lib/getInitialsFromString.ts
+// src/components/Initials/lib/getInitialsFromString.ts
 var getInitialsFromString = (value) => {
 	if (!value.trim()) return [];
 	return value.trim().split(/\s+/).map((part) => {
@@ -8,7 +8,6 @@ var getInitialsFromString = (value) => {
 		return match ? match[0].toUpperCase() : "";
 	}).filter(Boolean).slice(0, 2);
 };
-//#endregion
 export { getInitialsFromString };
 
 //# sourceMappingURL=getInitialsFromString.mjs.map

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

@@ -6,7 +6,7 @@ import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextCont
 import InlineCode_module_default from "./InlineCode.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/InlineCode/InlineCode.tsx
+// src/components/InlineCode/InlineCode.tsx
 /** @flr-generate all */
 var InlineCode = (props) => {
 	const { children, className, color = "default", style: styleFromProps, whiteSpace, ...rest } = props;
@@ -27,7 +27,6 @@ var InlineCode = (props) => {
 		})
 	});
 };
-//#endregion
 export { InlineCode, InlineCode as default };
 
 //# sourceMappingURL=InlineCode.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/InlineCode/InlineCode.module.scss
+// src/components/InlineCode/InlineCode.module.scss
 var inlineCode = "flow--inline-code";
 var dark = "flow--inline-code--dark";
 var light = "flow--inline-code--light";
@@ -11,7 +11,6 @@ var InlineCode_module_default = {
 	"dark-static": "flow--inline-code--dark-static",
 	"light-static": "flow--inline-code--light-static"
 };
-//#endregion
 export { dark, InlineCode_module_default as default, inlineCode, light };
 
 //# sourceMappingURL=InlineCode.module.mjs.map

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

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import { I18nProvider } from "react-aria-components";
-//#region src/components/IntlProvider/IntlProvider.ts
+// src/components/IntlProvider/IntlProvider.ts
 var IntlProvider = I18nProvider;
-//#endregion
 export { IntlProvider };
 
 //# sourceMappingURL=IntlProvider.mjs.map

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

@@ -10,7 +10,7 @@ import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isAppleDevice } from "@react-aria/utils";
 import { useIsSSR } from "react-aria";
-//#region src/components/Kbd/Kbd.tsx
+// src/components/Kbd/Kbd.tsx
 /**
 * @flr-generate all
 * @flowStatus new
@@ -40,7 +40,6 @@ var Kbd = flowComponent("Kbd", (props) => {
 		children: joinedKeys ?? children
 	});
 });
-//#endregion
 export { Kbd, Kbd as default };
 
 //# sourceMappingURL=Kbd.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Kbd/Kbd.module.scss
+// src/components/Kbd/Kbd.module.scss
 var kbd = "flow--kbd";
 var soft = "flow--kbd--soft";
 var plain = "flow--kbd--plain";
@@ -15,7 +15,6 @@ var Kbd_module_default = {
 	"skeleton-surface-shimmer": "flow--kbd--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--kbd--skeleton-text-shimmer"
 };
-//#endregion
 export { Kbd_module_default as default, disabled, kbd, plain, skeleton, soft };
 
 //# sourceMappingURL=Kbd.module.mjs.map

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

@@ -13,7 +13,7 @@ import clsx from "clsx";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/Label/Label.tsx
+// src/components/Label/Label.tsx
 /** @flr-generate all */
 var Label = flowComponent("Label", (props) => {
 	const { children, className, optional, isDisabled, ref, unstyled = false, ...rest } = props;
@@ -39,10 +39,6 @@ var Label = flowComponent("Label", (props) => {
 		Button: {
 			tunnel: rightTunnel,
 			size: "s"
-		},
-		Action: {
-			tunnel: rightTunnel,
-			Button: { tunnel: null }
 		}
 	};
 	return /* @__PURE__ */ jsx(PropsContextProvider, {
@@ -85,7 +81,6 @@ var Label = flowComponent("Label", (props) => {
 		})
 	});
 });
-//#endregion
 export { Label, Label as default };
 
 //# sourceMappingURL=Label.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.mjs","names":["locales","styles"],"sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const [labelProps, labelRef] = Aria.useContextProps(\n    rest,\n    ref,\n    Aria.LabelContext,\n  );\n  const { id, ...rootProps } = labelProps;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const rightTunnel = {\n    id: \"right\",\n    component: \"Label\",\n  } as const;\n\n  const propsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(rightTunnel),\n    // The contextual help sits next to the label text, not with the actions.\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"contextualHelp\",\n        component: \"Label\",\n      },\n    },\n    Button: {\n      tunnel: rightTunnel,\n      size: \"s\",\n    },\n    Action: {\n      tunnel: rightTunnel,\n      Button: {\n        tunnel: null,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {/* The context is already merged into `labelProps` above. */}\n      <Aria.LabelContext.Provider value={null}>\n        <Aria.Label\n          {...rootProps}\n          className={rootClassName}\n          ref={labelRef}\n          inert={isSkeleton || undefined}\n        >\n          {/*\n           * Fields point `aria-labelledby` at the label's id, and the name\n           * computation takes every descendant's name, buttons included. The\n           * id sits on this span so the tunnelled buttons stay out of it.\n           */}\n          <span id={id} className={styles.text}>\n            <SkeletonTextContent defaultWidth=\"6em\">\n              {children}\n              {optional && optionalMarker}\n            </SkeletonTextContent>\n          </span>\n          <UiComponentTunnelExit id=\"contextualHelp\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return children;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n          <UiComponentTunnelExit id=\"right\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return <div className={styles.right}>{children}</div>;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n        </Aria.Label>\n      </Aria.LabelContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,UACA,YACA,KACA,WAAW,OACX,GAAG,SACD;CAEJ,MAAM,CAAC,YAAY,YAAY,KAAK,gBAClC,MACA,KACA,KAAK,YACP;CACA,MAAM,EAAE,IAAI,GAAG,cAAc;CAE7B,MAAM,kBAAkB,4BAA4BA,kBAAS,OAAO;CACpE,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,WAClB,YACA,KAAKC,qBAAO,OAAO,cAAcA,qBAAO,UAAU,SAAS;CAE/D,MAAM,iBACJ,oBAAC,QAAD;EAAM,WAAWA,qBAAO;EACrB,UAAA,gBAAgB,OAAO,UAAU;CAC9B,CAAA;CAGR,MAAM,cAAc;EAClB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,WAAW;EAExC,uBAAuB,EACrB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;GACR,MAAM;EACR;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAE3B,UAAA,oBAAC,KAAK,aAAa,UAAnB;GAA4B,OAAO;GACjC,UAAA,qBAAC,KAAK,OAAN;IACE,GAAI;IACJ,WAAW;IACX,KAAK;IACL,OAAO,cAAc,KAAA;IAJvB,UAAA;KAWE,oBAAC,QAAD;MAAU;MAAI,WAAWA,qBAAO;MAC9B,UAAA,qBAAC,qBAAD;OAAqB,cAAa;OAAlC,UAAA,CACG,UACA,YAAY,cACM;;KACjB,CAAA;KACN,oBAAC,uBAAD;MAAuB,IAAG;MAAiB,WAAU;MACjD,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO;MAIX;KACqB,CAAA;KACvB,oBAAC,uBAAD;MAAuB,IAAG;MAAQ,WAAU;MACxC,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO,oBAAC,OAAD;QAAK,WAAWA,qBAAO;QAAQ;OAAc,CAAA;MAIxD;KACqB,CAAA;IACb;;EACc,CAAA;CACR,CAAA;AAE1B,CAAC"}
+{"version":3,"file":"Label.mjs","names":["locales","styles"],"sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport {\n  overlayTriggersTunneledTo,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const [labelProps, labelRef] = Aria.useContextProps(\n    rest,\n    ref,\n    Aria.LabelContext,\n  );\n  const { id, ...rootProps } = labelProps;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const rightTunnel = {\n    id: \"right\",\n    component: \"Label\",\n  } as const;\n\n  const propsContext: PropsContext = {\n    ...overlayTriggersTunneledTo(rightTunnel),\n    // The contextual help sits next to the label text, not with the actions.\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"contextualHelp\",\n        component: \"Label\",\n      },\n    },\n    Button: {\n      tunnel: rightTunnel,\n      size: \"s\",\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      {/* The context is already merged into `labelProps` above. */}\n      <Aria.LabelContext.Provider value={null}>\n        <Aria.Label\n          {...rootProps}\n          className={rootClassName}\n          ref={labelRef}\n          inert={isSkeleton || undefined}\n        >\n          {/*\n           * Fields point `aria-labelledby` at the label's id, and the name\n           * computation takes every descendant's name, buttons included. The\n           * id sits on this span so the tunnelled buttons stay out of it.\n           */}\n          <span id={id} className={styles.text}>\n            <SkeletonTextContent defaultWidth=\"6em\">\n              {children}\n              {optional && optionalMarker}\n            </SkeletonTextContent>\n          </span>\n          <UiComponentTunnelExit id=\"contextualHelp\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return children;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n          <UiComponentTunnelExit id=\"right\" component=\"Label\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return <div className={styles.right}>{children}</div>;\n              }\n\n              return undefined;\n            }}\n          </UiComponentTunnelExit>\n        </Aria.Label>\n      </Aria.LabelContext.Provider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,UACA,YACA,KACA,WAAW,OACX,GAAG,SACD;CAEJ,MAAM,CAAC,YAAY,YAAY,KAAK,gBAClC,MACA,KACA,KAAK,YACP;CACA,MAAM,EAAE,IAAI,GAAG,cAAc;CAE7B,MAAM,kBAAkB,4BAA4BA,kBAAS,OAAO;CACpE,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,WAClB,YACA,KAAKC,qBAAO,OAAO,cAAcA,qBAAO,UAAU,SAAS;CAE/D,MAAM,iBACJ,oBAAC,QAAD;EAAM,WAAWA,qBAAO;EACrB,UAAA,gBAAgB,OAAO,UAAU;CAC9B,CAAA;CAGR,MAAM,cAAc;EAClB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,WAAW;EAExC,uBAAuB,EACrB,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;GACR,MAAM;EACR;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAE3B,UAAA,oBAAC,KAAK,aAAa,UAAnB;GAA4B,OAAO;GACjC,UAAA,qBAAC,KAAK,OAAN;IACE,GAAI;IACJ,WAAW;IACX,KAAK;IACL,OAAO,cAAc,KAAA;IAJvB,UAAA;KAWE,oBAAC,QAAD;MAAU;MAAI,WAAWA,qBAAO;MAC9B,UAAA,qBAAC,qBAAD;OAAqB,cAAa;OAAlC,UAAA,CACG,UACA,YAAY,cACM;;KACjB,CAAA;KACN,oBAAC,uBAAD;MAAuB,IAAG;MAAiB,WAAU;MACjD,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO;MAIX;KACqB,CAAA;KACvB,oBAAC,uBAAD;MAAuB,IAAG;MAAQ,WAAU;MACxC,WAAA,aAAa;OACb,IAAI,MAAM,SAAS,MAAM,QAAQ,KAAK,GACpC,OAAO,oBAAC,OAAD;QAAK,WAAWA,qBAAO;QAAQ;OAAc,CAAA;MAIxD;KACqB,CAAA;IACb;;EACc,CAAA;CACR,CAAA;AAE1B,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Label/Label.module.scss
+// src/components/Label/Label.module.scss
 var label = "flow--label";
 var disabled = "flow--label--disabled";
 var optional = "flow--label--optional";
@@ -13,7 +13,6 @@ var Label_module_default = {
 	right,
 	text
 };
-//#endregion
 export { Label_module_default as default, disabled, label, optional, right, text };
 
 //# sourceMappingURL=Label.module.mjs.map

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

@@ -5,7 +5,7 @@ import LabeledValue_module_default from "./LabeledValue.module.mjs";
 import clsx from "clsx";
 import { useId } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/LabeledValue/LabeledValue.tsx
+// src/components/LabeledValue/LabeledValue.tsx
 /** @flr-generate all */
 var LabeledValue = (props) => {
 	const { children, className } = props;
@@ -38,7 +38,6 @@ var LabeledValue = (props) => {
 		})
 	});
 };
-//#endregion
 export { LabeledValue, LabeledValue as default };
 
 //# sourceMappingURL=LabeledValue.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/LabeledValue/LabeledValue.module.scss
+// src/components/LabeledValue/LabeledValue.module.scss
 var labeledValue = "flow--labeled-value";
 var button = "flow--labeled-value--button";
 var label = "flow--labeled-value--label";
@@ -9,7 +9,6 @@ var LabeledValue_module_default = {
 	button,
 	label
 };
-//#endregion
 export { button, LabeledValue_module_default as default, label, labeledValue };
 
 //# sourceMappingURL=LabeledValue.module.mjs.map

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

@@ -5,7 +5,7 @@ import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import LayoutCard_module_default from "./LayoutCard.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/LayoutCard/LayoutCard.tsx
+// src/components/LayoutCard/LayoutCard.tsx
 /** @flr-generate all */
 var LayoutCard = flowComponent("LayoutCard", (props) => {
 	const { children, className, elementType = "div", ref, ...rest } = props;
@@ -26,7 +26,6 @@ var LayoutCard = flowComponent("LayoutCard", (props) => {
 		})
 	});
 }, { type: "layout" });
-//#endregion
 export { LayoutCard, LayoutCard as default };
 
 //# sourceMappingURL=LayoutCard.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/LayoutCard/LayoutCard.module.scss
+// src/components/LayoutCard/LayoutCard.module.scss
 var layoutCard = "flow--layout-card";
 var tabNavigation = "flow--layout-card--tab-navigation";
 var alert = "flow--layout-card--alert";
@@ -11,7 +11,6 @@ var LayoutCard_module_default = {
 	alert,
 	accentBox
 };
-//#endregion
 export { accentBox, alert, LayoutCard_module_default as default, layoutCard, tabNavigation };
 
 //# sourceMappingURL=LayoutCard.module.mjs.map

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

@@ -3,7 +3,7 @@
 import Legend_module_default from "./Legend.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Legend/Legend.tsx
+// src/components/Legend/Legend.tsx
 /** @flr-generate all */
 var Legend = (props) => {
 	const { children, className, ...rest } = props;
@@ -14,7 +14,6 @@ var Legend = (props) => {
 		children
 	});
 };
-//#endregion
 export { Legend, Legend as default };
 
 //# sourceMappingURL=Legend.mjs.map

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

@@ -1,9 +1,8 @@
 "use client"
 /* */
-//#region src/components/Legend/Legend.module.scss
+// src/components/Legend/Legend.module.scss
 var legend = "flow--legend";
 var Legend_module_default = { legend };
-//#endregion
 export { Legend_module_default as default, legend };
 
 //# sourceMappingURL=Legend.module.mjs.map

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.mjs

@@ -6,7 +6,7 @@ import { isCategoricalColor } from "../../../../lib/tokens/isCategoricalColor.mj
 import LegendItem_module_default from "./LegendItem.module.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Legend/components/LegendItem/LegendItem.tsx
+// src/components/Legend/components/LegendItem/LegendItem.tsx
 var LegendItem = (props) => {
 	const { children, color: colorFromProps } = props;
 	const isSkeleton = useSkeletonMode();
@@ -20,7 +20,6 @@ var LegendItem = (props) => {
 		}), /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("small", { children }) })]
 	});
 };
-//#endregion
 export { LegendItem, LegendItem as default };
 
 //# sourceMappingURL=LegendItem.mjs.map

package/dist/js/packages/components/src/components/Legend/components/LegendItem/LegendItem.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Legend/components/LegendItem/LegendItem.module.scss
+// src/components/Legend/components/LegendItem/LegendItem.module.scss
 var legendItem = "flow--legend--legend-item";
 var colorSquare = "flow--legend--legend-item--color-square";
 var skeleton = "flow--legend--legend-item--skeleton";
@@ -11,7 +11,6 @@ var LegendItem_module_default = {
 	"skeleton-surface-shimmer": "flow--legend--legend-item--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--legend--legend-item--skeleton-text-shimmer"
 };
-//#endregion
 export { colorSquare, LegendItem_module_default as default, legendItem, skeleton };
 
 //# sourceMappingURL=LegendItem.module.mjs.map