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

package/dist/js/packages/components/src/components/DatePicker/components/DateInput/DateInput.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/DatePicker/components/DateInput/DateInput.module.scss
+// src/components/DatePicker/components/DateInput/DateInput.module.scss
 var dateInput = "flow--date-picker--date-input";
 var readonly = "flow--date-picker--date-input--readonly";
 var DateInput_module_default = {
@@ -9,7 +9,6 @@ var DateInput_module_default = {
 	"skeleton-surface-shimmer": "flow--date-picker--date-input--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--date-picker--date-input--skeleton-text-shimmer"
 };
-//#endregion
 export { dateInput, DateInput_module_default as default, readonly };
 
 //# sourceMappingURL=DateInput.module.mjs.map

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

@@ -12,10 +12,10 @@ import DateRangePicker_module_default from "./DateRangePicker.module.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/DateRangePicker/DateRangePicker.tsx
+// src/components/DateRangePicker/DateRangePicker.tsx
 /** @flr-generate all */
 var DateRangePicker = flowComponent("DateRangePicker", (props) => {
-	const { children, className, onChange, ref, withDatePickerPresets = false, ...rest } = useControlledHostValueProps(props, null);
+	const { children, className, onChange, onOpenChange, ref, withDatePickerPresets = false, ...rest } = useControlledHostValueProps(props, null);
 	const popoverController = useOverlayController("Popover", { reuseControllerFromContext: false });
 	const { FieldErrorView, FieldErrorCaptureContext, wrapperProps, controlProps, fieldPropsContext, skeletonProps } = useFieldComponent(props, "DateRangePicker");
 	const rootClassName = clsx(wrapperProps.className, className);
@@ -44,6 +44,7 @@ var DateRangePicker = flowComponent("DateRangePicker", (props) => {
 				placement: "bottom end",
 				isDialogContent: true,
 				controller: popoverController,
+				onOpenChange,
 				children: /* @__PURE__ */ jsx(RangeCalendar, {
 					withDatePickerPresets,
 					className: DateRangePicker_module_default.calendar
@@ -52,7 +53,6 @@ var DateRangePicker = flowComponent("DateRangePicker", (props) => {
 		] }), /* @__PURE__ */ jsx(FieldErrorView, {})]
 	});
 });
-//#endregion
 export { DateRangePicker, DateRangePicker as default };
 
 //# sourceMappingURL=DateRangePicker.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","names":["styles"],"sources":["../../../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { type DateRangePresets, RangeCalendar } from \"@/components/Calendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport type { RangeValue } from \"react-aria\";\nimport type { DateValue } from \"@internationalized/date\";\nimport styles from \"./DateRangePicker.module.scss\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {\n  /**\n   * Whether the calendar offers presets to pick a range with one click. Pass an\n   * array to replace the built-in presets with your own.\n   *\n   * @default false\n   */\n  withDatePickerPresets?: boolean | DateRangePresets;\n}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  // `null` is what react-aria's date range picker state uses for \"no range\"\n  const {\n    children,\n    className,\n    onChange,\n    ref,\n    withDatePickerPresets = false,\n    ...rest\n  } = useControlledHostValueProps(props, null);\n\n  const popoverController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    wrapperProps,\n    controlProps,\n    fieldPropsContext,\n    skeletonProps,\n  } = useFieldComponent(props, \"DateRangePicker\");\n\n  const rootClassName = clsx(wrapperProps.className, className);\n\n  const onDatePickerChange = (value: RangeValue<DateValue> | null) => {\n    if (onChange) {\n      onChange(value);\n    }\n    popoverController.close();\n  };\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      {...skeletonProps}\n      aria-describedby={controlProps[\"aria-describedby\"]}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={onDatePickerChange}\n    >\n      <FieldErrorCaptureContext>\n        <DateRangeInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n        >\n          <RangeCalendar\n            withDatePickerPresets={withDatePickerPresets}\n            className={styles.calendar}\n          />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,IAAa,kBAAkB,cAAc,oBAAoB,UAAU;CAEzE,MAAM,EACJ,UACA,WACA,UACA,KACA,wBAAwB,OACxB,GAAG,SACD,4BAA4B,OAAO,IAAI;CAE3C,MAAM,oBAAoB,qBAAqB,WAAW,EACxD,4BAA4B,MAC9B,CAAC;CACD,MAAM,EACJ,gBACA,0BACA,cACA,cACA,mBACA,kBACE,kBAAkB,OAAO,iBAAiB;CAE9C,MAAM,gBAAgB,KAAK,aAAa,WAAW,SAAS;CAE5D,MAAM,sBAAsB,UAAwC;EAClE,IAAI,UACF,SAAS,KAAK;EAEhB,kBAAkB,MAAM;CAC1B;CAEA,OACE,qBAAC,KAAK,iBAAN;EACE,GAAI;EACJ,GAAI;EACJ,oBAAkB,aAAa;EAC/B,WAAW;EACX,eAAe,MAAM,kBAAkB,QAAQ,CAAC;EAChD,QAAQ,kBAAkB;EAC1B,UAAU;EAPZ,UAAA,CASE,qBAAC,0BAAD,EAAA,UAAA;GACE,oBAAC,gBAAD;IAAgB,YAAY,MAAM;IAAiB;GAAM,CAAA;GACzD,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;GACtB,oBAAC,SAAD;IACE,WAAU;IACV,iBAAA;IACA,YAAY;IAEZ,UAAA,oBAAC,eAAD;KACyB;KACvB,WAAWA,+BAAO;IACnB,CAAA;GACM,CAAA;EACe,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;AAE1B,CAAC"}
+{"version":3,"file":"DateRangePicker.mjs","names":["styles"],"sources":["../../../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { type DateRangePresets, RangeCalendar } from \"@/components/Calendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport type { RangeValue } from \"react-aria\";\nimport type { DateValue } from \"@internationalized/date\";\nimport styles from \"./DateRangePicker.module.scss\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {\n  /**\n   * Whether the calendar offers presets to pick a range with one click. Pass an\n   * array to replace the built-in presets with your own.\n   *\n   * @default false\n   */\n  withDatePickerPresets?: boolean | DateRangePresets;\n}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  // `null` is what react-aria's date range picker state uses for \"no range\"\n  const {\n    children,\n    className,\n    onChange,\n    onOpenChange,\n    ref,\n    withDatePickerPresets = false,\n    ...rest\n  } = useControlledHostValueProps(props, null);\n\n  const popoverController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    wrapperProps,\n    controlProps,\n    fieldPropsContext,\n    skeletonProps,\n  } = useFieldComponent(props, \"DateRangePicker\");\n\n  const rootClassName = clsx(wrapperProps.className, className);\n\n  const onDatePickerChange = (value: RangeValue<DateValue> | null) => {\n    if (onChange) {\n      onChange(value);\n    }\n    popoverController.close();\n  };\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      {...skeletonProps}\n      aria-describedby={controlProps[\"aria-describedby\"]}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={onDatePickerChange}\n    >\n      <FieldErrorCaptureContext>\n        <DateRangeInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n          onOpenChange={onOpenChange}\n        >\n          <RangeCalendar\n            withDatePickerPresets={withDatePickerPresets}\n            className={styles.calendar}\n          />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,IAAa,kBAAkB,cAAc,oBAAoB,UAAU;CAEzE,MAAM,EACJ,UACA,WACA,UACA,cACA,KACA,wBAAwB,OACxB,GAAG,SACD,4BAA4B,OAAO,IAAI;CAE3C,MAAM,oBAAoB,qBAAqB,WAAW,EACxD,4BAA4B,MAC9B,CAAC;CACD,MAAM,EACJ,gBACA,0BACA,cACA,cACA,mBACA,kBACE,kBAAkB,OAAO,iBAAiB;CAE9C,MAAM,gBAAgB,KAAK,aAAa,WAAW,SAAS;CAE5D,MAAM,sBAAsB,UAAwC;EAClE,IAAI,UACF,SAAS,KAAK;EAEhB,kBAAkB,MAAM;CAC1B;CAEA,OACE,qBAAC,KAAK,iBAAN;EACE,GAAI;EACJ,GAAI;EACJ,oBAAkB,aAAa;EAC/B,WAAW;EACX,eAAe,MAAM,kBAAkB,QAAQ,CAAC;EAChD,QAAQ,kBAAkB;EAC1B,UAAU;EAPZ,UAAA,CASE,qBAAC,0BAAD,EAAA,UAAA;GACE,oBAAC,gBAAD;IAAgB,YAAY,MAAM;IAAiB;GAAM,CAAA;GACzD,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;GACtB,oBAAC,SAAD;IACE,WAAU;IACV,iBAAA;IACA,YAAY;IACE;IAEd,UAAA,oBAAC,eAAD;KACyB;KACvB,WAAWA,+BAAO;IACnB,CAAA;GACM,CAAA;EACe,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;AAE1B,CAAC"}

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

@@ -1,9 +1,8 @@
 "use client"
 /* */
-//#region src/components/DateRangePicker/DateRangePicker.module.scss
+// src/components/DateRangePicker/DateRangePicker.module.scss
 var calendar = "flow--date-range-picker--calendar";
 var DateRangePicker_module_default = { calendar };
-//#endregion
 export { calendar, DateRangePicker_module_default as default };
 
 //# sourceMappingURL=DateRangePicker.module.mjs.map

package/dist/js/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.mjs

@@ -6,7 +6,7 @@ import { DateInput } from "../../../DateInput/DateInput.mjs";
 import DateRangeInput_module_default from "./DateRangeInput.module.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx
+// src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.tsx
 var DateRangeInput = (props) => {
 	const { isDisabled, ref } = props;
 	return /* @__PURE__ */ jsxs(Aria.Group, {
@@ -32,7 +32,6 @@ var DateRangeInput = (props) => {
 		})]
 	});
 };
-//#endregion
 export { DateRangeInput, DateRangeInput as default };
 
 //# sourceMappingURL=DateRangeInput.mjs.map

package/dist/js/packages/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.mjs

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.scss
+// src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.module.scss
 var dateRangeInput = "flow--date-range-picker--date-range-input";
 var readonly = "flow--date-range-picker--date-range-input--readonly";
 var inputs = "flow--date-range-picker--date-range-input--inputs";
@@ -11,7 +11,6 @@ var DateRangeInput_module_default = {
 	inputs,
 	"skeleton-text-shimmer": "flow--date-range-picker--date-range-input--skeleton-text-shimmer"
 };
-//#endregion
 export { dateRangeInput, DateRangeInput_module_default as default, inputs, readonly };
 
 //# sourceMappingURL=DateRangeInput.module.mjs.map

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

@@ -1,35 +1,66 @@
 "use client"
 /* */
-import { createContext, useCallback, useContext, useEffect, useRef } from "react";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx
+// src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx
 var DeprecationWarningContext = createContext(void 0);
+/**
+* Messages a provider has passed to its `onWarning`. Held by the provider, not
+* keyed by the handler: an inline `onWarning` is a new function on every
+* render.
+*/
+var ReportedWarningsContext = createContext(void 0);
+/** Messages already written to `console.warn`, across all providers. */
+var consoleReportedWarnings = /* @__PURE__ */ new Set();
+/**
+* Fallback for a bare `DeprecationWarningContext.Provider`, which has no
+* provider-held set.
+*/
+var reportedWarningsByHandler = /* @__PURE__ */ new WeakMap();
+var getHandlerReportedWarnings = (handler) => {
+	let reported = reportedWarningsByHandler.get(handler);
+	if (!reported) {
+		reported = /* @__PURE__ */ new Set();
+		reportedWarningsByHandler.set(handler, reported);
+	}
+	return reported;
+};
 var DeprecationWarningProvider = (props) => {
 	const { children, onWarning } = props;
+	const [reportedWarnings] = useState(() => /* @__PURE__ */ new Set());
 	return /* @__PURE__ */ jsx(DeprecationWarningContext.Provider, {
 		value: onWarning,
-		children
+		children: /* @__PURE__ */ jsx(ReportedWarningsContext.Provider, {
+			value: reportedWarnings,
+			children
+		})
 	});
 };
 var useWarnDeprecation = () => {
 	const onWarning = useContext(DeprecationWarningContext);
-	const reportedWarnings = useRef(/* @__PURE__ */ new Set());
+	const providerReportedWarnings = useContext(ReportedWarningsContext);
+	const handlerReportedWarnings = onWarning ? providerReportedWarnings ?? getHandlerReportedWarnings(onWarning) : void 0;
 	const pendingWarnings = useRef([]);
 	useEffect(() => {
+		if (pendingWarnings.current.length === 0) return;
 		const warnings = pendingWarnings.current;
 		pendingWarnings.current = [];
 		for (const message of warnings) {
-			console.warn(message);
-			onWarning?.(message);
+			if (!consoleReportedWarnings.has(message)) {
+				consoleReportedWarnings.add(message);
+				console.warn(message);
+			}
+			if (onWarning && !handlerReportedWarnings?.has(message)) {
+				handlerReportedWarnings?.add(message);
+				onWarning(message);
+			}
 		}
 	});
 	return useCallback((message) => {
-		if (reportedWarnings.current.has(message)) return;
-		reportedWarnings.current.add(message);
+		if (consoleReportedWarnings.has(message) && (handlerReportedWarnings?.has(message) ?? true) || pendingWarnings.current.includes(message)) return;
 		pendingWarnings.current.push(message);
-	}, []);
+	}, [handlerReportedWarnings]);
 };
-//#endregion
 export { DeprecationWarningContext, DeprecationWarningProvider, DeprecationWarningProvider as default, useWarnDeprecation };
 
 //# sourceMappingURL=DeprecationWarningProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeprecationWarningProvider.mjs","names":[],"sources":["../../../../../../../src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from \"react\";\n\nexport type DeprecationWarningHandler = (message: string) => void;\n\nexport interface DeprecationWarningProviderProps extends PropsWithChildren {\n  onWarning?: DeprecationWarningHandler;\n}\n\nexport const DeprecationWarningContext = createContext<\n  DeprecationWarningHandler | undefined\n>(undefined);\n\nexport const DeprecationWarningProvider: FC<DeprecationWarningProviderProps> = (\n  props,\n) => {\n  const { children, onWarning } = props;\n\n  return (\n    <DeprecationWarningContext.Provider value={onWarning}>\n      {children}\n    </DeprecationWarningContext.Provider>\n  );\n};\n\nexport const useWarnDeprecation = () => {\n  const onWarning = useContext(DeprecationWarningContext);\n  const reportedWarnings = useRef(new Set<string>());\n  const pendingWarnings = useRef<string[]>([]);\n\n  useEffect(() => {\n    const warnings = pendingWarnings.current;\n    pendingWarnings.current = [];\n\n    for (const message of warnings) {\n      console.warn(message);\n      onWarning?.(message);\n    }\n  });\n\n  return useCallback((message: string) => {\n    if (reportedWarnings.current.has(message)) {\n      return;\n    }\n\n    reportedWarnings.current.add(message);\n    pendingWarnings.current.push(message);\n  }, []);\n};\n\nexport default DeprecationWarningProvider;\n"],"mappings":";;;;;AAgBA,IAAa,4BAA4B,cAEvC,KAAA,CAAS;AAEX,IAAa,8BACX,UACG;CACH,MAAM,EAAE,UAAU,cAAc;CAEhC,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACxC;CACiC,CAAA;AAExC;AAEA,IAAa,2BAA2B;CACtC,MAAM,YAAY,WAAW,yBAAyB;CACtD,MAAM,mBAAmB,uBAAO,IAAI,IAAY,CAAC;CACjD,MAAM,kBAAkB,OAAiB,CAAC,CAAC;CAE3C,gBAAgB;EACd,MAAM,WAAW,gBAAgB;EACjC,gBAAgB,UAAU,CAAC;EAE3B,KAAK,MAAM,WAAW,UAAU;GAC9B,QAAQ,KAAK,OAAO;GACpB,YAAY,OAAO;EACrB;CACF,CAAC;CAED,OAAO,aAAa,YAAoB;EACtC,IAAI,iBAAiB,QAAQ,IAAI,OAAO,GACtC;EAGF,iBAAiB,QAAQ,IAAI,OAAO;EACpC,gBAAgB,QAAQ,KAAK,OAAO;CACtC,GAAG,CAAC,CAAC;AACP"}
+{"version":3,"file":"DeprecationWarningProvider.mjs","names":[],"sources":["../../../../../../../src/components/DeprecationWarningProvider/DeprecationWarningProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport type DeprecationWarningHandler = (message: string) => void;\n\nexport interface DeprecationWarningProviderProps extends PropsWithChildren {\n  onWarning?: DeprecationWarningHandler;\n}\n\nexport const DeprecationWarningContext = createContext<\n  DeprecationWarningHandler | undefined\n>(undefined);\n\n/**\n * Messages a provider has passed to its `onWarning`. Held by the provider, not\n * keyed by the handler: an inline `onWarning` is a new function on every\n * render.\n */\nconst ReportedWarningsContext = createContext<Set<string> | undefined>(\n  undefined,\n);\n\n/** Messages already written to `console.warn`, across all providers. */\nconst consoleReportedWarnings = new Set<string>();\n\n/**\n * Fallback for a bare `DeprecationWarningContext.Provider`, which has no\n * provider-held set.\n */\nconst reportedWarningsByHandler = new WeakMap<\n  DeprecationWarningHandler,\n  Set<string>\n>();\n\nconst getHandlerReportedWarnings = (handler: DeprecationWarningHandler) => {\n  let reported = reportedWarningsByHandler.get(handler);\n  if (!reported) {\n    reported = new Set();\n    reportedWarningsByHandler.set(handler, reported);\n  }\n  return reported;\n};\n\nexport const DeprecationWarningProvider: FC<DeprecationWarningProviderProps> = (\n  props,\n) => {\n  const { children, onWarning } = props;\n  const [reportedWarnings] = useState(() => new Set<string>());\n\n  return (\n    <DeprecationWarningContext.Provider value={onWarning}>\n      <ReportedWarningsContext.Provider value={reportedWarnings}>\n        {children}\n      </ReportedWarningsContext.Provider>\n    </DeprecationWarningContext.Provider>\n  );\n};\n\nexport const useWarnDeprecation = () => {\n  const onWarning = useContext(DeprecationWarningContext);\n  const providerReportedWarnings = useContext(ReportedWarningsContext);\n  const handlerReportedWarnings = onWarning\n    ? (providerReportedWarnings ?? getHandlerReportedWarnings(onWarning))\n    : undefined;\n\n  const pendingWarnings = useRef<string[]>([]);\n\n  useEffect(() => {\n    if (pendingWarnings.current.length === 0) {\n      return;\n    }\n\n    const warnings = pendingWarnings.current;\n    pendingWarnings.current = [];\n\n    for (const message of warnings) {\n      if (!consoleReportedWarnings.has(message)) {\n        consoleReportedWarnings.add(message);\n        console.warn(message);\n      }\n      if (onWarning && !handlerReportedWarnings?.has(message)) {\n        handlerReportedWarnings?.add(message);\n        onWarning(message);\n      }\n    }\n  });\n\n  return useCallback(\n    (message: string) => {\n      const isReported =\n        consoleReportedWarnings.has(message) &&\n        (handlerReportedWarnings?.has(message) ?? true);\n\n      if (isReported || pendingWarnings.current.includes(message)) {\n        return;\n      }\n      pendingWarnings.current.push(message);\n    },\n    [handlerReportedWarnings],\n  );\n};\n\nexport default DeprecationWarningProvider;\n"],"mappings":";;;;;AAiBA,IAAa,4BAA4B,cAEvC,KAAA,CAAS;;;;;;AAOX,IAAM,0BAA0B,cAC9B,KAAA,CACF;;AAGA,IAAM,0CAA0B,IAAI,IAAY;;;;;AAMhD,IAAM,4CAA4B,IAAI,QAGpC;AAEF,IAAM,8BAA8B,YAAuC;CACzE,IAAI,WAAW,0BAA0B,IAAI,OAAO;CACpD,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,0BAA0B,IAAI,SAAS,QAAQ;CACjD;CACA,OAAO;AACT;AAEA,IAAa,8BACX,UACG;CACH,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,CAAC,oBAAoB,+BAAe,IAAI,IAAY,CAAC;CAE3D,OACE,oBAAC,0BAA0B,UAA3B;EAAoC,OAAO;EACzC,UAAA,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;GACtC;EAC+B,CAAA;CACA,CAAA;AAExC;AAEA,IAAa,2BAA2B;CACtC,MAAM,YAAY,WAAW,yBAAyB;CACtD,MAAM,2BAA2B,WAAW,uBAAuB;CACnE,MAAM,0BAA0B,YAC3B,4BAA4B,2BAA2B,SAAS,IACjE,KAAA;CAEJ,MAAM,kBAAkB,OAAiB,CAAC,CAAC;CAE3C,gBAAgB;EACd,IAAI,gBAAgB,QAAQ,WAAW,GACrC;EAGF,MAAM,WAAW,gBAAgB;EACjC,gBAAgB,UAAU,CAAC;EAE3B,KAAK,MAAM,WAAW,UAAU;GAC9B,IAAI,CAAC,wBAAwB,IAAI,OAAO,GAAG;IACzC,wBAAwB,IAAI,OAAO;IACnC,QAAQ,KAAK,OAAO;GACtB;GACA,IAAI,aAAa,CAAC,yBAAyB,IAAI,OAAO,GAAG;IACvD,yBAAyB,IAAI,OAAO;IACpC,UAAU,OAAO;GACnB;EACF;CACF,CAAC;CAED,OAAO,aACJ,YAAoB;EAKnB,IAHE,wBAAwB,IAAI,OAAO,MAClC,yBAAyB,IAAI,OAAO,KAAK,SAE1B,gBAAgB,QAAQ,SAAS,OAAO,GACxD;EAEF,gBAAgB,QAAQ,KAAK,OAAO;CACtC,GACA,CAAC,uBAAuB,CAC1B;AACF"}

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

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Div/Div.tsx
+// src/components/Div/Div.tsx
 /** @flr-generate all */
 var Div = (props) => {
 	const { children, ...restProps } = props;
@@ -10,7 +10,6 @@ var Div = (props) => {
 		children
 	});
 };
-//#endregion
 export { Div, Div as default };
 
 //# sourceMappingURL=Div.mjs.map

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

@@ -9,7 +9,7 @@ import { DonutChartLegend } from "./components/DonutChartLegend.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/DonutChart/DonutChart.tsx
+// src/components/DonutChart/DonutChart.tsx
 /** @flr-generate all */
 var DonutChart = (props) => {
 	const { size = "m", status = "info", className, value, segments, maxValue, formatOptions, showLegend = true, legendPosition = "right", children, ...rest } = props;
@@ -54,7 +54,6 @@ var DonutChart = (props) => {
 		})
 	});
 };
-//#endregion
 export { DonutChart, DonutChart as default };
 
 //# sourceMappingURL=DonutChart.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.mjs","names":["styles"],"sources":["../../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { DonutChartValue } from \"@/components/DonutChart/components/DonutChartValue\";\nimport { Donut, getDonutSize } from \"@/components/DonutChart/components/Donut\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { DonutChartLegend } from \"@/components/DonutChart/components/DonutChartLegend\";\nimport type { Status } from \"@/lib/types/props\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface DonutChartSegment {\n  value: number;\n  title: string;\n  color?: CategoricalWithCustomColor;\n  valueText?: string;\n}\n\nexport interface DonutChartProps\n  extends\n    Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n    PropsWithChildren {\n  /** The status the donut chart is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\n  /** The size variant of the donut chart. @default \"m\" */\n  size?: \"m\" | \"l\";\n  /** Divides the fill of the donut chart into segments */\n  segments?: DonutChartSegment[];\n  /**\n   * Whether the legend component is shown when segments are used. @default:\n   * true\n   */\n  showLegend?: boolean;\n  /** The position of the legend. @default \"right\" */\n  legendPosition?: \"top\" | \"left\" | \"bottom\" | \"right\";\n}\n\n/** @flr-generate all */\nexport const DonutChart: FC<DonutChartProps> = (props) => {\n  const {\n    size = \"m\",\n    status = \"info\",\n    className,\n    value,\n    segments,\n    maxValue,\n    formatOptions,\n    showLegend = true,\n    legendPosition = \"right\",\n    children,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.donutChart,\n    size === \"l\" && styles[\"size-l\"],\n    styles[status],\n    className,\n  );\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  const isSkeleton = useSkeletonMode();\n  const donutSize = getDonutSize(size);\n\n  const displayedValue = segmentsTotalValue ?? value;\n\n  /* No svg: the donut is one round surface in its size. The legend follows\n     the skeleton rules of its items. */\n  const skeletonDonut = (\n    <span\n      className={clsx(styles.donutChart, styles.skeleton, className)}\n      style={{ width: donutSize, height: donutSize }}\n      aria-hidden\n      inert\n    />\n  );\n\n  const donut = (\n    <Aria.ProgressBar\n      className={rootClassName}\n      value={displayedValue}\n      {...rest}\n    >\n      <Donut\n        value={displayedValue}\n        segments={segments}\n        size={size}\n        maxValue={maxValue}\n      />\n      <DonutChartValue value={displayedValue} formatOptions={formatOptions}>\n        {children}\n      </DonutChartValue>\n    </Aria.ProgressBar>\n  );\n\n  return (\n    <Wrap if={showLegend && segments}>\n      <div className={clsx(styles.donutChartContainer, styles[legendPosition])}>\n        {isSkeleton ? skeletonDonut : donut}\n\n        {showLegend && segments && (\n          <DonutChartLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        )}\n      </div>\n    </Wrap>\n  );\n};\n\nexport default DonutChart;\n"],"mappings":";;;;;;;;;;;;;AAuCA,IAAa,cAAmC,UAAU;CACxD,MAAM,EACJ,OAAO,KACP,SAAS,QACT,WACA,OACA,UACA,UACA,eACA,aAAa,MACb,iBAAiB,SACjB,UACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpBA,0BAAO,YACP,SAAS,OAAOA,0BAAO,WACvBA,0BAAO,SACP,SACF;CAEA,MAAM,qBAAqB,WACvB,SAAS,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IACtD,KAAA;CAEJ,MAAM,aAAa,gBAAgB;CACnC,MAAM,YAAY,aAAa,IAAI;CAEnC,MAAM,iBAAiB,sBAAsB;CAI7C,MAAM,gBACJ,oBAAC,QAAD;EACE,WAAW,KAAKA,0BAAO,YAAYA,0BAAO,UAAU,SAAS;EAC7D,OAAO;GAAE,OAAO;GAAW,QAAQ;EAAU;EAC7C,eAAA;EACA,OAAA;CACD,CAAA;CAGH,MAAM,QACJ,qBAAC,KAAK,aAAN;EACE,WAAW;EACX,OAAO;EACP,GAAI;EAHN,UAAA,CAKE,oBAAC,OAAD;GACE,OAAO;GACG;GACJ;GACI;EACX,CAAA,GACD,oBAAC,iBAAD;GAAiB,OAAO;GAA+B;GACpD;EACc,CAAA,CACD;;CAGpB,OACE,oBAAC,MAAD;EAAM,IAAI,cAAc;EACtB,UAAA,qBAAC,OAAD;GAAK,WAAW,KAAKA,0BAAO,qBAAqBA,0BAAO,eAAe;GAAvE,UAAA,CACG,aAAa,gBAAgB,OAE7B,cAAc,YACb,oBAAC,kBAAD;IACc;IACF;IACK;GAChB,CAAA,CAEA;;CACD,CAAA;AAEV"}
+{"version":3,"file":"DonutChart.mjs","names":["styles"],"sources":["../../../../../../../src/components/DonutChart/DonutChart.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./DonutChart.module.scss\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { DonutChartValue } from \"@/components/DonutChart/components/DonutChartValue\";\nimport { Donut, getDonutSize } from \"@/components/DonutChart/components/Donut\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { DonutChartLegend } from \"@/components/DonutChart/components/DonutChartLegend\";\nimport type { Status } from \"@/lib/types/props\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface DonutChartSegment {\n  value: number;\n  title: string;\n  color?: CategoricalWithCustomColor;\n  valueText?: string;\n}\n\nexport interface DonutChartProps\n  extends\n    Omit<Aria.ProgressBarProps, \"children\" | \"valueLabel\">,\n    PropsWithChildren {\n  /** The status the donut chart is colored by. */\n  status?: Exclude<Status, \"unavailable\">;\n  /** The size variant of the donut chart. @default \"m\" */\n  size?: \"m\" | \"l\";\n  /** Divides the fill of the donut chart into segments */\n  segments?: DonutChartSegment[];\n  /** Whether the legend component is shown when segments are used. @default true */\n  showLegend?: boolean;\n  /** The position of the legend. @default \"right\" */\n  legendPosition?: \"top\" | \"left\" | \"bottom\" | \"right\";\n}\n\n/** @flr-generate all */\nexport const DonutChart: FC<DonutChartProps> = (props) => {\n  const {\n    size = \"m\",\n    status = \"info\",\n    className,\n    value,\n    segments,\n    maxValue,\n    formatOptions,\n    showLegend = true,\n    legendPosition = \"right\",\n    children,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.donutChart,\n    size === \"l\" && styles[\"size-l\"],\n    styles[status],\n    className,\n  );\n\n  const segmentsTotalValue = segments\n    ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n    : undefined;\n\n  const isSkeleton = useSkeletonMode();\n  const donutSize = getDonutSize(size);\n\n  const displayedValue = segmentsTotalValue ?? value;\n\n  /* No svg: the donut is one round surface in its size. The legend follows\n     the skeleton rules of its items. */\n  const skeletonDonut = (\n    <span\n      className={clsx(styles.donutChart, styles.skeleton, className)}\n      style={{ width: donutSize, height: donutSize }}\n      aria-hidden\n      inert\n    />\n  );\n\n  const donut = (\n    <Aria.ProgressBar\n      className={rootClassName}\n      value={displayedValue}\n      {...rest}\n    >\n      <Donut\n        value={displayedValue}\n        segments={segments}\n        size={size}\n        maxValue={maxValue}\n      />\n      <DonutChartValue value={displayedValue} formatOptions={formatOptions}>\n        {children}\n      </DonutChartValue>\n    </Aria.ProgressBar>\n  );\n\n  return (\n    <Wrap if={showLegend && segments}>\n      <div className={clsx(styles.donutChartContainer, styles[legendPosition])}>\n        {isSkeleton ? skeletonDonut : donut}\n\n        {showLegend && segments && (\n          <DonutChartLegend\n            showLegend={showLegend}\n            segments={segments}\n            formatOptions={formatOptions}\n          />\n        )}\n      </div>\n    </Wrap>\n  );\n};\n\nexport default DonutChart;\n"],"mappings":";;;;;;;;;;;;;AAoCA,IAAa,cAAmC,UAAU;CACxD,MAAM,EACJ,OAAO,KACP,SAAS,QACT,WACA,OACA,UACA,UACA,eACA,aAAa,MACb,iBAAiB,SACjB,UACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpBA,0BAAO,YACP,SAAS,OAAOA,0BAAO,WACvBA,0BAAO,SACP,SACF;CAEA,MAAM,qBAAqB,WACvB,SAAS,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,GAAG,MAAM,IAAI,GAAG,CAAC,IACtD,KAAA;CAEJ,MAAM,aAAa,gBAAgB;CACnC,MAAM,YAAY,aAAa,IAAI;CAEnC,MAAM,iBAAiB,sBAAsB;CAI7C,MAAM,gBACJ,oBAAC,QAAD;EACE,WAAW,KAAKA,0BAAO,YAAYA,0BAAO,UAAU,SAAS;EAC7D,OAAO;GAAE,OAAO;GAAW,QAAQ;EAAU;EAC7C,eAAA;EACA,OAAA;CACD,CAAA;CAGH,MAAM,QACJ,qBAAC,KAAK,aAAN;EACE,WAAW;EACX,OAAO;EACP,GAAI;EAHN,UAAA,CAKE,oBAAC,OAAD;GACE,OAAO;GACG;GACJ;GACI;EACX,CAAA,GACD,oBAAC,iBAAD;GAAiB,OAAO;GAA+B;GACpD;EACc,CAAA,CACD;;CAGpB,OACE,oBAAC,MAAD;EAAM,IAAI,cAAc;EACtB,UAAA,qBAAC,OAAD;GAAK,WAAW,KAAKA,0BAAO,qBAAqBA,0BAAO,eAAe;GAAvE,UAAA,CACG,aAAa,gBAAgB,OAE7B,cAAc,YACb,oBAAC,kBAAD;IACc;IACF;IACK;GAChB,CAAA,CAEA;;CACD,CAAA;AAEV"}

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/DonutChart/DonutChart.module.scss
+// src/components/DonutChart/DonutChart.module.scss
 var donutChart = "flow--donut-chart";
 var border = "flow--donut-chart--border";
 var background = "flow--donut-chart--background";
@@ -41,7 +41,6 @@ var DonutChart_module_default = {
 	left,
 	"skeleton-text-shimmer": "flow--donut-chart--skeleton-text-shimmer"
 };
-//#endregion
 export { background, border, bottom, danger, DonutChart_module_default as default, donutChart, donutChartContainer, fill, info, left, legend, right, segment, skeleton, success, top, value, warning };
 
 //# sourceMappingURL=DonutChart.module.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/Donut.mjs

@@ -3,7 +3,7 @@
 import DonutChart_module_default from "../DonutChart.module.mjs";
 import { DonutChartFill } from "./DonutChartFill.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/DonutChart/components/Donut.tsx
+// src/components/DonutChart/components/Donut.tsx
 var getFillWidth = (size) => size === "m" ? 8 : 12;
 /** The width and height of the rendered donut in px. */
 var getDonutSize = (size) => getFillWidth(size) * 16;
@@ -52,7 +52,6 @@ var Donut = (props) => {
 		]
 	}) });
 };
-//#endregion
 export { Donut, getDonutSize };
 
 //# sourceMappingURL=Donut.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartFill.mjs

@@ -4,7 +4,7 @@ import { isCategoricalColor } from "../../../lib/tokens/isCategoricalColor.mjs";
 import { getCategoricalColorByIndex } from "../../../lib/tokens/getCategoricalColorByIndex.mjs";
 import DonutChart_module_default from "../DonutChart.module.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/DonutChart/components/DonutChartFill.tsx
+// src/components/DonutChart/components/DonutChartFill.tsx
 /**
 * `pathLength="100"` measures the stroke in percent, so the stylesheet draws
 * and rotates each circle from its share and its offset alone – and the load-in
@@ -42,7 +42,6 @@ var DonutChartFill = (props) => {
 		}, i);
 	});
 };
-//#endregion
 export { DonutChartFill };
 
 //# sourceMappingURL=DonutChartFill.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartLegend.mjs

@@ -7,7 +7,7 @@ import DonutChart_module_default from "../DonutChart.module.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { useNumberFormatter } from "react-aria";
-//#region src/components/DonutChart/components/DonutChartLegend.tsx
+// src/components/DonutChart/components/DonutChartLegend.tsx
 var DonutChartLegend = (props) => {
 	const { segments, showLegend, formatOptions } = props;
 	const formatter = useNumberFormatter(formatOptions);
@@ -23,7 +23,6 @@ var DonutChartLegend = (props) => {
 		})
 	});
 };
-//#endregion
 export { DonutChartLegend };
 
 //# sourceMappingURL=DonutChartLegend.mjs.map

package/dist/js/packages/components/src/components/DonutChart/components/DonutChartValue.mjs

@@ -4,7 +4,7 @@ import DonutChart_module_default from "../DonutChart.module.mjs";
 import { Children } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useNumberFormatter } from "react-aria";
-//#region src/components/DonutChart/components/DonutChartValue.tsx
+// src/components/DonutChart/components/DonutChartValue.tsx
 var DonutChartValue = (props) => {
 	const { value = 0, formatOptions, children } = props;
 	const formatter = useNumberFormatter(formatOptions);
@@ -18,7 +18,6 @@ var DonutChartValue = (props) => {
 		children: /* @__PURE__ */ jsx("strong", { children: formattedValue })
 	});
 };
-//#endregion
 export { DonutChartValue };
 
 //# sourceMappingURL=DonutChartValue.mjs.map

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

@@ -3,7 +3,7 @@
 import EmulatedBoldText_module_default from "./EmulatedBoldText.module.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/EmulatedBoldText/EmulatedBoldText.tsx
+// src/components/EmulatedBoldText/EmulatedBoldText.tsx
 var EmulatedBoldText = (props) => {
 	const { children, className, ...rest } = props;
 	const rootClassName = clsx(EmulatedBoldText_module_default.emulatedBoldText, className);
@@ -17,7 +17,6 @@ var EmulatedBoldText = (props) => {
 		})]
 	});
 };
-//#endregion
 export { EmulatedBoldText, EmulatedBoldText as default };
 
 //# sourceMappingURL=EmulatedBoldText.mjs.map

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

@@ -1,13 +1,12 @@
 "use client"
 /* */
-//#region src/components/EmulatedBoldText/EmulatedBoldText.module.scss
+// src/components/EmulatedBoldText/EmulatedBoldText.module.scss
 var emulatedBoldText = "flow--emulated-bold-text";
 var boldText = "flow--emulated-bold-text--bold-text";
 var EmulatedBoldText_module_default = {
 	emulatedBoldText,
 	boldText
 };
-//#endregion
 export { boldText, EmulatedBoldText_module_default as default, emulatedBoldText };
 
 //# sourceMappingURL=EmulatedBoldText.module.mjs.map

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

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

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

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

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

@@ -13,7 +13,7 @@ import { jsx } from "react/jsx-runtime";
 import { useObjectRef } from "react-aria";
 import * as Aria from "react-aria-components";
 import { FieldErrorContext, TextContext } from "react-aria-components";
-//#region src/components/FieldError/FieldError.tsx
+// src/components/FieldError/FieldError.tsx
 /** @flr-generate all */
 var FieldError = flowComponent("FieldError", (props) => {
 	const { children, className, ref, renderAlert, ...rest } = props;
@@ -76,7 +76,6 @@ var FieldError = flowComponent("FieldError", (props) => {
 		})
 	});
 });
-//#endregion
 export { FieldError, FieldError as default };
 
 //# sourceMappingURL=FieldError.mjs.map

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

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

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

@@ -13,7 +13,7 @@ import { DeleteButton } from "./components/DeleteButton/DeleteButton.mjs";
 import { OptionsButton } from "../List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/FileCard/FileCard.tsx
+// src/components/FileCard/FileCard.tsx
 /** @flr-generate all */
 var FileCard = flowComponent("FileCard", (props) => {
 	const { ref, onDelete, type, sizeInBytes, name, className, elementType = "div", onPress, href, target, download, imageSrc, children, isFailed } = props;
@@ -88,7 +88,6 @@ var FileCard = flowComponent("FileCard", (props) => {
 		})
 	});
 });
-//#endregion
 export { FileCard, FileCard as default };
 
 //# sourceMappingURL=FileCard.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/FileCard/FileCard.module.scss
+// src/components/FileCard/FileCard.module.scss
 var fileCard = "flow--file-card";
 var link = "flow--file-card--link";
 var text = "flow--file-card--text";
@@ -15,7 +15,6 @@ var FileCard_module_default = {
 	subTitle,
 	failed
 };
-//#endregion
 export { FileCard_module_default as default, failed, fileCard, link, subTitle, text, title };
 
 //# sourceMappingURL=FileCard.module.mjs.map

package/dist/js/packages/components/src/components/FileCard/components/Avatar/Avatar.mjs

@@ -5,7 +5,7 @@ import { IconImage } from "../../../Icon/components/icons/IconImage.mjs";
 import { Avatar as Avatar$1 } from "../../../Avatar/Avatar.mjs";
 import { Image } from "../../../Image/Image.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FileCard/components/Avatar/Avatar.tsx
+// src/components/FileCard/components/Avatar/Avatar.tsx
 var Avatar = (props) => {
 	const { type, imageSrc, isFailed } = props;
 	if (isFailed) return /* @__PURE__ */ jsx(Avatar$1, { status: "danger" });
@@ -15,7 +15,6 @@ var Avatar = (props) => {
 		children: type?.startsWith("image") ? /* @__PURE__ */ jsx(IconImage, {}) : /* @__PURE__ */ jsx(IconFile, {})
 	});
 };
-//#endregion
 export { Avatar, Avatar as default };
 
 //# sourceMappingURL=Avatar.mjs.map

package/dist/js/packages/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs

@@ -5,7 +5,7 @@ import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLoc
 import { Button } from "../../../Button/Button.mjs";
 import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FileCard/components/DeleteButton/DeleteButton.tsx
+// src/components/FileCard/components/DeleteButton/DeleteButton.tsx
 var DeleteButton = (props) => {
 	const { onDelete } = props;
 	const stringFormatter = useLocalizedStringFormatter(__locale_default, "FileCard");
@@ -17,7 +17,6 @@ var DeleteButton = (props) => {
 		children: /* @__PURE__ */ jsx(IconClose, {})
 	});
 };
-//#endregion
 export { DeleteButton, DeleteButton as default };
 
 //# sourceMappingURL=DeleteButton.mjs.map

package/dist/js/packages/components/src/components/FileCard/components/FileSizeText/FileSizeText.mjs

@@ -3,7 +3,7 @@
 import { Text } from "../../../Text/Text.mjs";
 import FileCard_module_default from "../../FileCard.module.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FileCard/components/FileSizeText/FileSizeText.tsx
+// src/components/FileCard/components/FileSizeText/FileSizeText.tsx
 var FileSizeText = (props) => {
 	const { sizeInBytes } = props;
 	return /* @__PURE__ */ jsx(Text, {
@@ -16,7 +16,6 @@ var FileSizeText = (props) => {
 		}).format(sizeInBytes)
 	});
 };
-//#endregion
 export { FileSizeText, FileSizeText as default };
 
 //# sourceMappingURL=FileSizeText.mjs.map

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

@@ -4,7 +4,7 @@ import { PropsContextProvider } from "../../lib/propsContext/components/PropsCon
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { ColumnLayout } from "../ColumnLayout/ColumnLayout.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FileCardList/FileCardList.tsx
+// src/components/FileCardList/FileCardList.tsx
 /** @flr-generate all */
 var FileCardList = flowComponent("FileCardList", (props) => {
 	const { className, ref, children, ...rest } = props;
@@ -19,7 +19,6 @@ var FileCardList = flowComponent("FileCardList", (props) => {
 		})
 	});
 });
-//#endregion
 export { FileCardList, FileCardList as default };
 
 //# sourceMappingURL=FileCardList.mjs.map

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

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
-//#region src/components/FileDropZone/FileDropZone.tsx
+// src/components/FileDropZone/FileDropZone.tsx
 /** @flr-generate all */
 var FileDropZone = flowComponent("FileDropZone", (props) => {
 	const { multiple, accept, className, onChange: onChangeDropZone, children, name, isDisabled, isReadOnly } = props;
@@ -70,7 +70,6 @@ var FileDropZone = flowComponent("FileDropZone", (props) => {
 		}), /* @__PURE__ */ jsx(FieldErrorView, {})]
 	});
 });
-//#endregion
 export { FileDropZone, FileDropZone as default };
 
 //# sourceMappingURL=FileDropZone.mjs.map

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-//#region src/components/FileDropZone/FileDropZone.module.scss
+// src/components/FileDropZone/FileDropZone.module.scss
 var fileDropZone = "flow--file-drop-zone";
 var disabled = "flow--file-drop-zone--disabled";
 var icon = "flow--file-drop-zone--icon";
@@ -17,7 +17,6 @@ var FileDropZone_module_default = {
 	"skeleton-surface-shimmer": "flow--file-drop-zone--skeleton-surface-shimmer",
 	"skeleton-text-shimmer": "flow--file-drop-zone--skeleton-text-shimmer"
 };
-//#endregion
 export { FileDropZone_module_default as default, disabled, fileDropZone, heading, icon, skeleton, text };
 
 //# sourceMappingURL=FileDropZone.module.mjs.map

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

@@ -11,7 +11,7 @@ import { useObjectRef } from "@react-aria/utils";
 import { FieldErrorContext } from "react-aria-components";
 import { useFormValidation } from "@react-aria/form";
 import { useFormValidationState } from "@react-stately/form";
-//#region src/components/FileField/FileField.tsx
+// src/components/FileField/FileField.tsx
 /** @flr-generate all */
 var FileField = flowComponent("FileField", (props) => {
 	const { children, ref, isRequired, isInvalid, isDisabled, validationBehavior, onChange, isReadOnly, ...restInputProps } = props;
@@ -56,7 +56,6 @@ var FileField = flowComponent("FileField", (props) => {
 		})
 	});
 });
-//#endregion
 export { FileField, FileField as default };
 
 //# sourceMappingURL=FileField.mjs.map

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

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