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

package/dist/js/packages/components/src/components/FileField/components/FileInput.mjs

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useObjectRef } from "@react-aria/utils";
 import { useVisuallyHidden } from "react-aria";
 import * as Aria from "react-aria-components";
-//#region src/components/FileField/components/FileInput.tsx
+// src/components/FileField/components/FileInput.tsx
 /** @internal */
 var FileInput = (props) => {
 	const { children, isDisabled, onChange, isReadOnly, ref, ...restInputProps } = props;
@@ -45,7 +45,6 @@ var FileInput = (props) => {
 		})]
 	});
 };
-//#endregion
 export { FileInput };
 
 //# sourceMappingURL=FileInput.mjs.map

package/dist/js/packages/components/src/components/FileField/components/FileInput.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/FileField/components/FileInput.module.scss
+// src/components/FileField/components/FileInput.module.scss
 var trigger = "flow--file-field--trigger";
 var fieldDescription = "flow--file-field--field-description";
 var FileInput_module_default = {
@@ -9,7 +9,6 @@ var FileInput_module_default = {
 	"skeleton-surface-shimmer": "flow--file-field--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--file-field--skeleton-text-shimmer"
 };
-//#endregion
 export { FileInput_module_default as default, fieldDescription, trigger };
 
 //# sourceMappingURL=FileInput.module.mjs.map

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

@@ -3,7 +3,7 @@
 import Flex_module_default from "./Flex.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Flex/Flex.tsx
+// src/components/Flex/Flex.tsx
 var sizeVariable = (size) => size && `var(--size-px--${size})`;
 /** @flr-generate all */
 var Flex = (props) => {
@@ -34,7 +34,6 @@ var Flex = (props) => {
 		children
 	});
 };
-//#endregion
 export { Flex, Flex as default };
 
 //# sourceMappingURL=Flex.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Flex/Flex.module.scss
+// src/components/Flex/Flex.module.scss
 var flex = "flow--flex";
 var align = "flow--flex--align";
 var justify = "flow--flex--justify";
@@ -17,7 +17,6 @@ var Flex_module_default = {
 	"padding-left": "flow--flex--padding-left",
 	"padding-right": "flow--flex--padding-right"
 };
-//#endregion
 export { align, Flex_module_default as default, flex, grow, justify };
 
 //# sourceMappingURL=Flex.module.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/FormField/FormField.module.scss
+// src/components/FormField/FormField.module.scss
 var formField = "flow--form-field";
 var label = "flow--form-field--label";
 var fieldError = "flow--form-field--field-error";
@@ -13,7 +13,6 @@ var FormField_module_default = {
 	customFieldError,
 	fieldDescription
 };
-//#endregion
 export { customFieldError, FormField_module_default as default, fieldDescription, fieldError, formField, label };
 
 //# sourceMappingURL=FormField.module.mjs.map

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

@@ -3,7 +3,7 @@
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { SectionHeader } from "../Section/components/SectionHeader/SectionHeader.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Header/Header.tsx
+// src/components/Header/Header.tsx
 /** @flr-generate all */
 var Header = flowComponent("Header", (props) => {
 	const { children, ref, elementType = "header", renderSectionHeader, className, ...rest } = props;
@@ -19,7 +19,6 @@ var Header = flowComponent("Header", (props) => {
 		children
 	});
 }, { type: "layout" });
-//#endregion
 export { Header, Header as default };
 
 //# sourceMappingURL=Header.mjs.map

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

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

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/HeaderNavigation/HeaderNavigation.module.scss
+// src/components/HeaderNavigation/HeaderNavigation.module.scss
 var headerNavigation = "flow--header-navigation";
 var list = "flow--header-navigation--list";
 var item = "flow--header-navigation--item";
@@ -19,7 +19,6 @@ var HeaderNavigation_module_default = {
 	"dark-static": "flow--header-navigation--dark-static",
 	"light-static": "flow--header-navigation--light-static"
 };
-//#endregion
 export { button, dark, HeaderNavigation_module_default as default, headerNavigation, item, light, link, list };
 
 //# sourceMappingURL=HeaderNavigation.module.mjs.map

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

@@ -2,6 +2,7 @@
 /* */
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useRegisterSectionHeading } from "../Section/context.mjs";
 import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
 import { styleClassname } from "../../lib/scss/selectors.mjs";
@@ -11,7 +12,7 @@ import clsx from "clsx";
 import { Children } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/Heading/Heading.tsx
+// src/components/Heading/Heading.tsx
 /**
 * The font size each heading level renders at — the TypeScript half of the
 * level-based `--font-size` rules in Heading.module.scss. Levels 4 to 6 fall
@@ -25,6 +26,7 @@ var sizeByLevel = {
 /** @flr-generate all */
 var Heading = flowComponent("Heading", (props) => {
 	const { children, className, level = 2, color = "default", wrap, size, ref, elementType, ...rest } = props;
+	useRegisterSectionHeading(rest.id);
 	const isSkeleton = useSkeletonMode();
 	const rootClassName = clsx(Heading_module_default.heading, size && Heading_module_default[`size-${size}`], color !== "default" && Heading_module_default[color], wrap && Heading_module_default[`wrap-${wrap}`], styleClassname(Heading_module_default, `h${level}`), className);
 	const Element = elementType ?? Aria.Heading;
@@ -98,7 +100,6 @@ var Heading = flowComponent("Heading", (props) => {
 		})
 	});
 });
-//#endregion
 export { Heading, Heading as default };
 
 //# sourceMappingURL=Heading.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.mjs","names":["styles"],"sources":["../../../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import type { AlphaColor, PropsWithElementType } from \"@/lib/types/props\";\nimport styles from \"./Heading.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { Children } from \"react\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface HeadingProps\n  extends\n    Aria.HeadingProps,\n    FlowComponentProps,\n    PropsWithElementType<\"span\" | \"p\"> {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n  /** The text-wrap property of the text. @default undefined */\n  wrap?: \"wrap\" | \"balance\";\n}\n\n/**\n * The font size each heading level renders at — the TypeScript half of the\n * level-based `--font-size` rules in Heading.module.scss. Levels 4 to 6 fall\n * through to the `xs` default.\n */\nconst sizeByLevel: Record<number, NonNullable<HeadingProps[\"size\"]>> = {\n  1: \"xl\",\n  2: \"m\",\n  3: \"s\",\n};\n\n/** @flr-generate all */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"default\",\n    wrap,\n    size,\n    ref,\n    elementType,\n    ...rest\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[`size-${size}`],\n    color !== \"default\" && styles[color],\n    wrap && styles[`wrap-${wrap}`],\n    // The level class carries the font size. Emitted for every heading — not\n    // just the `elementType` ones — so the stylesheet can select on the class\n    // instead of the h1–h6 element react-aria renders without one.\n    styleClassname(styles, `h${level}`),\n    className,\n  );\n\n  const Element = elementType ?? Aria.Heading;\n\n  const effectiveSize = size ?? sizeByLevel[level] ?? \"xs\";\n  const buttonSize =\n    effectiveSize === \"xl\" || effectiveSize === \"xxl\" ? \"m\" : \"s\";\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n    },\n    Badge: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n    },\n    Button: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      size: buttonSize,\n    },\n    CopyButton: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      size: buttonSize,\n    },\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      Button: {\n        tunnel: null,\n      },\n    },\n    AlertText: {\n      Icon: {\n        className: styles.icon,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element\n        className={rootClassName}\n        {...rest}\n        ref={ref}\n        level={level}\n        inert={isSkeleton || undefined}\n      >\n        <span className={styles.headingText}>\n          <SkeletonTextContent defaultWidth=\"12em\">\n            {children}\n          </SkeletonTextContent>\n          <UiComponentTunnelExit id=\"headingContent\" component=\"Heading\">\n            {(items) =>\n              Children.count(items) > 0 && (\n                <span className={styles.headingTextSpacer} />\n              )\n            }\n          </UiComponentTunnelExit>\n        </span>\n        <span className={styles.headingContent}>\n          <UiComponentTunnelExit id=\"headingContent\" component=\"Heading\">\n            {(items) =>\n              Children.map(items, (item) => (\n                <span className={styles.headingContentItem}>{item}</span>\n              ))\n            }\n          </UiComponentTunnelExit>\n        </span>\n      </Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default Heading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgCA,IAAM,cAAiE;CACrE,GAAG;CACH,GAAG;CACH,GAAG;AACL;;AAGA,IAAa,UAAU,cAAc,YAAY,UAAU;CACzD,MAAM,EACJ,UACA,WACA,QAAQ,GACR,QAAQ,WACR,MACA,MACA,KACA,aACA,GAAG,SACD;CAEJ,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,uBAAO,SACP,QAAQA,uBAAO,QAAQ,SACvB,UAAU,aAAaA,uBAAO,QAC9B,QAAQA,uBAAO,QAAQ,SAIvB,eAAeA,wBAAQ,IAAI,OAAO,GAClC,SACF;CAEA,MAAM,UAAU,eAAe,KAAK;CAEpC,MAAM,gBAAgB,QAAQ,YAAY,UAAU;CACpD,MAAM,aACJ,kBAAkB,QAAQ,kBAAkB,QAAQ,MAAM;CAE5D,MAAM,eAA6B;EACjC,MAAM;GACJ,eAAe;GACf,WAAWA,uBAAO;EACpB;EACA,YAAY,EACV,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,OAAO,EACL,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,MAAM;EACR;EACA,YAAY;GACV,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,MAAM;EACR;EACA,uBAAuB;GACrB,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,QAAQ,EACN,QAAQ,KACV;EACF;EACA,WAAW,EACT,MAAM,EACJ,WAAWA,uBAAO,KACpB,EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,SAAD;GACE,WAAW;GACX,GAAI;GACC;GACE;GACP,OAAO,cAAc,KAAA;GALvB,UAAA,CAOE,qBAAC,QAAD;IAAM,WAAWA,uBAAO;IAAxB,UAAA,CACE,oBAAC,qBAAD;KAAqB,cAAa;KAC/B;IACkB,CAAA,GACrB,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,MAAM,KAAK,IAAI,KACtB,oBAAC,QAAD,EAAM,WAAWA,uBAAO,kBAAoB,CAAA;IAG3B,CAAA,CACnB;GACN,CAAA,GAAA,oBAAC,QAAD;IAAM,WAAWA,uBAAO;IACtB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,IAAI,QAAQ,SACnB,oBAAC,QAAD;MAAM,WAAWA,uBAAO;MAAqB,UAAA;KAAW,CAAA,CACzD;IAEkB,CAAA;GACnB,CAAA,CACC;;CACW,CAAA;AAE1B,CAAC"}
+{"version":3,"file":"Heading.mjs","names":["styles"],"sources":["../../../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import type { AlphaColor, PropsWithElementType } from \"@/lib/types/props\";\nimport styles from \"./Heading.module.scss\";\nimport { styleClassname } from \"@/lib/scss/selectors\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { Children } from \"react\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { useRegisterSectionHeading } from \"@/components/Section/context\";\n\nexport interface HeadingProps\n  extends\n    Aria.HeadingProps,\n    FlowComponentProps,\n    PropsWithElementType<\"span\" | \"p\"> {\n  /** The font size of the heading. */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"xxl\";\n  /** The color of the heading. @default \"default\" */\n  color?: \"default\" | \"danger\" | \"unavailable\" | AlphaColor;\n  /** The text-wrap property of the text. @default undefined */\n  wrap?: \"wrap\" | \"balance\";\n}\n\n/**\n * The font size each heading level renders at — the TypeScript half of the\n * level-based `--font-size` rules in Heading.module.scss. Levels 4 to 6 fall\n * through to the `xs` default.\n */\nconst sizeByLevel: Record<number, NonNullable<HeadingProps[\"size\"]>> = {\n  1: \"xl\",\n  2: \"m\",\n  3: \"s\",\n};\n\n/** @flr-generate all */\nexport const Heading = flowComponent(\"Heading\", (props) => {\n  const {\n    children,\n    className,\n    level = 2,\n    color = \"default\",\n    wrap,\n    size,\n    ref,\n    elementType,\n    ...rest\n  } = props;\n\n  useRegisterSectionHeading(rest.id);\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.heading,\n    size && styles[`size-${size}`],\n    color !== \"default\" && styles[color],\n    wrap && styles[`wrap-${wrap}`],\n    // The level class carries the font size. Emitted for every heading — not\n    // just the `elementType` ones — so the stylesheet can select on the class\n    // instead of the h1–h6 element react-aria renders without one.\n    styleClassname(styles, `h${level}`),\n    className,\n  );\n\n  const Element = elementType ?? Aria.Heading;\n\n  const effectiveSize = size ?? sizeByLevel[level] ?? \"xs\";\n  const buttonSize =\n    effectiveSize === \"xl\" || effectiveSize === \"xxl\" ? \"m\" : \"s\";\n\n  const propsContext: PropsContext = {\n    Icon: {\n      \"aria-hidden\": true,\n      className: styles.icon,\n    },\n    AlertBadge: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n    },\n    Badge: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n    },\n    Button: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      size: buttonSize,\n    },\n    CopyButton: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      size: buttonSize,\n    },\n    ContextualHelpTrigger: {\n      tunnel: {\n        id: \"headingContent\",\n        component: \"Heading\",\n      },\n      Button: {\n        tunnel: null,\n      },\n    },\n    AlertText: {\n      Icon: {\n        className: styles.icon,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <Element\n        className={rootClassName}\n        {...rest}\n        ref={ref}\n        level={level}\n        inert={isSkeleton || undefined}\n      >\n        <span className={styles.headingText}>\n          <SkeletonTextContent defaultWidth=\"12em\">\n            {children}\n          </SkeletonTextContent>\n          <UiComponentTunnelExit id=\"headingContent\" component=\"Heading\">\n            {(items) =>\n              Children.count(items) > 0 && (\n                <span className={styles.headingTextSpacer} />\n              )\n            }\n          </UiComponentTunnelExit>\n        </span>\n        <span className={styles.headingContent}>\n          <UiComponentTunnelExit id=\"headingContent\" component=\"Heading\">\n            {(items) =>\n              Children.map(items, (item) => (\n                <span className={styles.headingContentItem}>{item}</span>\n              ))\n            }\n          </UiComponentTunnelExit>\n        </span>\n      </Element>\n    </PropsContextProvider>\n  );\n});\n\nexport default Heading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCA,IAAM,cAAiE;CACrE,GAAG;CACH,GAAG;CACH,GAAG;AACL;;AAGA,IAAa,UAAU,cAAc,YAAY,UAAU;CACzD,MAAM,EACJ,UACA,WACA,QAAQ,GACR,QAAQ,WACR,MACA,MACA,KACA,aACA,GAAG,SACD;CAEJ,0BAA0B,KAAK,EAAE;CAEjC,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,uBAAO,SACP,QAAQA,uBAAO,QAAQ,SACvB,UAAU,aAAaA,uBAAO,QAC9B,QAAQA,uBAAO,QAAQ,SAIvB,eAAeA,wBAAQ,IAAI,OAAO,GAClC,SACF;CAEA,MAAM,UAAU,eAAe,KAAK;CAEpC,MAAM,gBAAgB,QAAQ,YAAY,UAAU;CACpD,MAAM,aACJ,kBAAkB,QAAQ,kBAAkB,QAAQ,MAAM;CAE5D,MAAM,eAA6B;EACjC,MAAM;GACJ,eAAe;GACf,WAAWA,uBAAO;EACpB;EACA,YAAY,EACV,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,OAAO,EACL,QAAQ;GACN,IAAI;GACJ,WAAW;EACb,EACF;EACA,QAAQ;GACN,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,MAAM;EACR;EACA,YAAY;GACV,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,MAAM;EACR;EACA,uBAAuB;GACrB,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;GACA,QAAQ,EACN,QAAQ,KACV;EACF;EACA,WAAW,EACT,MAAM,EACJ,WAAWA,uBAAO,KACpB,EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,SAAD;GACE,WAAW;GACX,GAAI;GACC;GACE;GACP,OAAO,cAAc,KAAA;GALvB,UAAA,CAOE,qBAAC,QAAD;IAAM,WAAWA,uBAAO;IAAxB,UAAA,CACE,oBAAC,qBAAD;KAAqB,cAAa;KAC/B;IACkB,CAAA,GACrB,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,MAAM,KAAK,IAAI,KACtB,oBAAC,QAAD,EAAM,WAAWA,uBAAO,kBAAoB,CAAA;IAG3B,CAAA,CACnB;GACN,CAAA,GAAA,oBAAC,QAAD;IAAM,WAAWA,uBAAO;IACtB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAiB,WAAU;KACjD,WAAA,UACA,SAAS,IAAI,QAAQ,SACnB,oBAAC,QAAD;MAAM,WAAWA,uBAAO;MAAqB,UAAA;KAAW,CAAA,CACzD;IAEkB,CAAA;GACnB,CAAA,CACC;;CACW,CAAA;AAE1B,CAAC"}

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Heading/Heading.module.scss
+// src/components/Heading/Heading.module.scss
 var heading = "flow--heading";
 var danger = "flow--heading--danger";
 var unavailable = "flow--heading--unavailable";
@@ -45,7 +45,6 @@ var Heading_module_default = {
 	"wrap-wrap": "flow--heading--wrap-wrap",
 	"wrap-balance": "flow--heading--wrap-balance"
 };
-//#endregion
 export { danger, dark, Heading_module_default as default, h1, h2, h3, h4, h5, h6, heading, headingContent, headingContentItem, headingText, headingTextSpacer, icon, light, unavailable };
 
 //# sourceMappingURL=Heading.module.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.module.mjs","names":[],"sources":["../../../../../../../src/components/Heading/Heading.module.scss"],"sourcesContent":[".heading {\n  color: var(--heading--color);\n  font-size: var(--font-size);\n  font-weight: var(--heading--font-weight);\n  text-wrap-style: pretty;\n\n  --heading-line-height: calc(var(--font-size) * var(--line-height));\n\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--heading--color-#{$color});\n    }\n  }\n\n  @include color(\"danger\");\n  @include color(\"unavailable\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  .headingText {\n    .icon {\n      height: var(--heading-line-height);\n      width: var(--heading-line-height);\n      vertical-align: bottom;\n      display: inline-block;\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  .headingContent {\n    &:empty {\n      display: none;\n    }\n  }\n\n  .headingTextSpacer {\n    margin-inline-end: var(--heading--icon-to-text-spacing);\n  }\n\n  .headingContentItem {\n    vertical-align: bottom;\n    display: inline-flex;\n    max-width: 100%;\n    min-height: var(--heading-line-height);\n    align-items: center;\n\n    &:not(:last-child) {\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  &:where(.h1) {\n    --font-size: var(--font-size-heading--xl);\n  }\n\n  &:where(.h2) {\n    --font-size: var(--font-size-heading--m);\n  }\n\n  &:where(.h3) {\n    --font-size: var(--font-size-heading--s);\n  }\n\n  &:where(.h4),\n  &:where(.h5),\n  &:where(.h6) {\n    --font-size: var(--font-size-heading--xs);\n  }\n\n  @mixin size($size) {\n    &.size-#{$size} {\n      --font-size: var(--font-size-heading--#{$size});\n    }\n  }\n\n  @include size(\"xs\");\n  @include size(\"s\");\n  @include size(\"m\");\n  @include size(\"l\");\n  @include size(\"xl\");\n  @include size(\"xxl\");\n\n  &:where(.wrap-wrap) {\n    text-wrap: wrap;\n  }\n\n  &:where(.wrap-balance) {\n    text-wrap: balance;\n  }\n}\n\n@media (max-width: 768px) {\n  .heading {\n    &:where(.h1),\n    &.size-xl {\n      --font-size: var(--font-size-heading--l);\n    }\n\n    &.size-l {\n      --font-size: var(--font-size-heading--m);\n    }\n\n    &:where(.h2),\n    &.size-m {\n      --font-size: var(--font-size-heading--s);\n    }\n\n    &:where(.h3),\n    &.size-s {\n      --font-size: var(--font-size-heading--xs);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Heading.module.mjs","names":[],"sources":["../../../../../../../src/components/Heading/Heading.module.scss"],"sourcesContent":[".heading {\n  color: var(--heading--color);\n  font-size: var(--font-size);\n  font-weight: var(--heading--font-weight);\n  text-wrap-style: pretty;\n\n  --heading-line-height: calc(var(--font-size) * var(--line-height));\n\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--heading--color-#{$color});\n    }\n  }\n\n  @include color(\"danger\");\n  @include color(\"unavailable\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  .headingText {\n    .icon {\n      height: var(--heading-line-height);\n      width: var(--heading-line-height);\n      vertical-align: bottom;\n      display: inline-block;\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  .headingContent {\n    &:empty {\n      display: none;\n    }\n  }\n\n  /* A truncated title keeps the tunnelled content on its line while both fit.\n     Otherwise the content wraps below and the title truncates on a line of its\n     own. In SkeletonMode the bar's outer span is the flex item and clips the\n     bar. */\n  &:has(> .headingText > :global(.flow--truncate)),\n  &:has(\n    > .headingText\n      > *\n      > :global(.flow--skeleton-mode--skeleton-text-content)\n      > :global(.flow--truncate)\n  ) {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n\n    .headingText {\n      display: flex;\n      min-width: 0;\n\n      > :has(> :global(.flow--skeleton-mode--skeleton-text-content)) {\n        min-width: 0;\n        overflow: hidden;\n      }\n    }\n\n    .icon {\n      flex-shrink: 0;\n    }\n\n    .headingContent {\n      flex-shrink: 0;\n      max-width: 100%;\n    }\n  }\n\n  .headingTextSpacer {\n    margin-inline-end: var(--heading--icon-to-text-spacing);\n  }\n\n  .headingContentItem {\n    vertical-align: bottom;\n    display: inline-flex;\n    max-width: 100%;\n    min-height: var(--heading-line-height);\n    align-items: center;\n\n    &:not(:last-child) {\n      margin-inline-end: var(--heading--icon-to-text-spacing);\n    }\n  }\n\n  &:where(.h1) {\n    --font-size: var(--font-size-heading--xl);\n  }\n\n  &:where(.h2) {\n    --font-size: var(--font-size-heading--m);\n  }\n\n  &:where(.h3) {\n    --font-size: var(--font-size-heading--s);\n  }\n\n  &:where(.h4),\n  &:where(.h5),\n  &:where(.h6) {\n    --font-size: var(--font-size-heading--xs);\n  }\n\n  @mixin size($size) {\n    &.size-#{$size} {\n      --font-size: var(--font-size-heading--#{$size});\n    }\n  }\n\n  @include size(\"xs\");\n  @include size(\"s\");\n  @include size(\"m\");\n  @include size(\"l\");\n  @include size(\"xl\");\n  @include size(\"xxl\");\n\n  &:where(.wrap-wrap) {\n    text-wrap: wrap;\n  }\n\n  &:where(.wrap-balance) {\n    text-wrap: balance;\n  }\n}\n\n@media (max-width: 768px) {\n  .heading {\n    &:where(.h1),\n    &.size-xl {\n      --font-size: var(--font-size-heading--l);\n    }\n\n    &.size-l {\n      --font-size: var(--font-size-heading--m);\n    }\n\n    &:where(.h2),\n    &.size-m {\n      --font-size: var(--font-size-heading--s);\n    }\n\n    &:where(.h3),\n    &.size-s {\n      --font-size: var(--font-size-heading--xs);\n    }\n  }\n}\n"],"mappings":""}

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

@@ -9,7 +9,7 @@ import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import clsx from "clsx";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Icon/Icon.tsx
+// src/components/Icon/Icon.tsx
 var iconColors = [
 	"neutral",
 	"blue",
@@ -54,7 +54,6 @@ var Icon = flowComponent("Icon", (props) => {
 	});
 	return cloneElement$1(iconElement, iconProps);
 });
-//#endregion
 export { Icon, Icon as default };
 
 //# sourceMappingURL=Icon.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/Icon/Icon.module.scss
+// src/components/Icon/Icon.module.scss
 var icon = "flow--icon";
 var neutral = "flow--icon--neutral";
 var danger = "flow--icon--danger";
@@ -38,7 +38,6 @@ var Icon_module_default = {
 	"skeleton-surface-shimmer": "flow--icon--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--icon--skeleton-text-shimmer"
 };
-//#endregion
 export { blue, danger, dark, Icon_module_default as default, icon, info, light, lilac, neutral, skeleton, success, teal, unavailable, violet, warning };
 
 //# sourceMappingURL=Icon.module.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.module.mjs","names":[],"sources":["../../../../../../../src/components/Icon/Icon.module.scss"],"sourcesContent":["@use \"@/styles/mixins/skeleton\";\n\n.icon {\n  flex-shrink: 0;\n  max-width: none;\n  display: inline-block;\n\n  @extend .size-m;\n\n  /* Sizes */\n  @mixin size($size, $faPadding) {\n    &:where(.size-#{$size}) {\n      width: var(--icon--size--#{$size});\n      height: var(--icon--size--#{$size});\n\n      /*\n       * FontAwesome inserts its stylesheet as an unlayered `<style>` element at\n       * runtime (`autoAddCss` defaults to true), outside of Flow's build, and\n       * sets `box-sizing: content-box` on `.svg-inline--fa`. Unlayered CSS beats\n       * layered CSS regardless of specificity, so this override only applies in\n       * the layered stylesheet variant if it leaves the cascade layer as well.\n       *\n       * Marked at the leaf rather than in a separate block, because these rules\n       * live in a size mixin – a block would have to duplicate it.\n       */\n      &:global(.svg-inline--fa) {\n        @layer flow.unlayered {\n          box-sizing: border-box;\n          padding: $faPadding;\n        }\n      }\n    }\n  }\n\n  @include size(m, var(--size-rem--xxs));\n  @include size(s, var(--size-rem--xxs));\n  @include size(l, var(--size-rem--xs));\n\n  /* Colors */\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--icon--#{$color}-color);\n    }\n  }\n\n  &.neutral {\n    color: var(--icon--color);\n  }\n\n  @include color(\"danger\");\n  @include color(\"success\");\n  @include color(\"warning\");\n  @include color(\"info\");\n  @include color(\"unavailable\");\n  @include color(\"blue\");\n  @include color(\"violet\");\n  @include color(\"teal\");\n  @include color(\"lilac\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  /* SkeletonMode */\n\n  &.skeleton {\n    @include skeleton.shape;\n\n    --skeleton-radius: var(--corner-radius--s);\n  }\n}\n\n@include skeleton.keyframes;\n"],"mappings":""}
+{"version":3,"file":"Icon.module.mjs","names":[],"sources":["../../../../../../../src/components/Icon/Icon.module.scss"],"sourcesContent":["@use \"@/styles/mixins/skeleton\";\n\n.icon {\n  flex-shrink: 0;\n  max-width: none;\n  display: inline-block;\n  vertical-align: baseline;\n\n  @extend .size-m;\n\n  /* Sizes */\n  @mixin size($size, $faPadding) {\n    &:where(.size-#{$size}) {\n      width: var(--icon--size--#{$size});\n      height: var(--icon--size--#{$size});\n\n      /*\n       * FontAwesome inserts its stylesheet as an unlayered `<style>` element at\n       * runtime (`autoAddCss` defaults to true), outside of Flow's build, and\n       * sizes `.svg-inline--fa` itself (`content-box`, `1.25em` × `1em`).\n       * Unlayered CSS beats layered CSS regardless of specificity, so this\n       * override only applies in the layered stylesheet variant if it leaves\n       * the cascade layer as well.\n       *\n       * `display` and `vertical-align` are set the same way: a context hides\n       * its icon (`display: none` on `Breadcrumb`'s last separator, an\n       * unselected `Segment`'s checkmark) or aligns it (`Alert`, `Link`).\n       *\n       * The size goes back to Flow's layered rules (`revert-layer`) instead of\n       * the token, so a context's size (`Avatar`'s 70 %) still applies. The\n       * variants without layers drop these declarations — there Flow's rules\n       * already win, and `revert-layer` would discard them all.\n       *\n       * Marked at the leaf rather than in a separate block, because these rules\n       * live in a size mixin – a block would have to duplicate it.\n       */\n      &:global(.svg-inline--fa) {\n        @layer flow.unlayered {\n          width: revert-layer;\n          height: revert-layer;\n          display: revert-layer;\n          vertical-align: revert-layer;\n          box-sizing: border-box;\n          padding: $faPadding;\n        }\n      }\n    }\n  }\n\n  @include size(m, var(--size-rem--xxs));\n  @include size(s, var(--size-rem--xxs));\n  @include size(l, var(--size-rem--xs));\n\n  /*\n   * FontAwesome also sets `vertical-align: -0.125em`, which would shift the\n   * icon a context aligns (`Heading`, `Alert`, `Link`). Same mechanism as the\n   * size above.\n   */\n  &:global(.svg-inline--fa) {\n    @layer flow.unlayered {\n      vertical-align: revert-layer;\n    }\n  }\n\n  /* Colors */\n  @mixin color($color) {\n    &.#{$color} {\n      color: var(--icon--#{$color}-color);\n    }\n  }\n\n  &.neutral {\n    color: var(--icon--color);\n  }\n\n  @include color(\"danger\");\n  @include color(\"success\");\n  @include color(\"warning\");\n  @include color(\"info\");\n  @include color(\"unavailable\");\n  @include color(\"blue\");\n  @include color(\"violet\");\n  @include color(\"teal\");\n  @include color(\"lilac\");\n  @include color(\"dark\");\n  @include color(\"light\");\n  @include color(\"dark-static\");\n  @include color(\"light-static\");\n\n  /* SkeletonMode */\n\n  &.skeleton {\n    @include skeleton.shape;\n\n    --skeleton-radius: var(--corner-radius--s);\n  }\n}\n\n@include skeleton.keyframes;\n"],"mappings":""}

package/dist/js/packages/components/src/components/Icon/components/IconSetProvider.mjs

@@ -3,7 +3,7 @@
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import "@mittwald/flow-icons";
-//#region src/components/Icon/components/IconSetProvider.tsx
+// src/components/Icon/components/IconSetProvider.tsx
 var context = createContext({ set: void 0 });
 var useContextIcon = (icon) => useContext(context).set?.[icon];
 var IconSetProvider = (props) => {
@@ -13,7 +13,6 @@ var IconSetProvider = (props) => {
 		children
 	});
 };
-//#endregion
 export { IconSetProvider, useContextIcon };
 
 //# sourceMappingURL=IconSetProvider.mjs.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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